From a0db7fdb1e8d1a3f368f27325d3916dbd01861d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Mon, 24 Aug 2020 07:18:28 +0200
Subject: [PATCH 01/13] Hide "Add payment method" if no bank/credit card
 gateway configured

---
 .../livewire/payment-methods-table.blade.php  | 32 ++++++++++---------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/resources/views/portal/ninja2020/components/livewire/payment-methods-table.blade.php b/resources/views/portal/ninja2020/components/livewire/payment-methods-table.blade.php
index a5e56ad4e9..cc77da02bf 100644
--- a/resources/views/portal/ninja2020/components/livewire/payment-methods-table.blade.php
+++ b/resources/views/portal/ninja2020/components/livewire/payment-methods-table.blade.php
@@ -10,22 +10,24 @@
             </select>
         </div>
         <div class="relative" x-data="{ open: false }" x-on:click.away="open = false">
-            <button x-on:click="open = !open" class="button button-primary">{{ ctrans('texts.add_payment_method') }}</button>
-            <div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg">
-                <div class="py-1 rounded-md bg-white shadow-xs">
-                    @if($client->getCreditCardGateway())
-                        <a href="{{ route('client.payment_methods.create', ['method' => App\Models\GatewayType::CREDIT_CARD]) }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition ease-in-out duration-150">
-                            {{ ctrans('texts.credit_card') }}
-                        </a>
-                    @endif
-                    
-                    @if($client->getBankTransferGateway())
-                        <a href="{{ route('client.payment_methods.create', ['method' => $client->getBankTransferMethodType()]) }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition ease-in-out duration-150">
-                            {{ ctrans('texts.bank_account') }}
-                        </a>
-                    @endif
+            <!-- Add payment method button -->
+            @if($client->getCreditCardGateway() || $client->getBankTransferGateway())
+                <button x-on:click="open = !open" class="button button-primary">{{ ctrans('texts.add_payment_method') }}</button>
+                <div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg">
+                    <div class="py-1 rounded-md bg-white shadow-xs">
+                        @if($client->getCreditCardGateway())
+                            <a href="{{ route('client.payment_methods.create', ['method' => App\Models\GatewayType::CREDIT_CARD]) }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition ease-in-out duration-150">
+                                {{ ctrans('texts.credit_card') }}
+                            </a>
+                        @endif
+                        @if($client->getBankTransferGateway())
+                            <a href="{{ route('client.payment_methods.create', ['method' => $client->getBankTransferMethodType()]) }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition ease-in-out duration-150">
+                                {{ ctrans('texts.bank_account') }}
+                            </a>
+                        @endif
+                    </div>
                 </div>
-            </div>
+            @endif
         </div>
     </div>
     <div class="-my-2 py-2 overflow-x-auto sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8">

From c985bdf1aabb5fe1f29eedae49b02f713b9a8a6d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Mon, 24 Aug 2020 07:18:57 +0200
Subject: [PATCH 02/13] Hide "Pay now" button if no available payment methods

---
 resources/lang/en/texts.php                   |  3 +
 .../ninja2020/invoices/payment.blade.php      | 61 +++++++++++--------
 2 files changed, 37 insertions(+), 27 deletions(-)

diff --git a/resources/lang/en/texts.php b/resources/lang/en/texts.php
index 1f3f6f3d63..9ee1d20719 100644
--- a/resources/lang/en/texts.php
+++ b/resources/lang/en/texts.php
@@ -3264,4 +3264,7 @@ return [
     'payment_error_code_20087' => '20087: Bad Track Data (invalid CVV and/or expiry date)',
 
     'download_selected' => 'Download selected',
+
+    'to_pay_invoices' => 'To pay invoices, you have to',
+    'add_payment_method_first' => 'add payment method, first',
 ];
diff --git a/resources/views/portal/ninja2020/invoices/payment.blade.php b/resources/views/portal/ninja2020/invoices/payment.blade.php
index 443ebde9ea..7bfa33a112 100644
--- a/resources/views/portal/ninja2020/invoices/payment.blade.php
+++ b/resources/views/portal/ninja2020/invoices/payment.blade.php
@@ -5,7 +5,6 @@
     <meta name="show-invoice-terms" content="{{ $settings->show_accept_invoice_terms ? true : false }}">
     <meta name="require-invoice-signature" content="{{ $settings->require_invoice_signature ? true : false }}">
     <script src="https://cdn.jsdelivr.net/npm/signature_pad@2.3.2/dist/signature_pad.min.js"></script>
-    <meta name="turbolinks-visit-control" content="reload">
 @endpush
 
 @section('body')
@@ -23,36 +22,44 @@
             <div class="col-span-6 md:col-start-2 md:col-span-4">
                 <div class="flex justify-end">
                     <div class="flex justify-end mb-2">
-                        <div x-data="{ open: false }" @keydown.window.escape="open = false" @click.away="open = false"
-                             class="relative inline-block text-left">
-                            <div>
-                                <div class="rounded-md shadow-sm">
-                                    <button @click="open = !open" type="button"
-                                            class="inline-flex justify-center w-full rounded-md border border-gray-300 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">
-                                        {{ ctrans('texts.pay_now') }}
-                                        <svg class="-mr-1 ml-2 h-5 w-5" fill="currentColor" viewBox="0 0 20 20">
-                                            <path fill-rule="evenodd"
-                                                  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"
-                                                  clip-rule="evenodd"/>
-                                        </svg>
-                                    </button>
+                        <!-- Pay now button -->
+                        @if(count($payment_methods) > 0)
+                            <div x-data="{ open: false }" @keydown.window.escape="open = false" @click.away="open = false"
+                                class="relative inline-block text-left">
+                                <div>
+                                    <div class="rounded-md shadow-sm">
+                                        <button @click="open = !open" type="button"
+                                                class="inline-flex justify-center w-full rounded-md border border-gray-300 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">
+                                            {{ ctrans('texts.pay_now') }}
+                                            <svg class="-mr-1 ml-2 h-5 w-5" fill="currentColor" viewBox="0 0 20 20">
+                                                <path fill-rule="evenodd"
+                                                    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"
+                                                    clip-rule="evenodd"/>
+                                            </svg>
+                                        </button>
+                                    </div>
                                 </div>
-                            </div>
-                            <div x-show="open" class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg">
-                                <div class="rounded-md bg-white shadow-xs">
-                                    <div class="py-1">
-                                        @foreach($payment_methods as $payment_method)
-                                            <a data-turbolinks="false" href="#" @click="{ open = false }"
-                                               data-company-gateway-id="{{ $payment_method['company_gateway_id'] }}"
-                                               data-gateway-type-id="{{ $payment_method['gateway_type_id'] }}"
-                                               class="dropdown-gateway-button 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">
-                                                {{ $payment_method['label'] }}
-                                            </a>
-                                        @endforeach
+                                <div x-show="open" class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg">
+                                    <div class="rounded-md bg-white shadow-xs">
+                                        <div class="py-1">
+                                            @foreach($payment_methods as $payment_method)
+                                                <a data-turbolinks="false" href="#" @click="{ open = false }"
+                                                data-company-gateway-id="{{ $payment_method['company_gateway_id'] }}"
+                                                data-gateway-type-id="{{ $payment_method['gateway_type_id'] }}"
+                                                class="dropdown-gateway-button 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">
+                                                    {{ $payment_method['label'] }}
+                                                </a>
+                                            @endforeach
+                                        </div>
                                     </div>
                                 </div>
                             </div>
-                        </div>
+                        @else
+                            <span class="inline-flex items-center text-sm">
+                                <span>{{ ctrans('texts.to_pay_invoices') }} &nbsp;</span>
+                                <a class="button-link" href="{{ route('client.payment_methods.index') }}">{{ ctrans('texts.add_payment_method_first') }}.</a>
+                            </span>
+                        @endif
                     </div>
                 </div>
 

From f8c1a0c03144dd60ce66758a156291610783cfc0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Mon, 24 Aug 2020 07:47:16 +0200
Subject: [PATCH 03/13] Fix $this->fees_and_limits

---
 app/Models/CompanyGateway.php | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/Models/CompanyGateway.php b/app/Models/CompanyGateway.php
index 3a086b51b1..8af8daf2fb 100644
--- a/app/Models/CompanyGateway.php
+++ b/app/Models/CompanyGateway.php
@@ -237,10 +237,15 @@ class CompanyGateway extends BaseModel
 
     public function calcGatewayFee($amount)
     {
+        if (is_null($this->fees_and_limits)) {
+            return 0;
+        }
+
         $fees_and_limits = new \stdClass;
 
-        foreach($this->fees_and_limits as $key => $value)
+        foreach($this->fees_and_limits as $key => $value) {
             $fees_and_limits = $this->fees_and_limits->{$key};
+        }
 
         $fee = 0;
 

From e518b3ca8d2710046bc156d4ea882bf7e610d55e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Mon, 24 Aug 2020 08:25:12 +0200
Subject: [PATCH 04/13] Stripe (CC): Add spinner for form processing

---
 resources/js/clients/payments/process.js              | 11 ++++++++++-
 resources/sass/components/buttons.scss                |  4 ++++
 .../ninja2020/gateways/stripe/credit_card.blade.php   |  6 +++++-
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/resources/js/clients/payments/process.js b/resources/js/clients/payments/process.js
index d4510cc418..9ae033b8d8 100644
--- a/resources/js/clients/payments/process.js
+++ b/resources/js/clients/payments/process.js
@@ -34,7 +34,11 @@ class ProcessStripePayment {
     }
 
     completePaymentUsingToken() {
-        let payNowButton = document.getElementById("pay-now-with-token");
+        let payNowButton = document.getElementById('pay-now-with-token');
+        this.payNowButton = payNowButton;
+
+        payNowButton.querySelector('svg').classList.remove('hidden');
+        payNowButton.disabled = true;
 
         this.stripe
             .handleCardPayment(payNowButton.dataset.secret, {
@@ -82,6 +86,8 @@ class ProcessStripePayment {
                 tokenBillingCheckbox.checked;
         }
 
+        this.payNowButton.querySelector('svg').classList.add('hidden');
+
         document.getElementById("server-response").submit();
     }
 
@@ -91,6 +97,9 @@ class ProcessStripePayment {
         errors.textContent = "";
         errors.textContent = message;
         errors.hidden = false;
+
+        this.payNowButton.querySelector('svg').classList.add('hidden');
+        this.payNowButton.disabled = false;
     }
 
     handle() {
diff --git a/resources/sass/components/buttons.scss b/resources/sass/components/buttons.scss
index 88b8e378ad..fb02424164 100644
--- a/resources/sass/components/buttons.scss
+++ b/resources/sass/components/buttons.scss
@@ -2,6 +2,10 @@
     @apply rounded py-3 px-4 text-sm leading-4 transition duration-150 ease-in-out font-semibold;
 }
 
+button:disabled {
+    @apply opacity-50 cursor-not-allowed;
+}
+
 .button-primary {
     @apply bg-blue-500 text-white;
 
diff --git a/resources/views/portal/ninja2020/gateways/stripe/credit_card.blade.php b/resources/views/portal/ninja2020/gateways/stripe/credit_card.blade.php
index 8b8a5e1fd2..b3df4b2759 100644
--- a/resources/views/portal/ninja2020/gateways/stripe/credit_card.blade.php
+++ b/resources/views/portal/ninja2020/gateways/stripe/credit_card.blade.php
@@ -47,7 +47,11 @@
                                         data-secret="{{ $intent->client_secret }}"
                                         data-token="{{ $token->token }}"
                                         id="pay-now-with-token"
-                                        class="button button-primary">
+                                        class="button button-primary inline-flex items-center">
+                                            <svg class="hidden animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                                                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                                                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                                            </svg>
                                         {{ ctrans('texts.pay_now') }}
                                     </button>
                                 </div>

From f12553bae8e569d40bea8f0b9e081845f5ad52ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Mon, 24 Aug 2020 09:07:44 +0200
Subject: [PATCH 05/13] wip

---
 public/css/app.css                            | 180752 ++++++++++++++-
 public/js/app.js                              |   3311 +-
 .../js/clients/invoices/action-selectors.js   |    242 +-
 public/js/clients/invoices/payment.js         |    221 +-
 .../clients/payment_methods/authorize-ach.js  |    196 +-
 .../authorize-authorize-card.js               |    200 +-
 .../payment_methods/authorize-stripe-card.js  |    211 +-
 public/js/clients/payments/alipay.js          |    166 +-
 .../payments/authorize-credit-card-payment.js |    241 +-
 public/js/clients/payments/card-js.min.js     |    113 +-
 public/js/clients/payments/checkout.com.js    |    135 +-
 public/js/clients/payments/process.js         |    247 +-
 public/js/clients/payments/sofort.js          |    169 +-
 public/js/clients/quotes/action-selectors.js  |    242 +-
 public/js/clients/quotes/approve.js           |    174 +-
 .../js/clients/shared/multiple-downloads.js   |    142 +-
 public/js/clients/shared/pdf.js               |   1056 +-
 public/js/setup/setup.js                      |   2240 +-
 public/mix-manifest.json                      |     36 +-
 resources/js/clients/payments/process.js      |     13 +-
 .../components/general/sidebar/main.blade.php |      2 +-
 .../ninja2020/components/processing.blade.php |     39 +
 .../portal/ninja2020/layout/app.blade.php     |      1 +
 23 files changed, 190092 insertions(+), 57 deletions(-)
 create mode 100644 resources/views/portal/ninja2020/components/processing.blade.php

diff --git a/public/css/app.css b/public/css/app.css
index a77456532e..040fb4f15c 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1 +1,180751 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:Open Sans,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;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #d2d6dc}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#a0aec0}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0aec0}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#a0aec0}input::placeholder,textarea::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.375rem;padding:.5rem .75rem;font-size:1rem;line-height:1.5}.form-input::-webkit-input-placeholder{color:#9fa6b2;opacity:1}.form-input::-moz-placeholder{color:#9fa6b2;opacity:1}.form-input:-ms-input-placeholder{color:#9fa6b2;opacity:1}.form-input::-ms-input-placeholder{color:#9fa6b2;opacity:1}.form-input::placeholder{color:#9fa6b2;opacity:1}.form-input:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.375rem;padding:.5rem .75rem;font-size:1rem;line-height:1.5}.form-textarea::-webkit-input-placeholder{color:#9fa6b2;opacity:1}.form-textarea::-moz-placeholder{color:#9fa6b2;opacity:1}.form-textarea:-ms-input-placeholder{color:#9fa6b2;opacity:1}.form-textarea::-ms-input-placeholder{color:#9fa6b2;opacity:1}.form-textarea::placeholder{color:#9fa6b2;opacity:1}.form-textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-multiselect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.375rem;padding:.5rem .75rem;font-size:1rem;line-height:1.5}.form-multiselect:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;background-repeat:no-repeat;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.375rem;padding:.5rem 2.5rem .5rem .75rem;font-size:1rem;line-height:1.5;background-position:right .5rem center;background-size:1.5em 1.5em}.form-select::-ms-expand{color:#9fa6b2;border:none}@media not print{.form-select::-ms-expand{display:none}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.form-select{padding-right:.75rem}}.form-select:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#3f83f8;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.25rem}.form-checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media not print{.form-checkbox::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-checkbox:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-checkbox:checked:focus{border-color:transparent}.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;border-radius:100%;height:1rem;width:1rem;color:#3f83f8;background-color:#fff;border-color:#d2d6dc;border-width:1px}.form-radio:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media not print{.form-radio::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-radio:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-radio:checked:focus{border-color:transparent}.button{border-radius:.25rem;padding:.75rem 1rem;font-size:.875rem;line-height:1rem;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);font-weight:600}.button-primary{--bg-opacity:1;background-color:#3f83f8;background-color:rgba(63,131,248,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.button-primary:hover{--bg-opacity:1;background-color:#1c64f2;background-color:rgba(28,100,242,var(--bg-opacity))}.button-block{display:block;width:100%}.button-danger{--bg-opacity:1;background-color:#f05252;background-color:rgba(240,82,82,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.button-danger:hover{--bg-opacity:1;background-color:#e02424;background-color:rgba(224,36,36,var(--bg-opacity))}.button-secondary{--bg-opacity:1;background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity))}.button-secondary:hover{--bg-opacity:1;background-color:#e5e7eb;background-color:rgba(229,231,235,var(--bg-opacity))}.button-link{--text-opacity:1;color:#1c64f2;color:rgba(28,100,242,var(--text-opacity))}.button-link:hover{--text-opacity:1;color:#1a56db;color:rgba(26,86,219,var(--text-opacity));text-decoration:underline}.button-link:focus{outline:0;text-decoration:underline}.validation{border-left-width:2px;margin-top:.5rem;margin-bottom:.25rem;--bg-opacity:1;background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity));padding:.25rem .75rem}.validation-fail{border-color:#f05252;border-color:rgba(240,82,82,var(--border-opacity))}.validation-fail,.validation-pass{--border-opacity:1;--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity));font-size:.875rem}.validation-pass{border-color:#0e9f6e;border-color:rgba(14,159,110,var(--border-opacity))}.input{align-items:center;border-width:1px;--border-opacity:1;border-color:#d2d6dc;border-color:rgba(210,214,220,var(--border-opacity));border-radius:.25rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.875rem}.input:focus{outline:0;--border-opacity:1;border-color:#3f83f8;border-color:rgba(63,131,248,var(--border-opacity))}.input-label{font-size:.875rem;--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.input-slim{padding-top:.5rem;padding-bottom:.5rem}.alert{padding:.75rem 1rem;font-size:.875rem;border-left-width:2px;margin-top:.5rem;margin-bottom:.25rem;--bg-opacity:1;background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity));--border-opacity:1;border-color:#9fa6b2;border-color:rgba(159,166,178,var(--border-opacity))}.alert-success{--border-opacity:1;border-color:#0e9f6e;border-color:rgba(14,159,110,var(--border-opacity))}.alert-failure{--border-opacity:1;border-color:#f05252;border-color:rgba(240,82,82,var(--border-opacity))}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1rem}.badge-light{background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity));color:#252f3f;color:rgba(37,47,63,var(--text-opacity))}.badge-light,.badge-primary{--bg-opacity:1;--text-opacity:1}.badge-primary{background-color:#c3ddfd;background-color:rgba(195,221,253,var(--bg-opacity));color:#3f83f8;color:rgba(63,131,248,var(--text-opacity))}.badge-danger{background-color:#fde8e8;background-color:rgba(253,232,232,var(--bg-opacity));color:#f05252;color:rgba(240,82,82,var(--text-opacity))}.badge-danger,.badge-success{--bg-opacity:1;--text-opacity:1}.badge-success{background-color:#def7ec;background-color:rgba(222,247,236,var(--bg-opacity));color:#0e9f6e;color:rgba(14,159,110,var(--text-opacity))}.badge-secondary{--bg-opacity:1;background-color:#252f3f;background-color:rgba(37,47,63,var(--bg-opacity));--text-opacity:1;color:#e5e7eb;color:rgba(229,231,235,var(--text-opacity))}.badge-warning{background-color:#feecdc;background-color:rgba(254,236,220,var(--bg-opacity));color:#ff5a1f;color:rgba(255,90,31,var(--text-opacity))}.badge-info,.badge-warning{--bg-opacity:1;--text-opacity:1}.badge-info{background-color:#e1effe;background-color:rgba(225,239,254,var(--bg-opacity));color:#3f83f8;color:rgba(63,131,248,var(--text-opacity))}@media (min-width:640px){.dataTables_length{margin-top:1.25rem!important;margin-bottom:1.25rem!important}}@media (min-width:1024px){.dataTables_length{margin-top:1rem!important;margin-bottom:1rem!important}}.dataTables_length select{--bg-opacity:1!important;background-color:#fff!important;background-color:rgba(255,255,255,var(--bg-opacity))!important;align-items:center!important;border-width:1px!important;--border-opacity:1!important;border-color:#d2d6dc!important;border-color:rgba(210,214,220,var(--border-opacity))!important;border-radius:.25rem!important;margin-top:.5rem!important;font-size:.875rem!important;margin-left:.5rem!important;margin-right:.5rem!important;padding:.5rem!important}.dataTables_filter{margin-bottom:1rem}.dataTables_filter input{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-color:#fff!important;border-radius:.375rem!important;font-size:1rem!important;line-height:1.5!important;align-items:center!important;border-width:1px!important;--border-opacity:1!important;border-color:#d2d6dc!important;border-color:rgba(210,214,220,var(--border-opacity))!important;border-radius:.25rem!important;margin-top:.5rem!important;padding:.5rem 1rem!important;font-size:.875rem!important}@media (min-width:1024px){.dataTables_filter{margin-top:-3rem!important}}.dataTables_paginate{padding-bottom:1.5rem!important;padding-top:.5rem!important}.dataTables_paginate .paginate_button{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform!important;transition-duration:.15s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;font-weight:600!important;--bg-opacity:1!important;background-color:#fff!important;background-color:rgba(255,255,255,var(--bg-opacity))!important;border-width:1px!important;--border-opacity:1!important;border-color:#d2d6dc!important;border-color:rgba(210,214,220,var(--border-opacity))!important;font-size:.875rem!important;line-height:1rem!important;font-weight:500!important;border-radius:.25rem!important;--text-opacity:1!important;color:#374151!important;color:rgba(55,65,81,var(--text-opacity))!important;margin-right:.25rem!important;padding:.5rem 1rem!important;cursor:pointer!important}.dataTables_paginate .current{--bg-opacity:1!important;background-color:#1c64f2!important;background-color:rgba(28,100,242,var(--bg-opacity))!important;--text-opacity:1!important;color:#fff!important;color:rgba(255,255,255,var(--text-opacity))!important}.dataTables_info{font-size:.875rem!important}.dataTables_empty{padding-top:1rem!important;padding-bottom:1rem!important}.pagination{display:flex!important;align-items:center!important}.pagination .page-link{margin-top:-1px!important;border-top-width:2px!important;border-color:transparent!important;padding-top:1rem!important;padding-left:1rem!important;padding-right:1rem!important;display:inline-flex!important;align-items:center!important;font-size:.875rem!important;line-height:1.25rem!important;font-weight:500!important;--text-opacity:1!important;color:#6b7280!important;color:rgba(107,114,128,var(--text-opacity))!important;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important;cursor:pointer!important}.pagination .page-link:hover{--text-opacity:1!important;color:#374151!important;color:rgba(55,65,81,var(--text-opacity))!important;--border-opacity:1!important;border-color:#d2d6dc!important;border-color:rgba(210,214,220,var(--border-opacity))!important}.pagination .page-link:focus{outline:0;--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity));--border-opacity:1;border-color:#9fa6b2;border-color:rgba(159,166,178,var(--border-opacity))}.pagination .active>span{--text-opacity:1!important;color:#1c64f2!important;color:rgba(28,100,242,var(--text-opacity))!important;--border-opacity:1!important;border-color:#1c64f2!important;border-color:rgba(28,100,242,var(--border-opacity))!important}.active-page{--bg-opacity:1!important;background-color:#233876!important;background-color:rgba(35,56,118,var(--bg-opacity))!important}.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*(1 - var(--space-x-reverse)))}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-50{--bg-opacity:1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity))}.bg-gray-200{--bg-opacity:1;background-color:#e5e7eb;background-color:rgba(229,231,235,var(--bg-opacity))}.bg-gray-500{--bg-opacity:1;background-color:#6b7280;background-color:rgba(107,114,128,var(--bg-opacity))}.bg-gray-600{--bg-opacity:1;background-color:#4b5563;background-color:rgba(75,85,99,var(--bg-opacity))}.bg-gray-800{--bg-opacity:1;background-color:#252f3f;background-color:rgba(37,47,63,var(--bg-opacity))}.bg-gray-900{--bg-opacity:1;background-color:#161e2e;background-color:rgba(22,30,46,var(--bg-opacity))}.bg-red-100{--bg-opacity:1;background-color:#fde8e8;background-color:rgba(253,232,232,var(--bg-opacity))}.bg-blue-50{--bg-opacity:1;background-color:#ebf5ff;background-color:rgba(235,245,255,var(--bg-opacity))}.bg-blue-800{--bg-opacity:1;background-color:#1e429f;background-color:rgba(30,66,159,var(--bg-opacity))}.bg-blue-900{--bg-opacity:1;background-color:#233876;background-color:rgba(35,56,118,var(--bg-opacity))}.hover\:bg-gray-100:hover{--bg-opacity:1;background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity))}.hover\:bg-blue-900:hover{--bg-opacity:1;background-color:#233876;background-color:rgba(35,56,118,var(--bg-opacity))}.focus\:bg-gray-100:focus{--bg-opacity:1;background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity))}.focus\:bg-gray-600:focus{--bg-opacity:1;background-color:#4b5563;background-color:rgba(75,85,99,var(--bg-opacity))}.focus\:bg-blue-900:focus{--bg-opacity:1;background-color:#233876;background-color:rgba(35,56,118,var(--bg-opacity))}.active\:bg-gray-50:active{--bg-opacity:1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--bg-opacity))}.border-transparent{border-color:transparent}.border-gray-100{--border-opacity:1;border-color:#f4f5f7;border-color:rgba(244,245,247,var(--border-opacity))}.border-gray-200{--border-opacity:1;border-color:#e5e7eb;border-color:rgba(229,231,235,var(--border-opacity))}.border-gray-300{--border-opacity:1;border-color:#d2d6dc;border-color:rgba(210,214,220,var(--border-opacity))}.border-gray-800{--border-opacity:1;border-color:#252f3f;border-color:rgba(37,47,63,var(--border-opacity))}.border-green-500{--border-opacity:1;border-color:#0e9f6e;border-color:rgba(14,159,110,var(--border-opacity))}.border-blue-500{--border-opacity:1;border-color:#3f83f8;border-color:rgba(63,131,248,var(--border-opacity))}.border-blue-600{--border-opacity:1;border-color:#1c64f2;border-color:rgba(28,100,242,var(--border-opacity))}.hover\:border-gray-300:hover{--border-opacity:1;border-color:#d2d6dc;border-color:rgba(210,214,220,var(--border-opacity))}.focus\:border-gray-400:focus{--border-opacity:1;border-color:#9fa6b2;border-color:rgba(159,166,178,var(--border-opacity))}.focus\:border-blue-300:focus{--border-opacity:1;border-color:#a4cafe;border-color:rgba(164,202,254,var(--border-opacity))}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.border-none{border-style:none}.border-0{border-width:0}.border{border-width:1px}.border-t-2{border-top-width:2px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.font-sans{font-family:Open Sans,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}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.h-0{height:0}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-12{height:3rem}.h-16{height:4rem}.h-32{height:8rem}.h-screen{height:100vh}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.m-auto{margin:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.mx-auto{margin-left:auto;margin-right:auto}.-my-2{margin-top:-.5rem;margin-bottom:-.5rem}.mb-0{margin-bottom:0}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-6{margin-bottom:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mb-10{margin-bottom:2.5rem}.-mr-1{margin-right:-.25rem}.-ml-1{margin-left:-.25rem}.-mr-14{margin-right:-3.5rem}.-mt-px{margin-top:-1px}.max-w-xs{max-width:20rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.min-w-full{min-width:100%}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-0{opacity:0}.opacity-75{opacity:.75}.opacity-100{opacity:1}.focus\:outline-none:focus{outline:0}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.pr-1{padding-right:.25rem}.pl-1{padding-left:.25rem}.pt-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{right:0;left:0}.inset-0,.inset-y-0{top:0;bottom:0}.inset-x-0{right:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.shadow-xs{box-shadow:0 0 0 1px rgba(0,0,0,.05)}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.focus\:shadow-outline:focus{box-shadow:0 0 0 3px rgba(118,169,250,.45)}.focus\:shadow-outline-blue:focus{box-shadow:0 0 0 3px rgba(164,202,254,.45)}.fill-current{fill:currentColor}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-black{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.text-gray-300{--text-opacity:1;color:#d2d6dc;color:rgba(210,214,220,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#9fa6b2;color:rgba(159,166,178,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity))}.text-gray-800{--text-opacity:1;color:#252f3f;color:rgba(37,47,63,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity))}.text-red-400{--text-opacity:1;color:#f98080;color:rgba(249,128,128,var(--text-opacity))}.text-red-600{--text-opacity:1;color:#e02424;color:rgba(224,36,36,var(--text-opacity))}.text-blue-600{--text-opacity:1;color:#1c64f2;color:rgba(28,100,242,var(--text-opacity))}.hover\:text-gray-300:hover{--text-opacity:1;color:#d2d6dc;color:rgba(210,214,220,var(--text-opacity))}.hover\:text-gray-500:hover{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.hover\:text-gray-600:hover{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.hover\:text-gray-700:hover{--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity))}.hover\:text-gray-800:hover{--text-opacity:1;color:#252f3f;color:rgba(37,47,63,var(--text-opacity))}.hover\:text-gray-900:hover{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity))}.hover\:text-blue-600:hover{--text-opacity:1;color:#1c64f2;color:rgba(28,100,242,var(--text-opacity))}.hover\:text-indigo-900:hover{--text-opacity:1;color:#362f78;color:rgba(54,47,120,var(--text-opacity))}.focus\:text-gray-500:focus{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.focus\:text-gray-600:focus{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.focus\:text-gray-700:focus{--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity))}.focus\:text-gray-900:focus{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity))}.active\:text-gray-800:active{--text-opacity:1;color:#252f3f;color:rgba(37,47,63,var(--text-opacity))}.uppercase{text-transform:uppercase}.focus\:underline:focus{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tracking-wider{letter-spacing:.05em}.align-middle{vertical-align:middle}.whitespace-no-wrap{white-space:nowrap}.w-0{width:0}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-48{width:12rem}.w-56{width:14rem}.w-64{width:16rem}.w-auto{width:auto}.w-1\/2{width:50%}.w-full{width:100%}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.gap-4{grid-gap:1rem;gap:1rem}.gap-6{grid-gap:1.5rem;gap:1.5rem}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-12{grid-column:span 12/span 12}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-5{grid-column-start:5}.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))}.origin-top-right{transform-origin:top right}.scale-95{--transform-scale-x:.95;--transform-scale-y:.95}.scale-100{--transform-scale-x:1;--transform-scale-y:1}.translate-x-0{--transform-translate-x:0}.-translate-x-full{--transform-translate-x:-100%}.translate-y-0{--transform-translate-y:0}.translate-y-4{--transform-translate-y:1rem}.transition-all{transition-property:all}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}.transition-opacity{transition-property:opacity}.ease-linear{transition-timing-function:linear}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:flex-shrink-0{flex-shrink:0}.sm\:h-10{height:2.5rem}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.sm\:mt-0{margin-top:0}.sm\:ml-3{margin-left:.75rem}.sm\:mt-4{margin-top:1rem}.sm\:ml-4{margin-left:1rem}.sm\:mt-6{margin-top:1.5rem}.sm\:ml-6{margin-left:1.5rem}.sm\:max-w-lg{max-width:32rem}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:inset-0{top:0;right:0;bottom:0;left:0}.sm\:text-left{text-align:left}.sm\:w-10{width:2.5rem}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:gap-4{grid-gap:1rem;gap:1rem}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:scale-95{--transform-scale-x:.95;--transform-scale-y:.95}.sm\:scale-100{--transform-scale-x:1;--transform-scale-y:1}.sm\:translate-y-0{--transform-translate-y:0}}@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:justify-between{justify-content:space-between}.md\:flex-shrink-0{flex-shrink:0}.md\:mt-0{margin-top:0}.md\:mr-2{margin-right:.5rem}.md\:ml-2{margin-left:.5rem}.md\:ml-6{margin-left:1.5rem}.md\:mt-10{margin-top:2.5rem}.md\:-mr-1{margin-right:-.25rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:gap-6{grid-gap:1.5rem;gap:1.5rem}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-start-2{grid-column-start:2}.md\:col-start-4{grid-column-start:4}}@media (min-width:1024px){.lg\:block{display:block}.lg\:-mx-8{margin-left:-2rem;margin-right:-2rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:w-1\/4{width:25%}.lg\:w-1\/5{width:20%}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-3{grid-column:span 3/span 3}}
\ No newline at end of file
+/* purgecss start ignore */
+
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}
+
+/**
+ * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
+ * A thin layer on top of normalize.css that provides a starting point more
+ * suitable for web applications.
+ */
+
+/**
+ * Removes the default spacing and border for appropriate elements.
+ */
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+
+button {
+  background-color: transparent;
+  background-image: none;
+}
+
+/**
+ * Work around a Firefox/IE bug where the transparent `button` background
+ * results in a loss of the default `button` focus styles.
+ */
+
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+
+ol,
+ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/**
+ * Tailwind custom reset styles
+ */
+
+/**
+ * 1. Use the user's configured `sans` font-family (with Tailwind's default
+ *    sans-serif font stack as a fallback) as a sane default.
+ * 2. Use Tailwind's default "normal" line-height so the user isn't forced
+ *    to override it to ensure consistency even when using the default theme.
+ */
+
+html {
+  font-family: Open Sans, 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"; /* 1 */
+  line-height: 1.5; /* 2 */
+}
+
+/**
+ * 1. Prevent padding and border from affecting element width.
+ *
+ *    We used to set this in the html element and inherit from
+ *    the parent element for everything else. This caused issues
+ *    in shadow-dom-enhanced elements like <details> where the content
+ *    is wrapped by a div with box-sizing set to `content-box`.
+ *
+ *    https://github.com/mozdevs/cssremedy/issues/4
+ *
+ *
+ * 2. Allow adding a border to an element by just adding a border-width.
+ *
+ *    By default, the way the browser specifies that an element should have no
+ *    border is by setting it's border-style to `none` in the user-agent
+ *    stylesheet.
+ *
+ *    In order to easily add borders to elements by just setting the `border-width`
+ *    property, we change the default border-style for all elements to `solid`, and
+ *    use border-width to hide them instead. This way our `border` utilities only
+ *    need to set the `border-width` property instead of the entire `border`
+ *    shorthand, making our border utilities much more straightforward to compose.
+ *
+ *    https://github.com/tailwindcss/tailwindcss/pull/116
+ */
+
+*,
+::before,
+::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: #d2d6dc; /* 2 */
+}
+
+/*
+ * Ensure horizontal rules are visible by default
+ */
+
+hr {
+  border-top-width: 1px;
+}
+
+/**
+ * Undo the `border-style: none` reset that Normalize applies to images so that
+ * our `border-{width}` utilities have the expected effect.
+ *
+ * The Normalize reset is unnecessary for us since we default the border-width
+ * to 0 on all elements.
+ *
+ * https://github.com/tailwindcss/tailwindcss/issues/362
+ */
+
+img {
+  border-style: solid;
+}
+
+textarea {
+  resize: vertical;
+}
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+  color: #a0aec0;
+}
+
+input:-ms-input-placeholder, textarea:-ms-input-placeholder {
+  color: #a0aec0;
+}
+
+input::-ms-input-placeholder, textarea::-ms-input-placeholder {
+  color: #a0aec0;
+}
+
+input::placeholder,
+textarea::placeholder {
+  color: #a0aec0;
+}
+
+button,
+[role="button"] {
+  cursor: pointer;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+/**
+ * Reset links to optimize for opt-in styling instead of
+ * opt-out.
+ */
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+/**
+ * Reset form element properties that are easy to forget to
+ * style explicitly so you don't inadvertently introduce
+ * styles that deviate from your design system. These styles
+ * supplement a partial reset that is already applied by
+ * normalize.css.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  padding: 0;
+  line-height: inherit;
+  color: inherit;
+}
+
+/**
+ * Use the configured 'mono' font family for elements that
+ * are expected to be rendered with a monospace font, falling
+ * back to the system monospace stack if there is no configured
+ * 'mono' font family.
+ */
+
+pre,
+code,
+kbd,
+samp {
+  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+/**
+ * Make replaced elements `display: block` by default as that's
+ * the behavior you want almost all of the time. Inspired by
+ * CSS Remedy, with `svg` added as well.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/14
+ */
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  vertical-align: middle;
+}
+
+/**
+ * Constrain images and videos to the parent width and preserve
+ * their instrinsic aspect ratio.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/14
+ */
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+.container {
+  width: 100%;
+}
+
+@media (min-width: 640px) {
+  .container {
+    max-width: 640px;
+  }
+}
+
+@media (min-width: 768px) {
+  .container {
+    max-width: 768px;
+  }
+}
+
+@media (min-width: 1024px) {
+  .container {
+    max-width: 1024px;
+  }
+}
+
+@media (min-width: 1280px) {
+  .container {
+    max-width: 1280px;
+  }
+}
+
+.form-input {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: #ffffff;
+  border-color: #d2d6dc;
+  border-width: 1px;
+  border-radius: 0.375rem;
+  padding-top: 0.5rem;
+  padding-right: 0.75rem;
+  padding-bottom: 0.5rem;
+  padding-left: 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.form-input::-moz-placeholder {
+  color: #9fa6b2;
+  opacity: 1;
+}
+
+.form-input:-ms-input-placeholder {
+  color: #9fa6b2;
+  opacity: 1;
+}
+
+.form-input::-ms-input-placeholder {
+  color: #9fa6b2;
+  opacity: 1;
+}
+
+.form-input::placeholder {
+  color: #9fa6b2;
+  opacity: 1;
+}
+
+.form-input:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  border-color: #a4cafe;
+}
+
+.form-textarea {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: #ffffff;
+  border-color: #d2d6dc;
+  border-width: 1px;
+  border-radius: 0.375rem;
+  padding-top: 0.5rem;
+  padding-right: 0.75rem;
+  padding-bottom: 0.5rem;
+  padding-left: 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.form-textarea::-moz-placeholder {
+  color: #9fa6b2;
+  opacity: 1;
+}
+
+.form-textarea:-ms-input-placeholder {
+  color: #9fa6b2;
+  opacity: 1;
+}
+
+.form-textarea::-ms-input-placeholder {
+  color: #9fa6b2;
+  opacity: 1;
+}
+
+.form-textarea::placeholder {
+  color: #9fa6b2;
+  opacity: 1;
+}
+
+.form-textarea:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  border-color: #a4cafe;
+}
+
+.form-multiselect {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: #ffffff;
+  border-color: #d2d6dc;
+  border-width: 1px;
+  border-radius: 0.375rem;
+  padding-top: 0.5rem;
+  padding-right: 0.75rem;
+  padding-bottom: 0.5rem;
+  padding-left: 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.form-multiselect:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  border-color: #a4cafe;
+}
+
+.form-select {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  -webkit-print-color-adjust: exact;
+          color-adjust: exact;
+  background-repeat: no-repeat;
+  background-color: #ffffff;
+  border-color: #d2d6dc;
+  border-width: 1px;
+  border-radius: 0.375rem;
+  padding-top: 0.5rem;
+  padding-right: 2.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+  background-position: right 0.5rem center;
+  background-size: 1.5em 1.5em;
+}
+
+.form-select::-ms-expand {
+  color: #9fa6b2;
+  border: none;
+}
+
+@media not print {
+  .form-select::-ms-expand {
+    display: none;
+  }
+}
+
+@media print and (-ms-high-contrast: active), print and (-ms-high-contrast: none) {
+  .form-select {
+    padding-right: 0.75rem;
+  }
+}
+
+.form-select:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  border-color: #a4cafe;
+}
+
+.form-checkbox:checked {
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
+  border-color: transparent;
+  background-color: currentColor;
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+@media not print {
+  .form-checkbox::-ms-check {
+    border-width: 1px;
+    color: transparent;
+    background: inherit;
+    border-color: inherit;
+    border-radius: inherit;
+  }
+}
+
+.form-checkbox {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  -webkit-print-color-adjust: exact;
+          color-adjust: exact;
+  display: inline-block;
+  vertical-align: middle;
+  background-origin: border-box;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  flex-shrink: 0;
+  height: 1rem;
+  width: 1rem;
+  color: #3f83f8;
+  background-color: #ffffff;
+  border-color: #d2d6dc;
+  border-width: 1px;
+  border-radius: 0.25rem;
+}
+
+.form-checkbox:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  border-color: #a4cafe;
+}
+
+.form-checkbox:checked:focus {
+  border-color: transparent;
+}
+
+.form-radio:checked {
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+  border-color: transparent;
+  background-color: currentColor;
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+@media not print {
+  .form-radio::-ms-check {
+    border-width: 1px;
+    color: transparent;
+    background: inherit;
+    border-color: inherit;
+    border-radius: inherit;
+  }
+}
+
+.form-radio {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  -webkit-print-color-adjust: exact;
+          color-adjust: exact;
+  display: inline-block;
+  vertical-align: middle;
+  background-origin: border-box;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  flex-shrink: 0;
+  border-radius: 100%;
+  height: 1rem;
+  width: 1rem;
+  color: #3f83f8;
+  background-color: #ffffff;
+  border-color: #d2d6dc;
+  border-width: 1px;
+}
+
+.form-radio:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  border-color: #a4cafe;
+}
+
+.form-radio:checked:focus {
+  border-color: transparent;
+}
+
+.button {
+  border-radius: 0.25rem;
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  font-size: 0.875rem;
+  line-height: 1rem;
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+  transition-duration: 150ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  font-weight: 600;
+}
+
+button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.button-primary {
+  --bg-opacity: 1;
+  background-color: #3f83f8;
+  background-color: rgba(63, 131, 248, var(--bg-opacity));
+  --text-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--text-opacity));
+}
+
+.button-primary:hover {
+  --bg-opacity: 1;
+  background-color: #1c64f2;
+  background-color: rgba(28, 100, 242, var(--bg-opacity));
+}
+
+.button-block {
+  display: block;
+  width: 100%;
+}
+
+.button-danger {
+  --bg-opacity: 1;
+  background-color: #f05252;
+  background-color: rgba(240, 82, 82, var(--bg-opacity));
+  --text-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--text-opacity));
+}
+
+.button-danger:hover {
+  --bg-opacity: 1;
+  background-color: #e02424;
+  background-color: rgba(224, 36, 36, var(--bg-opacity));
+}
+
+.button-secondary {
+  --bg-opacity: 1;
+  background-color: #f4f5f7;
+  background-color: rgba(244, 245, 247, var(--bg-opacity));
+}
+
+.button-secondary:hover {
+  --bg-opacity: 1;
+  background-color: #e5e7eb;
+  background-color: rgba(229, 231, 235, var(--bg-opacity));
+}
+
+.button-link {
+  --text-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--text-opacity));
+}
+
+.button-link:hover {
+  --text-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--text-opacity));
+  text-decoration: underline;
+}
+
+.button-link:focus {
+  outline: 0;
+  text-decoration: underline;
+}
+
+.validation {
+  border-left-width: 2px;
+  margin-top: 0.5rem;
+  margin-bottom: 0.25rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  --bg-opacity: 1;
+  background-color: #f4f5f7;
+  background-color: rgba(244, 245, 247, var(--bg-opacity));
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+.validation-fail {
+  --border-opacity: 1;
+  border-color: #f05252;
+  border-color: rgba(240, 82, 82, var(--border-opacity));
+  --text-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--text-opacity));
+  font-size: 0.875rem;
+}
+
+.validation-pass {
+  --border-opacity: 1;
+  border-color: #0e9f6e;
+  border-color: rgba(14, 159, 110, var(--border-opacity));
+  --text-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--text-opacity));
+  font-size: 0.875rem;
+}
+
+.input {
+  align-items: center;
+  border-width: 1px;
+  --border-opacity: 1;
+  border-color: #d2d6dc;
+  border-color: rgba(210, 214, 220, var(--border-opacity));
+  border-radius: 0.25rem;
+  margin-top: 0.5rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  font-size: 0.875rem;
+}
+
+.input:focus {
+  outline: 0;
+  --border-opacity: 1;
+  border-color: #3f83f8;
+  border-color: rgba(63, 131, 248, var(--border-opacity));
+}
+
+.input-label {
+  font-size: 0.875rem;
+  --text-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--text-opacity));
+}
+
+.input-slim {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.alert {
+  --bg-opacity: 1;
+  background-color: #f4f5f7;
+  background-color: rgba(244, 245, 247, var(--bg-opacity));
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  margin-top: 1rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  font-size: 0.875rem;
+  border-left-width: 2px;
+  margin-top: 0.5rem;
+  margin-bottom: 0.25rem;
+  --bg-opacity: 1;
+  background-color: #f4f5f7;
+  background-color: rgba(244, 245, 247, var(--bg-opacity));
+  --border-opacity: 1;
+  border-color: #9fa6b2;
+  border-color: rgba(159, 166, 178, var(--border-opacity));
+}
+
+.alert-success {
+  --border-opacity: 1;
+  border-color: #0e9f6e;
+  border-color: rgba(14, 159, 110, var(--border-opacity));
+}
+
+.alert-failure {
+  --border-opacity: 1;
+  border-color: #f05252;
+  border-color: rgba(240, 82, 82, var(--border-opacity));
+}
+
+.badge {
+  display: inline-flex;
+  align-items: center;
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+  border-radius: 9999px;
+  font-size: 0.75rem;
+  font-weight: 500;
+  line-height: 1rem;
+}
+
+.badge-light {
+  --bg-opacity: 1;
+  background-color: #f4f5f7;
+  background-color: rgba(244, 245, 247, var(--bg-opacity));
+  --text-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--text-opacity));
+}
+
+.badge-primary {
+  --bg-opacity: 1;
+  background-color: #c3ddfd;
+  background-color: rgba(195, 221, 253, var(--bg-opacity));
+  --text-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--text-opacity));
+}
+
+.badge-danger {
+  --bg-opacity: 1;
+  background-color: #fde8e8;
+  background-color: rgba(253, 232, 232, var(--bg-opacity));
+  --text-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--text-opacity));
+}
+
+.badge-success {
+  --bg-opacity: 1;
+  background-color: #def7ec;
+  background-color: rgba(222, 247, 236, var(--bg-opacity));
+  --text-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--text-opacity));
+}
+
+.badge-secondary {
+  --bg-opacity: 1;
+  background-color: #252f3f;
+  background-color: rgba(37, 47, 63, var(--bg-opacity));
+  --text-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--text-opacity));
+}
+
+.badge-warning {
+  --bg-opacity: 1;
+  background-color: #feecdc;
+  background-color: rgba(254, 236, 220, var(--bg-opacity));
+  --text-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--text-opacity));
+}
+
+.badge-info {
+  --bg-opacity: 1;
+  background-color: #e1effe;
+  background-color: rgba(225, 239, 254, var(--bg-opacity));
+  --text-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--text-opacity));
+}
+
+@media (min-width: 640px) {
+  .dataTables_length {
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .dataTables_length {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
+  }
+}
+
+.dataTables_length select {
+  --bg-opacity: 1 !important;
+  background-color: #ffffff !important;
+  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
+  align-items: center !important;
+  border-width: 1px !important;
+  --border-opacity: 1 !important;
+  border-color: #d2d6dc !important;
+  border-color: rgba(210, 214, 220, var(--border-opacity)) !important;
+  border-radius: 0.25rem !important;
+  margin-top: 0.5rem !important;
+  padding-top: 0.5rem !important;
+  padding-bottom: 0.5rem !important;
+  padding-left: 1rem !important;
+  padding-right: 1rem !important;
+  font-size: 0.875rem !important;
+  padding-top: 0.5rem !important;
+  padding-bottom: 0.5rem !important;
+  margin-left: 0.5rem !important;
+  margin-right: 0.5rem !important;
+  padding-left: 0.5rem !important;
+  padding-right: 0.5rem !important;
+}
+
+.dataTables_filter {
+  margin-bottom: 1rem;
+}
+
+.dataTables_filter input {
+  -webkit-appearance: none !important;
+     -moz-appearance: none !important;
+          appearance: none !important;
+  background-color: #ffffff !important;
+  border-color: #d2d6dc !important;
+  border-width: 1px !important;
+  border-radius: 0.375rem !important;
+  padding-top: 0.5rem !important;
+  padding-right: 0.75rem !important;
+  padding-bottom: 0.5rem !important;
+  padding-left: 0.75rem !important;
+  font-size: 1rem !important;
+  line-height: 1.5 !important;
+  align-items: center !important;
+  border-width: 1px !important;
+  --border-opacity: 1 !important;
+  border-color: #d2d6dc !important;
+  border-color: rgba(210, 214, 220, var(--border-opacity)) !important;
+  border-radius: 0.25rem !important;
+  margin-top: 0.5rem !important;
+  padding-top: 0.5rem !important;
+  padding-bottom: 0.5rem !important;
+  padding-left: 1rem !important;
+  padding-right: 1rem !important;
+  font-size: 0.875rem !important;
+}
+
+@media (min-width: 1024px) {
+  .dataTables_filter {
+    margin-top: -3rem !important;
+  }
+}
+
+.dataTables_paginate {
+  padding-bottom: 1.5rem !important;
+  padding-top: 0.5rem !important;
+}
+
+.dataTables_paginate .paginate_button {
+  border-radius: 0.25rem !important;
+  padding-top: 0.75rem !important;
+  padding-bottom: 0.75rem !important;
+  padding-left: 1rem !important;
+  padding-right: 1rem !important;
+  font-size: 0.875rem !important;
+  line-height: 1rem !important;
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
+  transition-duration: 150ms !important;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+  font-weight: 600 !important;
+  --bg-opacity: 1 !important;
+  background-color: #ffffff !important;
+  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
+  border-width: 1px !important;
+  --border-opacity: 1 !important;
+  border-color: #d2d6dc !important;
+  border-color: rgba(210, 214, 220, var(--border-opacity)) !important;
+  font-size: 0.875rem !important;
+  line-height: 1rem !important;
+  font-weight: 500 !important;
+  border-radius: 0.25rem !important;
+  --text-opacity: 1 !important;
+  color: #374151 !important;
+  color: rgba(55, 65, 81, var(--text-opacity)) !important;
+  margin-right: 0.25rem !important;
+  padding-top: 0.5rem !important;
+  padding-bottom: 0.5rem !important;
+  cursor: pointer !important;
+}
+
+.dataTables_paginate .current {
+  --bg-opacity: 1 !important;
+  background-color: #1c64f2 !important;
+  background-color: rgba(28, 100, 242, var(--bg-opacity)) !important;
+  --text-opacity: 1 !important;
+  color: #ffffff !important;
+  color: rgba(255, 255, 255, var(--text-opacity)) !important;
+}
+
+.dataTables_info {
+  font-size: 0.875rem !important;
+}
+
+.dataTables_empty {
+  padding-top: 1rem !important;
+  padding-bottom: 1rem !important;
+}
+
+.pagination {
+  display: flex !important;
+  align-items: center !important;
+}
+
+.pagination .page-link {
+  margin-top: -1px !important;
+  border-top-width: 2px !important;
+  border-color: transparent !important;
+  padding-top: 1rem !important;
+  padding-left: 1rem !important;
+  padding-right: 1rem !important;
+  display: inline-flex !important;
+  align-items: center !important;
+  font-size: 0.875rem !important;
+  line-height: 1.25rem !important;
+  font-weight: 500 !important;
+  --text-opacity: 1 !important;
+  color: #6b7280 !important;
+  color: rgba(107, 114, 128, var(--text-opacity)) !important;
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+  transition-duration: 150ms !important;
+  cursor: pointer !important;
+}
+
+.pagination .page-link:hover {
+  --text-opacity: 1 !important;
+  color: #374151 !important;
+  color: rgba(55, 65, 81, var(--text-opacity)) !important;
+  --border-opacity: 1 !important;
+  border-color: #d2d6dc !important;
+  border-color: rgba(210, 214, 220, var(--border-opacity)) !important;
+}
+
+.pagination .page-link:focus {
+  outline: 0;
+  --text-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--text-opacity));
+  --border-opacity: 1;
+  border-color: #9fa6b2;
+  border-color: rgba(159, 166, 178, var(--border-opacity));
+}
+
+.pagination .active > span {
+  --text-opacity: 1 !important;
+  color: #1c64f2 !important;
+  color: rgba(28, 100, 242, var(--text-opacity)) !important;
+  --border-opacity: 1 !important;
+  border-color: #1c64f2 !important;
+  border-color: rgba(28, 100, 242, var(--border-opacity)) !important;
+}
+
+.active-page {
+  --bg-opacity: 1 !important;
+  background-color: #233876 !important;
+  background-color: rgba(35, 56, 118, var(--bg-opacity)) !important;
+}
+
+/* purgecss end ignore */
+
+.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));
+}
+
+.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)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.space-y-7 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(1.75rem * var(--space-y-reverse));
+}
+
+.space-x-7 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(1.75rem * var(--space-x-reverse));
+  margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.space-y-9 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(2.25rem * var(--space-y-reverse));
+}
+
+.space-x-9 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(2.25rem * var(--space-x-reverse));
+  margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.space-y-11 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(2.75rem * var(--space-y-reverse));
+}
+
+.space-x-11 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(2.75rem * var(--space-x-reverse));
+  margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.space-y-13 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(3.25rem * var(--space-y-reverse));
+}
+
+.space-x-13 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(3.25rem * var(--space-x-reverse));
+  margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-14 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(3.5rem * var(--space-y-reverse));
+}
+
+.space-x-14 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(3.5rem * var(--space-x-reverse));
+  margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-15 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(3.75rem * var(--space-y-reverse));
+}
+
+.space-x-15 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(3.75rem * var(--space-x-reverse));
+  margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.space-y-28 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(7rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(7rem * var(--space-y-reverse));
+}
+
+.space-x-28 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(7rem * var(--space-x-reverse));
+  margin-left: calc(7rem * calc(1 - var(--space-x-reverse)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.space-y-36 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(9rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(9rem * var(--space-y-reverse));
+}
+
+.space-x-36 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(9rem * var(--space-x-reverse));
+  margin-left: calc(9rem * calc(1 - var(--space-x-reverse)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.space-y-60 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(15rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(15rem * var(--space-y-reverse));
+}
+
+.space-x-60 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(15rem * var(--space-x-reverse));
+  margin-left: calc(15rem * calc(1 - var(--space-x-reverse)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.space-y-72 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(18rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(18rem * var(--space-y-reverse));
+}
+
+.space-x-72 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(18rem * var(--space-x-reverse));
+  margin-left: calc(18rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-80 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(20rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(20rem * var(--space-y-reverse));
+}
+
+.space-x-80 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(20rem * var(--space-x-reverse));
+  margin-left: calc(20rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-96 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(24rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(24rem * var(--space-y-reverse));
+}
+
+.space-x-96 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(24rem * var(--space-x-reverse));
+  margin-left: calc(24rem * calc(1 - var(--space-x-reverse)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.space-y-0\.5 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(0.125rem * var(--space-y-reverse));
+}
+
+.space-x-0\.5 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(0.125rem * var(--space-x-reverse));
+  margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-1\.5 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(0.375rem * var(--space-y-reverse));
+}
+
+.space-x-1\.5 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(0.375rem * var(--space-x-reverse));
+  margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-2\.5 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(0.625rem * var(--space-y-reverse));
+}
+
+.space-x-2\.5 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(0.625rem * var(--space-x-reverse));
+  margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-3\.5 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(0.875rem * var(--space-y-reverse));
+}
+
+.space-x-3\.5 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(0.875rem * var(--space-x-reverse));
+  margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-1\/2 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(50% * var(--space-y-reverse));
+}
+
+.space-x-1\/2 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(50% * var(--space-x-reverse));
+  margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-1\/3 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(33.333333% * var(--space-y-reverse));
+}
+
+.space-x-1\/3 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(33.333333% * var(--space-x-reverse));
+  margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-2\/3 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(66.666667% * var(--space-y-reverse));
+}
+
+.space-x-2\/3 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(66.666667% * var(--space-x-reverse));
+  margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-1\/4 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(25% * var(--space-y-reverse));
+}
+
+.space-x-1\/4 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(25% * var(--space-x-reverse));
+  margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-2\/4 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(50% * var(--space-y-reverse));
+}
+
+.space-x-2\/4 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(50% * var(--space-x-reverse));
+  margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-3\/4 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(75% * var(--space-y-reverse));
+}
+
+.space-x-3\/4 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(75% * var(--space-x-reverse));
+  margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-1\/5 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(20% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(20% * var(--space-y-reverse));
+}
+
+.space-x-1\/5 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(20% * var(--space-x-reverse));
+  margin-left: calc(20% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-2\/5 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(40% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(40% * var(--space-y-reverse));
+}
+
+.space-x-2\/5 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(40% * var(--space-x-reverse));
+  margin-left: calc(40% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-3\/5 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(60% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(60% * var(--space-y-reverse));
+}
+
+.space-x-3\/5 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(60% * var(--space-x-reverse));
+  margin-left: calc(60% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-4\/5 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(80% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(80% * var(--space-y-reverse));
+}
+
+.space-x-4\/5 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(80% * var(--space-x-reverse));
+  margin-left: calc(80% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-1\/6 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(16.666667% * var(--space-y-reverse));
+}
+
+.space-x-1\/6 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(16.666667% * var(--space-x-reverse));
+  margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-2\/6 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(33.333333% * var(--space-y-reverse));
+}
+
+.space-x-2\/6 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(33.333333% * var(--space-x-reverse));
+  margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-3\/6 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(50% * var(--space-y-reverse));
+}
+
+.space-x-3\/6 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(50% * var(--space-x-reverse));
+  margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-4\/6 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(66.666667% * var(--space-y-reverse));
+}
+
+.space-x-4\/6 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(66.666667% * var(--space-x-reverse));
+  margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-5\/6 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(83.333333% * var(--space-y-reverse));
+}
+
+.space-x-5\/6 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(83.333333% * var(--space-x-reverse));
+  margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-1\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(8.333333% * var(--space-y-reverse));
+}
+
+.space-x-1\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(8.333333% * var(--space-x-reverse));
+  margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-2\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(16.666667% * var(--space-y-reverse));
+}
+
+.space-x-2\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(16.666667% * var(--space-x-reverse));
+  margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-3\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(25% * var(--space-y-reverse));
+}
+
+.space-x-3\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(25% * var(--space-x-reverse));
+  margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-4\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(33.333333% * var(--space-y-reverse));
+}
+
+.space-x-4\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(33.333333% * var(--space-x-reverse));
+  margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-5\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(41.666667% * var(--space-y-reverse));
+}
+
+.space-x-5\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(41.666667% * var(--space-x-reverse));
+  margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-6\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(50% * var(--space-y-reverse));
+}
+
+.space-x-6\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(50% * var(--space-x-reverse));
+  margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-7\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(58.333333% * var(--space-y-reverse));
+}
+
+.space-x-7\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(58.333333% * var(--space-x-reverse));
+  margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-8\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(66.666667% * var(--space-y-reverse));
+}
+
+.space-x-8\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(66.666667% * var(--space-x-reverse));
+  margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-9\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(75% * var(--space-y-reverse));
+}
+
+.space-x-9\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(75% * var(--space-x-reverse));
+  margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-10\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(83.333333% * var(--space-y-reverse));
+}
+
+.space-x-10\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(83.333333% * var(--space-x-reverse));
+  margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-11\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(91.666667% * var(--space-y-reverse));
+}
+
+.space-x-11\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(91.666667% * var(--space-x-reverse));
+  margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-full > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(100% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(100% * var(--space-y-reverse));
+}
+
+.space-x-full > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(100% * var(--space-x-reverse));
+  margin-left: calc(100% * calc(1 - var(--space-x-reverse)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-space-y-7 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-1.75rem * var(--space-y-reverse));
+}
+
+.-space-x-7 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-1.75rem * var(--space-x-reverse));
+  margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-space-y-9 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-2.25rem * var(--space-y-reverse));
+}
+
+.-space-x-9 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-2.25rem * var(--space-x-reverse));
+  margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-space-y-11 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-2.75rem * var(--space-y-reverse));
+}
+
+.-space-x-11 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-2.75rem * var(--space-x-reverse));
+  margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-space-y-13 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-3.25rem * var(--space-y-reverse));
+}
+
+.-space-x-13 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-3.25rem * var(--space-x-reverse));
+  margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-14 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-3.5rem * var(--space-y-reverse));
+}
+
+.-space-x-14 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-3.5rem * var(--space-x-reverse));
+  margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-15 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-3.75rem * var(--space-y-reverse));
+}
+
+.-space-x-15 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-3.75rem * var(--space-x-reverse));
+  margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-space-y-28 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-7rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-7rem * var(--space-y-reverse));
+}
+
+.-space-x-28 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-7rem * var(--space-x-reverse));
+  margin-left: calc(-7rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-space-y-36 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-9rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-9rem * var(--space-y-reverse));
+}
+
+.-space-x-36 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-9rem * var(--space-x-reverse));
+  margin-left: calc(-9rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-space-y-60 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-15rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-15rem * var(--space-y-reverse));
+}
+
+.-space-x-60 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-15rem * var(--space-x-reverse));
+  margin-left: calc(-15rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-space-y-72 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-18rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-18rem * var(--space-y-reverse));
+}
+
+.-space-x-72 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-18rem * var(--space-x-reverse));
+  margin-left: calc(-18rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-80 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-20rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-20rem * var(--space-y-reverse));
+}
+
+.-space-x-80 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-20rem * var(--space-x-reverse));
+  margin-left: calc(-20rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-96 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-24rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-24rem * var(--space-y-reverse));
+}
+
+.-space-x-96 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-24rem * var(--space-x-reverse));
+  margin-left: calc(-24rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-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));
+}
+
+.-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)));
+}
+
+.-space-y-0\.5 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-0.125rem * var(--space-y-reverse));
+}
+
+.-space-x-0\.5 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-0.125rem * var(--space-x-reverse));
+  margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-1\.5 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-0.375rem * var(--space-y-reverse));
+}
+
+.-space-x-1\.5 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-0.375rem * var(--space-x-reverse));
+  margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-2\.5 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-0.625rem * var(--space-y-reverse));
+}
+
+.-space-x-2\.5 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-0.625rem * var(--space-x-reverse));
+  margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-3\.5 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-0.875rem * var(--space-y-reverse));
+}
+
+.-space-x-3\.5 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-0.875rem * var(--space-x-reverse));
+  margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-1\/2 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-50% * var(--space-y-reverse));
+}
+
+.-space-x-1\/2 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-50% * var(--space-x-reverse));
+  margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-1\/3 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-33.33333% * var(--space-y-reverse));
+}
+
+.-space-x-1\/3 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-33.33333% * var(--space-x-reverse));
+  margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-2\/3 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-66.66667% * var(--space-y-reverse));
+}
+
+.-space-x-2\/3 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-66.66667% * var(--space-x-reverse));
+  margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-1\/4 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-25% * var(--space-y-reverse));
+}
+
+.-space-x-1\/4 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-25% * var(--space-x-reverse));
+  margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-2\/4 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-50% * var(--space-y-reverse));
+}
+
+.-space-x-2\/4 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-50% * var(--space-x-reverse));
+  margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-3\/4 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-75% * var(--space-y-reverse));
+}
+
+.-space-x-3\/4 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-75% * var(--space-x-reverse));
+  margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-1\/5 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-20% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-20% * var(--space-y-reverse));
+}
+
+.-space-x-1\/5 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-20% * var(--space-x-reverse));
+  margin-left: calc(-20% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-2\/5 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-40% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-40% * var(--space-y-reverse));
+}
+
+.-space-x-2\/5 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-40% * var(--space-x-reverse));
+  margin-left: calc(-40% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-3\/5 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-60% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-60% * var(--space-y-reverse));
+}
+
+.-space-x-3\/5 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-60% * var(--space-x-reverse));
+  margin-left: calc(-60% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-4\/5 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-80% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-80% * var(--space-y-reverse));
+}
+
+.-space-x-4\/5 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-80% * var(--space-x-reverse));
+  margin-left: calc(-80% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-1\/6 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-16.66667% * var(--space-y-reverse));
+}
+
+.-space-x-1\/6 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-16.66667% * var(--space-x-reverse));
+  margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-2\/6 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-33.33333% * var(--space-y-reverse));
+}
+
+.-space-x-2\/6 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-33.33333% * var(--space-x-reverse));
+  margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-3\/6 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-50% * var(--space-y-reverse));
+}
+
+.-space-x-3\/6 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-50% * var(--space-x-reverse));
+  margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-4\/6 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-66.66667% * var(--space-y-reverse));
+}
+
+.-space-x-4\/6 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-66.66667% * var(--space-x-reverse));
+  margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-5\/6 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-83.33333% * var(--space-y-reverse));
+}
+
+.-space-x-5\/6 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-83.33333% * var(--space-x-reverse));
+  margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-1\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-8.33333% * var(--space-y-reverse));
+}
+
+.-space-x-1\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-8.33333% * var(--space-x-reverse));
+  margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-2\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-16.66667% * var(--space-y-reverse));
+}
+
+.-space-x-2\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-16.66667% * var(--space-x-reverse));
+  margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-3\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-25% * var(--space-y-reverse));
+}
+
+.-space-x-3\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-25% * var(--space-x-reverse));
+  margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-4\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-33.33333% * var(--space-y-reverse));
+}
+
+.-space-x-4\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-33.33333% * var(--space-x-reverse));
+  margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-5\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-41.66667% * var(--space-y-reverse));
+}
+
+.-space-x-5\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-41.66667% * var(--space-x-reverse));
+  margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-6\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-50% * var(--space-y-reverse));
+}
+
+.-space-x-6\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-50% * var(--space-x-reverse));
+  margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-7\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-58.33333% * var(--space-y-reverse));
+}
+
+.-space-x-7\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-58.33333% * var(--space-x-reverse));
+  margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-8\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-66.66667% * var(--space-y-reverse));
+}
+
+.-space-x-8\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-66.66667% * var(--space-x-reverse));
+  margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-9\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-75% * var(--space-y-reverse));
+}
+
+.-space-x-9\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-75% * var(--space-x-reverse));
+  margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-10\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-83.33333% * var(--space-y-reverse));
+}
+
+.-space-x-10\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-83.33333% * var(--space-x-reverse));
+  margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-11\/12 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-91.66667% * var(--space-y-reverse));
+}
+
+.-space-x-11\/12 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-91.66667% * var(--space-x-reverse));
+  margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-full > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-100% * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-100% * var(--space-y-reverse));
+}
+
+.-space-x-full > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-100% * var(--space-x-reverse));
+  margin-left: calc(-100% * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-reverse > :not(template) ~ :not(template) {
+  --space-y-reverse: 1;
+}
+
+.space-x-reverse > :not(template) ~ :not(template) {
+  --space-x-reverse: 1;
+}
+
+.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));
+}
+
+.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)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.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));
+}
+
+.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)));
+}
+
+.divide-y-reverse > :not(template) ~ :not(template) {
+  --divide-y-reverse: 1;
+}
+
+.divide-x-reverse > :not(template) ~ :not(template) {
+  --divide-x-reverse: 1;
+}
+
+.divide-transparent > :not(template) ~ :not(template) {
+  border-color: transparent;
+}
+
+.divide-white > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #ffffff;
+  border-color: rgba(255, 255, 255, var(--divide-opacity));
+}
+
+.divide-black > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #000000;
+  border-color: rgba(0, 0, 0, var(--divide-opacity));
+}
+
+.divide-gray-50 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #f9fafb;
+  border-color: rgba(249, 250, 251, var(--divide-opacity));
+}
+
+.divide-gray-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #f4f5f7;
+  border-color: rgba(244, 245, 247, var(--divide-opacity));
+}
+
+.divide-gray-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #e5e7eb;
+  border-color: rgba(229, 231, 235, var(--divide-opacity));
+}
+
+.divide-gray-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #d2d6dc;
+  border-color: rgba(210, 214, 220, var(--divide-opacity));
+}
+
+.divide-gray-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #9fa6b2;
+  border-color: rgba(159, 166, 178, var(--divide-opacity));
+}
+
+.divide-gray-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #6b7280;
+  border-color: rgba(107, 114, 128, var(--divide-opacity));
+}
+
+.divide-gray-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #4b5563;
+  border-color: rgba(75, 85, 99, var(--divide-opacity));
+}
+
+.divide-gray-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #374151;
+  border-color: rgba(55, 65, 81, var(--divide-opacity));
+}
+
+.divide-gray-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #252f3f;
+  border-color: rgba(37, 47, 63, var(--divide-opacity));
+}
+
+.divide-gray-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #161e2e;
+  border-color: rgba(22, 30, 46, var(--divide-opacity));
+}
+
+.divide-cool-gray-50 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #fbfdfe;
+  border-color: rgba(251, 253, 254, var(--divide-opacity));
+}
+
+.divide-cool-gray-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #f1f5f9;
+  border-color: rgba(241, 245, 249, var(--divide-opacity));
+}
+
+.divide-cool-gray-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #e2e8f0;
+  border-color: rgba(226, 232, 240, var(--divide-opacity));
+}
+
+.divide-cool-gray-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #cfd8e3;
+  border-color: rgba(207, 216, 227, var(--divide-opacity));
+}
+
+.divide-cool-gray-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #97a6ba;
+  border-color: rgba(151, 166, 186, var(--divide-opacity));
+}
+
+.divide-cool-gray-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #64748b;
+  border-color: rgba(100, 116, 139, var(--divide-opacity));
+}
+
+.divide-cool-gray-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #475569;
+  border-color: rgba(71, 85, 105, var(--divide-opacity));
+}
+
+.divide-cool-gray-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #364152;
+  border-color: rgba(54, 65, 82, var(--divide-opacity));
+}
+
+.divide-cool-gray-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #27303f;
+  border-color: rgba(39, 48, 63, var(--divide-opacity));
+}
+
+.divide-cool-gray-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #1a202e;
+  border-color: rgba(26, 32, 46, var(--divide-opacity));
+}
+
+.divide-red-50 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #fdf2f2;
+  border-color: rgba(253, 242, 242, var(--divide-opacity));
+}
+
+.divide-red-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #fde8e8;
+  border-color: rgba(253, 232, 232, var(--divide-opacity));
+}
+
+.divide-red-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #fbd5d5;
+  border-color: rgba(251, 213, 213, var(--divide-opacity));
+}
+
+.divide-red-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #f8b4b4;
+  border-color: rgba(248, 180, 180, var(--divide-opacity));
+}
+
+.divide-red-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #f98080;
+  border-color: rgba(249, 128, 128, var(--divide-opacity));
+}
+
+.divide-red-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #f05252;
+  border-color: rgba(240, 82, 82, var(--divide-opacity));
+}
+
+.divide-red-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #e02424;
+  border-color: rgba(224, 36, 36, var(--divide-opacity));
+}
+
+.divide-red-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #c81e1e;
+  border-color: rgba(200, 30, 30, var(--divide-opacity));
+}
+
+.divide-red-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #9b1c1c;
+  border-color: rgba(155, 28, 28, var(--divide-opacity));
+}
+
+.divide-red-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #771d1d;
+  border-color: rgba(119, 29, 29, var(--divide-opacity));
+}
+
+.divide-orange-50 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #fff8f1;
+  border-color: rgba(255, 248, 241, var(--divide-opacity));
+}
+
+.divide-orange-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #feecdc;
+  border-color: rgba(254, 236, 220, var(--divide-opacity));
+}
+
+.divide-orange-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #fcd9bd;
+  border-color: rgba(252, 217, 189, var(--divide-opacity));
+}
+
+.divide-orange-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #fdba8c;
+  border-color: rgba(253, 186, 140, var(--divide-opacity));
+}
+
+.divide-orange-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #ff8a4c;
+  border-color: rgba(255, 138, 76, var(--divide-opacity));
+}
+
+.divide-orange-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #ff5a1f;
+  border-color: rgba(255, 90, 31, var(--divide-opacity));
+}
+
+.divide-orange-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #d03801;
+  border-color: rgba(208, 56, 1, var(--divide-opacity));
+}
+
+.divide-orange-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #b43403;
+  border-color: rgba(180, 52, 3, var(--divide-opacity));
+}
+
+.divide-orange-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #8a2c0d;
+  border-color: rgba(138, 44, 13, var(--divide-opacity));
+}
+
+.divide-orange-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #771d1d;
+  border-color: rgba(119, 29, 29, var(--divide-opacity));
+}
+
+.divide-yellow-50 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #fdfdea;
+  border-color: rgba(253, 253, 234, var(--divide-opacity));
+}
+
+.divide-yellow-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #fdf6b2;
+  border-color: rgba(253, 246, 178, var(--divide-opacity));
+}
+
+.divide-yellow-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #fce96a;
+  border-color: rgba(252, 233, 106, var(--divide-opacity));
+}
+
+.divide-yellow-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #faca15;
+  border-color: rgba(250, 202, 21, var(--divide-opacity));
+}
+
+.divide-yellow-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #e3a008;
+  border-color: rgba(227, 160, 8, var(--divide-opacity));
+}
+
+.divide-yellow-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #c27803;
+  border-color: rgba(194, 120, 3, var(--divide-opacity));
+}
+
+.divide-yellow-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #9f580a;
+  border-color: rgba(159, 88, 10, var(--divide-opacity));
+}
+
+.divide-yellow-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #8e4b10;
+  border-color: rgba(142, 75, 16, var(--divide-opacity));
+}
+
+.divide-yellow-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #723b13;
+  border-color: rgba(114, 59, 19, var(--divide-opacity));
+}
+
+.divide-yellow-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #633112;
+  border-color: rgba(99, 49, 18, var(--divide-opacity));
+}
+
+.divide-green-50 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #f3faf7;
+  border-color: rgba(243, 250, 247, var(--divide-opacity));
+}
+
+.divide-green-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #def7ec;
+  border-color: rgba(222, 247, 236, var(--divide-opacity));
+}
+
+.divide-green-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #bcf0da;
+  border-color: rgba(188, 240, 218, var(--divide-opacity));
+}
+
+.divide-green-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #84e1bc;
+  border-color: rgba(132, 225, 188, var(--divide-opacity));
+}
+
+.divide-green-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #31c48d;
+  border-color: rgba(49, 196, 141, var(--divide-opacity));
+}
+
+.divide-green-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #0e9f6e;
+  border-color: rgba(14, 159, 110, var(--divide-opacity));
+}
+
+.divide-green-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #057a55;
+  border-color: rgba(5, 122, 85, var(--divide-opacity));
+}
+
+.divide-green-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #046c4e;
+  border-color: rgba(4, 108, 78, var(--divide-opacity));
+}
+
+.divide-green-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #03543f;
+  border-color: rgba(3, 84, 63, var(--divide-opacity));
+}
+
+.divide-green-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #014737;
+  border-color: rgba(1, 71, 55, var(--divide-opacity));
+}
+
+.divide-teal-50 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #edfafa;
+  border-color: rgba(237, 250, 250, var(--divide-opacity));
+}
+
+.divide-teal-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #d5f5f6;
+  border-color: rgba(213, 245, 246, var(--divide-opacity));
+}
+
+.divide-teal-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #afecef;
+  border-color: rgba(175, 236, 239, var(--divide-opacity));
+}
+
+.divide-teal-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #7edce2;
+  border-color: rgba(126, 220, 226, var(--divide-opacity));
+}
+
+.divide-teal-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #16bdca;
+  border-color: rgba(22, 189, 202, var(--divide-opacity));
+}
+
+.divide-teal-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #0694a2;
+  border-color: rgba(6, 148, 162, var(--divide-opacity));
+}
+
+.divide-teal-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #047481;
+  border-color: rgba(4, 116, 129, var(--divide-opacity));
+}
+
+.divide-teal-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #036672;
+  border-color: rgba(3, 102, 114, var(--divide-opacity));
+}
+
+.divide-teal-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #05505c;
+  border-color: rgba(5, 80, 92, var(--divide-opacity));
+}
+
+.divide-teal-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #014451;
+  border-color: rgba(1, 68, 81, var(--divide-opacity));
+}
+
+.divide-blue-50 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #ebf5ff;
+  border-color: rgba(235, 245, 255, var(--divide-opacity));
+}
+
+.divide-blue-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #e1effe;
+  border-color: rgba(225, 239, 254, var(--divide-opacity));
+}
+
+.divide-blue-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #c3ddfd;
+  border-color: rgba(195, 221, 253, var(--divide-opacity));
+}
+
+.divide-blue-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #a4cafe;
+  border-color: rgba(164, 202, 254, var(--divide-opacity));
+}
+
+.divide-blue-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #76a9fa;
+  border-color: rgba(118, 169, 250, var(--divide-opacity));
+}
+
+.divide-blue-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #3f83f8;
+  border-color: rgba(63, 131, 248, var(--divide-opacity));
+}
+
+.divide-blue-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #1c64f2;
+  border-color: rgba(28, 100, 242, var(--divide-opacity));
+}
+
+.divide-blue-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #1a56db;
+  border-color: rgba(26, 86, 219, var(--divide-opacity));
+}
+
+.divide-blue-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #1e429f;
+  border-color: rgba(30, 66, 159, var(--divide-opacity));
+}
+
+.divide-blue-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #233876;
+  border-color: rgba(35, 56, 118, var(--divide-opacity));
+}
+
+.divide-indigo-50 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #f0f5ff;
+  border-color: rgba(240, 245, 255, var(--divide-opacity));
+}
+
+.divide-indigo-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #e5edff;
+  border-color: rgba(229, 237, 255, var(--divide-opacity));
+}
+
+.divide-indigo-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #cddbfe;
+  border-color: rgba(205, 219, 254, var(--divide-opacity));
+}
+
+.divide-indigo-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #b4c6fc;
+  border-color: rgba(180, 198, 252, var(--divide-opacity));
+}
+
+.divide-indigo-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #8da2fb;
+  border-color: rgba(141, 162, 251, var(--divide-opacity));
+}
+
+.divide-indigo-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #6875f5;
+  border-color: rgba(104, 117, 245, var(--divide-opacity));
+}
+
+.divide-indigo-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #5850ec;
+  border-color: rgba(88, 80, 236, var(--divide-opacity));
+}
+
+.divide-indigo-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #5145cd;
+  border-color: rgba(81, 69, 205, var(--divide-opacity));
+}
+
+.divide-indigo-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #42389d;
+  border-color: rgba(66, 56, 157, var(--divide-opacity));
+}
+
+.divide-indigo-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #362f78;
+  border-color: rgba(54, 47, 120, var(--divide-opacity));
+}
+
+.divide-purple-50 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #f6f5ff;
+  border-color: rgba(246, 245, 255, var(--divide-opacity));
+}
+
+.divide-purple-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #edebfe;
+  border-color: rgba(237, 235, 254, var(--divide-opacity));
+}
+
+.divide-purple-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #dcd7fe;
+  border-color: rgba(220, 215, 254, var(--divide-opacity));
+}
+
+.divide-purple-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #cabffd;
+  border-color: rgba(202, 191, 253, var(--divide-opacity));
+}
+
+.divide-purple-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #ac94fa;
+  border-color: rgba(172, 148, 250, var(--divide-opacity));
+}
+
+.divide-purple-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #9061f9;
+  border-color: rgba(144, 97, 249, var(--divide-opacity));
+}
+
+.divide-purple-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #7e3af2;
+  border-color: rgba(126, 58, 242, var(--divide-opacity));
+}
+
+.divide-purple-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #6c2bd9;
+  border-color: rgba(108, 43, 217, var(--divide-opacity));
+}
+
+.divide-purple-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #5521b5;
+  border-color: rgba(85, 33, 181, var(--divide-opacity));
+}
+
+.divide-purple-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #4a1d96;
+  border-color: rgba(74, 29, 150, var(--divide-opacity));
+}
+
+.divide-pink-50 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #fdf2f8;
+  border-color: rgba(253, 242, 248, var(--divide-opacity));
+}
+
+.divide-pink-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #fce8f3;
+  border-color: rgba(252, 232, 243, var(--divide-opacity));
+}
+
+.divide-pink-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #fad1e8;
+  border-color: rgba(250, 209, 232, var(--divide-opacity));
+}
+
+.divide-pink-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #f8b4d9;
+  border-color: rgba(248, 180, 217, var(--divide-opacity));
+}
+
+.divide-pink-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #f17eb8;
+  border-color: rgba(241, 126, 184, var(--divide-opacity));
+}
+
+.divide-pink-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #e74694;
+  border-color: rgba(231, 70, 148, var(--divide-opacity));
+}
+
+.divide-pink-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #d61f69;
+  border-color: rgba(214, 31, 105, var(--divide-opacity));
+}
+
+.divide-pink-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #bf125d;
+  border-color: rgba(191, 18, 93, var(--divide-opacity));
+}
+
+.divide-pink-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #99154b;
+  border-color: rgba(153, 21, 75, var(--divide-opacity));
+}
+
+.divide-pink-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+  border-color: #751a3d;
+  border-color: rgba(117, 26, 61, var(--divide-opacity));
+}
+
+.divide-opacity-0 > :not(template) ~ :not(template) {
+  --divide-opacity: 0;
+}
+
+.divide-opacity-25 > :not(template) ~ :not(template) {
+  --divide-opacity: 0.25;
+}
+
+.divide-opacity-50 > :not(template) ~ :not(template) {
+  --divide-opacity: 0.5;
+}
+
+.divide-opacity-75 > :not(template) ~ :not(template) {
+  --divide-opacity: 0.75;
+}
+
+.divide-opacity-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
+}
+
+.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;
+}
+
+.not-sr-only {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+
+.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;
+}
+
+.focus\:not-sr-only:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+
+.appearance-none {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+
+.bg-fixed {
+  background-attachment: fixed;
+}
+
+.bg-local {
+  background-attachment: local;
+}
+
+.bg-scroll {
+  background-attachment: scroll;
+}
+
+.bg-transparent {
+  background-color: transparent;
+}
+
+.bg-white {
+  --bg-opacity: 1;
+  background-color: #ffffff;
+  background-color: rgba(255, 255, 255, var(--bg-opacity));
+}
+
+.bg-black {
+  --bg-opacity: 1;
+  background-color: #000000;
+  background-color: rgba(0, 0, 0, var(--bg-opacity));
+}
+
+.bg-gray-50 {
+  --bg-opacity: 1;
+  background-color: #f9fafb;
+  background-color: rgba(249, 250, 251, var(--bg-opacity));
+}
+
+.bg-gray-100 {
+  --bg-opacity: 1;
+  background-color: #f4f5f7;
+  background-color: rgba(244, 245, 247, var(--bg-opacity));
+}
+
+.bg-gray-200 {
+  --bg-opacity: 1;
+  background-color: #e5e7eb;
+  background-color: rgba(229, 231, 235, var(--bg-opacity));
+}
+
+.bg-gray-300 {
+  --bg-opacity: 1;
+  background-color: #d2d6dc;
+  background-color: rgba(210, 214, 220, var(--bg-opacity));
+}
+
+.bg-gray-400 {
+  --bg-opacity: 1;
+  background-color: #9fa6b2;
+  background-color: rgba(159, 166, 178, var(--bg-opacity));
+}
+
+.bg-gray-500 {
+  --bg-opacity: 1;
+  background-color: #6b7280;
+  background-color: rgba(107, 114, 128, var(--bg-opacity));
+}
+
+.bg-gray-600 {
+  --bg-opacity: 1;
+  background-color: #4b5563;
+  background-color: rgba(75, 85, 99, var(--bg-opacity));
+}
+
+.bg-gray-700 {
+  --bg-opacity: 1;
+  background-color: #374151;
+  background-color: rgba(55, 65, 81, var(--bg-opacity));
+}
+
+.bg-gray-800 {
+  --bg-opacity: 1;
+  background-color: #252f3f;
+  background-color: rgba(37, 47, 63, var(--bg-opacity));
+}
+
+.bg-gray-900 {
+  --bg-opacity: 1;
+  background-color: #161e2e;
+  background-color: rgba(22, 30, 46, var(--bg-opacity));
+}
+
+.bg-cool-gray-50 {
+  --bg-opacity: 1;
+  background-color: #fbfdfe;
+  background-color: rgba(251, 253, 254, var(--bg-opacity));
+}
+
+.bg-cool-gray-100 {
+  --bg-opacity: 1;
+  background-color: #f1f5f9;
+  background-color: rgba(241, 245, 249, var(--bg-opacity));
+}
+
+.bg-cool-gray-200 {
+  --bg-opacity: 1;
+  background-color: #e2e8f0;
+  background-color: rgba(226, 232, 240, var(--bg-opacity));
+}
+
+.bg-cool-gray-300 {
+  --bg-opacity: 1;
+  background-color: #cfd8e3;
+  background-color: rgba(207, 216, 227, var(--bg-opacity));
+}
+
+.bg-cool-gray-400 {
+  --bg-opacity: 1;
+  background-color: #97a6ba;
+  background-color: rgba(151, 166, 186, var(--bg-opacity));
+}
+
+.bg-cool-gray-500 {
+  --bg-opacity: 1;
+  background-color: #64748b;
+  background-color: rgba(100, 116, 139, var(--bg-opacity));
+}
+
+.bg-cool-gray-600 {
+  --bg-opacity: 1;
+  background-color: #475569;
+  background-color: rgba(71, 85, 105, var(--bg-opacity));
+}
+
+.bg-cool-gray-700 {
+  --bg-opacity: 1;
+  background-color: #364152;
+  background-color: rgba(54, 65, 82, var(--bg-opacity));
+}
+
+.bg-cool-gray-800 {
+  --bg-opacity: 1;
+  background-color: #27303f;
+  background-color: rgba(39, 48, 63, var(--bg-opacity));
+}
+
+.bg-cool-gray-900 {
+  --bg-opacity: 1;
+  background-color: #1a202e;
+  background-color: rgba(26, 32, 46, var(--bg-opacity));
+}
+
+.bg-red-50 {
+  --bg-opacity: 1;
+  background-color: #fdf2f2;
+  background-color: rgba(253, 242, 242, var(--bg-opacity));
+}
+
+.bg-red-100 {
+  --bg-opacity: 1;
+  background-color: #fde8e8;
+  background-color: rgba(253, 232, 232, var(--bg-opacity));
+}
+
+.bg-red-200 {
+  --bg-opacity: 1;
+  background-color: #fbd5d5;
+  background-color: rgba(251, 213, 213, var(--bg-opacity));
+}
+
+.bg-red-300 {
+  --bg-opacity: 1;
+  background-color: #f8b4b4;
+  background-color: rgba(248, 180, 180, var(--bg-opacity));
+}
+
+.bg-red-400 {
+  --bg-opacity: 1;
+  background-color: #f98080;
+  background-color: rgba(249, 128, 128, var(--bg-opacity));
+}
+
+.bg-red-500 {
+  --bg-opacity: 1;
+  background-color: #f05252;
+  background-color: rgba(240, 82, 82, var(--bg-opacity));
+}
+
+.bg-red-600 {
+  --bg-opacity: 1;
+  background-color: #e02424;
+  background-color: rgba(224, 36, 36, var(--bg-opacity));
+}
+
+.bg-red-700 {
+  --bg-opacity: 1;
+  background-color: #c81e1e;
+  background-color: rgba(200, 30, 30, var(--bg-opacity));
+}
+
+.bg-red-800 {
+  --bg-opacity: 1;
+  background-color: #9b1c1c;
+  background-color: rgba(155, 28, 28, var(--bg-opacity));
+}
+
+.bg-red-900 {
+  --bg-opacity: 1;
+  background-color: #771d1d;
+  background-color: rgba(119, 29, 29, var(--bg-opacity));
+}
+
+.bg-orange-50 {
+  --bg-opacity: 1;
+  background-color: #fff8f1;
+  background-color: rgba(255, 248, 241, var(--bg-opacity));
+}
+
+.bg-orange-100 {
+  --bg-opacity: 1;
+  background-color: #feecdc;
+  background-color: rgba(254, 236, 220, var(--bg-opacity));
+}
+
+.bg-orange-200 {
+  --bg-opacity: 1;
+  background-color: #fcd9bd;
+  background-color: rgba(252, 217, 189, var(--bg-opacity));
+}
+
+.bg-orange-300 {
+  --bg-opacity: 1;
+  background-color: #fdba8c;
+  background-color: rgba(253, 186, 140, var(--bg-opacity));
+}
+
+.bg-orange-400 {
+  --bg-opacity: 1;
+  background-color: #ff8a4c;
+  background-color: rgba(255, 138, 76, var(--bg-opacity));
+}
+
+.bg-orange-500 {
+  --bg-opacity: 1;
+  background-color: #ff5a1f;
+  background-color: rgba(255, 90, 31, var(--bg-opacity));
+}
+
+.bg-orange-600 {
+  --bg-opacity: 1;
+  background-color: #d03801;
+  background-color: rgba(208, 56, 1, var(--bg-opacity));
+}
+
+.bg-orange-700 {
+  --bg-opacity: 1;
+  background-color: #b43403;
+  background-color: rgba(180, 52, 3, var(--bg-opacity));
+}
+
+.bg-orange-800 {
+  --bg-opacity: 1;
+  background-color: #8a2c0d;
+  background-color: rgba(138, 44, 13, var(--bg-opacity));
+}
+
+.bg-orange-900 {
+  --bg-opacity: 1;
+  background-color: #771d1d;
+  background-color: rgba(119, 29, 29, var(--bg-opacity));
+}
+
+.bg-yellow-50 {
+  --bg-opacity: 1;
+  background-color: #fdfdea;
+  background-color: rgba(253, 253, 234, var(--bg-opacity));
+}
+
+.bg-yellow-100 {
+  --bg-opacity: 1;
+  background-color: #fdf6b2;
+  background-color: rgba(253, 246, 178, var(--bg-opacity));
+}
+
+.bg-yellow-200 {
+  --bg-opacity: 1;
+  background-color: #fce96a;
+  background-color: rgba(252, 233, 106, var(--bg-opacity));
+}
+
+.bg-yellow-300 {
+  --bg-opacity: 1;
+  background-color: #faca15;
+  background-color: rgba(250, 202, 21, var(--bg-opacity));
+}
+
+.bg-yellow-400 {
+  --bg-opacity: 1;
+  background-color: #e3a008;
+  background-color: rgba(227, 160, 8, var(--bg-opacity));
+}
+
+.bg-yellow-500 {
+  --bg-opacity: 1;
+  background-color: #c27803;
+  background-color: rgba(194, 120, 3, var(--bg-opacity));
+}
+
+.bg-yellow-600 {
+  --bg-opacity: 1;
+  background-color: #9f580a;
+  background-color: rgba(159, 88, 10, var(--bg-opacity));
+}
+
+.bg-yellow-700 {
+  --bg-opacity: 1;
+  background-color: #8e4b10;
+  background-color: rgba(142, 75, 16, var(--bg-opacity));
+}
+
+.bg-yellow-800 {
+  --bg-opacity: 1;
+  background-color: #723b13;
+  background-color: rgba(114, 59, 19, var(--bg-opacity));
+}
+
+.bg-yellow-900 {
+  --bg-opacity: 1;
+  background-color: #633112;
+  background-color: rgba(99, 49, 18, var(--bg-opacity));
+}
+
+.bg-green-50 {
+  --bg-opacity: 1;
+  background-color: #f3faf7;
+  background-color: rgba(243, 250, 247, var(--bg-opacity));
+}
+
+.bg-green-100 {
+  --bg-opacity: 1;
+  background-color: #def7ec;
+  background-color: rgba(222, 247, 236, var(--bg-opacity));
+}
+
+.bg-green-200 {
+  --bg-opacity: 1;
+  background-color: #bcf0da;
+  background-color: rgba(188, 240, 218, var(--bg-opacity));
+}
+
+.bg-green-300 {
+  --bg-opacity: 1;
+  background-color: #84e1bc;
+  background-color: rgba(132, 225, 188, var(--bg-opacity));
+}
+
+.bg-green-400 {
+  --bg-opacity: 1;
+  background-color: #31c48d;
+  background-color: rgba(49, 196, 141, var(--bg-opacity));
+}
+
+.bg-green-500 {
+  --bg-opacity: 1;
+  background-color: #0e9f6e;
+  background-color: rgba(14, 159, 110, var(--bg-opacity));
+}
+
+.bg-green-600 {
+  --bg-opacity: 1;
+  background-color: #057a55;
+  background-color: rgba(5, 122, 85, var(--bg-opacity));
+}
+
+.bg-green-700 {
+  --bg-opacity: 1;
+  background-color: #046c4e;
+  background-color: rgba(4, 108, 78, var(--bg-opacity));
+}
+
+.bg-green-800 {
+  --bg-opacity: 1;
+  background-color: #03543f;
+  background-color: rgba(3, 84, 63, var(--bg-opacity));
+}
+
+.bg-green-900 {
+  --bg-opacity: 1;
+  background-color: #014737;
+  background-color: rgba(1, 71, 55, var(--bg-opacity));
+}
+
+.bg-teal-50 {
+  --bg-opacity: 1;
+  background-color: #edfafa;
+  background-color: rgba(237, 250, 250, var(--bg-opacity));
+}
+
+.bg-teal-100 {
+  --bg-opacity: 1;
+  background-color: #d5f5f6;
+  background-color: rgba(213, 245, 246, var(--bg-opacity));
+}
+
+.bg-teal-200 {
+  --bg-opacity: 1;
+  background-color: #afecef;
+  background-color: rgba(175, 236, 239, var(--bg-opacity));
+}
+
+.bg-teal-300 {
+  --bg-opacity: 1;
+  background-color: #7edce2;
+  background-color: rgba(126, 220, 226, var(--bg-opacity));
+}
+
+.bg-teal-400 {
+  --bg-opacity: 1;
+  background-color: #16bdca;
+  background-color: rgba(22, 189, 202, var(--bg-opacity));
+}
+
+.bg-teal-500 {
+  --bg-opacity: 1;
+  background-color: #0694a2;
+  background-color: rgba(6, 148, 162, var(--bg-opacity));
+}
+
+.bg-teal-600 {
+  --bg-opacity: 1;
+  background-color: #047481;
+  background-color: rgba(4, 116, 129, var(--bg-opacity));
+}
+
+.bg-teal-700 {
+  --bg-opacity: 1;
+  background-color: #036672;
+  background-color: rgba(3, 102, 114, var(--bg-opacity));
+}
+
+.bg-teal-800 {
+  --bg-opacity: 1;
+  background-color: #05505c;
+  background-color: rgba(5, 80, 92, var(--bg-opacity));
+}
+
+.bg-teal-900 {
+  --bg-opacity: 1;
+  background-color: #014451;
+  background-color: rgba(1, 68, 81, var(--bg-opacity));
+}
+
+.bg-blue-50 {
+  --bg-opacity: 1;
+  background-color: #ebf5ff;
+  background-color: rgba(235, 245, 255, var(--bg-opacity));
+}
+
+.bg-blue-100 {
+  --bg-opacity: 1;
+  background-color: #e1effe;
+  background-color: rgba(225, 239, 254, var(--bg-opacity));
+}
+
+.bg-blue-200 {
+  --bg-opacity: 1;
+  background-color: #c3ddfd;
+  background-color: rgba(195, 221, 253, var(--bg-opacity));
+}
+
+.bg-blue-300 {
+  --bg-opacity: 1;
+  background-color: #a4cafe;
+  background-color: rgba(164, 202, 254, var(--bg-opacity));
+}
+
+.bg-blue-400 {
+  --bg-opacity: 1;
+  background-color: #76a9fa;
+  background-color: rgba(118, 169, 250, var(--bg-opacity));
+}
+
+.bg-blue-500 {
+  --bg-opacity: 1;
+  background-color: #3f83f8;
+  background-color: rgba(63, 131, 248, var(--bg-opacity));
+}
+
+.bg-blue-600 {
+  --bg-opacity: 1;
+  background-color: #1c64f2;
+  background-color: rgba(28, 100, 242, var(--bg-opacity));
+}
+
+.bg-blue-700 {
+  --bg-opacity: 1;
+  background-color: #1a56db;
+  background-color: rgba(26, 86, 219, var(--bg-opacity));
+}
+
+.bg-blue-800 {
+  --bg-opacity: 1;
+  background-color: #1e429f;
+  background-color: rgba(30, 66, 159, var(--bg-opacity));
+}
+
+.bg-blue-900 {
+  --bg-opacity: 1;
+  background-color: #233876;
+  background-color: rgba(35, 56, 118, var(--bg-opacity));
+}
+
+.bg-indigo-50 {
+  --bg-opacity: 1;
+  background-color: #f0f5ff;
+  background-color: rgba(240, 245, 255, var(--bg-opacity));
+}
+
+.bg-indigo-100 {
+  --bg-opacity: 1;
+  background-color: #e5edff;
+  background-color: rgba(229, 237, 255, var(--bg-opacity));
+}
+
+.bg-indigo-200 {
+  --bg-opacity: 1;
+  background-color: #cddbfe;
+  background-color: rgba(205, 219, 254, var(--bg-opacity));
+}
+
+.bg-indigo-300 {
+  --bg-opacity: 1;
+  background-color: #b4c6fc;
+  background-color: rgba(180, 198, 252, var(--bg-opacity));
+}
+
+.bg-indigo-400 {
+  --bg-opacity: 1;
+  background-color: #8da2fb;
+  background-color: rgba(141, 162, 251, var(--bg-opacity));
+}
+
+.bg-indigo-500 {
+  --bg-opacity: 1;
+  background-color: #6875f5;
+  background-color: rgba(104, 117, 245, var(--bg-opacity));
+}
+
+.bg-indigo-600 {
+  --bg-opacity: 1;
+  background-color: #5850ec;
+  background-color: rgba(88, 80, 236, var(--bg-opacity));
+}
+
+.bg-indigo-700 {
+  --bg-opacity: 1;
+  background-color: #5145cd;
+  background-color: rgba(81, 69, 205, var(--bg-opacity));
+}
+
+.bg-indigo-800 {
+  --bg-opacity: 1;
+  background-color: #42389d;
+  background-color: rgba(66, 56, 157, var(--bg-opacity));
+}
+
+.bg-indigo-900 {
+  --bg-opacity: 1;
+  background-color: #362f78;
+  background-color: rgba(54, 47, 120, var(--bg-opacity));
+}
+
+.bg-purple-50 {
+  --bg-opacity: 1;
+  background-color: #f6f5ff;
+  background-color: rgba(246, 245, 255, var(--bg-opacity));
+}
+
+.bg-purple-100 {
+  --bg-opacity: 1;
+  background-color: #edebfe;
+  background-color: rgba(237, 235, 254, var(--bg-opacity));
+}
+
+.bg-purple-200 {
+  --bg-opacity: 1;
+  background-color: #dcd7fe;
+  background-color: rgba(220, 215, 254, var(--bg-opacity));
+}
+
+.bg-purple-300 {
+  --bg-opacity: 1;
+  background-color: #cabffd;
+  background-color: rgba(202, 191, 253, var(--bg-opacity));
+}
+
+.bg-purple-400 {
+  --bg-opacity: 1;
+  background-color: #ac94fa;
+  background-color: rgba(172, 148, 250, var(--bg-opacity));
+}
+
+.bg-purple-500 {
+  --bg-opacity: 1;
+  background-color: #9061f9;
+  background-color: rgba(144, 97, 249, var(--bg-opacity));
+}
+
+.bg-purple-600 {
+  --bg-opacity: 1;
+  background-color: #7e3af2;
+  background-color: rgba(126, 58, 242, var(--bg-opacity));
+}
+
+.bg-purple-700 {
+  --bg-opacity: 1;
+  background-color: #6c2bd9;
+  background-color: rgba(108, 43, 217, var(--bg-opacity));
+}
+
+.bg-purple-800 {
+  --bg-opacity: 1;
+  background-color: #5521b5;
+  background-color: rgba(85, 33, 181, var(--bg-opacity));
+}
+
+.bg-purple-900 {
+  --bg-opacity: 1;
+  background-color: #4a1d96;
+  background-color: rgba(74, 29, 150, var(--bg-opacity));
+}
+
+.bg-pink-50 {
+  --bg-opacity: 1;
+  background-color: #fdf2f8;
+  background-color: rgba(253, 242, 248, var(--bg-opacity));
+}
+
+.bg-pink-100 {
+  --bg-opacity: 1;
+  background-color: #fce8f3;
+  background-color: rgba(252, 232, 243, var(--bg-opacity));
+}
+
+.bg-pink-200 {
+  --bg-opacity: 1;
+  background-color: #fad1e8;
+  background-color: rgba(250, 209, 232, var(--bg-opacity));
+}
+
+.bg-pink-300 {
+  --bg-opacity: 1;
+  background-color: #f8b4d9;
+  background-color: rgba(248, 180, 217, var(--bg-opacity));
+}
+
+.bg-pink-400 {
+  --bg-opacity: 1;
+  background-color: #f17eb8;
+  background-color: rgba(241, 126, 184, var(--bg-opacity));
+}
+
+.bg-pink-500 {
+  --bg-opacity: 1;
+  background-color: #e74694;
+  background-color: rgba(231, 70, 148, var(--bg-opacity));
+}
+
+.bg-pink-600 {
+  --bg-opacity: 1;
+  background-color: #d61f69;
+  background-color: rgba(214, 31, 105, var(--bg-opacity));
+}
+
+.bg-pink-700 {
+  --bg-opacity: 1;
+  background-color: #bf125d;
+  background-color: rgba(191, 18, 93, var(--bg-opacity));
+}
+
+.bg-pink-800 {
+  --bg-opacity: 1;
+  background-color: #99154b;
+  background-color: rgba(153, 21, 75, var(--bg-opacity));
+}
+
+.bg-pink-900 {
+  --bg-opacity: 1;
+  background-color: #751a3d;
+  background-color: rgba(117, 26, 61, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-transparent {
+  background-color: transparent;
+}
+
+.group:hover .group-hover\:bg-white {
+  --bg-opacity: 1;
+  background-color: #ffffff;
+  background-color: rgba(255, 255, 255, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-black {
+  --bg-opacity: 1;
+  background-color: #000000;
+  background-color: rgba(0, 0, 0, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-50 {
+  --bg-opacity: 1;
+  background-color: #f9fafb;
+  background-color: rgba(249, 250, 251, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-100 {
+  --bg-opacity: 1;
+  background-color: #f4f5f7;
+  background-color: rgba(244, 245, 247, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-200 {
+  --bg-opacity: 1;
+  background-color: #e5e7eb;
+  background-color: rgba(229, 231, 235, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-300 {
+  --bg-opacity: 1;
+  background-color: #d2d6dc;
+  background-color: rgba(210, 214, 220, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-400 {
+  --bg-opacity: 1;
+  background-color: #9fa6b2;
+  background-color: rgba(159, 166, 178, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-500 {
+  --bg-opacity: 1;
+  background-color: #6b7280;
+  background-color: rgba(107, 114, 128, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-600 {
+  --bg-opacity: 1;
+  background-color: #4b5563;
+  background-color: rgba(75, 85, 99, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-700 {
+  --bg-opacity: 1;
+  background-color: #374151;
+  background-color: rgba(55, 65, 81, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-800 {
+  --bg-opacity: 1;
+  background-color: #252f3f;
+  background-color: rgba(37, 47, 63, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-900 {
+  --bg-opacity: 1;
+  background-color: #161e2e;
+  background-color: rgba(22, 30, 46, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-cool-gray-50 {
+  --bg-opacity: 1;
+  background-color: #fbfdfe;
+  background-color: rgba(251, 253, 254, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-cool-gray-100 {
+  --bg-opacity: 1;
+  background-color: #f1f5f9;
+  background-color: rgba(241, 245, 249, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-cool-gray-200 {
+  --bg-opacity: 1;
+  background-color: #e2e8f0;
+  background-color: rgba(226, 232, 240, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-cool-gray-300 {
+  --bg-opacity: 1;
+  background-color: #cfd8e3;
+  background-color: rgba(207, 216, 227, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-cool-gray-400 {
+  --bg-opacity: 1;
+  background-color: #97a6ba;
+  background-color: rgba(151, 166, 186, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-cool-gray-500 {
+  --bg-opacity: 1;
+  background-color: #64748b;
+  background-color: rgba(100, 116, 139, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-cool-gray-600 {
+  --bg-opacity: 1;
+  background-color: #475569;
+  background-color: rgba(71, 85, 105, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-cool-gray-700 {
+  --bg-opacity: 1;
+  background-color: #364152;
+  background-color: rgba(54, 65, 82, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-cool-gray-800 {
+  --bg-opacity: 1;
+  background-color: #27303f;
+  background-color: rgba(39, 48, 63, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-cool-gray-900 {
+  --bg-opacity: 1;
+  background-color: #1a202e;
+  background-color: rgba(26, 32, 46, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-50 {
+  --bg-opacity: 1;
+  background-color: #fdf2f2;
+  background-color: rgba(253, 242, 242, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-100 {
+  --bg-opacity: 1;
+  background-color: #fde8e8;
+  background-color: rgba(253, 232, 232, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-200 {
+  --bg-opacity: 1;
+  background-color: #fbd5d5;
+  background-color: rgba(251, 213, 213, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-300 {
+  --bg-opacity: 1;
+  background-color: #f8b4b4;
+  background-color: rgba(248, 180, 180, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-400 {
+  --bg-opacity: 1;
+  background-color: #f98080;
+  background-color: rgba(249, 128, 128, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-500 {
+  --bg-opacity: 1;
+  background-color: #f05252;
+  background-color: rgba(240, 82, 82, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-600 {
+  --bg-opacity: 1;
+  background-color: #e02424;
+  background-color: rgba(224, 36, 36, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-700 {
+  --bg-opacity: 1;
+  background-color: #c81e1e;
+  background-color: rgba(200, 30, 30, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-800 {
+  --bg-opacity: 1;
+  background-color: #9b1c1c;
+  background-color: rgba(155, 28, 28, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-900 {
+  --bg-opacity: 1;
+  background-color: #771d1d;
+  background-color: rgba(119, 29, 29, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-orange-50 {
+  --bg-opacity: 1;
+  background-color: #fff8f1;
+  background-color: rgba(255, 248, 241, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-orange-100 {
+  --bg-opacity: 1;
+  background-color: #feecdc;
+  background-color: rgba(254, 236, 220, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-orange-200 {
+  --bg-opacity: 1;
+  background-color: #fcd9bd;
+  background-color: rgba(252, 217, 189, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-orange-300 {
+  --bg-opacity: 1;
+  background-color: #fdba8c;
+  background-color: rgba(253, 186, 140, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-orange-400 {
+  --bg-opacity: 1;
+  background-color: #ff8a4c;
+  background-color: rgba(255, 138, 76, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-orange-500 {
+  --bg-opacity: 1;
+  background-color: #ff5a1f;
+  background-color: rgba(255, 90, 31, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-orange-600 {
+  --bg-opacity: 1;
+  background-color: #d03801;
+  background-color: rgba(208, 56, 1, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-orange-700 {
+  --bg-opacity: 1;
+  background-color: #b43403;
+  background-color: rgba(180, 52, 3, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-orange-800 {
+  --bg-opacity: 1;
+  background-color: #8a2c0d;
+  background-color: rgba(138, 44, 13, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-orange-900 {
+  --bg-opacity: 1;
+  background-color: #771d1d;
+  background-color: rgba(119, 29, 29, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-50 {
+  --bg-opacity: 1;
+  background-color: #fdfdea;
+  background-color: rgba(253, 253, 234, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-100 {
+  --bg-opacity: 1;
+  background-color: #fdf6b2;
+  background-color: rgba(253, 246, 178, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-200 {
+  --bg-opacity: 1;
+  background-color: #fce96a;
+  background-color: rgba(252, 233, 106, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-300 {
+  --bg-opacity: 1;
+  background-color: #faca15;
+  background-color: rgba(250, 202, 21, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-400 {
+  --bg-opacity: 1;
+  background-color: #e3a008;
+  background-color: rgba(227, 160, 8, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-500 {
+  --bg-opacity: 1;
+  background-color: #c27803;
+  background-color: rgba(194, 120, 3, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-600 {
+  --bg-opacity: 1;
+  background-color: #9f580a;
+  background-color: rgba(159, 88, 10, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-700 {
+  --bg-opacity: 1;
+  background-color: #8e4b10;
+  background-color: rgba(142, 75, 16, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-800 {
+  --bg-opacity: 1;
+  background-color: #723b13;
+  background-color: rgba(114, 59, 19, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-900 {
+  --bg-opacity: 1;
+  background-color: #633112;
+  background-color: rgba(99, 49, 18, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-50 {
+  --bg-opacity: 1;
+  background-color: #f3faf7;
+  background-color: rgba(243, 250, 247, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-100 {
+  --bg-opacity: 1;
+  background-color: #def7ec;
+  background-color: rgba(222, 247, 236, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-200 {
+  --bg-opacity: 1;
+  background-color: #bcf0da;
+  background-color: rgba(188, 240, 218, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-300 {
+  --bg-opacity: 1;
+  background-color: #84e1bc;
+  background-color: rgba(132, 225, 188, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-400 {
+  --bg-opacity: 1;
+  background-color: #31c48d;
+  background-color: rgba(49, 196, 141, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-500 {
+  --bg-opacity: 1;
+  background-color: #0e9f6e;
+  background-color: rgba(14, 159, 110, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-600 {
+  --bg-opacity: 1;
+  background-color: #057a55;
+  background-color: rgba(5, 122, 85, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-700 {
+  --bg-opacity: 1;
+  background-color: #046c4e;
+  background-color: rgba(4, 108, 78, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-800 {
+  --bg-opacity: 1;
+  background-color: #03543f;
+  background-color: rgba(3, 84, 63, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-900 {
+  --bg-opacity: 1;
+  background-color: #014737;
+  background-color: rgba(1, 71, 55, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-teal-50 {
+  --bg-opacity: 1;
+  background-color: #edfafa;
+  background-color: rgba(237, 250, 250, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-teal-100 {
+  --bg-opacity: 1;
+  background-color: #d5f5f6;
+  background-color: rgba(213, 245, 246, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-teal-200 {
+  --bg-opacity: 1;
+  background-color: #afecef;
+  background-color: rgba(175, 236, 239, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-teal-300 {
+  --bg-opacity: 1;
+  background-color: #7edce2;
+  background-color: rgba(126, 220, 226, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-teal-400 {
+  --bg-opacity: 1;
+  background-color: #16bdca;
+  background-color: rgba(22, 189, 202, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-teal-500 {
+  --bg-opacity: 1;
+  background-color: #0694a2;
+  background-color: rgba(6, 148, 162, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-teal-600 {
+  --bg-opacity: 1;
+  background-color: #047481;
+  background-color: rgba(4, 116, 129, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-teal-700 {
+  --bg-opacity: 1;
+  background-color: #036672;
+  background-color: rgba(3, 102, 114, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-teal-800 {
+  --bg-opacity: 1;
+  background-color: #05505c;
+  background-color: rgba(5, 80, 92, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-teal-900 {
+  --bg-opacity: 1;
+  background-color: #014451;
+  background-color: rgba(1, 68, 81, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-50 {
+  --bg-opacity: 1;
+  background-color: #ebf5ff;
+  background-color: rgba(235, 245, 255, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-100 {
+  --bg-opacity: 1;
+  background-color: #e1effe;
+  background-color: rgba(225, 239, 254, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-200 {
+  --bg-opacity: 1;
+  background-color: #c3ddfd;
+  background-color: rgba(195, 221, 253, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-300 {
+  --bg-opacity: 1;
+  background-color: #a4cafe;
+  background-color: rgba(164, 202, 254, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-400 {
+  --bg-opacity: 1;
+  background-color: #76a9fa;
+  background-color: rgba(118, 169, 250, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-500 {
+  --bg-opacity: 1;
+  background-color: #3f83f8;
+  background-color: rgba(63, 131, 248, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-600 {
+  --bg-opacity: 1;
+  background-color: #1c64f2;
+  background-color: rgba(28, 100, 242, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-700 {
+  --bg-opacity: 1;
+  background-color: #1a56db;
+  background-color: rgba(26, 86, 219, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-800 {
+  --bg-opacity: 1;
+  background-color: #1e429f;
+  background-color: rgba(30, 66, 159, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-900 {
+  --bg-opacity: 1;
+  background-color: #233876;
+  background-color: rgba(35, 56, 118, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-50 {
+  --bg-opacity: 1;
+  background-color: #f0f5ff;
+  background-color: rgba(240, 245, 255, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-100 {
+  --bg-opacity: 1;
+  background-color: #e5edff;
+  background-color: rgba(229, 237, 255, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-200 {
+  --bg-opacity: 1;
+  background-color: #cddbfe;
+  background-color: rgba(205, 219, 254, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-300 {
+  --bg-opacity: 1;
+  background-color: #b4c6fc;
+  background-color: rgba(180, 198, 252, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-400 {
+  --bg-opacity: 1;
+  background-color: #8da2fb;
+  background-color: rgba(141, 162, 251, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-500 {
+  --bg-opacity: 1;
+  background-color: #6875f5;
+  background-color: rgba(104, 117, 245, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-600 {
+  --bg-opacity: 1;
+  background-color: #5850ec;
+  background-color: rgba(88, 80, 236, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-700 {
+  --bg-opacity: 1;
+  background-color: #5145cd;
+  background-color: rgba(81, 69, 205, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-800 {
+  --bg-opacity: 1;
+  background-color: #42389d;
+  background-color: rgba(66, 56, 157, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-900 {
+  --bg-opacity: 1;
+  background-color: #362f78;
+  background-color: rgba(54, 47, 120, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-50 {
+  --bg-opacity: 1;
+  background-color: #f6f5ff;
+  background-color: rgba(246, 245, 255, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-100 {
+  --bg-opacity: 1;
+  background-color: #edebfe;
+  background-color: rgba(237, 235, 254, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-200 {
+  --bg-opacity: 1;
+  background-color: #dcd7fe;
+  background-color: rgba(220, 215, 254, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-300 {
+  --bg-opacity: 1;
+  background-color: #cabffd;
+  background-color: rgba(202, 191, 253, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-400 {
+  --bg-opacity: 1;
+  background-color: #ac94fa;
+  background-color: rgba(172, 148, 250, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-500 {
+  --bg-opacity: 1;
+  background-color: #9061f9;
+  background-color: rgba(144, 97, 249, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-600 {
+  --bg-opacity: 1;
+  background-color: #7e3af2;
+  background-color: rgba(126, 58, 242, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-700 {
+  --bg-opacity: 1;
+  background-color: #6c2bd9;
+  background-color: rgba(108, 43, 217, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-800 {
+  --bg-opacity: 1;
+  background-color: #5521b5;
+  background-color: rgba(85, 33, 181, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-900 {
+  --bg-opacity: 1;
+  background-color: #4a1d96;
+  background-color: rgba(74, 29, 150, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-50 {
+  --bg-opacity: 1;
+  background-color: #fdf2f8;
+  background-color: rgba(253, 242, 248, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-100 {
+  --bg-opacity: 1;
+  background-color: #fce8f3;
+  background-color: rgba(252, 232, 243, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-200 {
+  --bg-opacity: 1;
+  background-color: #fad1e8;
+  background-color: rgba(250, 209, 232, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-300 {
+  --bg-opacity: 1;
+  background-color: #f8b4d9;
+  background-color: rgba(248, 180, 217, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-400 {
+  --bg-opacity: 1;
+  background-color: #f17eb8;
+  background-color: rgba(241, 126, 184, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-500 {
+  --bg-opacity: 1;
+  background-color: #e74694;
+  background-color: rgba(231, 70, 148, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-600 {
+  --bg-opacity: 1;
+  background-color: #d61f69;
+  background-color: rgba(214, 31, 105, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-700 {
+  --bg-opacity: 1;
+  background-color: #bf125d;
+  background-color: rgba(191, 18, 93, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-800 {
+  --bg-opacity: 1;
+  background-color: #99154b;
+  background-color: rgba(153, 21, 75, var(--bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-900 {
+  --bg-opacity: 1;
+  background-color: #751a3d;
+  background-color: rgba(117, 26, 61, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-transparent {
+  background-color: transparent;
+}
+
+.group:focus .group-focus\:bg-white {
+  --bg-opacity: 1;
+  background-color: #ffffff;
+  background-color: rgba(255, 255, 255, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-black {
+  --bg-opacity: 1;
+  background-color: #000000;
+  background-color: rgba(0, 0, 0, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-gray-50 {
+  --bg-opacity: 1;
+  background-color: #f9fafb;
+  background-color: rgba(249, 250, 251, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-gray-100 {
+  --bg-opacity: 1;
+  background-color: #f4f5f7;
+  background-color: rgba(244, 245, 247, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-gray-200 {
+  --bg-opacity: 1;
+  background-color: #e5e7eb;
+  background-color: rgba(229, 231, 235, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-gray-300 {
+  --bg-opacity: 1;
+  background-color: #d2d6dc;
+  background-color: rgba(210, 214, 220, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-gray-400 {
+  --bg-opacity: 1;
+  background-color: #9fa6b2;
+  background-color: rgba(159, 166, 178, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-gray-500 {
+  --bg-opacity: 1;
+  background-color: #6b7280;
+  background-color: rgba(107, 114, 128, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-gray-600 {
+  --bg-opacity: 1;
+  background-color: #4b5563;
+  background-color: rgba(75, 85, 99, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-gray-700 {
+  --bg-opacity: 1;
+  background-color: #374151;
+  background-color: rgba(55, 65, 81, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-gray-800 {
+  --bg-opacity: 1;
+  background-color: #252f3f;
+  background-color: rgba(37, 47, 63, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-gray-900 {
+  --bg-opacity: 1;
+  background-color: #161e2e;
+  background-color: rgba(22, 30, 46, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-cool-gray-50 {
+  --bg-opacity: 1;
+  background-color: #fbfdfe;
+  background-color: rgba(251, 253, 254, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-cool-gray-100 {
+  --bg-opacity: 1;
+  background-color: #f1f5f9;
+  background-color: rgba(241, 245, 249, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-cool-gray-200 {
+  --bg-opacity: 1;
+  background-color: #e2e8f0;
+  background-color: rgba(226, 232, 240, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-cool-gray-300 {
+  --bg-opacity: 1;
+  background-color: #cfd8e3;
+  background-color: rgba(207, 216, 227, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-cool-gray-400 {
+  --bg-opacity: 1;
+  background-color: #97a6ba;
+  background-color: rgba(151, 166, 186, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-cool-gray-500 {
+  --bg-opacity: 1;
+  background-color: #64748b;
+  background-color: rgba(100, 116, 139, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-cool-gray-600 {
+  --bg-opacity: 1;
+  background-color: #475569;
+  background-color: rgba(71, 85, 105, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-cool-gray-700 {
+  --bg-opacity: 1;
+  background-color: #364152;
+  background-color: rgba(54, 65, 82, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-cool-gray-800 {
+  --bg-opacity: 1;
+  background-color: #27303f;
+  background-color: rgba(39, 48, 63, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-cool-gray-900 {
+  --bg-opacity: 1;
+  background-color: #1a202e;
+  background-color: rgba(26, 32, 46, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-red-50 {
+  --bg-opacity: 1;
+  background-color: #fdf2f2;
+  background-color: rgba(253, 242, 242, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-red-100 {
+  --bg-opacity: 1;
+  background-color: #fde8e8;
+  background-color: rgba(253, 232, 232, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-red-200 {
+  --bg-opacity: 1;
+  background-color: #fbd5d5;
+  background-color: rgba(251, 213, 213, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-red-300 {
+  --bg-opacity: 1;
+  background-color: #f8b4b4;
+  background-color: rgba(248, 180, 180, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-red-400 {
+  --bg-opacity: 1;
+  background-color: #f98080;
+  background-color: rgba(249, 128, 128, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-red-500 {
+  --bg-opacity: 1;
+  background-color: #f05252;
+  background-color: rgba(240, 82, 82, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-red-600 {
+  --bg-opacity: 1;
+  background-color: #e02424;
+  background-color: rgba(224, 36, 36, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-red-700 {
+  --bg-opacity: 1;
+  background-color: #c81e1e;
+  background-color: rgba(200, 30, 30, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-red-800 {
+  --bg-opacity: 1;
+  background-color: #9b1c1c;
+  background-color: rgba(155, 28, 28, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-red-900 {
+  --bg-opacity: 1;
+  background-color: #771d1d;
+  background-color: rgba(119, 29, 29, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-orange-50 {
+  --bg-opacity: 1;
+  background-color: #fff8f1;
+  background-color: rgba(255, 248, 241, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-orange-100 {
+  --bg-opacity: 1;
+  background-color: #feecdc;
+  background-color: rgba(254, 236, 220, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-orange-200 {
+  --bg-opacity: 1;
+  background-color: #fcd9bd;
+  background-color: rgba(252, 217, 189, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-orange-300 {
+  --bg-opacity: 1;
+  background-color: #fdba8c;
+  background-color: rgba(253, 186, 140, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-orange-400 {
+  --bg-opacity: 1;
+  background-color: #ff8a4c;
+  background-color: rgba(255, 138, 76, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-orange-500 {
+  --bg-opacity: 1;
+  background-color: #ff5a1f;
+  background-color: rgba(255, 90, 31, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-orange-600 {
+  --bg-opacity: 1;
+  background-color: #d03801;
+  background-color: rgba(208, 56, 1, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-orange-700 {
+  --bg-opacity: 1;
+  background-color: #b43403;
+  background-color: rgba(180, 52, 3, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-orange-800 {
+  --bg-opacity: 1;
+  background-color: #8a2c0d;
+  background-color: rgba(138, 44, 13, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-orange-900 {
+  --bg-opacity: 1;
+  background-color: #771d1d;
+  background-color: rgba(119, 29, 29, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-yellow-50 {
+  --bg-opacity: 1;
+  background-color: #fdfdea;
+  background-color: rgba(253, 253, 234, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-yellow-100 {
+  --bg-opacity: 1;
+  background-color: #fdf6b2;
+  background-color: rgba(253, 246, 178, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-yellow-200 {
+  --bg-opacity: 1;
+  background-color: #fce96a;
+  background-color: rgba(252, 233, 106, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-yellow-300 {
+  --bg-opacity: 1;
+  background-color: #faca15;
+  background-color: rgba(250, 202, 21, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-yellow-400 {
+  --bg-opacity: 1;
+  background-color: #e3a008;
+  background-color: rgba(227, 160, 8, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-yellow-500 {
+  --bg-opacity: 1;
+  background-color: #c27803;
+  background-color: rgba(194, 120, 3, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-yellow-600 {
+  --bg-opacity: 1;
+  background-color: #9f580a;
+  background-color: rgba(159, 88, 10, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-yellow-700 {
+  --bg-opacity: 1;
+  background-color: #8e4b10;
+  background-color: rgba(142, 75, 16, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-yellow-800 {
+  --bg-opacity: 1;
+  background-color: #723b13;
+  background-color: rgba(114, 59, 19, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-yellow-900 {
+  --bg-opacity: 1;
+  background-color: #633112;
+  background-color: rgba(99, 49, 18, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-green-50 {
+  --bg-opacity: 1;
+  background-color: #f3faf7;
+  background-color: rgba(243, 250, 247, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-green-100 {
+  --bg-opacity: 1;
+  background-color: #def7ec;
+  background-color: rgba(222, 247, 236, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-green-200 {
+  --bg-opacity: 1;
+  background-color: #bcf0da;
+  background-color: rgba(188, 240, 218, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-green-300 {
+  --bg-opacity: 1;
+  background-color: #84e1bc;
+  background-color: rgba(132, 225, 188, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-green-400 {
+  --bg-opacity: 1;
+  background-color: #31c48d;
+  background-color: rgba(49, 196, 141, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-green-500 {
+  --bg-opacity: 1;
+  background-color: #0e9f6e;
+  background-color: rgba(14, 159, 110, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-green-600 {
+  --bg-opacity: 1;
+  background-color: #057a55;
+  background-color: rgba(5, 122, 85, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-green-700 {
+  --bg-opacity: 1;
+  background-color: #046c4e;
+  background-color: rgba(4, 108, 78, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-green-800 {
+  --bg-opacity: 1;
+  background-color: #03543f;
+  background-color: rgba(3, 84, 63, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-green-900 {
+  --bg-opacity: 1;
+  background-color: #014737;
+  background-color: rgba(1, 71, 55, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-teal-50 {
+  --bg-opacity: 1;
+  background-color: #edfafa;
+  background-color: rgba(237, 250, 250, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-teal-100 {
+  --bg-opacity: 1;
+  background-color: #d5f5f6;
+  background-color: rgba(213, 245, 246, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-teal-200 {
+  --bg-opacity: 1;
+  background-color: #afecef;
+  background-color: rgba(175, 236, 239, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-teal-300 {
+  --bg-opacity: 1;
+  background-color: #7edce2;
+  background-color: rgba(126, 220, 226, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-teal-400 {
+  --bg-opacity: 1;
+  background-color: #16bdca;
+  background-color: rgba(22, 189, 202, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-teal-500 {
+  --bg-opacity: 1;
+  background-color: #0694a2;
+  background-color: rgba(6, 148, 162, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-teal-600 {
+  --bg-opacity: 1;
+  background-color: #047481;
+  background-color: rgba(4, 116, 129, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-teal-700 {
+  --bg-opacity: 1;
+  background-color: #036672;
+  background-color: rgba(3, 102, 114, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-teal-800 {
+  --bg-opacity: 1;
+  background-color: #05505c;
+  background-color: rgba(5, 80, 92, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-teal-900 {
+  --bg-opacity: 1;
+  background-color: #014451;
+  background-color: rgba(1, 68, 81, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-blue-50 {
+  --bg-opacity: 1;
+  background-color: #ebf5ff;
+  background-color: rgba(235, 245, 255, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-blue-100 {
+  --bg-opacity: 1;
+  background-color: #e1effe;
+  background-color: rgba(225, 239, 254, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-blue-200 {
+  --bg-opacity: 1;
+  background-color: #c3ddfd;
+  background-color: rgba(195, 221, 253, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-blue-300 {
+  --bg-opacity: 1;
+  background-color: #a4cafe;
+  background-color: rgba(164, 202, 254, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-blue-400 {
+  --bg-opacity: 1;
+  background-color: #76a9fa;
+  background-color: rgba(118, 169, 250, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-blue-500 {
+  --bg-opacity: 1;
+  background-color: #3f83f8;
+  background-color: rgba(63, 131, 248, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-blue-600 {
+  --bg-opacity: 1;
+  background-color: #1c64f2;
+  background-color: rgba(28, 100, 242, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-blue-700 {
+  --bg-opacity: 1;
+  background-color: #1a56db;
+  background-color: rgba(26, 86, 219, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-blue-800 {
+  --bg-opacity: 1;
+  background-color: #1e429f;
+  background-color: rgba(30, 66, 159, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-blue-900 {
+  --bg-opacity: 1;
+  background-color: #233876;
+  background-color: rgba(35, 56, 118, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-indigo-50 {
+  --bg-opacity: 1;
+  background-color: #f0f5ff;
+  background-color: rgba(240, 245, 255, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-indigo-100 {
+  --bg-opacity: 1;
+  background-color: #e5edff;
+  background-color: rgba(229, 237, 255, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-indigo-200 {
+  --bg-opacity: 1;
+  background-color: #cddbfe;
+  background-color: rgba(205, 219, 254, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-indigo-300 {
+  --bg-opacity: 1;
+  background-color: #b4c6fc;
+  background-color: rgba(180, 198, 252, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-indigo-400 {
+  --bg-opacity: 1;
+  background-color: #8da2fb;
+  background-color: rgba(141, 162, 251, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-indigo-500 {
+  --bg-opacity: 1;
+  background-color: #6875f5;
+  background-color: rgba(104, 117, 245, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-indigo-600 {
+  --bg-opacity: 1;
+  background-color: #5850ec;
+  background-color: rgba(88, 80, 236, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-indigo-700 {
+  --bg-opacity: 1;
+  background-color: #5145cd;
+  background-color: rgba(81, 69, 205, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-indigo-800 {
+  --bg-opacity: 1;
+  background-color: #42389d;
+  background-color: rgba(66, 56, 157, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-indigo-900 {
+  --bg-opacity: 1;
+  background-color: #362f78;
+  background-color: rgba(54, 47, 120, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-purple-50 {
+  --bg-opacity: 1;
+  background-color: #f6f5ff;
+  background-color: rgba(246, 245, 255, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-purple-100 {
+  --bg-opacity: 1;
+  background-color: #edebfe;
+  background-color: rgba(237, 235, 254, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-purple-200 {
+  --bg-opacity: 1;
+  background-color: #dcd7fe;
+  background-color: rgba(220, 215, 254, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-purple-300 {
+  --bg-opacity: 1;
+  background-color: #cabffd;
+  background-color: rgba(202, 191, 253, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-purple-400 {
+  --bg-opacity: 1;
+  background-color: #ac94fa;
+  background-color: rgba(172, 148, 250, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-purple-500 {
+  --bg-opacity: 1;
+  background-color: #9061f9;
+  background-color: rgba(144, 97, 249, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-purple-600 {
+  --bg-opacity: 1;
+  background-color: #7e3af2;
+  background-color: rgba(126, 58, 242, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-purple-700 {
+  --bg-opacity: 1;
+  background-color: #6c2bd9;
+  background-color: rgba(108, 43, 217, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-purple-800 {
+  --bg-opacity: 1;
+  background-color: #5521b5;
+  background-color: rgba(85, 33, 181, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-purple-900 {
+  --bg-opacity: 1;
+  background-color: #4a1d96;
+  background-color: rgba(74, 29, 150, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-pink-50 {
+  --bg-opacity: 1;
+  background-color: #fdf2f8;
+  background-color: rgba(253, 242, 248, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-pink-100 {
+  --bg-opacity: 1;
+  background-color: #fce8f3;
+  background-color: rgba(252, 232, 243, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-pink-200 {
+  --bg-opacity: 1;
+  background-color: #fad1e8;
+  background-color: rgba(250, 209, 232, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-pink-300 {
+  --bg-opacity: 1;
+  background-color: #f8b4d9;
+  background-color: rgba(248, 180, 217, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-pink-400 {
+  --bg-opacity: 1;
+  background-color: #f17eb8;
+  background-color: rgba(241, 126, 184, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-pink-500 {
+  --bg-opacity: 1;
+  background-color: #e74694;
+  background-color: rgba(231, 70, 148, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-pink-600 {
+  --bg-opacity: 1;
+  background-color: #d61f69;
+  background-color: rgba(214, 31, 105, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-pink-700 {
+  --bg-opacity: 1;
+  background-color: #bf125d;
+  background-color: rgba(191, 18, 93, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-pink-800 {
+  --bg-opacity: 1;
+  background-color: #99154b;
+  background-color: rgba(153, 21, 75, var(--bg-opacity));
+}
+
+.group:focus .group-focus\:bg-pink-900 {
+  --bg-opacity: 1;
+  background-color: #751a3d;
+  background-color: rgba(117, 26, 61, var(--bg-opacity));
+}
+
+.hover\:bg-transparent:hover {
+  background-color: transparent;
+}
+
+.hover\:bg-white:hover {
+  --bg-opacity: 1;
+  background-color: #ffffff;
+  background-color: rgba(255, 255, 255, var(--bg-opacity));
+}
+
+.hover\:bg-black:hover {
+  --bg-opacity: 1;
+  background-color: #000000;
+  background-color: rgba(0, 0, 0, var(--bg-opacity));
+}
+
+.hover\:bg-gray-50:hover {
+  --bg-opacity: 1;
+  background-color: #f9fafb;
+  background-color: rgba(249, 250, 251, var(--bg-opacity));
+}
+
+.hover\:bg-gray-100:hover {
+  --bg-opacity: 1;
+  background-color: #f4f5f7;
+  background-color: rgba(244, 245, 247, var(--bg-opacity));
+}
+
+.hover\:bg-gray-200:hover {
+  --bg-opacity: 1;
+  background-color: #e5e7eb;
+  background-color: rgba(229, 231, 235, var(--bg-opacity));
+}
+
+.hover\:bg-gray-300:hover {
+  --bg-opacity: 1;
+  background-color: #d2d6dc;
+  background-color: rgba(210, 214, 220, var(--bg-opacity));
+}
+
+.hover\:bg-gray-400:hover {
+  --bg-opacity: 1;
+  background-color: #9fa6b2;
+  background-color: rgba(159, 166, 178, var(--bg-opacity));
+}
+
+.hover\:bg-gray-500:hover {
+  --bg-opacity: 1;
+  background-color: #6b7280;
+  background-color: rgba(107, 114, 128, var(--bg-opacity));
+}
+
+.hover\:bg-gray-600:hover {
+  --bg-opacity: 1;
+  background-color: #4b5563;
+  background-color: rgba(75, 85, 99, var(--bg-opacity));
+}
+
+.hover\:bg-gray-700:hover {
+  --bg-opacity: 1;
+  background-color: #374151;
+  background-color: rgba(55, 65, 81, var(--bg-opacity));
+}
+
+.hover\:bg-gray-800:hover {
+  --bg-opacity: 1;
+  background-color: #252f3f;
+  background-color: rgba(37, 47, 63, var(--bg-opacity));
+}
+
+.hover\:bg-gray-900:hover {
+  --bg-opacity: 1;
+  background-color: #161e2e;
+  background-color: rgba(22, 30, 46, var(--bg-opacity));
+}
+
+.hover\:bg-cool-gray-50:hover {
+  --bg-opacity: 1;
+  background-color: #fbfdfe;
+  background-color: rgba(251, 253, 254, var(--bg-opacity));
+}
+
+.hover\:bg-cool-gray-100:hover {
+  --bg-opacity: 1;
+  background-color: #f1f5f9;
+  background-color: rgba(241, 245, 249, var(--bg-opacity));
+}
+
+.hover\:bg-cool-gray-200:hover {
+  --bg-opacity: 1;
+  background-color: #e2e8f0;
+  background-color: rgba(226, 232, 240, var(--bg-opacity));
+}
+
+.hover\:bg-cool-gray-300:hover {
+  --bg-opacity: 1;
+  background-color: #cfd8e3;
+  background-color: rgba(207, 216, 227, var(--bg-opacity));
+}
+
+.hover\:bg-cool-gray-400:hover {
+  --bg-opacity: 1;
+  background-color: #97a6ba;
+  background-color: rgba(151, 166, 186, var(--bg-opacity));
+}
+
+.hover\:bg-cool-gray-500:hover {
+  --bg-opacity: 1;
+  background-color: #64748b;
+  background-color: rgba(100, 116, 139, var(--bg-opacity));
+}
+
+.hover\:bg-cool-gray-600:hover {
+  --bg-opacity: 1;
+  background-color: #475569;
+  background-color: rgba(71, 85, 105, var(--bg-opacity));
+}
+
+.hover\:bg-cool-gray-700:hover {
+  --bg-opacity: 1;
+  background-color: #364152;
+  background-color: rgba(54, 65, 82, var(--bg-opacity));
+}
+
+.hover\:bg-cool-gray-800:hover {
+  --bg-opacity: 1;
+  background-color: #27303f;
+  background-color: rgba(39, 48, 63, var(--bg-opacity));
+}
+
+.hover\:bg-cool-gray-900:hover {
+  --bg-opacity: 1;
+  background-color: #1a202e;
+  background-color: rgba(26, 32, 46, var(--bg-opacity));
+}
+
+.hover\:bg-red-50:hover {
+  --bg-opacity: 1;
+  background-color: #fdf2f2;
+  background-color: rgba(253, 242, 242, var(--bg-opacity));
+}
+
+.hover\:bg-red-100:hover {
+  --bg-opacity: 1;
+  background-color: #fde8e8;
+  background-color: rgba(253, 232, 232, var(--bg-opacity));
+}
+
+.hover\:bg-red-200:hover {
+  --bg-opacity: 1;
+  background-color: #fbd5d5;
+  background-color: rgba(251, 213, 213, var(--bg-opacity));
+}
+
+.hover\:bg-red-300:hover {
+  --bg-opacity: 1;
+  background-color: #f8b4b4;
+  background-color: rgba(248, 180, 180, var(--bg-opacity));
+}
+
+.hover\:bg-red-400:hover {
+  --bg-opacity: 1;
+  background-color: #f98080;
+  background-color: rgba(249, 128, 128, var(--bg-opacity));
+}
+
+.hover\:bg-red-500:hover {
+  --bg-opacity: 1;
+  background-color: #f05252;
+  background-color: rgba(240, 82, 82, var(--bg-opacity));
+}
+
+.hover\:bg-red-600:hover {
+  --bg-opacity: 1;
+  background-color: #e02424;
+  background-color: rgba(224, 36, 36, var(--bg-opacity));
+}
+
+.hover\:bg-red-700:hover {
+  --bg-opacity: 1;
+  background-color: #c81e1e;
+  background-color: rgba(200, 30, 30, var(--bg-opacity));
+}
+
+.hover\:bg-red-800:hover {
+  --bg-opacity: 1;
+  background-color: #9b1c1c;
+  background-color: rgba(155, 28, 28, var(--bg-opacity));
+}
+
+.hover\:bg-red-900:hover {
+  --bg-opacity: 1;
+  background-color: #771d1d;
+  background-color: rgba(119, 29, 29, var(--bg-opacity));
+}
+
+.hover\:bg-orange-50:hover {
+  --bg-opacity: 1;
+  background-color: #fff8f1;
+  background-color: rgba(255, 248, 241, var(--bg-opacity));
+}
+
+.hover\:bg-orange-100:hover {
+  --bg-opacity: 1;
+  background-color: #feecdc;
+  background-color: rgba(254, 236, 220, var(--bg-opacity));
+}
+
+.hover\:bg-orange-200:hover {
+  --bg-opacity: 1;
+  background-color: #fcd9bd;
+  background-color: rgba(252, 217, 189, var(--bg-opacity));
+}
+
+.hover\:bg-orange-300:hover {
+  --bg-opacity: 1;
+  background-color: #fdba8c;
+  background-color: rgba(253, 186, 140, var(--bg-opacity));
+}
+
+.hover\:bg-orange-400:hover {
+  --bg-opacity: 1;
+  background-color: #ff8a4c;
+  background-color: rgba(255, 138, 76, var(--bg-opacity));
+}
+
+.hover\:bg-orange-500:hover {
+  --bg-opacity: 1;
+  background-color: #ff5a1f;
+  background-color: rgba(255, 90, 31, var(--bg-opacity));
+}
+
+.hover\:bg-orange-600:hover {
+  --bg-opacity: 1;
+  background-color: #d03801;
+  background-color: rgba(208, 56, 1, var(--bg-opacity));
+}
+
+.hover\:bg-orange-700:hover {
+  --bg-opacity: 1;
+  background-color: #b43403;
+  background-color: rgba(180, 52, 3, var(--bg-opacity));
+}
+
+.hover\:bg-orange-800:hover {
+  --bg-opacity: 1;
+  background-color: #8a2c0d;
+  background-color: rgba(138, 44, 13, var(--bg-opacity));
+}
+
+.hover\:bg-orange-900:hover {
+  --bg-opacity: 1;
+  background-color: #771d1d;
+  background-color: rgba(119, 29, 29, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-50:hover {
+  --bg-opacity: 1;
+  background-color: #fdfdea;
+  background-color: rgba(253, 253, 234, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-100:hover {
+  --bg-opacity: 1;
+  background-color: #fdf6b2;
+  background-color: rgba(253, 246, 178, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-200:hover {
+  --bg-opacity: 1;
+  background-color: #fce96a;
+  background-color: rgba(252, 233, 106, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-300:hover {
+  --bg-opacity: 1;
+  background-color: #faca15;
+  background-color: rgba(250, 202, 21, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-400:hover {
+  --bg-opacity: 1;
+  background-color: #e3a008;
+  background-color: rgba(227, 160, 8, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-500:hover {
+  --bg-opacity: 1;
+  background-color: #c27803;
+  background-color: rgba(194, 120, 3, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-600:hover {
+  --bg-opacity: 1;
+  background-color: #9f580a;
+  background-color: rgba(159, 88, 10, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-700:hover {
+  --bg-opacity: 1;
+  background-color: #8e4b10;
+  background-color: rgba(142, 75, 16, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-800:hover {
+  --bg-opacity: 1;
+  background-color: #723b13;
+  background-color: rgba(114, 59, 19, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-900:hover {
+  --bg-opacity: 1;
+  background-color: #633112;
+  background-color: rgba(99, 49, 18, var(--bg-opacity));
+}
+
+.hover\:bg-green-50:hover {
+  --bg-opacity: 1;
+  background-color: #f3faf7;
+  background-color: rgba(243, 250, 247, var(--bg-opacity));
+}
+
+.hover\:bg-green-100:hover {
+  --bg-opacity: 1;
+  background-color: #def7ec;
+  background-color: rgba(222, 247, 236, var(--bg-opacity));
+}
+
+.hover\:bg-green-200:hover {
+  --bg-opacity: 1;
+  background-color: #bcf0da;
+  background-color: rgba(188, 240, 218, var(--bg-opacity));
+}
+
+.hover\:bg-green-300:hover {
+  --bg-opacity: 1;
+  background-color: #84e1bc;
+  background-color: rgba(132, 225, 188, var(--bg-opacity));
+}
+
+.hover\:bg-green-400:hover {
+  --bg-opacity: 1;
+  background-color: #31c48d;
+  background-color: rgba(49, 196, 141, var(--bg-opacity));
+}
+
+.hover\:bg-green-500:hover {
+  --bg-opacity: 1;
+  background-color: #0e9f6e;
+  background-color: rgba(14, 159, 110, var(--bg-opacity));
+}
+
+.hover\:bg-green-600:hover {
+  --bg-opacity: 1;
+  background-color: #057a55;
+  background-color: rgba(5, 122, 85, var(--bg-opacity));
+}
+
+.hover\:bg-green-700:hover {
+  --bg-opacity: 1;
+  background-color: #046c4e;
+  background-color: rgba(4, 108, 78, var(--bg-opacity));
+}
+
+.hover\:bg-green-800:hover {
+  --bg-opacity: 1;
+  background-color: #03543f;
+  background-color: rgba(3, 84, 63, var(--bg-opacity));
+}
+
+.hover\:bg-green-900:hover {
+  --bg-opacity: 1;
+  background-color: #014737;
+  background-color: rgba(1, 71, 55, var(--bg-opacity));
+}
+
+.hover\:bg-teal-50:hover {
+  --bg-opacity: 1;
+  background-color: #edfafa;
+  background-color: rgba(237, 250, 250, var(--bg-opacity));
+}
+
+.hover\:bg-teal-100:hover {
+  --bg-opacity: 1;
+  background-color: #d5f5f6;
+  background-color: rgba(213, 245, 246, var(--bg-opacity));
+}
+
+.hover\:bg-teal-200:hover {
+  --bg-opacity: 1;
+  background-color: #afecef;
+  background-color: rgba(175, 236, 239, var(--bg-opacity));
+}
+
+.hover\:bg-teal-300:hover {
+  --bg-opacity: 1;
+  background-color: #7edce2;
+  background-color: rgba(126, 220, 226, var(--bg-opacity));
+}
+
+.hover\:bg-teal-400:hover {
+  --bg-opacity: 1;
+  background-color: #16bdca;
+  background-color: rgba(22, 189, 202, var(--bg-opacity));
+}
+
+.hover\:bg-teal-500:hover {
+  --bg-opacity: 1;
+  background-color: #0694a2;
+  background-color: rgba(6, 148, 162, var(--bg-opacity));
+}
+
+.hover\:bg-teal-600:hover {
+  --bg-opacity: 1;
+  background-color: #047481;
+  background-color: rgba(4, 116, 129, var(--bg-opacity));
+}
+
+.hover\:bg-teal-700:hover {
+  --bg-opacity: 1;
+  background-color: #036672;
+  background-color: rgba(3, 102, 114, var(--bg-opacity));
+}
+
+.hover\:bg-teal-800:hover {
+  --bg-opacity: 1;
+  background-color: #05505c;
+  background-color: rgba(5, 80, 92, var(--bg-opacity));
+}
+
+.hover\:bg-teal-900:hover {
+  --bg-opacity: 1;
+  background-color: #014451;
+  background-color: rgba(1, 68, 81, var(--bg-opacity));
+}
+
+.hover\:bg-blue-50:hover {
+  --bg-opacity: 1;
+  background-color: #ebf5ff;
+  background-color: rgba(235, 245, 255, var(--bg-opacity));
+}
+
+.hover\:bg-blue-100:hover {
+  --bg-opacity: 1;
+  background-color: #e1effe;
+  background-color: rgba(225, 239, 254, var(--bg-opacity));
+}
+
+.hover\:bg-blue-200:hover {
+  --bg-opacity: 1;
+  background-color: #c3ddfd;
+  background-color: rgba(195, 221, 253, var(--bg-opacity));
+}
+
+.hover\:bg-blue-300:hover {
+  --bg-opacity: 1;
+  background-color: #a4cafe;
+  background-color: rgba(164, 202, 254, var(--bg-opacity));
+}
+
+.hover\:bg-blue-400:hover {
+  --bg-opacity: 1;
+  background-color: #76a9fa;
+  background-color: rgba(118, 169, 250, var(--bg-opacity));
+}
+
+.hover\:bg-blue-500:hover {
+  --bg-opacity: 1;
+  background-color: #3f83f8;
+  background-color: rgba(63, 131, 248, var(--bg-opacity));
+}
+
+.hover\:bg-blue-600:hover {
+  --bg-opacity: 1;
+  background-color: #1c64f2;
+  background-color: rgba(28, 100, 242, var(--bg-opacity));
+}
+
+.hover\:bg-blue-700:hover {
+  --bg-opacity: 1;
+  background-color: #1a56db;
+  background-color: rgba(26, 86, 219, var(--bg-opacity));
+}
+
+.hover\:bg-blue-800:hover {
+  --bg-opacity: 1;
+  background-color: #1e429f;
+  background-color: rgba(30, 66, 159, var(--bg-opacity));
+}
+
+.hover\:bg-blue-900:hover {
+  --bg-opacity: 1;
+  background-color: #233876;
+  background-color: rgba(35, 56, 118, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-50:hover {
+  --bg-opacity: 1;
+  background-color: #f0f5ff;
+  background-color: rgba(240, 245, 255, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-100:hover {
+  --bg-opacity: 1;
+  background-color: #e5edff;
+  background-color: rgba(229, 237, 255, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-200:hover {
+  --bg-opacity: 1;
+  background-color: #cddbfe;
+  background-color: rgba(205, 219, 254, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-300:hover {
+  --bg-opacity: 1;
+  background-color: #b4c6fc;
+  background-color: rgba(180, 198, 252, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-400:hover {
+  --bg-opacity: 1;
+  background-color: #8da2fb;
+  background-color: rgba(141, 162, 251, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-500:hover {
+  --bg-opacity: 1;
+  background-color: #6875f5;
+  background-color: rgba(104, 117, 245, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-600:hover {
+  --bg-opacity: 1;
+  background-color: #5850ec;
+  background-color: rgba(88, 80, 236, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-700:hover {
+  --bg-opacity: 1;
+  background-color: #5145cd;
+  background-color: rgba(81, 69, 205, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-800:hover {
+  --bg-opacity: 1;
+  background-color: #42389d;
+  background-color: rgba(66, 56, 157, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-900:hover {
+  --bg-opacity: 1;
+  background-color: #362f78;
+  background-color: rgba(54, 47, 120, var(--bg-opacity));
+}
+
+.hover\:bg-purple-50:hover {
+  --bg-opacity: 1;
+  background-color: #f6f5ff;
+  background-color: rgba(246, 245, 255, var(--bg-opacity));
+}
+
+.hover\:bg-purple-100:hover {
+  --bg-opacity: 1;
+  background-color: #edebfe;
+  background-color: rgba(237, 235, 254, var(--bg-opacity));
+}
+
+.hover\:bg-purple-200:hover {
+  --bg-opacity: 1;
+  background-color: #dcd7fe;
+  background-color: rgba(220, 215, 254, var(--bg-opacity));
+}
+
+.hover\:bg-purple-300:hover {
+  --bg-opacity: 1;
+  background-color: #cabffd;
+  background-color: rgba(202, 191, 253, var(--bg-opacity));
+}
+
+.hover\:bg-purple-400:hover {
+  --bg-opacity: 1;
+  background-color: #ac94fa;
+  background-color: rgba(172, 148, 250, var(--bg-opacity));
+}
+
+.hover\:bg-purple-500:hover {
+  --bg-opacity: 1;
+  background-color: #9061f9;
+  background-color: rgba(144, 97, 249, var(--bg-opacity));
+}
+
+.hover\:bg-purple-600:hover {
+  --bg-opacity: 1;
+  background-color: #7e3af2;
+  background-color: rgba(126, 58, 242, var(--bg-opacity));
+}
+
+.hover\:bg-purple-700:hover {
+  --bg-opacity: 1;
+  background-color: #6c2bd9;
+  background-color: rgba(108, 43, 217, var(--bg-opacity));
+}
+
+.hover\:bg-purple-800:hover {
+  --bg-opacity: 1;
+  background-color: #5521b5;
+  background-color: rgba(85, 33, 181, var(--bg-opacity));
+}
+
+.hover\:bg-purple-900:hover {
+  --bg-opacity: 1;
+  background-color: #4a1d96;
+  background-color: rgba(74, 29, 150, var(--bg-opacity));
+}
+
+.hover\:bg-pink-50:hover {
+  --bg-opacity: 1;
+  background-color: #fdf2f8;
+  background-color: rgba(253, 242, 248, var(--bg-opacity));
+}
+
+.hover\:bg-pink-100:hover {
+  --bg-opacity: 1;
+  background-color: #fce8f3;
+  background-color: rgba(252, 232, 243, var(--bg-opacity));
+}
+
+.hover\:bg-pink-200:hover {
+  --bg-opacity: 1;
+  background-color: #fad1e8;
+  background-color: rgba(250, 209, 232, var(--bg-opacity));
+}
+
+.hover\:bg-pink-300:hover {
+  --bg-opacity: 1;
+  background-color: #f8b4d9;
+  background-color: rgba(248, 180, 217, var(--bg-opacity));
+}
+
+.hover\:bg-pink-400:hover {
+  --bg-opacity: 1;
+  background-color: #f17eb8;
+  background-color: rgba(241, 126, 184, var(--bg-opacity));
+}
+
+.hover\:bg-pink-500:hover {
+  --bg-opacity: 1;
+  background-color: #e74694;
+  background-color: rgba(231, 70, 148, var(--bg-opacity));
+}
+
+.hover\:bg-pink-600:hover {
+  --bg-opacity: 1;
+  background-color: #d61f69;
+  background-color: rgba(214, 31, 105, var(--bg-opacity));
+}
+
+.hover\:bg-pink-700:hover {
+  --bg-opacity: 1;
+  background-color: #bf125d;
+  background-color: rgba(191, 18, 93, var(--bg-opacity));
+}
+
+.hover\:bg-pink-800:hover {
+  --bg-opacity: 1;
+  background-color: #99154b;
+  background-color: rgba(153, 21, 75, var(--bg-opacity));
+}
+
+.hover\:bg-pink-900:hover {
+  --bg-opacity: 1;
+  background-color: #751a3d;
+  background-color: rgba(117, 26, 61, var(--bg-opacity));
+}
+
+.focus\:bg-transparent:focus {
+  background-color: transparent;
+}
+
+.focus\:bg-white:focus {
+  --bg-opacity: 1;
+  background-color: #ffffff;
+  background-color: rgba(255, 255, 255, var(--bg-opacity));
+}
+
+.focus\:bg-black:focus {
+  --bg-opacity: 1;
+  background-color: #000000;
+  background-color: rgba(0, 0, 0, var(--bg-opacity));
+}
+
+.focus\:bg-gray-50:focus {
+  --bg-opacity: 1;
+  background-color: #f9fafb;
+  background-color: rgba(249, 250, 251, var(--bg-opacity));
+}
+
+.focus\:bg-gray-100:focus {
+  --bg-opacity: 1;
+  background-color: #f4f5f7;
+  background-color: rgba(244, 245, 247, var(--bg-opacity));
+}
+
+.focus\:bg-gray-200:focus {
+  --bg-opacity: 1;
+  background-color: #e5e7eb;
+  background-color: rgba(229, 231, 235, var(--bg-opacity));
+}
+
+.focus\:bg-gray-300:focus {
+  --bg-opacity: 1;
+  background-color: #d2d6dc;
+  background-color: rgba(210, 214, 220, var(--bg-opacity));
+}
+
+.focus\:bg-gray-400:focus {
+  --bg-opacity: 1;
+  background-color: #9fa6b2;
+  background-color: rgba(159, 166, 178, var(--bg-opacity));
+}
+
+.focus\:bg-gray-500:focus {
+  --bg-opacity: 1;
+  background-color: #6b7280;
+  background-color: rgba(107, 114, 128, var(--bg-opacity));
+}
+
+.focus\:bg-gray-600:focus {
+  --bg-opacity: 1;
+  background-color: #4b5563;
+  background-color: rgba(75, 85, 99, var(--bg-opacity));
+}
+
+.focus\:bg-gray-700:focus {
+  --bg-opacity: 1;
+  background-color: #374151;
+  background-color: rgba(55, 65, 81, var(--bg-opacity));
+}
+
+.focus\:bg-gray-800:focus {
+  --bg-opacity: 1;
+  background-color: #252f3f;
+  background-color: rgba(37, 47, 63, var(--bg-opacity));
+}
+
+.focus\:bg-gray-900:focus {
+  --bg-opacity: 1;
+  background-color: #161e2e;
+  background-color: rgba(22, 30, 46, var(--bg-opacity));
+}
+
+.focus\:bg-cool-gray-50:focus {
+  --bg-opacity: 1;
+  background-color: #fbfdfe;
+  background-color: rgba(251, 253, 254, var(--bg-opacity));
+}
+
+.focus\:bg-cool-gray-100:focus {
+  --bg-opacity: 1;
+  background-color: #f1f5f9;
+  background-color: rgba(241, 245, 249, var(--bg-opacity));
+}
+
+.focus\:bg-cool-gray-200:focus {
+  --bg-opacity: 1;
+  background-color: #e2e8f0;
+  background-color: rgba(226, 232, 240, var(--bg-opacity));
+}
+
+.focus\:bg-cool-gray-300:focus {
+  --bg-opacity: 1;
+  background-color: #cfd8e3;
+  background-color: rgba(207, 216, 227, var(--bg-opacity));
+}
+
+.focus\:bg-cool-gray-400:focus {
+  --bg-opacity: 1;
+  background-color: #97a6ba;
+  background-color: rgba(151, 166, 186, var(--bg-opacity));
+}
+
+.focus\:bg-cool-gray-500:focus {
+  --bg-opacity: 1;
+  background-color: #64748b;
+  background-color: rgba(100, 116, 139, var(--bg-opacity));
+}
+
+.focus\:bg-cool-gray-600:focus {
+  --bg-opacity: 1;
+  background-color: #475569;
+  background-color: rgba(71, 85, 105, var(--bg-opacity));
+}
+
+.focus\:bg-cool-gray-700:focus {
+  --bg-opacity: 1;
+  background-color: #364152;
+  background-color: rgba(54, 65, 82, var(--bg-opacity));
+}
+
+.focus\:bg-cool-gray-800:focus {
+  --bg-opacity: 1;
+  background-color: #27303f;
+  background-color: rgba(39, 48, 63, var(--bg-opacity));
+}
+
+.focus\:bg-cool-gray-900:focus {
+  --bg-opacity: 1;
+  background-color: #1a202e;
+  background-color: rgba(26, 32, 46, var(--bg-opacity));
+}
+
+.focus\:bg-red-50:focus {
+  --bg-opacity: 1;
+  background-color: #fdf2f2;
+  background-color: rgba(253, 242, 242, var(--bg-opacity));
+}
+
+.focus\:bg-red-100:focus {
+  --bg-opacity: 1;
+  background-color: #fde8e8;
+  background-color: rgba(253, 232, 232, var(--bg-opacity));
+}
+
+.focus\:bg-red-200:focus {
+  --bg-opacity: 1;
+  background-color: #fbd5d5;
+  background-color: rgba(251, 213, 213, var(--bg-opacity));
+}
+
+.focus\:bg-red-300:focus {
+  --bg-opacity: 1;
+  background-color: #f8b4b4;
+  background-color: rgba(248, 180, 180, var(--bg-opacity));
+}
+
+.focus\:bg-red-400:focus {
+  --bg-opacity: 1;
+  background-color: #f98080;
+  background-color: rgba(249, 128, 128, var(--bg-opacity));
+}
+
+.focus\:bg-red-500:focus {
+  --bg-opacity: 1;
+  background-color: #f05252;
+  background-color: rgba(240, 82, 82, var(--bg-opacity));
+}
+
+.focus\:bg-red-600:focus {
+  --bg-opacity: 1;
+  background-color: #e02424;
+  background-color: rgba(224, 36, 36, var(--bg-opacity));
+}
+
+.focus\:bg-red-700:focus {
+  --bg-opacity: 1;
+  background-color: #c81e1e;
+  background-color: rgba(200, 30, 30, var(--bg-opacity));
+}
+
+.focus\:bg-red-800:focus {
+  --bg-opacity: 1;
+  background-color: #9b1c1c;
+  background-color: rgba(155, 28, 28, var(--bg-opacity));
+}
+
+.focus\:bg-red-900:focus {
+  --bg-opacity: 1;
+  background-color: #771d1d;
+  background-color: rgba(119, 29, 29, var(--bg-opacity));
+}
+
+.focus\:bg-orange-50:focus {
+  --bg-opacity: 1;
+  background-color: #fff8f1;
+  background-color: rgba(255, 248, 241, var(--bg-opacity));
+}
+
+.focus\:bg-orange-100:focus {
+  --bg-opacity: 1;
+  background-color: #feecdc;
+  background-color: rgba(254, 236, 220, var(--bg-opacity));
+}
+
+.focus\:bg-orange-200:focus {
+  --bg-opacity: 1;
+  background-color: #fcd9bd;
+  background-color: rgba(252, 217, 189, var(--bg-opacity));
+}
+
+.focus\:bg-orange-300:focus {
+  --bg-opacity: 1;
+  background-color: #fdba8c;
+  background-color: rgba(253, 186, 140, var(--bg-opacity));
+}
+
+.focus\:bg-orange-400:focus {
+  --bg-opacity: 1;
+  background-color: #ff8a4c;
+  background-color: rgba(255, 138, 76, var(--bg-opacity));
+}
+
+.focus\:bg-orange-500:focus {
+  --bg-opacity: 1;
+  background-color: #ff5a1f;
+  background-color: rgba(255, 90, 31, var(--bg-opacity));
+}
+
+.focus\:bg-orange-600:focus {
+  --bg-opacity: 1;
+  background-color: #d03801;
+  background-color: rgba(208, 56, 1, var(--bg-opacity));
+}
+
+.focus\:bg-orange-700:focus {
+  --bg-opacity: 1;
+  background-color: #b43403;
+  background-color: rgba(180, 52, 3, var(--bg-opacity));
+}
+
+.focus\:bg-orange-800:focus {
+  --bg-opacity: 1;
+  background-color: #8a2c0d;
+  background-color: rgba(138, 44, 13, var(--bg-opacity));
+}
+
+.focus\:bg-orange-900:focus {
+  --bg-opacity: 1;
+  background-color: #771d1d;
+  background-color: rgba(119, 29, 29, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-50:focus {
+  --bg-opacity: 1;
+  background-color: #fdfdea;
+  background-color: rgba(253, 253, 234, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-100:focus {
+  --bg-opacity: 1;
+  background-color: #fdf6b2;
+  background-color: rgba(253, 246, 178, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-200:focus {
+  --bg-opacity: 1;
+  background-color: #fce96a;
+  background-color: rgba(252, 233, 106, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-300:focus {
+  --bg-opacity: 1;
+  background-color: #faca15;
+  background-color: rgba(250, 202, 21, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-400:focus {
+  --bg-opacity: 1;
+  background-color: #e3a008;
+  background-color: rgba(227, 160, 8, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-500:focus {
+  --bg-opacity: 1;
+  background-color: #c27803;
+  background-color: rgba(194, 120, 3, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-600:focus {
+  --bg-opacity: 1;
+  background-color: #9f580a;
+  background-color: rgba(159, 88, 10, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-700:focus {
+  --bg-opacity: 1;
+  background-color: #8e4b10;
+  background-color: rgba(142, 75, 16, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-800:focus {
+  --bg-opacity: 1;
+  background-color: #723b13;
+  background-color: rgba(114, 59, 19, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-900:focus {
+  --bg-opacity: 1;
+  background-color: #633112;
+  background-color: rgba(99, 49, 18, var(--bg-opacity));
+}
+
+.focus\:bg-green-50:focus {
+  --bg-opacity: 1;
+  background-color: #f3faf7;
+  background-color: rgba(243, 250, 247, var(--bg-opacity));
+}
+
+.focus\:bg-green-100:focus {
+  --bg-opacity: 1;
+  background-color: #def7ec;
+  background-color: rgba(222, 247, 236, var(--bg-opacity));
+}
+
+.focus\:bg-green-200:focus {
+  --bg-opacity: 1;
+  background-color: #bcf0da;
+  background-color: rgba(188, 240, 218, var(--bg-opacity));
+}
+
+.focus\:bg-green-300:focus {
+  --bg-opacity: 1;
+  background-color: #84e1bc;
+  background-color: rgba(132, 225, 188, var(--bg-opacity));
+}
+
+.focus\:bg-green-400:focus {
+  --bg-opacity: 1;
+  background-color: #31c48d;
+  background-color: rgba(49, 196, 141, var(--bg-opacity));
+}
+
+.focus\:bg-green-500:focus {
+  --bg-opacity: 1;
+  background-color: #0e9f6e;
+  background-color: rgba(14, 159, 110, var(--bg-opacity));
+}
+
+.focus\:bg-green-600:focus {
+  --bg-opacity: 1;
+  background-color: #057a55;
+  background-color: rgba(5, 122, 85, var(--bg-opacity));
+}
+
+.focus\:bg-green-700:focus {
+  --bg-opacity: 1;
+  background-color: #046c4e;
+  background-color: rgba(4, 108, 78, var(--bg-opacity));
+}
+
+.focus\:bg-green-800:focus {
+  --bg-opacity: 1;
+  background-color: #03543f;
+  background-color: rgba(3, 84, 63, var(--bg-opacity));
+}
+
+.focus\:bg-green-900:focus {
+  --bg-opacity: 1;
+  background-color: #014737;
+  background-color: rgba(1, 71, 55, var(--bg-opacity));
+}
+
+.focus\:bg-teal-50:focus {
+  --bg-opacity: 1;
+  background-color: #edfafa;
+  background-color: rgba(237, 250, 250, var(--bg-opacity));
+}
+
+.focus\:bg-teal-100:focus {
+  --bg-opacity: 1;
+  background-color: #d5f5f6;
+  background-color: rgba(213, 245, 246, var(--bg-opacity));
+}
+
+.focus\:bg-teal-200:focus {
+  --bg-opacity: 1;
+  background-color: #afecef;
+  background-color: rgba(175, 236, 239, var(--bg-opacity));
+}
+
+.focus\:bg-teal-300:focus {
+  --bg-opacity: 1;
+  background-color: #7edce2;
+  background-color: rgba(126, 220, 226, var(--bg-opacity));
+}
+
+.focus\:bg-teal-400:focus {
+  --bg-opacity: 1;
+  background-color: #16bdca;
+  background-color: rgba(22, 189, 202, var(--bg-opacity));
+}
+
+.focus\:bg-teal-500:focus {
+  --bg-opacity: 1;
+  background-color: #0694a2;
+  background-color: rgba(6, 148, 162, var(--bg-opacity));
+}
+
+.focus\:bg-teal-600:focus {
+  --bg-opacity: 1;
+  background-color: #047481;
+  background-color: rgba(4, 116, 129, var(--bg-opacity));
+}
+
+.focus\:bg-teal-700:focus {
+  --bg-opacity: 1;
+  background-color: #036672;
+  background-color: rgba(3, 102, 114, var(--bg-opacity));
+}
+
+.focus\:bg-teal-800:focus {
+  --bg-opacity: 1;
+  background-color: #05505c;
+  background-color: rgba(5, 80, 92, var(--bg-opacity));
+}
+
+.focus\:bg-teal-900:focus {
+  --bg-opacity: 1;
+  background-color: #014451;
+  background-color: rgba(1, 68, 81, var(--bg-opacity));
+}
+
+.focus\:bg-blue-50:focus {
+  --bg-opacity: 1;
+  background-color: #ebf5ff;
+  background-color: rgba(235, 245, 255, var(--bg-opacity));
+}
+
+.focus\:bg-blue-100:focus {
+  --bg-opacity: 1;
+  background-color: #e1effe;
+  background-color: rgba(225, 239, 254, var(--bg-opacity));
+}
+
+.focus\:bg-blue-200:focus {
+  --bg-opacity: 1;
+  background-color: #c3ddfd;
+  background-color: rgba(195, 221, 253, var(--bg-opacity));
+}
+
+.focus\:bg-blue-300:focus {
+  --bg-opacity: 1;
+  background-color: #a4cafe;
+  background-color: rgba(164, 202, 254, var(--bg-opacity));
+}
+
+.focus\:bg-blue-400:focus {
+  --bg-opacity: 1;
+  background-color: #76a9fa;
+  background-color: rgba(118, 169, 250, var(--bg-opacity));
+}
+
+.focus\:bg-blue-500:focus {
+  --bg-opacity: 1;
+  background-color: #3f83f8;
+  background-color: rgba(63, 131, 248, var(--bg-opacity));
+}
+
+.focus\:bg-blue-600:focus {
+  --bg-opacity: 1;
+  background-color: #1c64f2;
+  background-color: rgba(28, 100, 242, var(--bg-opacity));
+}
+
+.focus\:bg-blue-700:focus {
+  --bg-opacity: 1;
+  background-color: #1a56db;
+  background-color: rgba(26, 86, 219, var(--bg-opacity));
+}
+
+.focus\:bg-blue-800:focus {
+  --bg-opacity: 1;
+  background-color: #1e429f;
+  background-color: rgba(30, 66, 159, var(--bg-opacity));
+}
+
+.focus\:bg-blue-900:focus {
+  --bg-opacity: 1;
+  background-color: #233876;
+  background-color: rgba(35, 56, 118, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-50:focus {
+  --bg-opacity: 1;
+  background-color: #f0f5ff;
+  background-color: rgba(240, 245, 255, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-100:focus {
+  --bg-opacity: 1;
+  background-color: #e5edff;
+  background-color: rgba(229, 237, 255, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-200:focus {
+  --bg-opacity: 1;
+  background-color: #cddbfe;
+  background-color: rgba(205, 219, 254, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-300:focus {
+  --bg-opacity: 1;
+  background-color: #b4c6fc;
+  background-color: rgba(180, 198, 252, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-400:focus {
+  --bg-opacity: 1;
+  background-color: #8da2fb;
+  background-color: rgba(141, 162, 251, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-500:focus {
+  --bg-opacity: 1;
+  background-color: #6875f5;
+  background-color: rgba(104, 117, 245, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-600:focus {
+  --bg-opacity: 1;
+  background-color: #5850ec;
+  background-color: rgba(88, 80, 236, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-700:focus {
+  --bg-opacity: 1;
+  background-color: #5145cd;
+  background-color: rgba(81, 69, 205, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-800:focus {
+  --bg-opacity: 1;
+  background-color: #42389d;
+  background-color: rgba(66, 56, 157, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-900:focus {
+  --bg-opacity: 1;
+  background-color: #362f78;
+  background-color: rgba(54, 47, 120, var(--bg-opacity));
+}
+
+.focus\:bg-purple-50:focus {
+  --bg-opacity: 1;
+  background-color: #f6f5ff;
+  background-color: rgba(246, 245, 255, var(--bg-opacity));
+}
+
+.focus\:bg-purple-100:focus {
+  --bg-opacity: 1;
+  background-color: #edebfe;
+  background-color: rgba(237, 235, 254, var(--bg-opacity));
+}
+
+.focus\:bg-purple-200:focus {
+  --bg-opacity: 1;
+  background-color: #dcd7fe;
+  background-color: rgba(220, 215, 254, var(--bg-opacity));
+}
+
+.focus\:bg-purple-300:focus {
+  --bg-opacity: 1;
+  background-color: #cabffd;
+  background-color: rgba(202, 191, 253, var(--bg-opacity));
+}
+
+.focus\:bg-purple-400:focus {
+  --bg-opacity: 1;
+  background-color: #ac94fa;
+  background-color: rgba(172, 148, 250, var(--bg-opacity));
+}
+
+.focus\:bg-purple-500:focus {
+  --bg-opacity: 1;
+  background-color: #9061f9;
+  background-color: rgba(144, 97, 249, var(--bg-opacity));
+}
+
+.focus\:bg-purple-600:focus {
+  --bg-opacity: 1;
+  background-color: #7e3af2;
+  background-color: rgba(126, 58, 242, var(--bg-opacity));
+}
+
+.focus\:bg-purple-700:focus {
+  --bg-opacity: 1;
+  background-color: #6c2bd9;
+  background-color: rgba(108, 43, 217, var(--bg-opacity));
+}
+
+.focus\:bg-purple-800:focus {
+  --bg-opacity: 1;
+  background-color: #5521b5;
+  background-color: rgba(85, 33, 181, var(--bg-opacity));
+}
+
+.focus\:bg-purple-900:focus {
+  --bg-opacity: 1;
+  background-color: #4a1d96;
+  background-color: rgba(74, 29, 150, var(--bg-opacity));
+}
+
+.focus\:bg-pink-50:focus {
+  --bg-opacity: 1;
+  background-color: #fdf2f8;
+  background-color: rgba(253, 242, 248, var(--bg-opacity));
+}
+
+.focus\:bg-pink-100:focus {
+  --bg-opacity: 1;
+  background-color: #fce8f3;
+  background-color: rgba(252, 232, 243, var(--bg-opacity));
+}
+
+.focus\:bg-pink-200:focus {
+  --bg-opacity: 1;
+  background-color: #fad1e8;
+  background-color: rgba(250, 209, 232, var(--bg-opacity));
+}
+
+.focus\:bg-pink-300:focus {
+  --bg-opacity: 1;
+  background-color: #f8b4d9;
+  background-color: rgba(248, 180, 217, var(--bg-opacity));
+}
+
+.focus\:bg-pink-400:focus {
+  --bg-opacity: 1;
+  background-color: #f17eb8;
+  background-color: rgba(241, 126, 184, var(--bg-opacity));
+}
+
+.focus\:bg-pink-500:focus {
+  --bg-opacity: 1;
+  background-color: #e74694;
+  background-color: rgba(231, 70, 148, var(--bg-opacity));
+}
+
+.focus\:bg-pink-600:focus {
+  --bg-opacity: 1;
+  background-color: #d61f69;
+  background-color: rgba(214, 31, 105, var(--bg-opacity));
+}
+
+.focus\:bg-pink-700:focus {
+  --bg-opacity: 1;
+  background-color: #bf125d;
+  background-color: rgba(191, 18, 93, var(--bg-opacity));
+}
+
+.focus\:bg-pink-800:focus {
+  --bg-opacity: 1;
+  background-color: #99154b;
+  background-color: rgba(153, 21, 75, var(--bg-opacity));
+}
+
+.focus\:bg-pink-900:focus {
+  --bg-opacity: 1;
+  background-color: #751a3d;
+  background-color: rgba(117, 26, 61, var(--bg-opacity));
+}
+
+.active\:bg-transparent:active {
+  background-color: transparent;
+}
+
+.active\:bg-white:active {
+  --bg-opacity: 1;
+  background-color: #ffffff;
+  background-color: rgba(255, 255, 255, var(--bg-opacity));
+}
+
+.active\:bg-black:active {
+  --bg-opacity: 1;
+  background-color: #000000;
+  background-color: rgba(0, 0, 0, var(--bg-opacity));
+}
+
+.active\:bg-gray-50:active {
+  --bg-opacity: 1;
+  background-color: #f9fafb;
+  background-color: rgba(249, 250, 251, var(--bg-opacity));
+}
+
+.active\:bg-gray-100:active {
+  --bg-opacity: 1;
+  background-color: #f4f5f7;
+  background-color: rgba(244, 245, 247, var(--bg-opacity));
+}
+
+.active\:bg-gray-200:active {
+  --bg-opacity: 1;
+  background-color: #e5e7eb;
+  background-color: rgba(229, 231, 235, var(--bg-opacity));
+}
+
+.active\:bg-gray-300:active {
+  --bg-opacity: 1;
+  background-color: #d2d6dc;
+  background-color: rgba(210, 214, 220, var(--bg-opacity));
+}
+
+.active\:bg-gray-400:active {
+  --bg-opacity: 1;
+  background-color: #9fa6b2;
+  background-color: rgba(159, 166, 178, var(--bg-opacity));
+}
+
+.active\:bg-gray-500:active {
+  --bg-opacity: 1;
+  background-color: #6b7280;
+  background-color: rgba(107, 114, 128, var(--bg-opacity));
+}
+
+.active\:bg-gray-600:active {
+  --bg-opacity: 1;
+  background-color: #4b5563;
+  background-color: rgba(75, 85, 99, var(--bg-opacity));
+}
+
+.active\:bg-gray-700:active {
+  --bg-opacity: 1;
+  background-color: #374151;
+  background-color: rgba(55, 65, 81, var(--bg-opacity));
+}
+
+.active\:bg-gray-800:active {
+  --bg-opacity: 1;
+  background-color: #252f3f;
+  background-color: rgba(37, 47, 63, var(--bg-opacity));
+}
+
+.active\:bg-gray-900:active {
+  --bg-opacity: 1;
+  background-color: #161e2e;
+  background-color: rgba(22, 30, 46, var(--bg-opacity));
+}
+
+.active\:bg-cool-gray-50:active {
+  --bg-opacity: 1;
+  background-color: #fbfdfe;
+  background-color: rgba(251, 253, 254, var(--bg-opacity));
+}
+
+.active\:bg-cool-gray-100:active {
+  --bg-opacity: 1;
+  background-color: #f1f5f9;
+  background-color: rgba(241, 245, 249, var(--bg-opacity));
+}
+
+.active\:bg-cool-gray-200:active {
+  --bg-opacity: 1;
+  background-color: #e2e8f0;
+  background-color: rgba(226, 232, 240, var(--bg-opacity));
+}
+
+.active\:bg-cool-gray-300:active {
+  --bg-opacity: 1;
+  background-color: #cfd8e3;
+  background-color: rgba(207, 216, 227, var(--bg-opacity));
+}
+
+.active\:bg-cool-gray-400:active {
+  --bg-opacity: 1;
+  background-color: #97a6ba;
+  background-color: rgba(151, 166, 186, var(--bg-opacity));
+}
+
+.active\:bg-cool-gray-500:active {
+  --bg-opacity: 1;
+  background-color: #64748b;
+  background-color: rgba(100, 116, 139, var(--bg-opacity));
+}
+
+.active\:bg-cool-gray-600:active {
+  --bg-opacity: 1;
+  background-color: #475569;
+  background-color: rgba(71, 85, 105, var(--bg-opacity));
+}
+
+.active\:bg-cool-gray-700:active {
+  --bg-opacity: 1;
+  background-color: #364152;
+  background-color: rgba(54, 65, 82, var(--bg-opacity));
+}
+
+.active\:bg-cool-gray-800:active {
+  --bg-opacity: 1;
+  background-color: #27303f;
+  background-color: rgba(39, 48, 63, var(--bg-opacity));
+}
+
+.active\:bg-cool-gray-900:active {
+  --bg-opacity: 1;
+  background-color: #1a202e;
+  background-color: rgba(26, 32, 46, var(--bg-opacity));
+}
+
+.active\:bg-red-50:active {
+  --bg-opacity: 1;
+  background-color: #fdf2f2;
+  background-color: rgba(253, 242, 242, var(--bg-opacity));
+}
+
+.active\:bg-red-100:active {
+  --bg-opacity: 1;
+  background-color: #fde8e8;
+  background-color: rgba(253, 232, 232, var(--bg-opacity));
+}
+
+.active\:bg-red-200:active {
+  --bg-opacity: 1;
+  background-color: #fbd5d5;
+  background-color: rgba(251, 213, 213, var(--bg-opacity));
+}
+
+.active\:bg-red-300:active {
+  --bg-opacity: 1;
+  background-color: #f8b4b4;
+  background-color: rgba(248, 180, 180, var(--bg-opacity));
+}
+
+.active\:bg-red-400:active {
+  --bg-opacity: 1;
+  background-color: #f98080;
+  background-color: rgba(249, 128, 128, var(--bg-opacity));
+}
+
+.active\:bg-red-500:active {
+  --bg-opacity: 1;
+  background-color: #f05252;
+  background-color: rgba(240, 82, 82, var(--bg-opacity));
+}
+
+.active\:bg-red-600:active {
+  --bg-opacity: 1;
+  background-color: #e02424;
+  background-color: rgba(224, 36, 36, var(--bg-opacity));
+}
+
+.active\:bg-red-700:active {
+  --bg-opacity: 1;
+  background-color: #c81e1e;
+  background-color: rgba(200, 30, 30, var(--bg-opacity));
+}
+
+.active\:bg-red-800:active {
+  --bg-opacity: 1;
+  background-color: #9b1c1c;
+  background-color: rgba(155, 28, 28, var(--bg-opacity));
+}
+
+.active\:bg-red-900:active {
+  --bg-opacity: 1;
+  background-color: #771d1d;
+  background-color: rgba(119, 29, 29, var(--bg-opacity));
+}
+
+.active\:bg-orange-50:active {
+  --bg-opacity: 1;
+  background-color: #fff8f1;
+  background-color: rgba(255, 248, 241, var(--bg-opacity));
+}
+
+.active\:bg-orange-100:active {
+  --bg-opacity: 1;
+  background-color: #feecdc;
+  background-color: rgba(254, 236, 220, var(--bg-opacity));
+}
+
+.active\:bg-orange-200:active {
+  --bg-opacity: 1;
+  background-color: #fcd9bd;
+  background-color: rgba(252, 217, 189, var(--bg-opacity));
+}
+
+.active\:bg-orange-300:active {
+  --bg-opacity: 1;
+  background-color: #fdba8c;
+  background-color: rgba(253, 186, 140, var(--bg-opacity));
+}
+
+.active\:bg-orange-400:active {
+  --bg-opacity: 1;
+  background-color: #ff8a4c;
+  background-color: rgba(255, 138, 76, var(--bg-opacity));
+}
+
+.active\:bg-orange-500:active {
+  --bg-opacity: 1;
+  background-color: #ff5a1f;
+  background-color: rgba(255, 90, 31, var(--bg-opacity));
+}
+
+.active\:bg-orange-600:active {
+  --bg-opacity: 1;
+  background-color: #d03801;
+  background-color: rgba(208, 56, 1, var(--bg-opacity));
+}
+
+.active\:bg-orange-700:active {
+  --bg-opacity: 1;
+  background-color: #b43403;
+  background-color: rgba(180, 52, 3, var(--bg-opacity));
+}
+
+.active\:bg-orange-800:active {
+  --bg-opacity: 1;
+  background-color: #8a2c0d;
+  background-color: rgba(138, 44, 13, var(--bg-opacity));
+}
+
+.active\:bg-orange-900:active {
+  --bg-opacity: 1;
+  background-color: #771d1d;
+  background-color: rgba(119, 29, 29, var(--bg-opacity));
+}
+
+.active\:bg-yellow-50:active {
+  --bg-opacity: 1;
+  background-color: #fdfdea;
+  background-color: rgba(253, 253, 234, var(--bg-opacity));
+}
+
+.active\:bg-yellow-100:active {
+  --bg-opacity: 1;
+  background-color: #fdf6b2;
+  background-color: rgba(253, 246, 178, var(--bg-opacity));
+}
+
+.active\:bg-yellow-200:active {
+  --bg-opacity: 1;
+  background-color: #fce96a;
+  background-color: rgba(252, 233, 106, var(--bg-opacity));
+}
+
+.active\:bg-yellow-300:active {
+  --bg-opacity: 1;
+  background-color: #faca15;
+  background-color: rgba(250, 202, 21, var(--bg-opacity));
+}
+
+.active\:bg-yellow-400:active {
+  --bg-opacity: 1;
+  background-color: #e3a008;
+  background-color: rgba(227, 160, 8, var(--bg-opacity));
+}
+
+.active\:bg-yellow-500:active {
+  --bg-opacity: 1;
+  background-color: #c27803;
+  background-color: rgba(194, 120, 3, var(--bg-opacity));
+}
+
+.active\:bg-yellow-600:active {
+  --bg-opacity: 1;
+  background-color: #9f580a;
+  background-color: rgba(159, 88, 10, var(--bg-opacity));
+}
+
+.active\:bg-yellow-700:active {
+  --bg-opacity: 1;
+  background-color: #8e4b10;
+  background-color: rgba(142, 75, 16, var(--bg-opacity));
+}
+
+.active\:bg-yellow-800:active {
+  --bg-opacity: 1;
+  background-color: #723b13;
+  background-color: rgba(114, 59, 19, var(--bg-opacity));
+}
+
+.active\:bg-yellow-900:active {
+  --bg-opacity: 1;
+  background-color: #633112;
+  background-color: rgba(99, 49, 18, var(--bg-opacity));
+}
+
+.active\:bg-green-50:active {
+  --bg-opacity: 1;
+  background-color: #f3faf7;
+  background-color: rgba(243, 250, 247, var(--bg-opacity));
+}
+
+.active\:bg-green-100:active {
+  --bg-opacity: 1;
+  background-color: #def7ec;
+  background-color: rgba(222, 247, 236, var(--bg-opacity));
+}
+
+.active\:bg-green-200:active {
+  --bg-opacity: 1;
+  background-color: #bcf0da;
+  background-color: rgba(188, 240, 218, var(--bg-opacity));
+}
+
+.active\:bg-green-300:active {
+  --bg-opacity: 1;
+  background-color: #84e1bc;
+  background-color: rgba(132, 225, 188, var(--bg-opacity));
+}
+
+.active\:bg-green-400:active {
+  --bg-opacity: 1;
+  background-color: #31c48d;
+  background-color: rgba(49, 196, 141, var(--bg-opacity));
+}
+
+.active\:bg-green-500:active {
+  --bg-opacity: 1;
+  background-color: #0e9f6e;
+  background-color: rgba(14, 159, 110, var(--bg-opacity));
+}
+
+.active\:bg-green-600:active {
+  --bg-opacity: 1;
+  background-color: #057a55;
+  background-color: rgba(5, 122, 85, var(--bg-opacity));
+}
+
+.active\:bg-green-700:active {
+  --bg-opacity: 1;
+  background-color: #046c4e;
+  background-color: rgba(4, 108, 78, var(--bg-opacity));
+}
+
+.active\:bg-green-800:active {
+  --bg-opacity: 1;
+  background-color: #03543f;
+  background-color: rgba(3, 84, 63, var(--bg-opacity));
+}
+
+.active\:bg-green-900:active {
+  --bg-opacity: 1;
+  background-color: #014737;
+  background-color: rgba(1, 71, 55, var(--bg-opacity));
+}
+
+.active\:bg-teal-50:active {
+  --bg-opacity: 1;
+  background-color: #edfafa;
+  background-color: rgba(237, 250, 250, var(--bg-opacity));
+}
+
+.active\:bg-teal-100:active {
+  --bg-opacity: 1;
+  background-color: #d5f5f6;
+  background-color: rgba(213, 245, 246, var(--bg-opacity));
+}
+
+.active\:bg-teal-200:active {
+  --bg-opacity: 1;
+  background-color: #afecef;
+  background-color: rgba(175, 236, 239, var(--bg-opacity));
+}
+
+.active\:bg-teal-300:active {
+  --bg-opacity: 1;
+  background-color: #7edce2;
+  background-color: rgba(126, 220, 226, var(--bg-opacity));
+}
+
+.active\:bg-teal-400:active {
+  --bg-opacity: 1;
+  background-color: #16bdca;
+  background-color: rgba(22, 189, 202, var(--bg-opacity));
+}
+
+.active\:bg-teal-500:active {
+  --bg-opacity: 1;
+  background-color: #0694a2;
+  background-color: rgba(6, 148, 162, var(--bg-opacity));
+}
+
+.active\:bg-teal-600:active {
+  --bg-opacity: 1;
+  background-color: #047481;
+  background-color: rgba(4, 116, 129, var(--bg-opacity));
+}
+
+.active\:bg-teal-700:active {
+  --bg-opacity: 1;
+  background-color: #036672;
+  background-color: rgba(3, 102, 114, var(--bg-opacity));
+}
+
+.active\:bg-teal-800:active {
+  --bg-opacity: 1;
+  background-color: #05505c;
+  background-color: rgba(5, 80, 92, var(--bg-opacity));
+}
+
+.active\:bg-teal-900:active {
+  --bg-opacity: 1;
+  background-color: #014451;
+  background-color: rgba(1, 68, 81, var(--bg-opacity));
+}
+
+.active\:bg-blue-50:active {
+  --bg-opacity: 1;
+  background-color: #ebf5ff;
+  background-color: rgba(235, 245, 255, var(--bg-opacity));
+}
+
+.active\:bg-blue-100:active {
+  --bg-opacity: 1;
+  background-color: #e1effe;
+  background-color: rgba(225, 239, 254, var(--bg-opacity));
+}
+
+.active\:bg-blue-200:active {
+  --bg-opacity: 1;
+  background-color: #c3ddfd;
+  background-color: rgba(195, 221, 253, var(--bg-opacity));
+}
+
+.active\:bg-blue-300:active {
+  --bg-opacity: 1;
+  background-color: #a4cafe;
+  background-color: rgba(164, 202, 254, var(--bg-opacity));
+}
+
+.active\:bg-blue-400:active {
+  --bg-opacity: 1;
+  background-color: #76a9fa;
+  background-color: rgba(118, 169, 250, var(--bg-opacity));
+}
+
+.active\:bg-blue-500:active {
+  --bg-opacity: 1;
+  background-color: #3f83f8;
+  background-color: rgba(63, 131, 248, var(--bg-opacity));
+}
+
+.active\:bg-blue-600:active {
+  --bg-opacity: 1;
+  background-color: #1c64f2;
+  background-color: rgba(28, 100, 242, var(--bg-opacity));
+}
+
+.active\:bg-blue-700:active {
+  --bg-opacity: 1;
+  background-color: #1a56db;
+  background-color: rgba(26, 86, 219, var(--bg-opacity));
+}
+
+.active\:bg-blue-800:active {
+  --bg-opacity: 1;
+  background-color: #1e429f;
+  background-color: rgba(30, 66, 159, var(--bg-opacity));
+}
+
+.active\:bg-blue-900:active {
+  --bg-opacity: 1;
+  background-color: #233876;
+  background-color: rgba(35, 56, 118, var(--bg-opacity));
+}
+
+.active\:bg-indigo-50:active {
+  --bg-opacity: 1;
+  background-color: #f0f5ff;
+  background-color: rgba(240, 245, 255, var(--bg-opacity));
+}
+
+.active\:bg-indigo-100:active {
+  --bg-opacity: 1;
+  background-color: #e5edff;
+  background-color: rgba(229, 237, 255, var(--bg-opacity));
+}
+
+.active\:bg-indigo-200:active {
+  --bg-opacity: 1;
+  background-color: #cddbfe;
+  background-color: rgba(205, 219, 254, var(--bg-opacity));
+}
+
+.active\:bg-indigo-300:active {
+  --bg-opacity: 1;
+  background-color: #b4c6fc;
+  background-color: rgba(180, 198, 252, var(--bg-opacity));
+}
+
+.active\:bg-indigo-400:active {
+  --bg-opacity: 1;
+  background-color: #8da2fb;
+  background-color: rgba(141, 162, 251, var(--bg-opacity));
+}
+
+.active\:bg-indigo-500:active {
+  --bg-opacity: 1;
+  background-color: #6875f5;
+  background-color: rgba(104, 117, 245, var(--bg-opacity));
+}
+
+.active\:bg-indigo-600:active {
+  --bg-opacity: 1;
+  background-color: #5850ec;
+  background-color: rgba(88, 80, 236, var(--bg-opacity));
+}
+
+.active\:bg-indigo-700:active {
+  --bg-opacity: 1;
+  background-color: #5145cd;
+  background-color: rgba(81, 69, 205, var(--bg-opacity));
+}
+
+.active\:bg-indigo-800:active {
+  --bg-opacity: 1;
+  background-color: #42389d;
+  background-color: rgba(66, 56, 157, var(--bg-opacity));
+}
+
+.active\:bg-indigo-900:active {
+  --bg-opacity: 1;
+  background-color: #362f78;
+  background-color: rgba(54, 47, 120, var(--bg-opacity));
+}
+
+.active\:bg-purple-50:active {
+  --bg-opacity: 1;
+  background-color: #f6f5ff;
+  background-color: rgba(246, 245, 255, var(--bg-opacity));
+}
+
+.active\:bg-purple-100:active {
+  --bg-opacity: 1;
+  background-color: #edebfe;
+  background-color: rgba(237, 235, 254, var(--bg-opacity));
+}
+
+.active\:bg-purple-200:active {
+  --bg-opacity: 1;
+  background-color: #dcd7fe;
+  background-color: rgba(220, 215, 254, var(--bg-opacity));
+}
+
+.active\:bg-purple-300:active {
+  --bg-opacity: 1;
+  background-color: #cabffd;
+  background-color: rgba(202, 191, 253, var(--bg-opacity));
+}
+
+.active\:bg-purple-400:active {
+  --bg-opacity: 1;
+  background-color: #ac94fa;
+  background-color: rgba(172, 148, 250, var(--bg-opacity));
+}
+
+.active\:bg-purple-500:active {
+  --bg-opacity: 1;
+  background-color: #9061f9;
+  background-color: rgba(144, 97, 249, var(--bg-opacity));
+}
+
+.active\:bg-purple-600:active {
+  --bg-opacity: 1;
+  background-color: #7e3af2;
+  background-color: rgba(126, 58, 242, var(--bg-opacity));
+}
+
+.active\:bg-purple-700:active {
+  --bg-opacity: 1;
+  background-color: #6c2bd9;
+  background-color: rgba(108, 43, 217, var(--bg-opacity));
+}
+
+.active\:bg-purple-800:active {
+  --bg-opacity: 1;
+  background-color: #5521b5;
+  background-color: rgba(85, 33, 181, var(--bg-opacity));
+}
+
+.active\:bg-purple-900:active {
+  --bg-opacity: 1;
+  background-color: #4a1d96;
+  background-color: rgba(74, 29, 150, var(--bg-opacity));
+}
+
+.active\:bg-pink-50:active {
+  --bg-opacity: 1;
+  background-color: #fdf2f8;
+  background-color: rgba(253, 242, 248, var(--bg-opacity));
+}
+
+.active\:bg-pink-100:active {
+  --bg-opacity: 1;
+  background-color: #fce8f3;
+  background-color: rgba(252, 232, 243, var(--bg-opacity));
+}
+
+.active\:bg-pink-200:active {
+  --bg-opacity: 1;
+  background-color: #fad1e8;
+  background-color: rgba(250, 209, 232, var(--bg-opacity));
+}
+
+.active\:bg-pink-300:active {
+  --bg-opacity: 1;
+  background-color: #f8b4d9;
+  background-color: rgba(248, 180, 217, var(--bg-opacity));
+}
+
+.active\:bg-pink-400:active {
+  --bg-opacity: 1;
+  background-color: #f17eb8;
+  background-color: rgba(241, 126, 184, var(--bg-opacity));
+}
+
+.active\:bg-pink-500:active {
+  --bg-opacity: 1;
+  background-color: #e74694;
+  background-color: rgba(231, 70, 148, var(--bg-opacity));
+}
+
+.active\:bg-pink-600:active {
+  --bg-opacity: 1;
+  background-color: #d61f69;
+  background-color: rgba(214, 31, 105, var(--bg-opacity));
+}
+
+.active\:bg-pink-700:active {
+  --bg-opacity: 1;
+  background-color: #bf125d;
+  background-color: rgba(191, 18, 93, var(--bg-opacity));
+}
+
+.active\:bg-pink-800:active {
+  --bg-opacity: 1;
+  background-color: #99154b;
+  background-color: rgba(153, 21, 75, var(--bg-opacity));
+}
+
+.active\:bg-pink-900:active {
+  --bg-opacity: 1;
+  background-color: #751a3d;
+  background-color: rgba(117, 26, 61, var(--bg-opacity));
+}
+
+.bg-opacity-0 {
+  --bg-opacity: 0;
+}
+
+.bg-opacity-25 {
+  --bg-opacity: 0.25;
+}
+
+.bg-opacity-50 {
+  --bg-opacity: 0.5;
+}
+
+.bg-opacity-75 {
+  --bg-opacity: 0.75;
+}
+
+.bg-opacity-100 {
+  --bg-opacity: 1;
+}
+
+.hover\:bg-opacity-0:hover {
+  --bg-opacity: 0;
+}
+
+.hover\:bg-opacity-25:hover {
+  --bg-opacity: 0.25;
+}
+
+.hover\:bg-opacity-50:hover {
+  --bg-opacity: 0.5;
+}
+
+.hover\:bg-opacity-75:hover {
+  --bg-opacity: 0.75;
+}
+
+.hover\:bg-opacity-100:hover {
+  --bg-opacity: 1;
+}
+
+.focus\:bg-opacity-0:focus {
+  --bg-opacity: 0;
+}
+
+.focus\:bg-opacity-25:focus {
+  --bg-opacity: 0.25;
+}
+
+.focus\:bg-opacity-50:focus {
+  --bg-opacity: 0.5;
+}
+
+.focus\:bg-opacity-75:focus {
+  --bg-opacity: 0.75;
+}
+
+.focus\:bg-opacity-100:focus {
+  --bg-opacity: 1;
+}
+
+.bg-bottom {
+  background-position: bottom;
+}
+
+.bg-center {
+  background-position: center;
+}
+
+.bg-left {
+  background-position: left;
+}
+
+.bg-left-bottom {
+  background-position: left bottom;
+}
+
+.bg-left-top {
+  background-position: left top;
+}
+
+.bg-right {
+  background-position: right;
+}
+
+.bg-right-bottom {
+  background-position: right bottom;
+}
+
+.bg-right-top {
+  background-position: right top;
+}
+
+.bg-top {
+  background-position: top;
+}
+
+.bg-repeat {
+  background-repeat: repeat;
+}
+
+.bg-no-repeat {
+  background-repeat: no-repeat;
+}
+
+.bg-repeat-x {
+  background-repeat: repeat-x;
+}
+
+.bg-repeat-y {
+  background-repeat: repeat-y;
+}
+
+.bg-repeat-round {
+  background-repeat: round;
+}
+
+.bg-repeat-space {
+  background-repeat: space;
+}
+
+.bg-auto {
+  background-size: auto;
+}
+
+.bg-cover {
+  background-size: cover;
+}
+
+.bg-contain {
+  background-size: contain;
+}
+
+.border-collapse {
+  border-collapse: collapse;
+}
+
+.border-separate {
+  border-collapse: separate;
+}
+
+.border-transparent {
+  border-color: transparent;
+}
+
+.border-white {
+  --border-opacity: 1;
+  border-color: #ffffff;
+  border-color: rgba(255, 255, 255, var(--border-opacity));
+}
+
+.border-black {
+  --border-opacity: 1;
+  border-color: #000000;
+  border-color: rgba(0, 0, 0, var(--border-opacity));
+}
+
+.border-gray-50 {
+  --border-opacity: 1;
+  border-color: #f9fafb;
+  border-color: rgba(249, 250, 251, var(--border-opacity));
+}
+
+.border-gray-100 {
+  --border-opacity: 1;
+  border-color: #f4f5f7;
+  border-color: rgba(244, 245, 247, var(--border-opacity));
+}
+
+.border-gray-200 {
+  --border-opacity: 1;
+  border-color: #e5e7eb;
+  border-color: rgba(229, 231, 235, var(--border-opacity));
+}
+
+.border-gray-300 {
+  --border-opacity: 1;
+  border-color: #d2d6dc;
+  border-color: rgba(210, 214, 220, var(--border-opacity));
+}
+
+.border-gray-400 {
+  --border-opacity: 1;
+  border-color: #9fa6b2;
+  border-color: rgba(159, 166, 178, var(--border-opacity));
+}
+
+.border-gray-500 {
+  --border-opacity: 1;
+  border-color: #6b7280;
+  border-color: rgba(107, 114, 128, var(--border-opacity));
+}
+
+.border-gray-600 {
+  --border-opacity: 1;
+  border-color: #4b5563;
+  border-color: rgba(75, 85, 99, var(--border-opacity));
+}
+
+.border-gray-700 {
+  --border-opacity: 1;
+  border-color: #374151;
+  border-color: rgba(55, 65, 81, var(--border-opacity));
+}
+
+.border-gray-800 {
+  --border-opacity: 1;
+  border-color: #252f3f;
+  border-color: rgba(37, 47, 63, var(--border-opacity));
+}
+
+.border-gray-900 {
+  --border-opacity: 1;
+  border-color: #161e2e;
+  border-color: rgba(22, 30, 46, var(--border-opacity));
+}
+
+.border-cool-gray-50 {
+  --border-opacity: 1;
+  border-color: #fbfdfe;
+  border-color: rgba(251, 253, 254, var(--border-opacity));
+}
+
+.border-cool-gray-100 {
+  --border-opacity: 1;
+  border-color: #f1f5f9;
+  border-color: rgba(241, 245, 249, var(--border-opacity));
+}
+
+.border-cool-gray-200 {
+  --border-opacity: 1;
+  border-color: #e2e8f0;
+  border-color: rgba(226, 232, 240, var(--border-opacity));
+}
+
+.border-cool-gray-300 {
+  --border-opacity: 1;
+  border-color: #cfd8e3;
+  border-color: rgba(207, 216, 227, var(--border-opacity));
+}
+
+.border-cool-gray-400 {
+  --border-opacity: 1;
+  border-color: #97a6ba;
+  border-color: rgba(151, 166, 186, var(--border-opacity));
+}
+
+.border-cool-gray-500 {
+  --border-opacity: 1;
+  border-color: #64748b;
+  border-color: rgba(100, 116, 139, var(--border-opacity));
+}
+
+.border-cool-gray-600 {
+  --border-opacity: 1;
+  border-color: #475569;
+  border-color: rgba(71, 85, 105, var(--border-opacity));
+}
+
+.border-cool-gray-700 {
+  --border-opacity: 1;
+  border-color: #364152;
+  border-color: rgba(54, 65, 82, var(--border-opacity));
+}
+
+.border-cool-gray-800 {
+  --border-opacity: 1;
+  border-color: #27303f;
+  border-color: rgba(39, 48, 63, var(--border-opacity));
+}
+
+.border-cool-gray-900 {
+  --border-opacity: 1;
+  border-color: #1a202e;
+  border-color: rgba(26, 32, 46, var(--border-opacity));
+}
+
+.border-red-50 {
+  --border-opacity: 1;
+  border-color: #fdf2f2;
+  border-color: rgba(253, 242, 242, var(--border-opacity));
+}
+
+.border-red-100 {
+  --border-opacity: 1;
+  border-color: #fde8e8;
+  border-color: rgba(253, 232, 232, var(--border-opacity));
+}
+
+.border-red-200 {
+  --border-opacity: 1;
+  border-color: #fbd5d5;
+  border-color: rgba(251, 213, 213, var(--border-opacity));
+}
+
+.border-red-300 {
+  --border-opacity: 1;
+  border-color: #f8b4b4;
+  border-color: rgba(248, 180, 180, var(--border-opacity));
+}
+
+.border-red-400 {
+  --border-opacity: 1;
+  border-color: #f98080;
+  border-color: rgba(249, 128, 128, var(--border-opacity));
+}
+
+.border-red-500 {
+  --border-opacity: 1;
+  border-color: #f05252;
+  border-color: rgba(240, 82, 82, var(--border-opacity));
+}
+
+.border-red-600 {
+  --border-opacity: 1;
+  border-color: #e02424;
+  border-color: rgba(224, 36, 36, var(--border-opacity));
+}
+
+.border-red-700 {
+  --border-opacity: 1;
+  border-color: #c81e1e;
+  border-color: rgba(200, 30, 30, var(--border-opacity));
+}
+
+.border-red-800 {
+  --border-opacity: 1;
+  border-color: #9b1c1c;
+  border-color: rgba(155, 28, 28, var(--border-opacity));
+}
+
+.border-red-900 {
+  --border-opacity: 1;
+  border-color: #771d1d;
+  border-color: rgba(119, 29, 29, var(--border-opacity));
+}
+
+.border-orange-50 {
+  --border-opacity: 1;
+  border-color: #fff8f1;
+  border-color: rgba(255, 248, 241, var(--border-opacity));
+}
+
+.border-orange-100 {
+  --border-opacity: 1;
+  border-color: #feecdc;
+  border-color: rgba(254, 236, 220, var(--border-opacity));
+}
+
+.border-orange-200 {
+  --border-opacity: 1;
+  border-color: #fcd9bd;
+  border-color: rgba(252, 217, 189, var(--border-opacity));
+}
+
+.border-orange-300 {
+  --border-opacity: 1;
+  border-color: #fdba8c;
+  border-color: rgba(253, 186, 140, var(--border-opacity));
+}
+
+.border-orange-400 {
+  --border-opacity: 1;
+  border-color: #ff8a4c;
+  border-color: rgba(255, 138, 76, var(--border-opacity));
+}
+
+.border-orange-500 {
+  --border-opacity: 1;
+  border-color: #ff5a1f;
+  border-color: rgba(255, 90, 31, var(--border-opacity));
+}
+
+.border-orange-600 {
+  --border-opacity: 1;
+  border-color: #d03801;
+  border-color: rgba(208, 56, 1, var(--border-opacity));
+}
+
+.border-orange-700 {
+  --border-opacity: 1;
+  border-color: #b43403;
+  border-color: rgba(180, 52, 3, var(--border-opacity));
+}
+
+.border-orange-800 {
+  --border-opacity: 1;
+  border-color: #8a2c0d;
+  border-color: rgba(138, 44, 13, var(--border-opacity));
+}
+
+.border-orange-900 {
+  --border-opacity: 1;
+  border-color: #771d1d;
+  border-color: rgba(119, 29, 29, var(--border-opacity));
+}
+
+.border-yellow-50 {
+  --border-opacity: 1;
+  border-color: #fdfdea;
+  border-color: rgba(253, 253, 234, var(--border-opacity));
+}
+
+.border-yellow-100 {
+  --border-opacity: 1;
+  border-color: #fdf6b2;
+  border-color: rgba(253, 246, 178, var(--border-opacity));
+}
+
+.border-yellow-200 {
+  --border-opacity: 1;
+  border-color: #fce96a;
+  border-color: rgba(252, 233, 106, var(--border-opacity));
+}
+
+.border-yellow-300 {
+  --border-opacity: 1;
+  border-color: #faca15;
+  border-color: rgba(250, 202, 21, var(--border-opacity));
+}
+
+.border-yellow-400 {
+  --border-opacity: 1;
+  border-color: #e3a008;
+  border-color: rgba(227, 160, 8, var(--border-opacity));
+}
+
+.border-yellow-500 {
+  --border-opacity: 1;
+  border-color: #c27803;
+  border-color: rgba(194, 120, 3, var(--border-opacity));
+}
+
+.border-yellow-600 {
+  --border-opacity: 1;
+  border-color: #9f580a;
+  border-color: rgba(159, 88, 10, var(--border-opacity));
+}
+
+.border-yellow-700 {
+  --border-opacity: 1;
+  border-color: #8e4b10;
+  border-color: rgba(142, 75, 16, var(--border-opacity));
+}
+
+.border-yellow-800 {
+  --border-opacity: 1;
+  border-color: #723b13;
+  border-color: rgba(114, 59, 19, var(--border-opacity));
+}
+
+.border-yellow-900 {
+  --border-opacity: 1;
+  border-color: #633112;
+  border-color: rgba(99, 49, 18, var(--border-opacity));
+}
+
+.border-green-50 {
+  --border-opacity: 1;
+  border-color: #f3faf7;
+  border-color: rgba(243, 250, 247, var(--border-opacity));
+}
+
+.border-green-100 {
+  --border-opacity: 1;
+  border-color: #def7ec;
+  border-color: rgba(222, 247, 236, var(--border-opacity));
+}
+
+.border-green-200 {
+  --border-opacity: 1;
+  border-color: #bcf0da;
+  border-color: rgba(188, 240, 218, var(--border-opacity));
+}
+
+.border-green-300 {
+  --border-opacity: 1;
+  border-color: #84e1bc;
+  border-color: rgba(132, 225, 188, var(--border-opacity));
+}
+
+.border-green-400 {
+  --border-opacity: 1;
+  border-color: #31c48d;
+  border-color: rgba(49, 196, 141, var(--border-opacity));
+}
+
+.border-green-500 {
+  --border-opacity: 1;
+  border-color: #0e9f6e;
+  border-color: rgba(14, 159, 110, var(--border-opacity));
+}
+
+.border-green-600 {
+  --border-opacity: 1;
+  border-color: #057a55;
+  border-color: rgba(5, 122, 85, var(--border-opacity));
+}
+
+.border-green-700 {
+  --border-opacity: 1;
+  border-color: #046c4e;
+  border-color: rgba(4, 108, 78, var(--border-opacity));
+}
+
+.border-green-800 {
+  --border-opacity: 1;
+  border-color: #03543f;
+  border-color: rgba(3, 84, 63, var(--border-opacity));
+}
+
+.border-green-900 {
+  --border-opacity: 1;
+  border-color: #014737;
+  border-color: rgba(1, 71, 55, var(--border-opacity));
+}
+
+.border-teal-50 {
+  --border-opacity: 1;
+  border-color: #edfafa;
+  border-color: rgba(237, 250, 250, var(--border-opacity));
+}
+
+.border-teal-100 {
+  --border-opacity: 1;
+  border-color: #d5f5f6;
+  border-color: rgba(213, 245, 246, var(--border-opacity));
+}
+
+.border-teal-200 {
+  --border-opacity: 1;
+  border-color: #afecef;
+  border-color: rgba(175, 236, 239, var(--border-opacity));
+}
+
+.border-teal-300 {
+  --border-opacity: 1;
+  border-color: #7edce2;
+  border-color: rgba(126, 220, 226, var(--border-opacity));
+}
+
+.border-teal-400 {
+  --border-opacity: 1;
+  border-color: #16bdca;
+  border-color: rgba(22, 189, 202, var(--border-opacity));
+}
+
+.border-teal-500 {
+  --border-opacity: 1;
+  border-color: #0694a2;
+  border-color: rgba(6, 148, 162, var(--border-opacity));
+}
+
+.border-teal-600 {
+  --border-opacity: 1;
+  border-color: #047481;
+  border-color: rgba(4, 116, 129, var(--border-opacity));
+}
+
+.border-teal-700 {
+  --border-opacity: 1;
+  border-color: #036672;
+  border-color: rgba(3, 102, 114, var(--border-opacity));
+}
+
+.border-teal-800 {
+  --border-opacity: 1;
+  border-color: #05505c;
+  border-color: rgba(5, 80, 92, var(--border-opacity));
+}
+
+.border-teal-900 {
+  --border-opacity: 1;
+  border-color: #014451;
+  border-color: rgba(1, 68, 81, var(--border-opacity));
+}
+
+.border-blue-50 {
+  --border-opacity: 1;
+  border-color: #ebf5ff;
+  border-color: rgba(235, 245, 255, var(--border-opacity));
+}
+
+.border-blue-100 {
+  --border-opacity: 1;
+  border-color: #e1effe;
+  border-color: rgba(225, 239, 254, var(--border-opacity));
+}
+
+.border-blue-200 {
+  --border-opacity: 1;
+  border-color: #c3ddfd;
+  border-color: rgba(195, 221, 253, var(--border-opacity));
+}
+
+.border-blue-300 {
+  --border-opacity: 1;
+  border-color: #a4cafe;
+  border-color: rgba(164, 202, 254, var(--border-opacity));
+}
+
+.border-blue-400 {
+  --border-opacity: 1;
+  border-color: #76a9fa;
+  border-color: rgba(118, 169, 250, var(--border-opacity));
+}
+
+.border-blue-500 {
+  --border-opacity: 1;
+  border-color: #3f83f8;
+  border-color: rgba(63, 131, 248, var(--border-opacity));
+}
+
+.border-blue-600 {
+  --border-opacity: 1;
+  border-color: #1c64f2;
+  border-color: rgba(28, 100, 242, var(--border-opacity));
+}
+
+.border-blue-700 {
+  --border-opacity: 1;
+  border-color: #1a56db;
+  border-color: rgba(26, 86, 219, var(--border-opacity));
+}
+
+.border-blue-800 {
+  --border-opacity: 1;
+  border-color: #1e429f;
+  border-color: rgba(30, 66, 159, var(--border-opacity));
+}
+
+.border-blue-900 {
+  --border-opacity: 1;
+  border-color: #233876;
+  border-color: rgba(35, 56, 118, var(--border-opacity));
+}
+
+.border-indigo-50 {
+  --border-opacity: 1;
+  border-color: #f0f5ff;
+  border-color: rgba(240, 245, 255, var(--border-opacity));
+}
+
+.border-indigo-100 {
+  --border-opacity: 1;
+  border-color: #e5edff;
+  border-color: rgba(229, 237, 255, var(--border-opacity));
+}
+
+.border-indigo-200 {
+  --border-opacity: 1;
+  border-color: #cddbfe;
+  border-color: rgba(205, 219, 254, var(--border-opacity));
+}
+
+.border-indigo-300 {
+  --border-opacity: 1;
+  border-color: #b4c6fc;
+  border-color: rgba(180, 198, 252, var(--border-opacity));
+}
+
+.border-indigo-400 {
+  --border-opacity: 1;
+  border-color: #8da2fb;
+  border-color: rgba(141, 162, 251, var(--border-opacity));
+}
+
+.border-indigo-500 {
+  --border-opacity: 1;
+  border-color: #6875f5;
+  border-color: rgba(104, 117, 245, var(--border-opacity));
+}
+
+.border-indigo-600 {
+  --border-opacity: 1;
+  border-color: #5850ec;
+  border-color: rgba(88, 80, 236, var(--border-opacity));
+}
+
+.border-indigo-700 {
+  --border-opacity: 1;
+  border-color: #5145cd;
+  border-color: rgba(81, 69, 205, var(--border-opacity));
+}
+
+.border-indigo-800 {
+  --border-opacity: 1;
+  border-color: #42389d;
+  border-color: rgba(66, 56, 157, var(--border-opacity));
+}
+
+.border-indigo-900 {
+  --border-opacity: 1;
+  border-color: #362f78;
+  border-color: rgba(54, 47, 120, var(--border-opacity));
+}
+
+.border-purple-50 {
+  --border-opacity: 1;
+  border-color: #f6f5ff;
+  border-color: rgba(246, 245, 255, var(--border-opacity));
+}
+
+.border-purple-100 {
+  --border-opacity: 1;
+  border-color: #edebfe;
+  border-color: rgba(237, 235, 254, var(--border-opacity));
+}
+
+.border-purple-200 {
+  --border-opacity: 1;
+  border-color: #dcd7fe;
+  border-color: rgba(220, 215, 254, var(--border-opacity));
+}
+
+.border-purple-300 {
+  --border-opacity: 1;
+  border-color: #cabffd;
+  border-color: rgba(202, 191, 253, var(--border-opacity));
+}
+
+.border-purple-400 {
+  --border-opacity: 1;
+  border-color: #ac94fa;
+  border-color: rgba(172, 148, 250, var(--border-opacity));
+}
+
+.border-purple-500 {
+  --border-opacity: 1;
+  border-color: #9061f9;
+  border-color: rgba(144, 97, 249, var(--border-opacity));
+}
+
+.border-purple-600 {
+  --border-opacity: 1;
+  border-color: #7e3af2;
+  border-color: rgba(126, 58, 242, var(--border-opacity));
+}
+
+.border-purple-700 {
+  --border-opacity: 1;
+  border-color: #6c2bd9;
+  border-color: rgba(108, 43, 217, var(--border-opacity));
+}
+
+.border-purple-800 {
+  --border-opacity: 1;
+  border-color: #5521b5;
+  border-color: rgba(85, 33, 181, var(--border-opacity));
+}
+
+.border-purple-900 {
+  --border-opacity: 1;
+  border-color: #4a1d96;
+  border-color: rgba(74, 29, 150, var(--border-opacity));
+}
+
+.border-pink-50 {
+  --border-opacity: 1;
+  border-color: #fdf2f8;
+  border-color: rgba(253, 242, 248, var(--border-opacity));
+}
+
+.border-pink-100 {
+  --border-opacity: 1;
+  border-color: #fce8f3;
+  border-color: rgba(252, 232, 243, var(--border-opacity));
+}
+
+.border-pink-200 {
+  --border-opacity: 1;
+  border-color: #fad1e8;
+  border-color: rgba(250, 209, 232, var(--border-opacity));
+}
+
+.border-pink-300 {
+  --border-opacity: 1;
+  border-color: #f8b4d9;
+  border-color: rgba(248, 180, 217, var(--border-opacity));
+}
+
+.border-pink-400 {
+  --border-opacity: 1;
+  border-color: #f17eb8;
+  border-color: rgba(241, 126, 184, var(--border-opacity));
+}
+
+.border-pink-500 {
+  --border-opacity: 1;
+  border-color: #e74694;
+  border-color: rgba(231, 70, 148, var(--border-opacity));
+}
+
+.border-pink-600 {
+  --border-opacity: 1;
+  border-color: #d61f69;
+  border-color: rgba(214, 31, 105, var(--border-opacity));
+}
+
+.border-pink-700 {
+  --border-opacity: 1;
+  border-color: #bf125d;
+  border-color: rgba(191, 18, 93, var(--border-opacity));
+}
+
+.border-pink-800 {
+  --border-opacity: 1;
+  border-color: #99154b;
+  border-color: rgba(153, 21, 75, var(--border-opacity));
+}
+
+.border-pink-900 {
+  --border-opacity: 1;
+  border-color: #751a3d;
+  border-color: rgba(117, 26, 61, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-transparent {
+  border-color: transparent;
+}
+
+.group:hover .group-hover\:border-white {
+  --border-opacity: 1;
+  border-color: #ffffff;
+  border-color: rgba(255, 255, 255, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-black {
+  --border-opacity: 1;
+  border-color: #000000;
+  border-color: rgba(0, 0, 0, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-50 {
+  --border-opacity: 1;
+  border-color: #f9fafb;
+  border-color: rgba(249, 250, 251, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-100 {
+  --border-opacity: 1;
+  border-color: #f4f5f7;
+  border-color: rgba(244, 245, 247, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-200 {
+  --border-opacity: 1;
+  border-color: #e5e7eb;
+  border-color: rgba(229, 231, 235, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-300 {
+  --border-opacity: 1;
+  border-color: #d2d6dc;
+  border-color: rgba(210, 214, 220, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-400 {
+  --border-opacity: 1;
+  border-color: #9fa6b2;
+  border-color: rgba(159, 166, 178, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-500 {
+  --border-opacity: 1;
+  border-color: #6b7280;
+  border-color: rgba(107, 114, 128, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-600 {
+  --border-opacity: 1;
+  border-color: #4b5563;
+  border-color: rgba(75, 85, 99, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-700 {
+  --border-opacity: 1;
+  border-color: #374151;
+  border-color: rgba(55, 65, 81, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-800 {
+  --border-opacity: 1;
+  border-color: #252f3f;
+  border-color: rgba(37, 47, 63, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-900 {
+  --border-opacity: 1;
+  border-color: #161e2e;
+  border-color: rgba(22, 30, 46, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-cool-gray-50 {
+  --border-opacity: 1;
+  border-color: #fbfdfe;
+  border-color: rgba(251, 253, 254, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-cool-gray-100 {
+  --border-opacity: 1;
+  border-color: #f1f5f9;
+  border-color: rgba(241, 245, 249, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-cool-gray-200 {
+  --border-opacity: 1;
+  border-color: #e2e8f0;
+  border-color: rgba(226, 232, 240, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-cool-gray-300 {
+  --border-opacity: 1;
+  border-color: #cfd8e3;
+  border-color: rgba(207, 216, 227, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-cool-gray-400 {
+  --border-opacity: 1;
+  border-color: #97a6ba;
+  border-color: rgba(151, 166, 186, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-cool-gray-500 {
+  --border-opacity: 1;
+  border-color: #64748b;
+  border-color: rgba(100, 116, 139, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-cool-gray-600 {
+  --border-opacity: 1;
+  border-color: #475569;
+  border-color: rgba(71, 85, 105, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-cool-gray-700 {
+  --border-opacity: 1;
+  border-color: #364152;
+  border-color: rgba(54, 65, 82, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-cool-gray-800 {
+  --border-opacity: 1;
+  border-color: #27303f;
+  border-color: rgba(39, 48, 63, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-cool-gray-900 {
+  --border-opacity: 1;
+  border-color: #1a202e;
+  border-color: rgba(26, 32, 46, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-red-50 {
+  --border-opacity: 1;
+  border-color: #fdf2f2;
+  border-color: rgba(253, 242, 242, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-red-100 {
+  --border-opacity: 1;
+  border-color: #fde8e8;
+  border-color: rgba(253, 232, 232, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-red-200 {
+  --border-opacity: 1;
+  border-color: #fbd5d5;
+  border-color: rgba(251, 213, 213, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-red-300 {
+  --border-opacity: 1;
+  border-color: #f8b4b4;
+  border-color: rgba(248, 180, 180, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-red-400 {
+  --border-opacity: 1;
+  border-color: #f98080;
+  border-color: rgba(249, 128, 128, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-red-500 {
+  --border-opacity: 1;
+  border-color: #f05252;
+  border-color: rgba(240, 82, 82, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-red-600 {
+  --border-opacity: 1;
+  border-color: #e02424;
+  border-color: rgba(224, 36, 36, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-red-700 {
+  --border-opacity: 1;
+  border-color: #c81e1e;
+  border-color: rgba(200, 30, 30, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-red-800 {
+  --border-opacity: 1;
+  border-color: #9b1c1c;
+  border-color: rgba(155, 28, 28, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-red-900 {
+  --border-opacity: 1;
+  border-color: #771d1d;
+  border-color: rgba(119, 29, 29, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-orange-50 {
+  --border-opacity: 1;
+  border-color: #fff8f1;
+  border-color: rgba(255, 248, 241, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-orange-100 {
+  --border-opacity: 1;
+  border-color: #feecdc;
+  border-color: rgba(254, 236, 220, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-orange-200 {
+  --border-opacity: 1;
+  border-color: #fcd9bd;
+  border-color: rgba(252, 217, 189, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-orange-300 {
+  --border-opacity: 1;
+  border-color: #fdba8c;
+  border-color: rgba(253, 186, 140, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-orange-400 {
+  --border-opacity: 1;
+  border-color: #ff8a4c;
+  border-color: rgba(255, 138, 76, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-orange-500 {
+  --border-opacity: 1;
+  border-color: #ff5a1f;
+  border-color: rgba(255, 90, 31, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-orange-600 {
+  --border-opacity: 1;
+  border-color: #d03801;
+  border-color: rgba(208, 56, 1, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-orange-700 {
+  --border-opacity: 1;
+  border-color: #b43403;
+  border-color: rgba(180, 52, 3, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-orange-800 {
+  --border-opacity: 1;
+  border-color: #8a2c0d;
+  border-color: rgba(138, 44, 13, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-orange-900 {
+  --border-opacity: 1;
+  border-color: #771d1d;
+  border-color: rgba(119, 29, 29, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-50 {
+  --border-opacity: 1;
+  border-color: #fdfdea;
+  border-color: rgba(253, 253, 234, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-100 {
+  --border-opacity: 1;
+  border-color: #fdf6b2;
+  border-color: rgba(253, 246, 178, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-200 {
+  --border-opacity: 1;
+  border-color: #fce96a;
+  border-color: rgba(252, 233, 106, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-300 {
+  --border-opacity: 1;
+  border-color: #faca15;
+  border-color: rgba(250, 202, 21, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-400 {
+  --border-opacity: 1;
+  border-color: #e3a008;
+  border-color: rgba(227, 160, 8, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-500 {
+  --border-opacity: 1;
+  border-color: #c27803;
+  border-color: rgba(194, 120, 3, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-600 {
+  --border-opacity: 1;
+  border-color: #9f580a;
+  border-color: rgba(159, 88, 10, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-700 {
+  --border-opacity: 1;
+  border-color: #8e4b10;
+  border-color: rgba(142, 75, 16, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-800 {
+  --border-opacity: 1;
+  border-color: #723b13;
+  border-color: rgba(114, 59, 19, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-900 {
+  --border-opacity: 1;
+  border-color: #633112;
+  border-color: rgba(99, 49, 18, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-green-50 {
+  --border-opacity: 1;
+  border-color: #f3faf7;
+  border-color: rgba(243, 250, 247, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-green-100 {
+  --border-opacity: 1;
+  border-color: #def7ec;
+  border-color: rgba(222, 247, 236, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-green-200 {
+  --border-opacity: 1;
+  border-color: #bcf0da;
+  border-color: rgba(188, 240, 218, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-green-300 {
+  --border-opacity: 1;
+  border-color: #84e1bc;
+  border-color: rgba(132, 225, 188, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-green-400 {
+  --border-opacity: 1;
+  border-color: #31c48d;
+  border-color: rgba(49, 196, 141, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-green-500 {
+  --border-opacity: 1;
+  border-color: #0e9f6e;
+  border-color: rgba(14, 159, 110, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-green-600 {
+  --border-opacity: 1;
+  border-color: #057a55;
+  border-color: rgba(5, 122, 85, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-green-700 {
+  --border-opacity: 1;
+  border-color: #046c4e;
+  border-color: rgba(4, 108, 78, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-green-800 {
+  --border-opacity: 1;
+  border-color: #03543f;
+  border-color: rgba(3, 84, 63, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-green-900 {
+  --border-opacity: 1;
+  border-color: #014737;
+  border-color: rgba(1, 71, 55, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-teal-50 {
+  --border-opacity: 1;
+  border-color: #edfafa;
+  border-color: rgba(237, 250, 250, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-teal-100 {
+  --border-opacity: 1;
+  border-color: #d5f5f6;
+  border-color: rgba(213, 245, 246, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-teal-200 {
+  --border-opacity: 1;
+  border-color: #afecef;
+  border-color: rgba(175, 236, 239, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-teal-300 {
+  --border-opacity: 1;
+  border-color: #7edce2;
+  border-color: rgba(126, 220, 226, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-teal-400 {
+  --border-opacity: 1;
+  border-color: #16bdca;
+  border-color: rgba(22, 189, 202, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-teal-500 {
+  --border-opacity: 1;
+  border-color: #0694a2;
+  border-color: rgba(6, 148, 162, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-teal-600 {
+  --border-opacity: 1;
+  border-color: #047481;
+  border-color: rgba(4, 116, 129, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-teal-700 {
+  --border-opacity: 1;
+  border-color: #036672;
+  border-color: rgba(3, 102, 114, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-teal-800 {
+  --border-opacity: 1;
+  border-color: #05505c;
+  border-color: rgba(5, 80, 92, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-teal-900 {
+  --border-opacity: 1;
+  border-color: #014451;
+  border-color: rgba(1, 68, 81, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-50 {
+  --border-opacity: 1;
+  border-color: #ebf5ff;
+  border-color: rgba(235, 245, 255, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-100 {
+  --border-opacity: 1;
+  border-color: #e1effe;
+  border-color: rgba(225, 239, 254, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-200 {
+  --border-opacity: 1;
+  border-color: #c3ddfd;
+  border-color: rgba(195, 221, 253, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-300 {
+  --border-opacity: 1;
+  border-color: #a4cafe;
+  border-color: rgba(164, 202, 254, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-400 {
+  --border-opacity: 1;
+  border-color: #76a9fa;
+  border-color: rgba(118, 169, 250, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-500 {
+  --border-opacity: 1;
+  border-color: #3f83f8;
+  border-color: rgba(63, 131, 248, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-600 {
+  --border-opacity: 1;
+  border-color: #1c64f2;
+  border-color: rgba(28, 100, 242, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-700 {
+  --border-opacity: 1;
+  border-color: #1a56db;
+  border-color: rgba(26, 86, 219, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-800 {
+  --border-opacity: 1;
+  border-color: #1e429f;
+  border-color: rgba(30, 66, 159, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-900 {
+  --border-opacity: 1;
+  border-color: #233876;
+  border-color: rgba(35, 56, 118, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-50 {
+  --border-opacity: 1;
+  border-color: #f0f5ff;
+  border-color: rgba(240, 245, 255, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-100 {
+  --border-opacity: 1;
+  border-color: #e5edff;
+  border-color: rgba(229, 237, 255, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-200 {
+  --border-opacity: 1;
+  border-color: #cddbfe;
+  border-color: rgba(205, 219, 254, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-300 {
+  --border-opacity: 1;
+  border-color: #b4c6fc;
+  border-color: rgba(180, 198, 252, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-400 {
+  --border-opacity: 1;
+  border-color: #8da2fb;
+  border-color: rgba(141, 162, 251, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-500 {
+  --border-opacity: 1;
+  border-color: #6875f5;
+  border-color: rgba(104, 117, 245, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-600 {
+  --border-opacity: 1;
+  border-color: #5850ec;
+  border-color: rgba(88, 80, 236, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-700 {
+  --border-opacity: 1;
+  border-color: #5145cd;
+  border-color: rgba(81, 69, 205, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-800 {
+  --border-opacity: 1;
+  border-color: #42389d;
+  border-color: rgba(66, 56, 157, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-900 {
+  --border-opacity: 1;
+  border-color: #362f78;
+  border-color: rgba(54, 47, 120, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-50 {
+  --border-opacity: 1;
+  border-color: #f6f5ff;
+  border-color: rgba(246, 245, 255, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-100 {
+  --border-opacity: 1;
+  border-color: #edebfe;
+  border-color: rgba(237, 235, 254, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-200 {
+  --border-opacity: 1;
+  border-color: #dcd7fe;
+  border-color: rgba(220, 215, 254, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-300 {
+  --border-opacity: 1;
+  border-color: #cabffd;
+  border-color: rgba(202, 191, 253, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-400 {
+  --border-opacity: 1;
+  border-color: #ac94fa;
+  border-color: rgba(172, 148, 250, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-500 {
+  --border-opacity: 1;
+  border-color: #9061f9;
+  border-color: rgba(144, 97, 249, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-600 {
+  --border-opacity: 1;
+  border-color: #7e3af2;
+  border-color: rgba(126, 58, 242, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-700 {
+  --border-opacity: 1;
+  border-color: #6c2bd9;
+  border-color: rgba(108, 43, 217, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-800 {
+  --border-opacity: 1;
+  border-color: #5521b5;
+  border-color: rgba(85, 33, 181, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-900 {
+  --border-opacity: 1;
+  border-color: #4a1d96;
+  border-color: rgba(74, 29, 150, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-50 {
+  --border-opacity: 1;
+  border-color: #fdf2f8;
+  border-color: rgba(253, 242, 248, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-100 {
+  --border-opacity: 1;
+  border-color: #fce8f3;
+  border-color: rgba(252, 232, 243, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-200 {
+  --border-opacity: 1;
+  border-color: #fad1e8;
+  border-color: rgba(250, 209, 232, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-300 {
+  --border-opacity: 1;
+  border-color: #f8b4d9;
+  border-color: rgba(248, 180, 217, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-400 {
+  --border-opacity: 1;
+  border-color: #f17eb8;
+  border-color: rgba(241, 126, 184, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-500 {
+  --border-opacity: 1;
+  border-color: #e74694;
+  border-color: rgba(231, 70, 148, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-600 {
+  --border-opacity: 1;
+  border-color: #d61f69;
+  border-color: rgba(214, 31, 105, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-700 {
+  --border-opacity: 1;
+  border-color: #bf125d;
+  border-color: rgba(191, 18, 93, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-800 {
+  --border-opacity: 1;
+  border-color: #99154b;
+  border-color: rgba(153, 21, 75, var(--border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-900 {
+  --border-opacity: 1;
+  border-color: #751a3d;
+  border-color: rgba(117, 26, 61, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-transparent {
+  border-color: transparent;
+}
+
+.group:focus .group-focus\:border-white {
+  --border-opacity: 1;
+  border-color: #ffffff;
+  border-color: rgba(255, 255, 255, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-black {
+  --border-opacity: 1;
+  border-color: #000000;
+  border-color: rgba(0, 0, 0, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-gray-50 {
+  --border-opacity: 1;
+  border-color: #f9fafb;
+  border-color: rgba(249, 250, 251, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-gray-100 {
+  --border-opacity: 1;
+  border-color: #f4f5f7;
+  border-color: rgba(244, 245, 247, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-gray-200 {
+  --border-opacity: 1;
+  border-color: #e5e7eb;
+  border-color: rgba(229, 231, 235, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-gray-300 {
+  --border-opacity: 1;
+  border-color: #d2d6dc;
+  border-color: rgba(210, 214, 220, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-gray-400 {
+  --border-opacity: 1;
+  border-color: #9fa6b2;
+  border-color: rgba(159, 166, 178, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-gray-500 {
+  --border-opacity: 1;
+  border-color: #6b7280;
+  border-color: rgba(107, 114, 128, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-gray-600 {
+  --border-opacity: 1;
+  border-color: #4b5563;
+  border-color: rgba(75, 85, 99, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-gray-700 {
+  --border-opacity: 1;
+  border-color: #374151;
+  border-color: rgba(55, 65, 81, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-gray-800 {
+  --border-opacity: 1;
+  border-color: #252f3f;
+  border-color: rgba(37, 47, 63, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-gray-900 {
+  --border-opacity: 1;
+  border-color: #161e2e;
+  border-color: rgba(22, 30, 46, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-cool-gray-50 {
+  --border-opacity: 1;
+  border-color: #fbfdfe;
+  border-color: rgba(251, 253, 254, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-cool-gray-100 {
+  --border-opacity: 1;
+  border-color: #f1f5f9;
+  border-color: rgba(241, 245, 249, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-cool-gray-200 {
+  --border-opacity: 1;
+  border-color: #e2e8f0;
+  border-color: rgba(226, 232, 240, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-cool-gray-300 {
+  --border-opacity: 1;
+  border-color: #cfd8e3;
+  border-color: rgba(207, 216, 227, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-cool-gray-400 {
+  --border-opacity: 1;
+  border-color: #97a6ba;
+  border-color: rgba(151, 166, 186, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-cool-gray-500 {
+  --border-opacity: 1;
+  border-color: #64748b;
+  border-color: rgba(100, 116, 139, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-cool-gray-600 {
+  --border-opacity: 1;
+  border-color: #475569;
+  border-color: rgba(71, 85, 105, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-cool-gray-700 {
+  --border-opacity: 1;
+  border-color: #364152;
+  border-color: rgba(54, 65, 82, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-cool-gray-800 {
+  --border-opacity: 1;
+  border-color: #27303f;
+  border-color: rgba(39, 48, 63, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-cool-gray-900 {
+  --border-opacity: 1;
+  border-color: #1a202e;
+  border-color: rgba(26, 32, 46, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-red-50 {
+  --border-opacity: 1;
+  border-color: #fdf2f2;
+  border-color: rgba(253, 242, 242, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-red-100 {
+  --border-opacity: 1;
+  border-color: #fde8e8;
+  border-color: rgba(253, 232, 232, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-red-200 {
+  --border-opacity: 1;
+  border-color: #fbd5d5;
+  border-color: rgba(251, 213, 213, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-red-300 {
+  --border-opacity: 1;
+  border-color: #f8b4b4;
+  border-color: rgba(248, 180, 180, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-red-400 {
+  --border-opacity: 1;
+  border-color: #f98080;
+  border-color: rgba(249, 128, 128, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-red-500 {
+  --border-opacity: 1;
+  border-color: #f05252;
+  border-color: rgba(240, 82, 82, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-red-600 {
+  --border-opacity: 1;
+  border-color: #e02424;
+  border-color: rgba(224, 36, 36, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-red-700 {
+  --border-opacity: 1;
+  border-color: #c81e1e;
+  border-color: rgba(200, 30, 30, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-red-800 {
+  --border-opacity: 1;
+  border-color: #9b1c1c;
+  border-color: rgba(155, 28, 28, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-red-900 {
+  --border-opacity: 1;
+  border-color: #771d1d;
+  border-color: rgba(119, 29, 29, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-orange-50 {
+  --border-opacity: 1;
+  border-color: #fff8f1;
+  border-color: rgba(255, 248, 241, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-orange-100 {
+  --border-opacity: 1;
+  border-color: #feecdc;
+  border-color: rgba(254, 236, 220, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-orange-200 {
+  --border-opacity: 1;
+  border-color: #fcd9bd;
+  border-color: rgba(252, 217, 189, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-orange-300 {
+  --border-opacity: 1;
+  border-color: #fdba8c;
+  border-color: rgba(253, 186, 140, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-orange-400 {
+  --border-opacity: 1;
+  border-color: #ff8a4c;
+  border-color: rgba(255, 138, 76, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-orange-500 {
+  --border-opacity: 1;
+  border-color: #ff5a1f;
+  border-color: rgba(255, 90, 31, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-orange-600 {
+  --border-opacity: 1;
+  border-color: #d03801;
+  border-color: rgba(208, 56, 1, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-orange-700 {
+  --border-opacity: 1;
+  border-color: #b43403;
+  border-color: rgba(180, 52, 3, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-orange-800 {
+  --border-opacity: 1;
+  border-color: #8a2c0d;
+  border-color: rgba(138, 44, 13, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-orange-900 {
+  --border-opacity: 1;
+  border-color: #771d1d;
+  border-color: rgba(119, 29, 29, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-yellow-50 {
+  --border-opacity: 1;
+  border-color: #fdfdea;
+  border-color: rgba(253, 253, 234, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-yellow-100 {
+  --border-opacity: 1;
+  border-color: #fdf6b2;
+  border-color: rgba(253, 246, 178, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-yellow-200 {
+  --border-opacity: 1;
+  border-color: #fce96a;
+  border-color: rgba(252, 233, 106, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-yellow-300 {
+  --border-opacity: 1;
+  border-color: #faca15;
+  border-color: rgba(250, 202, 21, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-yellow-400 {
+  --border-opacity: 1;
+  border-color: #e3a008;
+  border-color: rgba(227, 160, 8, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-yellow-500 {
+  --border-opacity: 1;
+  border-color: #c27803;
+  border-color: rgba(194, 120, 3, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-yellow-600 {
+  --border-opacity: 1;
+  border-color: #9f580a;
+  border-color: rgba(159, 88, 10, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-yellow-700 {
+  --border-opacity: 1;
+  border-color: #8e4b10;
+  border-color: rgba(142, 75, 16, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-yellow-800 {
+  --border-opacity: 1;
+  border-color: #723b13;
+  border-color: rgba(114, 59, 19, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-yellow-900 {
+  --border-opacity: 1;
+  border-color: #633112;
+  border-color: rgba(99, 49, 18, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-green-50 {
+  --border-opacity: 1;
+  border-color: #f3faf7;
+  border-color: rgba(243, 250, 247, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-green-100 {
+  --border-opacity: 1;
+  border-color: #def7ec;
+  border-color: rgba(222, 247, 236, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-green-200 {
+  --border-opacity: 1;
+  border-color: #bcf0da;
+  border-color: rgba(188, 240, 218, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-green-300 {
+  --border-opacity: 1;
+  border-color: #84e1bc;
+  border-color: rgba(132, 225, 188, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-green-400 {
+  --border-opacity: 1;
+  border-color: #31c48d;
+  border-color: rgba(49, 196, 141, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-green-500 {
+  --border-opacity: 1;
+  border-color: #0e9f6e;
+  border-color: rgba(14, 159, 110, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-green-600 {
+  --border-opacity: 1;
+  border-color: #057a55;
+  border-color: rgba(5, 122, 85, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-green-700 {
+  --border-opacity: 1;
+  border-color: #046c4e;
+  border-color: rgba(4, 108, 78, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-green-800 {
+  --border-opacity: 1;
+  border-color: #03543f;
+  border-color: rgba(3, 84, 63, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-green-900 {
+  --border-opacity: 1;
+  border-color: #014737;
+  border-color: rgba(1, 71, 55, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-teal-50 {
+  --border-opacity: 1;
+  border-color: #edfafa;
+  border-color: rgba(237, 250, 250, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-teal-100 {
+  --border-opacity: 1;
+  border-color: #d5f5f6;
+  border-color: rgba(213, 245, 246, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-teal-200 {
+  --border-opacity: 1;
+  border-color: #afecef;
+  border-color: rgba(175, 236, 239, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-teal-300 {
+  --border-opacity: 1;
+  border-color: #7edce2;
+  border-color: rgba(126, 220, 226, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-teal-400 {
+  --border-opacity: 1;
+  border-color: #16bdca;
+  border-color: rgba(22, 189, 202, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-teal-500 {
+  --border-opacity: 1;
+  border-color: #0694a2;
+  border-color: rgba(6, 148, 162, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-teal-600 {
+  --border-opacity: 1;
+  border-color: #047481;
+  border-color: rgba(4, 116, 129, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-teal-700 {
+  --border-opacity: 1;
+  border-color: #036672;
+  border-color: rgba(3, 102, 114, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-teal-800 {
+  --border-opacity: 1;
+  border-color: #05505c;
+  border-color: rgba(5, 80, 92, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-teal-900 {
+  --border-opacity: 1;
+  border-color: #014451;
+  border-color: rgba(1, 68, 81, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-blue-50 {
+  --border-opacity: 1;
+  border-color: #ebf5ff;
+  border-color: rgba(235, 245, 255, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-blue-100 {
+  --border-opacity: 1;
+  border-color: #e1effe;
+  border-color: rgba(225, 239, 254, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-blue-200 {
+  --border-opacity: 1;
+  border-color: #c3ddfd;
+  border-color: rgba(195, 221, 253, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-blue-300 {
+  --border-opacity: 1;
+  border-color: #a4cafe;
+  border-color: rgba(164, 202, 254, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-blue-400 {
+  --border-opacity: 1;
+  border-color: #76a9fa;
+  border-color: rgba(118, 169, 250, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-blue-500 {
+  --border-opacity: 1;
+  border-color: #3f83f8;
+  border-color: rgba(63, 131, 248, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-blue-600 {
+  --border-opacity: 1;
+  border-color: #1c64f2;
+  border-color: rgba(28, 100, 242, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-blue-700 {
+  --border-opacity: 1;
+  border-color: #1a56db;
+  border-color: rgba(26, 86, 219, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-blue-800 {
+  --border-opacity: 1;
+  border-color: #1e429f;
+  border-color: rgba(30, 66, 159, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-blue-900 {
+  --border-opacity: 1;
+  border-color: #233876;
+  border-color: rgba(35, 56, 118, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-indigo-50 {
+  --border-opacity: 1;
+  border-color: #f0f5ff;
+  border-color: rgba(240, 245, 255, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-indigo-100 {
+  --border-opacity: 1;
+  border-color: #e5edff;
+  border-color: rgba(229, 237, 255, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-indigo-200 {
+  --border-opacity: 1;
+  border-color: #cddbfe;
+  border-color: rgba(205, 219, 254, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-indigo-300 {
+  --border-opacity: 1;
+  border-color: #b4c6fc;
+  border-color: rgba(180, 198, 252, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-indigo-400 {
+  --border-opacity: 1;
+  border-color: #8da2fb;
+  border-color: rgba(141, 162, 251, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-indigo-500 {
+  --border-opacity: 1;
+  border-color: #6875f5;
+  border-color: rgba(104, 117, 245, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-indigo-600 {
+  --border-opacity: 1;
+  border-color: #5850ec;
+  border-color: rgba(88, 80, 236, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-indigo-700 {
+  --border-opacity: 1;
+  border-color: #5145cd;
+  border-color: rgba(81, 69, 205, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-indigo-800 {
+  --border-opacity: 1;
+  border-color: #42389d;
+  border-color: rgba(66, 56, 157, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-indigo-900 {
+  --border-opacity: 1;
+  border-color: #362f78;
+  border-color: rgba(54, 47, 120, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-purple-50 {
+  --border-opacity: 1;
+  border-color: #f6f5ff;
+  border-color: rgba(246, 245, 255, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-purple-100 {
+  --border-opacity: 1;
+  border-color: #edebfe;
+  border-color: rgba(237, 235, 254, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-purple-200 {
+  --border-opacity: 1;
+  border-color: #dcd7fe;
+  border-color: rgba(220, 215, 254, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-purple-300 {
+  --border-opacity: 1;
+  border-color: #cabffd;
+  border-color: rgba(202, 191, 253, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-purple-400 {
+  --border-opacity: 1;
+  border-color: #ac94fa;
+  border-color: rgba(172, 148, 250, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-purple-500 {
+  --border-opacity: 1;
+  border-color: #9061f9;
+  border-color: rgba(144, 97, 249, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-purple-600 {
+  --border-opacity: 1;
+  border-color: #7e3af2;
+  border-color: rgba(126, 58, 242, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-purple-700 {
+  --border-opacity: 1;
+  border-color: #6c2bd9;
+  border-color: rgba(108, 43, 217, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-purple-800 {
+  --border-opacity: 1;
+  border-color: #5521b5;
+  border-color: rgba(85, 33, 181, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-purple-900 {
+  --border-opacity: 1;
+  border-color: #4a1d96;
+  border-color: rgba(74, 29, 150, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-pink-50 {
+  --border-opacity: 1;
+  border-color: #fdf2f8;
+  border-color: rgba(253, 242, 248, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-pink-100 {
+  --border-opacity: 1;
+  border-color: #fce8f3;
+  border-color: rgba(252, 232, 243, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-pink-200 {
+  --border-opacity: 1;
+  border-color: #fad1e8;
+  border-color: rgba(250, 209, 232, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-pink-300 {
+  --border-opacity: 1;
+  border-color: #f8b4d9;
+  border-color: rgba(248, 180, 217, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-pink-400 {
+  --border-opacity: 1;
+  border-color: #f17eb8;
+  border-color: rgba(241, 126, 184, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-pink-500 {
+  --border-opacity: 1;
+  border-color: #e74694;
+  border-color: rgba(231, 70, 148, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-pink-600 {
+  --border-opacity: 1;
+  border-color: #d61f69;
+  border-color: rgba(214, 31, 105, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-pink-700 {
+  --border-opacity: 1;
+  border-color: #bf125d;
+  border-color: rgba(191, 18, 93, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-pink-800 {
+  --border-opacity: 1;
+  border-color: #99154b;
+  border-color: rgba(153, 21, 75, var(--border-opacity));
+}
+
+.group:focus .group-focus\:border-pink-900 {
+  --border-opacity: 1;
+  border-color: #751a3d;
+  border-color: rgba(117, 26, 61, var(--border-opacity));
+}
+
+.hover\:border-transparent:hover {
+  border-color: transparent;
+}
+
+.hover\:border-white:hover {
+  --border-opacity: 1;
+  border-color: #ffffff;
+  border-color: rgba(255, 255, 255, var(--border-opacity));
+}
+
+.hover\:border-black:hover {
+  --border-opacity: 1;
+  border-color: #000000;
+  border-color: rgba(0, 0, 0, var(--border-opacity));
+}
+
+.hover\:border-gray-50:hover {
+  --border-opacity: 1;
+  border-color: #f9fafb;
+  border-color: rgba(249, 250, 251, var(--border-opacity));
+}
+
+.hover\:border-gray-100:hover {
+  --border-opacity: 1;
+  border-color: #f4f5f7;
+  border-color: rgba(244, 245, 247, var(--border-opacity));
+}
+
+.hover\:border-gray-200:hover {
+  --border-opacity: 1;
+  border-color: #e5e7eb;
+  border-color: rgba(229, 231, 235, var(--border-opacity));
+}
+
+.hover\:border-gray-300:hover {
+  --border-opacity: 1;
+  border-color: #d2d6dc;
+  border-color: rgba(210, 214, 220, var(--border-opacity));
+}
+
+.hover\:border-gray-400:hover {
+  --border-opacity: 1;
+  border-color: #9fa6b2;
+  border-color: rgba(159, 166, 178, var(--border-opacity));
+}
+
+.hover\:border-gray-500:hover {
+  --border-opacity: 1;
+  border-color: #6b7280;
+  border-color: rgba(107, 114, 128, var(--border-opacity));
+}
+
+.hover\:border-gray-600:hover {
+  --border-opacity: 1;
+  border-color: #4b5563;
+  border-color: rgba(75, 85, 99, var(--border-opacity));
+}
+
+.hover\:border-gray-700:hover {
+  --border-opacity: 1;
+  border-color: #374151;
+  border-color: rgba(55, 65, 81, var(--border-opacity));
+}
+
+.hover\:border-gray-800:hover {
+  --border-opacity: 1;
+  border-color: #252f3f;
+  border-color: rgba(37, 47, 63, var(--border-opacity));
+}
+
+.hover\:border-gray-900:hover {
+  --border-opacity: 1;
+  border-color: #161e2e;
+  border-color: rgba(22, 30, 46, var(--border-opacity));
+}
+
+.hover\:border-cool-gray-50:hover {
+  --border-opacity: 1;
+  border-color: #fbfdfe;
+  border-color: rgba(251, 253, 254, var(--border-opacity));
+}
+
+.hover\:border-cool-gray-100:hover {
+  --border-opacity: 1;
+  border-color: #f1f5f9;
+  border-color: rgba(241, 245, 249, var(--border-opacity));
+}
+
+.hover\:border-cool-gray-200:hover {
+  --border-opacity: 1;
+  border-color: #e2e8f0;
+  border-color: rgba(226, 232, 240, var(--border-opacity));
+}
+
+.hover\:border-cool-gray-300:hover {
+  --border-opacity: 1;
+  border-color: #cfd8e3;
+  border-color: rgba(207, 216, 227, var(--border-opacity));
+}
+
+.hover\:border-cool-gray-400:hover {
+  --border-opacity: 1;
+  border-color: #97a6ba;
+  border-color: rgba(151, 166, 186, var(--border-opacity));
+}
+
+.hover\:border-cool-gray-500:hover {
+  --border-opacity: 1;
+  border-color: #64748b;
+  border-color: rgba(100, 116, 139, var(--border-opacity));
+}
+
+.hover\:border-cool-gray-600:hover {
+  --border-opacity: 1;
+  border-color: #475569;
+  border-color: rgba(71, 85, 105, var(--border-opacity));
+}
+
+.hover\:border-cool-gray-700:hover {
+  --border-opacity: 1;
+  border-color: #364152;
+  border-color: rgba(54, 65, 82, var(--border-opacity));
+}
+
+.hover\:border-cool-gray-800:hover {
+  --border-opacity: 1;
+  border-color: #27303f;
+  border-color: rgba(39, 48, 63, var(--border-opacity));
+}
+
+.hover\:border-cool-gray-900:hover {
+  --border-opacity: 1;
+  border-color: #1a202e;
+  border-color: rgba(26, 32, 46, var(--border-opacity));
+}
+
+.hover\:border-red-50:hover {
+  --border-opacity: 1;
+  border-color: #fdf2f2;
+  border-color: rgba(253, 242, 242, var(--border-opacity));
+}
+
+.hover\:border-red-100:hover {
+  --border-opacity: 1;
+  border-color: #fde8e8;
+  border-color: rgba(253, 232, 232, var(--border-opacity));
+}
+
+.hover\:border-red-200:hover {
+  --border-opacity: 1;
+  border-color: #fbd5d5;
+  border-color: rgba(251, 213, 213, var(--border-opacity));
+}
+
+.hover\:border-red-300:hover {
+  --border-opacity: 1;
+  border-color: #f8b4b4;
+  border-color: rgba(248, 180, 180, var(--border-opacity));
+}
+
+.hover\:border-red-400:hover {
+  --border-opacity: 1;
+  border-color: #f98080;
+  border-color: rgba(249, 128, 128, var(--border-opacity));
+}
+
+.hover\:border-red-500:hover {
+  --border-opacity: 1;
+  border-color: #f05252;
+  border-color: rgba(240, 82, 82, var(--border-opacity));
+}
+
+.hover\:border-red-600:hover {
+  --border-opacity: 1;
+  border-color: #e02424;
+  border-color: rgba(224, 36, 36, var(--border-opacity));
+}
+
+.hover\:border-red-700:hover {
+  --border-opacity: 1;
+  border-color: #c81e1e;
+  border-color: rgba(200, 30, 30, var(--border-opacity));
+}
+
+.hover\:border-red-800:hover {
+  --border-opacity: 1;
+  border-color: #9b1c1c;
+  border-color: rgba(155, 28, 28, var(--border-opacity));
+}
+
+.hover\:border-red-900:hover {
+  --border-opacity: 1;
+  border-color: #771d1d;
+  border-color: rgba(119, 29, 29, var(--border-opacity));
+}
+
+.hover\:border-orange-50:hover {
+  --border-opacity: 1;
+  border-color: #fff8f1;
+  border-color: rgba(255, 248, 241, var(--border-opacity));
+}
+
+.hover\:border-orange-100:hover {
+  --border-opacity: 1;
+  border-color: #feecdc;
+  border-color: rgba(254, 236, 220, var(--border-opacity));
+}
+
+.hover\:border-orange-200:hover {
+  --border-opacity: 1;
+  border-color: #fcd9bd;
+  border-color: rgba(252, 217, 189, var(--border-opacity));
+}
+
+.hover\:border-orange-300:hover {
+  --border-opacity: 1;
+  border-color: #fdba8c;
+  border-color: rgba(253, 186, 140, var(--border-opacity));
+}
+
+.hover\:border-orange-400:hover {
+  --border-opacity: 1;
+  border-color: #ff8a4c;
+  border-color: rgba(255, 138, 76, var(--border-opacity));
+}
+
+.hover\:border-orange-500:hover {
+  --border-opacity: 1;
+  border-color: #ff5a1f;
+  border-color: rgba(255, 90, 31, var(--border-opacity));
+}
+
+.hover\:border-orange-600:hover {
+  --border-opacity: 1;
+  border-color: #d03801;
+  border-color: rgba(208, 56, 1, var(--border-opacity));
+}
+
+.hover\:border-orange-700:hover {
+  --border-opacity: 1;
+  border-color: #b43403;
+  border-color: rgba(180, 52, 3, var(--border-opacity));
+}
+
+.hover\:border-orange-800:hover {
+  --border-opacity: 1;
+  border-color: #8a2c0d;
+  border-color: rgba(138, 44, 13, var(--border-opacity));
+}
+
+.hover\:border-orange-900:hover {
+  --border-opacity: 1;
+  border-color: #771d1d;
+  border-color: rgba(119, 29, 29, var(--border-opacity));
+}
+
+.hover\:border-yellow-50:hover {
+  --border-opacity: 1;
+  border-color: #fdfdea;
+  border-color: rgba(253, 253, 234, var(--border-opacity));
+}
+
+.hover\:border-yellow-100:hover {
+  --border-opacity: 1;
+  border-color: #fdf6b2;
+  border-color: rgba(253, 246, 178, var(--border-opacity));
+}
+
+.hover\:border-yellow-200:hover {
+  --border-opacity: 1;
+  border-color: #fce96a;
+  border-color: rgba(252, 233, 106, var(--border-opacity));
+}
+
+.hover\:border-yellow-300:hover {
+  --border-opacity: 1;
+  border-color: #faca15;
+  border-color: rgba(250, 202, 21, var(--border-opacity));
+}
+
+.hover\:border-yellow-400:hover {
+  --border-opacity: 1;
+  border-color: #e3a008;
+  border-color: rgba(227, 160, 8, var(--border-opacity));
+}
+
+.hover\:border-yellow-500:hover {
+  --border-opacity: 1;
+  border-color: #c27803;
+  border-color: rgba(194, 120, 3, var(--border-opacity));
+}
+
+.hover\:border-yellow-600:hover {
+  --border-opacity: 1;
+  border-color: #9f580a;
+  border-color: rgba(159, 88, 10, var(--border-opacity));
+}
+
+.hover\:border-yellow-700:hover {
+  --border-opacity: 1;
+  border-color: #8e4b10;
+  border-color: rgba(142, 75, 16, var(--border-opacity));
+}
+
+.hover\:border-yellow-800:hover {
+  --border-opacity: 1;
+  border-color: #723b13;
+  border-color: rgba(114, 59, 19, var(--border-opacity));
+}
+
+.hover\:border-yellow-900:hover {
+  --border-opacity: 1;
+  border-color: #633112;
+  border-color: rgba(99, 49, 18, var(--border-opacity));
+}
+
+.hover\:border-green-50:hover {
+  --border-opacity: 1;
+  border-color: #f3faf7;
+  border-color: rgba(243, 250, 247, var(--border-opacity));
+}
+
+.hover\:border-green-100:hover {
+  --border-opacity: 1;
+  border-color: #def7ec;
+  border-color: rgba(222, 247, 236, var(--border-opacity));
+}
+
+.hover\:border-green-200:hover {
+  --border-opacity: 1;
+  border-color: #bcf0da;
+  border-color: rgba(188, 240, 218, var(--border-opacity));
+}
+
+.hover\:border-green-300:hover {
+  --border-opacity: 1;
+  border-color: #84e1bc;
+  border-color: rgba(132, 225, 188, var(--border-opacity));
+}
+
+.hover\:border-green-400:hover {
+  --border-opacity: 1;
+  border-color: #31c48d;
+  border-color: rgba(49, 196, 141, var(--border-opacity));
+}
+
+.hover\:border-green-500:hover {
+  --border-opacity: 1;
+  border-color: #0e9f6e;
+  border-color: rgba(14, 159, 110, var(--border-opacity));
+}
+
+.hover\:border-green-600:hover {
+  --border-opacity: 1;
+  border-color: #057a55;
+  border-color: rgba(5, 122, 85, var(--border-opacity));
+}
+
+.hover\:border-green-700:hover {
+  --border-opacity: 1;
+  border-color: #046c4e;
+  border-color: rgba(4, 108, 78, var(--border-opacity));
+}
+
+.hover\:border-green-800:hover {
+  --border-opacity: 1;
+  border-color: #03543f;
+  border-color: rgba(3, 84, 63, var(--border-opacity));
+}
+
+.hover\:border-green-900:hover {
+  --border-opacity: 1;
+  border-color: #014737;
+  border-color: rgba(1, 71, 55, var(--border-opacity));
+}
+
+.hover\:border-teal-50:hover {
+  --border-opacity: 1;
+  border-color: #edfafa;
+  border-color: rgba(237, 250, 250, var(--border-opacity));
+}
+
+.hover\:border-teal-100:hover {
+  --border-opacity: 1;
+  border-color: #d5f5f6;
+  border-color: rgba(213, 245, 246, var(--border-opacity));
+}
+
+.hover\:border-teal-200:hover {
+  --border-opacity: 1;
+  border-color: #afecef;
+  border-color: rgba(175, 236, 239, var(--border-opacity));
+}
+
+.hover\:border-teal-300:hover {
+  --border-opacity: 1;
+  border-color: #7edce2;
+  border-color: rgba(126, 220, 226, var(--border-opacity));
+}
+
+.hover\:border-teal-400:hover {
+  --border-opacity: 1;
+  border-color: #16bdca;
+  border-color: rgba(22, 189, 202, var(--border-opacity));
+}
+
+.hover\:border-teal-500:hover {
+  --border-opacity: 1;
+  border-color: #0694a2;
+  border-color: rgba(6, 148, 162, var(--border-opacity));
+}
+
+.hover\:border-teal-600:hover {
+  --border-opacity: 1;
+  border-color: #047481;
+  border-color: rgba(4, 116, 129, var(--border-opacity));
+}
+
+.hover\:border-teal-700:hover {
+  --border-opacity: 1;
+  border-color: #036672;
+  border-color: rgba(3, 102, 114, var(--border-opacity));
+}
+
+.hover\:border-teal-800:hover {
+  --border-opacity: 1;
+  border-color: #05505c;
+  border-color: rgba(5, 80, 92, var(--border-opacity));
+}
+
+.hover\:border-teal-900:hover {
+  --border-opacity: 1;
+  border-color: #014451;
+  border-color: rgba(1, 68, 81, var(--border-opacity));
+}
+
+.hover\:border-blue-50:hover {
+  --border-opacity: 1;
+  border-color: #ebf5ff;
+  border-color: rgba(235, 245, 255, var(--border-opacity));
+}
+
+.hover\:border-blue-100:hover {
+  --border-opacity: 1;
+  border-color: #e1effe;
+  border-color: rgba(225, 239, 254, var(--border-opacity));
+}
+
+.hover\:border-blue-200:hover {
+  --border-opacity: 1;
+  border-color: #c3ddfd;
+  border-color: rgba(195, 221, 253, var(--border-opacity));
+}
+
+.hover\:border-blue-300:hover {
+  --border-opacity: 1;
+  border-color: #a4cafe;
+  border-color: rgba(164, 202, 254, var(--border-opacity));
+}
+
+.hover\:border-blue-400:hover {
+  --border-opacity: 1;
+  border-color: #76a9fa;
+  border-color: rgba(118, 169, 250, var(--border-opacity));
+}
+
+.hover\:border-blue-500:hover {
+  --border-opacity: 1;
+  border-color: #3f83f8;
+  border-color: rgba(63, 131, 248, var(--border-opacity));
+}
+
+.hover\:border-blue-600:hover {
+  --border-opacity: 1;
+  border-color: #1c64f2;
+  border-color: rgba(28, 100, 242, var(--border-opacity));
+}
+
+.hover\:border-blue-700:hover {
+  --border-opacity: 1;
+  border-color: #1a56db;
+  border-color: rgba(26, 86, 219, var(--border-opacity));
+}
+
+.hover\:border-blue-800:hover {
+  --border-opacity: 1;
+  border-color: #1e429f;
+  border-color: rgba(30, 66, 159, var(--border-opacity));
+}
+
+.hover\:border-blue-900:hover {
+  --border-opacity: 1;
+  border-color: #233876;
+  border-color: rgba(35, 56, 118, var(--border-opacity));
+}
+
+.hover\:border-indigo-50:hover {
+  --border-opacity: 1;
+  border-color: #f0f5ff;
+  border-color: rgba(240, 245, 255, var(--border-opacity));
+}
+
+.hover\:border-indigo-100:hover {
+  --border-opacity: 1;
+  border-color: #e5edff;
+  border-color: rgba(229, 237, 255, var(--border-opacity));
+}
+
+.hover\:border-indigo-200:hover {
+  --border-opacity: 1;
+  border-color: #cddbfe;
+  border-color: rgba(205, 219, 254, var(--border-opacity));
+}
+
+.hover\:border-indigo-300:hover {
+  --border-opacity: 1;
+  border-color: #b4c6fc;
+  border-color: rgba(180, 198, 252, var(--border-opacity));
+}
+
+.hover\:border-indigo-400:hover {
+  --border-opacity: 1;
+  border-color: #8da2fb;
+  border-color: rgba(141, 162, 251, var(--border-opacity));
+}
+
+.hover\:border-indigo-500:hover {
+  --border-opacity: 1;
+  border-color: #6875f5;
+  border-color: rgba(104, 117, 245, var(--border-opacity));
+}
+
+.hover\:border-indigo-600:hover {
+  --border-opacity: 1;
+  border-color: #5850ec;
+  border-color: rgba(88, 80, 236, var(--border-opacity));
+}
+
+.hover\:border-indigo-700:hover {
+  --border-opacity: 1;
+  border-color: #5145cd;
+  border-color: rgba(81, 69, 205, var(--border-opacity));
+}
+
+.hover\:border-indigo-800:hover {
+  --border-opacity: 1;
+  border-color: #42389d;
+  border-color: rgba(66, 56, 157, var(--border-opacity));
+}
+
+.hover\:border-indigo-900:hover {
+  --border-opacity: 1;
+  border-color: #362f78;
+  border-color: rgba(54, 47, 120, var(--border-opacity));
+}
+
+.hover\:border-purple-50:hover {
+  --border-opacity: 1;
+  border-color: #f6f5ff;
+  border-color: rgba(246, 245, 255, var(--border-opacity));
+}
+
+.hover\:border-purple-100:hover {
+  --border-opacity: 1;
+  border-color: #edebfe;
+  border-color: rgba(237, 235, 254, var(--border-opacity));
+}
+
+.hover\:border-purple-200:hover {
+  --border-opacity: 1;
+  border-color: #dcd7fe;
+  border-color: rgba(220, 215, 254, var(--border-opacity));
+}
+
+.hover\:border-purple-300:hover {
+  --border-opacity: 1;
+  border-color: #cabffd;
+  border-color: rgba(202, 191, 253, var(--border-opacity));
+}
+
+.hover\:border-purple-400:hover {
+  --border-opacity: 1;
+  border-color: #ac94fa;
+  border-color: rgba(172, 148, 250, var(--border-opacity));
+}
+
+.hover\:border-purple-500:hover {
+  --border-opacity: 1;
+  border-color: #9061f9;
+  border-color: rgba(144, 97, 249, var(--border-opacity));
+}
+
+.hover\:border-purple-600:hover {
+  --border-opacity: 1;
+  border-color: #7e3af2;
+  border-color: rgba(126, 58, 242, var(--border-opacity));
+}
+
+.hover\:border-purple-700:hover {
+  --border-opacity: 1;
+  border-color: #6c2bd9;
+  border-color: rgba(108, 43, 217, var(--border-opacity));
+}
+
+.hover\:border-purple-800:hover {
+  --border-opacity: 1;
+  border-color: #5521b5;
+  border-color: rgba(85, 33, 181, var(--border-opacity));
+}
+
+.hover\:border-purple-900:hover {
+  --border-opacity: 1;
+  border-color: #4a1d96;
+  border-color: rgba(74, 29, 150, var(--border-opacity));
+}
+
+.hover\:border-pink-50:hover {
+  --border-opacity: 1;
+  border-color: #fdf2f8;
+  border-color: rgba(253, 242, 248, var(--border-opacity));
+}
+
+.hover\:border-pink-100:hover {
+  --border-opacity: 1;
+  border-color: #fce8f3;
+  border-color: rgba(252, 232, 243, var(--border-opacity));
+}
+
+.hover\:border-pink-200:hover {
+  --border-opacity: 1;
+  border-color: #fad1e8;
+  border-color: rgba(250, 209, 232, var(--border-opacity));
+}
+
+.hover\:border-pink-300:hover {
+  --border-opacity: 1;
+  border-color: #f8b4d9;
+  border-color: rgba(248, 180, 217, var(--border-opacity));
+}
+
+.hover\:border-pink-400:hover {
+  --border-opacity: 1;
+  border-color: #f17eb8;
+  border-color: rgba(241, 126, 184, var(--border-opacity));
+}
+
+.hover\:border-pink-500:hover {
+  --border-opacity: 1;
+  border-color: #e74694;
+  border-color: rgba(231, 70, 148, var(--border-opacity));
+}
+
+.hover\:border-pink-600:hover {
+  --border-opacity: 1;
+  border-color: #d61f69;
+  border-color: rgba(214, 31, 105, var(--border-opacity));
+}
+
+.hover\:border-pink-700:hover {
+  --border-opacity: 1;
+  border-color: #bf125d;
+  border-color: rgba(191, 18, 93, var(--border-opacity));
+}
+
+.hover\:border-pink-800:hover {
+  --border-opacity: 1;
+  border-color: #99154b;
+  border-color: rgba(153, 21, 75, var(--border-opacity));
+}
+
+.hover\:border-pink-900:hover {
+  --border-opacity: 1;
+  border-color: #751a3d;
+  border-color: rgba(117, 26, 61, var(--border-opacity));
+}
+
+.focus\:border-transparent:focus {
+  border-color: transparent;
+}
+
+.focus\:border-white:focus {
+  --border-opacity: 1;
+  border-color: #ffffff;
+  border-color: rgba(255, 255, 255, var(--border-opacity));
+}
+
+.focus\:border-black:focus {
+  --border-opacity: 1;
+  border-color: #000000;
+  border-color: rgba(0, 0, 0, var(--border-opacity));
+}
+
+.focus\:border-gray-50:focus {
+  --border-opacity: 1;
+  border-color: #f9fafb;
+  border-color: rgba(249, 250, 251, var(--border-opacity));
+}
+
+.focus\:border-gray-100:focus {
+  --border-opacity: 1;
+  border-color: #f4f5f7;
+  border-color: rgba(244, 245, 247, var(--border-opacity));
+}
+
+.focus\:border-gray-200:focus {
+  --border-opacity: 1;
+  border-color: #e5e7eb;
+  border-color: rgba(229, 231, 235, var(--border-opacity));
+}
+
+.focus\:border-gray-300:focus {
+  --border-opacity: 1;
+  border-color: #d2d6dc;
+  border-color: rgba(210, 214, 220, var(--border-opacity));
+}
+
+.focus\:border-gray-400:focus {
+  --border-opacity: 1;
+  border-color: #9fa6b2;
+  border-color: rgba(159, 166, 178, var(--border-opacity));
+}
+
+.focus\:border-gray-500:focus {
+  --border-opacity: 1;
+  border-color: #6b7280;
+  border-color: rgba(107, 114, 128, var(--border-opacity));
+}
+
+.focus\:border-gray-600:focus {
+  --border-opacity: 1;
+  border-color: #4b5563;
+  border-color: rgba(75, 85, 99, var(--border-opacity));
+}
+
+.focus\:border-gray-700:focus {
+  --border-opacity: 1;
+  border-color: #374151;
+  border-color: rgba(55, 65, 81, var(--border-opacity));
+}
+
+.focus\:border-gray-800:focus {
+  --border-opacity: 1;
+  border-color: #252f3f;
+  border-color: rgba(37, 47, 63, var(--border-opacity));
+}
+
+.focus\:border-gray-900:focus {
+  --border-opacity: 1;
+  border-color: #161e2e;
+  border-color: rgba(22, 30, 46, var(--border-opacity));
+}
+
+.focus\:border-cool-gray-50:focus {
+  --border-opacity: 1;
+  border-color: #fbfdfe;
+  border-color: rgba(251, 253, 254, var(--border-opacity));
+}
+
+.focus\:border-cool-gray-100:focus {
+  --border-opacity: 1;
+  border-color: #f1f5f9;
+  border-color: rgba(241, 245, 249, var(--border-opacity));
+}
+
+.focus\:border-cool-gray-200:focus {
+  --border-opacity: 1;
+  border-color: #e2e8f0;
+  border-color: rgba(226, 232, 240, var(--border-opacity));
+}
+
+.focus\:border-cool-gray-300:focus {
+  --border-opacity: 1;
+  border-color: #cfd8e3;
+  border-color: rgba(207, 216, 227, var(--border-opacity));
+}
+
+.focus\:border-cool-gray-400:focus {
+  --border-opacity: 1;
+  border-color: #97a6ba;
+  border-color: rgba(151, 166, 186, var(--border-opacity));
+}
+
+.focus\:border-cool-gray-500:focus {
+  --border-opacity: 1;
+  border-color: #64748b;
+  border-color: rgba(100, 116, 139, var(--border-opacity));
+}
+
+.focus\:border-cool-gray-600:focus {
+  --border-opacity: 1;
+  border-color: #475569;
+  border-color: rgba(71, 85, 105, var(--border-opacity));
+}
+
+.focus\:border-cool-gray-700:focus {
+  --border-opacity: 1;
+  border-color: #364152;
+  border-color: rgba(54, 65, 82, var(--border-opacity));
+}
+
+.focus\:border-cool-gray-800:focus {
+  --border-opacity: 1;
+  border-color: #27303f;
+  border-color: rgba(39, 48, 63, var(--border-opacity));
+}
+
+.focus\:border-cool-gray-900:focus {
+  --border-opacity: 1;
+  border-color: #1a202e;
+  border-color: rgba(26, 32, 46, var(--border-opacity));
+}
+
+.focus\:border-red-50:focus {
+  --border-opacity: 1;
+  border-color: #fdf2f2;
+  border-color: rgba(253, 242, 242, var(--border-opacity));
+}
+
+.focus\:border-red-100:focus {
+  --border-opacity: 1;
+  border-color: #fde8e8;
+  border-color: rgba(253, 232, 232, var(--border-opacity));
+}
+
+.focus\:border-red-200:focus {
+  --border-opacity: 1;
+  border-color: #fbd5d5;
+  border-color: rgba(251, 213, 213, var(--border-opacity));
+}
+
+.focus\:border-red-300:focus {
+  --border-opacity: 1;
+  border-color: #f8b4b4;
+  border-color: rgba(248, 180, 180, var(--border-opacity));
+}
+
+.focus\:border-red-400:focus {
+  --border-opacity: 1;
+  border-color: #f98080;
+  border-color: rgba(249, 128, 128, var(--border-opacity));
+}
+
+.focus\:border-red-500:focus {
+  --border-opacity: 1;
+  border-color: #f05252;
+  border-color: rgba(240, 82, 82, var(--border-opacity));
+}
+
+.focus\:border-red-600:focus {
+  --border-opacity: 1;
+  border-color: #e02424;
+  border-color: rgba(224, 36, 36, var(--border-opacity));
+}
+
+.focus\:border-red-700:focus {
+  --border-opacity: 1;
+  border-color: #c81e1e;
+  border-color: rgba(200, 30, 30, var(--border-opacity));
+}
+
+.focus\:border-red-800:focus {
+  --border-opacity: 1;
+  border-color: #9b1c1c;
+  border-color: rgba(155, 28, 28, var(--border-opacity));
+}
+
+.focus\:border-red-900:focus {
+  --border-opacity: 1;
+  border-color: #771d1d;
+  border-color: rgba(119, 29, 29, var(--border-opacity));
+}
+
+.focus\:border-orange-50:focus {
+  --border-opacity: 1;
+  border-color: #fff8f1;
+  border-color: rgba(255, 248, 241, var(--border-opacity));
+}
+
+.focus\:border-orange-100:focus {
+  --border-opacity: 1;
+  border-color: #feecdc;
+  border-color: rgba(254, 236, 220, var(--border-opacity));
+}
+
+.focus\:border-orange-200:focus {
+  --border-opacity: 1;
+  border-color: #fcd9bd;
+  border-color: rgba(252, 217, 189, var(--border-opacity));
+}
+
+.focus\:border-orange-300:focus {
+  --border-opacity: 1;
+  border-color: #fdba8c;
+  border-color: rgba(253, 186, 140, var(--border-opacity));
+}
+
+.focus\:border-orange-400:focus {
+  --border-opacity: 1;
+  border-color: #ff8a4c;
+  border-color: rgba(255, 138, 76, var(--border-opacity));
+}
+
+.focus\:border-orange-500:focus {
+  --border-opacity: 1;
+  border-color: #ff5a1f;
+  border-color: rgba(255, 90, 31, var(--border-opacity));
+}
+
+.focus\:border-orange-600:focus {
+  --border-opacity: 1;
+  border-color: #d03801;
+  border-color: rgba(208, 56, 1, var(--border-opacity));
+}
+
+.focus\:border-orange-700:focus {
+  --border-opacity: 1;
+  border-color: #b43403;
+  border-color: rgba(180, 52, 3, var(--border-opacity));
+}
+
+.focus\:border-orange-800:focus {
+  --border-opacity: 1;
+  border-color: #8a2c0d;
+  border-color: rgba(138, 44, 13, var(--border-opacity));
+}
+
+.focus\:border-orange-900:focus {
+  --border-opacity: 1;
+  border-color: #771d1d;
+  border-color: rgba(119, 29, 29, var(--border-opacity));
+}
+
+.focus\:border-yellow-50:focus {
+  --border-opacity: 1;
+  border-color: #fdfdea;
+  border-color: rgba(253, 253, 234, var(--border-opacity));
+}
+
+.focus\:border-yellow-100:focus {
+  --border-opacity: 1;
+  border-color: #fdf6b2;
+  border-color: rgba(253, 246, 178, var(--border-opacity));
+}
+
+.focus\:border-yellow-200:focus {
+  --border-opacity: 1;
+  border-color: #fce96a;
+  border-color: rgba(252, 233, 106, var(--border-opacity));
+}
+
+.focus\:border-yellow-300:focus {
+  --border-opacity: 1;
+  border-color: #faca15;
+  border-color: rgba(250, 202, 21, var(--border-opacity));
+}
+
+.focus\:border-yellow-400:focus {
+  --border-opacity: 1;
+  border-color: #e3a008;
+  border-color: rgba(227, 160, 8, var(--border-opacity));
+}
+
+.focus\:border-yellow-500:focus {
+  --border-opacity: 1;
+  border-color: #c27803;
+  border-color: rgba(194, 120, 3, var(--border-opacity));
+}
+
+.focus\:border-yellow-600:focus {
+  --border-opacity: 1;
+  border-color: #9f580a;
+  border-color: rgba(159, 88, 10, var(--border-opacity));
+}
+
+.focus\:border-yellow-700:focus {
+  --border-opacity: 1;
+  border-color: #8e4b10;
+  border-color: rgba(142, 75, 16, var(--border-opacity));
+}
+
+.focus\:border-yellow-800:focus {
+  --border-opacity: 1;
+  border-color: #723b13;
+  border-color: rgba(114, 59, 19, var(--border-opacity));
+}
+
+.focus\:border-yellow-900:focus {
+  --border-opacity: 1;
+  border-color: #633112;
+  border-color: rgba(99, 49, 18, var(--border-opacity));
+}
+
+.focus\:border-green-50:focus {
+  --border-opacity: 1;
+  border-color: #f3faf7;
+  border-color: rgba(243, 250, 247, var(--border-opacity));
+}
+
+.focus\:border-green-100:focus {
+  --border-opacity: 1;
+  border-color: #def7ec;
+  border-color: rgba(222, 247, 236, var(--border-opacity));
+}
+
+.focus\:border-green-200:focus {
+  --border-opacity: 1;
+  border-color: #bcf0da;
+  border-color: rgba(188, 240, 218, var(--border-opacity));
+}
+
+.focus\:border-green-300:focus {
+  --border-opacity: 1;
+  border-color: #84e1bc;
+  border-color: rgba(132, 225, 188, var(--border-opacity));
+}
+
+.focus\:border-green-400:focus {
+  --border-opacity: 1;
+  border-color: #31c48d;
+  border-color: rgba(49, 196, 141, var(--border-opacity));
+}
+
+.focus\:border-green-500:focus {
+  --border-opacity: 1;
+  border-color: #0e9f6e;
+  border-color: rgba(14, 159, 110, var(--border-opacity));
+}
+
+.focus\:border-green-600:focus {
+  --border-opacity: 1;
+  border-color: #057a55;
+  border-color: rgba(5, 122, 85, var(--border-opacity));
+}
+
+.focus\:border-green-700:focus {
+  --border-opacity: 1;
+  border-color: #046c4e;
+  border-color: rgba(4, 108, 78, var(--border-opacity));
+}
+
+.focus\:border-green-800:focus {
+  --border-opacity: 1;
+  border-color: #03543f;
+  border-color: rgba(3, 84, 63, var(--border-opacity));
+}
+
+.focus\:border-green-900:focus {
+  --border-opacity: 1;
+  border-color: #014737;
+  border-color: rgba(1, 71, 55, var(--border-opacity));
+}
+
+.focus\:border-teal-50:focus {
+  --border-opacity: 1;
+  border-color: #edfafa;
+  border-color: rgba(237, 250, 250, var(--border-opacity));
+}
+
+.focus\:border-teal-100:focus {
+  --border-opacity: 1;
+  border-color: #d5f5f6;
+  border-color: rgba(213, 245, 246, var(--border-opacity));
+}
+
+.focus\:border-teal-200:focus {
+  --border-opacity: 1;
+  border-color: #afecef;
+  border-color: rgba(175, 236, 239, var(--border-opacity));
+}
+
+.focus\:border-teal-300:focus {
+  --border-opacity: 1;
+  border-color: #7edce2;
+  border-color: rgba(126, 220, 226, var(--border-opacity));
+}
+
+.focus\:border-teal-400:focus {
+  --border-opacity: 1;
+  border-color: #16bdca;
+  border-color: rgba(22, 189, 202, var(--border-opacity));
+}
+
+.focus\:border-teal-500:focus {
+  --border-opacity: 1;
+  border-color: #0694a2;
+  border-color: rgba(6, 148, 162, var(--border-opacity));
+}
+
+.focus\:border-teal-600:focus {
+  --border-opacity: 1;
+  border-color: #047481;
+  border-color: rgba(4, 116, 129, var(--border-opacity));
+}
+
+.focus\:border-teal-700:focus {
+  --border-opacity: 1;
+  border-color: #036672;
+  border-color: rgba(3, 102, 114, var(--border-opacity));
+}
+
+.focus\:border-teal-800:focus {
+  --border-opacity: 1;
+  border-color: #05505c;
+  border-color: rgba(5, 80, 92, var(--border-opacity));
+}
+
+.focus\:border-teal-900:focus {
+  --border-opacity: 1;
+  border-color: #014451;
+  border-color: rgba(1, 68, 81, var(--border-opacity));
+}
+
+.focus\:border-blue-50:focus {
+  --border-opacity: 1;
+  border-color: #ebf5ff;
+  border-color: rgba(235, 245, 255, var(--border-opacity));
+}
+
+.focus\:border-blue-100:focus {
+  --border-opacity: 1;
+  border-color: #e1effe;
+  border-color: rgba(225, 239, 254, var(--border-opacity));
+}
+
+.focus\:border-blue-200:focus {
+  --border-opacity: 1;
+  border-color: #c3ddfd;
+  border-color: rgba(195, 221, 253, var(--border-opacity));
+}
+
+.focus\:border-blue-300:focus {
+  --border-opacity: 1;
+  border-color: #a4cafe;
+  border-color: rgba(164, 202, 254, var(--border-opacity));
+}
+
+.focus\:border-blue-400:focus {
+  --border-opacity: 1;
+  border-color: #76a9fa;
+  border-color: rgba(118, 169, 250, var(--border-opacity));
+}
+
+.focus\:border-blue-500:focus {
+  --border-opacity: 1;
+  border-color: #3f83f8;
+  border-color: rgba(63, 131, 248, var(--border-opacity));
+}
+
+.focus\:border-blue-600:focus {
+  --border-opacity: 1;
+  border-color: #1c64f2;
+  border-color: rgba(28, 100, 242, var(--border-opacity));
+}
+
+.focus\:border-blue-700:focus {
+  --border-opacity: 1;
+  border-color: #1a56db;
+  border-color: rgba(26, 86, 219, var(--border-opacity));
+}
+
+.focus\:border-blue-800:focus {
+  --border-opacity: 1;
+  border-color: #1e429f;
+  border-color: rgba(30, 66, 159, var(--border-opacity));
+}
+
+.focus\:border-blue-900:focus {
+  --border-opacity: 1;
+  border-color: #233876;
+  border-color: rgba(35, 56, 118, var(--border-opacity));
+}
+
+.focus\:border-indigo-50:focus {
+  --border-opacity: 1;
+  border-color: #f0f5ff;
+  border-color: rgba(240, 245, 255, var(--border-opacity));
+}
+
+.focus\:border-indigo-100:focus {
+  --border-opacity: 1;
+  border-color: #e5edff;
+  border-color: rgba(229, 237, 255, var(--border-opacity));
+}
+
+.focus\:border-indigo-200:focus {
+  --border-opacity: 1;
+  border-color: #cddbfe;
+  border-color: rgba(205, 219, 254, var(--border-opacity));
+}
+
+.focus\:border-indigo-300:focus {
+  --border-opacity: 1;
+  border-color: #b4c6fc;
+  border-color: rgba(180, 198, 252, var(--border-opacity));
+}
+
+.focus\:border-indigo-400:focus {
+  --border-opacity: 1;
+  border-color: #8da2fb;
+  border-color: rgba(141, 162, 251, var(--border-opacity));
+}
+
+.focus\:border-indigo-500:focus {
+  --border-opacity: 1;
+  border-color: #6875f5;
+  border-color: rgba(104, 117, 245, var(--border-opacity));
+}
+
+.focus\:border-indigo-600:focus {
+  --border-opacity: 1;
+  border-color: #5850ec;
+  border-color: rgba(88, 80, 236, var(--border-opacity));
+}
+
+.focus\:border-indigo-700:focus {
+  --border-opacity: 1;
+  border-color: #5145cd;
+  border-color: rgba(81, 69, 205, var(--border-opacity));
+}
+
+.focus\:border-indigo-800:focus {
+  --border-opacity: 1;
+  border-color: #42389d;
+  border-color: rgba(66, 56, 157, var(--border-opacity));
+}
+
+.focus\:border-indigo-900:focus {
+  --border-opacity: 1;
+  border-color: #362f78;
+  border-color: rgba(54, 47, 120, var(--border-opacity));
+}
+
+.focus\:border-purple-50:focus {
+  --border-opacity: 1;
+  border-color: #f6f5ff;
+  border-color: rgba(246, 245, 255, var(--border-opacity));
+}
+
+.focus\:border-purple-100:focus {
+  --border-opacity: 1;
+  border-color: #edebfe;
+  border-color: rgba(237, 235, 254, var(--border-opacity));
+}
+
+.focus\:border-purple-200:focus {
+  --border-opacity: 1;
+  border-color: #dcd7fe;
+  border-color: rgba(220, 215, 254, var(--border-opacity));
+}
+
+.focus\:border-purple-300:focus {
+  --border-opacity: 1;
+  border-color: #cabffd;
+  border-color: rgba(202, 191, 253, var(--border-opacity));
+}
+
+.focus\:border-purple-400:focus {
+  --border-opacity: 1;
+  border-color: #ac94fa;
+  border-color: rgba(172, 148, 250, var(--border-opacity));
+}
+
+.focus\:border-purple-500:focus {
+  --border-opacity: 1;
+  border-color: #9061f9;
+  border-color: rgba(144, 97, 249, var(--border-opacity));
+}
+
+.focus\:border-purple-600:focus {
+  --border-opacity: 1;
+  border-color: #7e3af2;
+  border-color: rgba(126, 58, 242, var(--border-opacity));
+}
+
+.focus\:border-purple-700:focus {
+  --border-opacity: 1;
+  border-color: #6c2bd9;
+  border-color: rgba(108, 43, 217, var(--border-opacity));
+}
+
+.focus\:border-purple-800:focus {
+  --border-opacity: 1;
+  border-color: #5521b5;
+  border-color: rgba(85, 33, 181, var(--border-opacity));
+}
+
+.focus\:border-purple-900:focus {
+  --border-opacity: 1;
+  border-color: #4a1d96;
+  border-color: rgba(74, 29, 150, var(--border-opacity));
+}
+
+.focus\:border-pink-50:focus {
+  --border-opacity: 1;
+  border-color: #fdf2f8;
+  border-color: rgba(253, 242, 248, var(--border-opacity));
+}
+
+.focus\:border-pink-100:focus {
+  --border-opacity: 1;
+  border-color: #fce8f3;
+  border-color: rgba(252, 232, 243, var(--border-opacity));
+}
+
+.focus\:border-pink-200:focus {
+  --border-opacity: 1;
+  border-color: #fad1e8;
+  border-color: rgba(250, 209, 232, var(--border-opacity));
+}
+
+.focus\:border-pink-300:focus {
+  --border-opacity: 1;
+  border-color: #f8b4d9;
+  border-color: rgba(248, 180, 217, var(--border-opacity));
+}
+
+.focus\:border-pink-400:focus {
+  --border-opacity: 1;
+  border-color: #f17eb8;
+  border-color: rgba(241, 126, 184, var(--border-opacity));
+}
+
+.focus\:border-pink-500:focus {
+  --border-opacity: 1;
+  border-color: #e74694;
+  border-color: rgba(231, 70, 148, var(--border-opacity));
+}
+
+.focus\:border-pink-600:focus {
+  --border-opacity: 1;
+  border-color: #d61f69;
+  border-color: rgba(214, 31, 105, var(--border-opacity));
+}
+
+.focus\:border-pink-700:focus {
+  --border-opacity: 1;
+  border-color: #bf125d;
+  border-color: rgba(191, 18, 93, var(--border-opacity));
+}
+
+.focus\:border-pink-800:focus {
+  --border-opacity: 1;
+  border-color: #99154b;
+  border-color: rgba(153, 21, 75, var(--border-opacity));
+}
+
+.focus\:border-pink-900:focus {
+  --border-opacity: 1;
+  border-color: #751a3d;
+  border-color: rgba(117, 26, 61, var(--border-opacity));
+}
+
+.border-opacity-0 {
+  --border-opacity: 0;
+}
+
+.border-opacity-25 {
+  --border-opacity: 0.25;
+}
+
+.border-opacity-50 {
+  --border-opacity: 0.5;
+}
+
+.border-opacity-75 {
+  --border-opacity: 0.75;
+}
+
+.border-opacity-100 {
+  --border-opacity: 1;
+}
+
+.hover\:border-opacity-0:hover {
+  --border-opacity: 0;
+}
+
+.hover\:border-opacity-25:hover {
+  --border-opacity: 0.25;
+}
+
+.hover\:border-opacity-50:hover {
+  --border-opacity: 0.5;
+}
+
+.hover\:border-opacity-75:hover {
+  --border-opacity: 0.75;
+}
+
+.hover\:border-opacity-100:hover {
+  --border-opacity: 1;
+}
+
+.focus\:border-opacity-0:focus {
+  --border-opacity: 0;
+}
+
+.focus\:border-opacity-25:focus {
+  --border-opacity: 0.25;
+}
+
+.focus\:border-opacity-50:focus {
+  --border-opacity: 0.5;
+}
+
+.focus\:border-opacity-75:focus {
+  --border-opacity: 0.75;
+}
+
+.focus\:border-opacity-100:focus {
+  --border-opacity: 1;
+}
+
+.rounded-none {
+  border-radius: 0;
+}
+
+.rounded-sm {
+  border-radius: 0.125rem;
+}
+
+.rounded {
+  border-radius: 0.25rem;
+}
+
+.rounded-md {
+  border-radius: 0.375rem;
+}
+
+.rounded-lg {
+  border-radius: 0.5rem;
+}
+
+.rounded-full {
+  border-radius: 9999px;
+}
+
+.rounded-t-none {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.rounded-r-none {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.rounded-b-none {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.rounded-l-none {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.rounded-t-sm {
+  border-top-left-radius: 0.125rem;
+  border-top-right-radius: 0.125rem;
+}
+
+.rounded-r-sm {
+  border-top-right-radius: 0.125rem;
+  border-bottom-right-radius: 0.125rem;
+}
+
+.rounded-b-sm {
+  border-bottom-right-radius: 0.125rem;
+  border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-l-sm {
+  border-top-left-radius: 0.125rem;
+  border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-t {
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
+
+.rounded-r {
+  border-top-right-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem;
+}
+
+.rounded-b {
+  border-bottom-right-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-l {
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-t-md {
+  border-top-left-radius: 0.375rem;
+  border-top-right-radius: 0.375rem;
+}
+
+.rounded-r-md {
+  border-top-right-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
+}
+
+.rounded-b-md {
+  border-bottom-right-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-l-md {
+  border-top-left-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-t-lg {
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+}
+
+.rounded-r-lg {
+  border-top-right-radius: 0.5rem;
+  border-bottom-right-radius: 0.5rem;
+}
+
+.rounded-b-lg {
+  border-bottom-right-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-l-lg {
+  border-top-left-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-t-full {
+  border-top-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+}
+
+.rounded-r-full {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.rounded-b-full {
+  border-bottom-right-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.rounded-l-full {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.rounded-tl-none {
+  border-top-left-radius: 0;
+}
+
+.rounded-tr-none {
+  border-top-right-radius: 0;
+}
+
+.rounded-br-none {
+  border-bottom-right-radius: 0;
+}
+
+.rounded-bl-none {
+  border-bottom-left-radius: 0;
+}
+
+.rounded-tl-sm {
+  border-top-left-radius: 0.125rem;
+}
+
+.rounded-tr-sm {
+  border-top-right-radius: 0.125rem;
+}
+
+.rounded-br-sm {
+  border-bottom-right-radius: 0.125rem;
+}
+
+.rounded-bl-sm {
+  border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-tl {
+  border-top-left-radius: 0.25rem;
+}
+
+.rounded-tr {
+  border-top-right-radius: 0.25rem;
+}
+
+.rounded-br {
+  border-bottom-right-radius: 0.25rem;
+}
+
+.rounded-bl {
+  border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-tl-md {
+  border-top-left-radius: 0.375rem;
+}
+
+.rounded-tr-md {
+  border-top-right-radius: 0.375rem;
+}
+
+.rounded-br-md {
+  border-bottom-right-radius: 0.375rem;
+}
+
+.rounded-bl-md {
+  border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-tl-lg {
+  border-top-left-radius: 0.5rem;
+}
+
+.rounded-tr-lg {
+  border-top-right-radius: 0.5rem;
+}
+
+.rounded-br-lg {
+  border-bottom-right-radius: 0.5rem;
+}
+
+.rounded-bl-lg {
+  border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-tl-full {
+  border-top-left-radius: 9999px;
+}
+
+.rounded-tr-full {
+  border-top-right-radius: 9999px;
+}
+
+.rounded-br-full {
+  border-bottom-right-radius: 9999px;
+}
+
+.rounded-bl-full {
+  border-bottom-left-radius: 9999px;
+}
+
+.border-solid {
+  border-style: solid;
+}
+
+.border-dashed {
+  border-style: dashed;
+}
+
+.border-dotted {
+  border-style: dotted;
+}
+
+.border-double {
+  border-style: double;
+}
+
+.border-none {
+  border-style: none;
+}
+
+.border-0 {
+  border-width: 0;
+}
+
+.border-2 {
+  border-width: 2px;
+}
+
+.border-4 {
+  border-width: 4px;
+}
+
+.border-8 {
+  border-width: 8px;
+}
+
+.border {
+  border-width: 1px;
+}
+
+.border-t-0 {
+  border-top-width: 0;
+}
+
+.border-r-0 {
+  border-right-width: 0;
+}
+
+.border-b-0 {
+  border-bottom-width: 0;
+}
+
+.border-l-0 {
+  border-left-width: 0;
+}
+
+.border-t-2 {
+  border-top-width: 2px;
+}
+
+.border-r-2 {
+  border-right-width: 2px;
+}
+
+.border-b-2 {
+  border-bottom-width: 2px;
+}
+
+.border-l-2 {
+  border-left-width: 2px;
+}
+
+.border-t-4 {
+  border-top-width: 4px;
+}
+
+.border-r-4 {
+  border-right-width: 4px;
+}
+
+.border-b-4 {
+  border-bottom-width: 4px;
+}
+
+.border-l-4 {
+  border-left-width: 4px;
+}
+
+.border-t-8 {
+  border-top-width: 8px;
+}
+
+.border-r-8 {
+  border-right-width: 8px;
+}
+
+.border-b-8 {
+  border-bottom-width: 8px;
+}
+
+.border-l-8 {
+  border-left-width: 8px;
+}
+
+.border-t {
+  border-top-width: 1px;
+}
+
+.border-r {
+  border-right-width: 1px;
+}
+
+.border-b {
+  border-bottom-width: 1px;
+}
+
+.border-l {
+  border-left-width: 1px;
+}
+
+.box-border {
+  box-sizing: border-box;
+}
+
+.box-content {
+  box-sizing: content-box;
+}
+
+.cursor-auto {
+  cursor: auto;
+}
+
+.cursor-default {
+  cursor: default;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.cursor-wait {
+  cursor: wait;
+}
+
+.cursor-text {
+  cursor: text;
+}
+
+.cursor-move {
+  cursor: move;
+}
+
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+
+.block {
+  display: block;
+}
+
+.inline-block {
+  display: inline-block;
+}
+
+.inline {
+  display: inline;
+}
+
+.flex {
+  display: flex;
+}
+
+.inline-flex {
+  display: inline-flex;
+}
+
+.table {
+  display: table;
+}
+
+.table-caption {
+  display: table-caption;
+}
+
+.table-cell {
+  display: table-cell;
+}
+
+.table-column {
+  display: table-column;
+}
+
+.table-column-group {
+  display: table-column-group;
+}
+
+.table-footer-group {
+  display: table-footer-group;
+}
+
+.table-header-group {
+  display: table-header-group;
+}
+
+.table-row-group {
+  display: table-row-group;
+}
+
+.table-row {
+  display: table-row;
+}
+
+.flow-root {
+  display: flow-root;
+}
+
+.grid {
+  display: grid;
+}
+
+.inline-grid {
+  display: inline-grid;
+}
+
+.hidden {
+  display: none;
+}
+
+.flex-row {
+  flex-direction: row;
+}
+
+.flex-row-reverse {
+  flex-direction: row-reverse;
+}
+
+.flex-col {
+  flex-direction: column;
+}
+
+.flex-col-reverse {
+  flex-direction: column-reverse;
+}
+
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+
+.flex-no-wrap {
+  flex-wrap: nowrap;
+}
+
+.items-start {
+  align-items: flex-start;
+}
+
+.items-end {
+  align-items: flex-end;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.items-baseline {
+  align-items: baseline;
+}
+
+.items-stretch {
+  align-items: stretch;
+}
+
+.self-auto {
+  align-self: auto;
+}
+
+.self-start {
+  align-self: flex-start;
+}
+
+.self-end {
+  align-self: flex-end;
+}
+
+.self-center {
+  align-self: center;
+}
+
+.self-stretch {
+  align-self: stretch;
+}
+
+.justify-start {
+  justify-content: flex-start;
+}
+
+.justify-end {
+  justify-content: flex-end;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.justify-around {
+  justify-content: space-around;
+}
+
+.justify-evenly {
+  justify-content: space-evenly;
+}
+
+.content-center {
+  align-content: center;
+}
+
+.content-start {
+  align-content: flex-start;
+}
+
+.content-end {
+  align-content: flex-end;
+}
+
+.content-between {
+  align-content: space-between;
+}
+
+.content-around {
+  align-content: space-around;
+}
+
+.flex-1 {
+  flex: 1 1 0%;
+}
+
+.flex-auto {
+  flex: 1 1 auto;
+}
+
+.flex-initial {
+  flex: 0 1 auto;
+}
+
+.flex-none {
+  flex: none;
+}
+
+.flex-grow-0 {
+  flex-grow: 0;
+}
+
+.flex-grow {
+  flex-grow: 1;
+}
+
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+
+.flex-shrink {
+  flex-shrink: 1;
+}
+
+.order-1 {
+  order: 1;
+}
+
+.order-2 {
+  order: 2;
+}
+
+.order-3 {
+  order: 3;
+}
+
+.order-4 {
+  order: 4;
+}
+
+.order-5 {
+  order: 5;
+}
+
+.order-6 {
+  order: 6;
+}
+
+.order-7 {
+  order: 7;
+}
+
+.order-8 {
+  order: 8;
+}
+
+.order-9 {
+  order: 9;
+}
+
+.order-10 {
+  order: 10;
+}
+
+.order-11 {
+  order: 11;
+}
+
+.order-12 {
+  order: 12;
+}
+
+.order-first {
+  order: -9999;
+}
+
+.order-last {
+  order: 9999;
+}
+
+.order-none {
+  order: 0;
+}
+
+.float-right {
+  float: right;
+}
+
+.float-left {
+  float: left;
+}
+
+.float-none {
+  float: none;
+}
+
+.clearfix:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.clear-left {
+  clear: left;
+}
+
+.clear-right {
+  clear: right;
+}
+
+.clear-both {
+  clear: both;
+}
+
+.clear-none {
+  clear: none;
+}
+
+.font-sans {
+  font-family: Open Sans, 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";
+}
+
+.font-serif {
+  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
+}
+
+.font-mono {
+  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+.font-hairline {
+  font-weight: 100;
+}
+
+.font-thin {
+  font-weight: 200;
+}
+
+.font-light {
+  font-weight: 300;
+}
+
+.font-normal {
+  font-weight: 400;
+}
+
+.font-medium {
+  font-weight: 500;
+}
+
+.font-semibold {
+  font-weight: 600;
+}
+
+.font-bold {
+  font-weight: 700;
+}
+
+.font-extrabold {
+  font-weight: 800;
+}
+
+.font-black {
+  font-weight: 900;
+}
+
+.hover\:font-hairline:hover {
+  font-weight: 100;
+}
+
+.hover\:font-thin:hover {
+  font-weight: 200;
+}
+
+.hover\:font-light:hover {
+  font-weight: 300;
+}
+
+.hover\:font-normal:hover {
+  font-weight: 400;
+}
+
+.hover\:font-medium:hover {
+  font-weight: 500;
+}
+
+.hover\:font-semibold:hover {
+  font-weight: 600;
+}
+
+.hover\:font-bold:hover {
+  font-weight: 700;
+}
+
+.hover\:font-extrabold:hover {
+  font-weight: 800;
+}
+
+.hover\:font-black:hover {
+  font-weight: 900;
+}
+
+.focus\:font-hairline:focus {
+  font-weight: 100;
+}
+
+.focus\:font-thin:focus {
+  font-weight: 200;
+}
+
+.focus\:font-light:focus {
+  font-weight: 300;
+}
+
+.focus\:font-normal:focus {
+  font-weight: 400;
+}
+
+.focus\:font-medium:focus {
+  font-weight: 500;
+}
+
+.focus\:font-semibold:focus {
+  font-weight: 600;
+}
+
+.focus\:font-bold:focus {
+  font-weight: 700;
+}
+
+.focus\:font-extrabold:focus {
+  font-weight: 800;
+}
+
+.focus\:font-black:focus {
+  font-weight: 900;
+}
+
+.h-0 {
+  height: 0;
+}
+
+.h-1 {
+  height: 0.25rem;
+}
+
+.h-2 {
+  height: 0.5rem;
+}
+
+.h-3 {
+  height: 0.75rem;
+}
+
+.h-4 {
+  height: 1rem;
+}
+
+.h-5 {
+  height: 1.25rem;
+}
+
+.h-6 {
+  height: 1.5rem;
+}
+
+.h-7 {
+  height: 1.75rem;
+}
+
+.h-8 {
+  height: 2rem;
+}
+
+.h-9 {
+  height: 2.25rem;
+}
+
+.h-10 {
+  height: 2.5rem;
+}
+
+.h-11 {
+  height: 2.75rem;
+}
+
+.h-12 {
+  height: 3rem;
+}
+
+.h-13 {
+  height: 3.25rem;
+}
+
+.h-14 {
+  height: 3.5rem;
+}
+
+.h-15 {
+  height: 3.75rem;
+}
+
+.h-16 {
+  height: 4rem;
+}
+
+.h-20 {
+  height: 5rem;
+}
+
+.h-24 {
+  height: 6rem;
+}
+
+.h-28 {
+  height: 7rem;
+}
+
+.h-32 {
+  height: 8rem;
+}
+
+.h-36 {
+  height: 9rem;
+}
+
+.h-40 {
+  height: 10rem;
+}
+
+.h-48 {
+  height: 12rem;
+}
+
+.h-56 {
+  height: 14rem;
+}
+
+.h-60 {
+  height: 15rem;
+}
+
+.h-64 {
+  height: 16rem;
+}
+
+.h-72 {
+  height: 18rem;
+}
+
+.h-80 {
+  height: 20rem;
+}
+
+.h-96 {
+  height: 24rem;
+}
+
+.h-auto {
+  height: auto;
+}
+
+.h-px {
+  height: 1px;
+}
+
+.h-0\.5 {
+  height: 0.125rem;
+}
+
+.h-1\.5 {
+  height: 0.375rem;
+}
+
+.h-2\.5 {
+  height: 0.625rem;
+}
+
+.h-3\.5 {
+  height: 0.875rem;
+}
+
+.h-1\/2 {
+  height: 50%;
+}
+
+.h-1\/3 {
+  height: 33.333333%;
+}
+
+.h-2\/3 {
+  height: 66.666667%;
+}
+
+.h-1\/4 {
+  height: 25%;
+}
+
+.h-2\/4 {
+  height: 50%;
+}
+
+.h-3\/4 {
+  height: 75%;
+}
+
+.h-1\/5 {
+  height: 20%;
+}
+
+.h-2\/5 {
+  height: 40%;
+}
+
+.h-3\/5 {
+  height: 60%;
+}
+
+.h-4\/5 {
+  height: 80%;
+}
+
+.h-1\/6 {
+  height: 16.666667%;
+}
+
+.h-2\/6 {
+  height: 33.333333%;
+}
+
+.h-3\/6 {
+  height: 50%;
+}
+
+.h-4\/6 {
+  height: 66.666667%;
+}
+
+.h-5\/6 {
+  height: 83.333333%;
+}
+
+.h-1\/12 {
+  height: 8.333333%;
+}
+
+.h-2\/12 {
+  height: 16.666667%;
+}
+
+.h-3\/12 {
+  height: 25%;
+}
+
+.h-4\/12 {
+  height: 33.333333%;
+}
+
+.h-5\/12 {
+  height: 41.666667%;
+}
+
+.h-6\/12 {
+  height: 50%;
+}
+
+.h-7\/12 {
+  height: 58.333333%;
+}
+
+.h-8\/12 {
+  height: 66.666667%;
+}
+
+.h-9\/12 {
+  height: 75%;
+}
+
+.h-10\/12 {
+  height: 83.333333%;
+}
+
+.h-11\/12 {
+  height: 91.666667%;
+}
+
+.h-full {
+  height: 100%;
+}
+
+.h-screen {
+  height: 100vh;
+}
+
+.text-xs {
+  font-size: 0.75rem;
+}
+
+.text-sm {
+  font-size: 0.875rem;
+}
+
+.text-base {
+  font-size: 1rem;
+}
+
+.text-lg {
+  font-size: 1.125rem;
+}
+
+.text-xl {
+  font-size: 1.25rem;
+}
+
+.text-2xl {
+  font-size: 1.5rem;
+}
+
+.text-3xl {
+  font-size: 1.875rem;
+}
+
+.text-4xl {
+  font-size: 2.25rem;
+}
+
+.text-5xl {
+  font-size: 3rem;
+}
+
+.text-6xl {
+  font-size: 4rem;
+}
+
+.leading-3 {
+  line-height: .75rem;
+}
+
+.leading-4 {
+  line-height: 1rem;
+}
+
+.leading-5 {
+  line-height: 1.25rem;
+}
+
+.leading-6 {
+  line-height: 1.5rem;
+}
+
+.leading-7 {
+  line-height: 1.75rem;
+}
+
+.leading-8 {
+  line-height: 2rem;
+}
+
+.leading-9 {
+  line-height: 2.25rem;
+}
+
+.leading-10 {
+  line-height: 2.5rem;
+}
+
+.leading-none {
+  line-height: 1;
+}
+
+.leading-tight {
+  line-height: 1.25;
+}
+
+.leading-snug {
+  line-height: 1.375;
+}
+
+.leading-normal {
+  line-height: 1.5;
+}
+
+.leading-relaxed {
+  line-height: 1.625;
+}
+
+.leading-loose {
+  line-height: 2;
+}
+
+.list-inside {
+  list-style-position: inside;
+}
+
+.list-outside {
+  list-style-position: outside;
+}
+
+.list-none {
+  list-style-type: none;
+}
+
+.list-disc {
+  list-style-type: disc;
+}
+
+.list-decimal {
+  list-style-type: decimal;
+}
+
+.m-0 {
+  margin: 0;
+}
+
+.m-1 {
+  margin: 0.25rem;
+}
+
+.m-2 {
+  margin: 0.5rem;
+}
+
+.m-3 {
+  margin: 0.75rem;
+}
+
+.m-4 {
+  margin: 1rem;
+}
+
+.m-5 {
+  margin: 1.25rem;
+}
+
+.m-6 {
+  margin: 1.5rem;
+}
+
+.m-7 {
+  margin: 1.75rem;
+}
+
+.m-8 {
+  margin: 2rem;
+}
+
+.m-9 {
+  margin: 2.25rem;
+}
+
+.m-10 {
+  margin: 2.5rem;
+}
+
+.m-11 {
+  margin: 2.75rem;
+}
+
+.m-12 {
+  margin: 3rem;
+}
+
+.m-13 {
+  margin: 3.25rem;
+}
+
+.m-14 {
+  margin: 3.5rem;
+}
+
+.m-15 {
+  margin: 3.75rem;
+}
+
+.m-16 {
+  margin: 4rem;
+}
+
+.m-20 {
+  margin: 5rem;
+}
+
+.m-24 {
+  margin: 6rem;
+}
+
+.m-28 {
+  margin: 7rem;
+}
+
+.m-32 {
+  margin: 8rem;
+}
+
+.m-36 {
+  margin: 9rem;
+}
+
+.m-40 {
+  margin: 10rem;
+}
+
+.m-48 {
+  margin: 12rem;
+}
+
+.m-56 {
+  margin: 14rem;
+}
+
+.m-60 {
+  margin: 15rem;
+}
+
+.m-64 {
+  margin: 16rem;
+}
+
+.m-72 {
+  margin: 18rem;
+}
+
+.m-80 {
+  margin: 20rem;
+}
+
+.m-96 {
+  margin: 24rem;
+}
+
+.m-auto {
+  margin: auto;
+}
+
+.m-px {
+  margin: 1px;
+}
+
+.m-0\.5 {
+  margin: 0.125rem;
+}
+
+.m-1\.5 {
+  margin: 0.375rem;
+}
+
+.m-2\.5 {
+  margin: 0.625rem;
+}
+
+.m-3\.5 {
+  margin: 0.875rem;
+}
+
+.m-1\/2 {
+  margin: 50%;
+}
+
+.m-1\/3 {
+  margin: 33.333333%;
+}
+
+.m-2\/3 {
+  margin: 66.666667%;
+}
+
+.m-1\/4 {
+  margin: 25%;
+}
+
+.m-2\/4 {
+  margin: 50%;
+}
+
+.m-3\/4 {
+  margin: 75%;
+}
+
+.m-1\/5 {
+  margin: 20%;
+}
+
+.m-2\/5 {
+  margin: 40%;
+}
+
+.m-3\/5 {
+  margin: 60%;
+}
+
+.m-4\/5 {
+  margin: 80%;
+}
+
+.m-1\/6 {
+  margin: 16.666667%;
+}
+
+.m-2\/6 {
+  margin: 33.333333%;
+}
+
+.m-3\/6 {
+  margin: 50%;
+}
+
+.m-4\/6 {
+  margin: 66.666667%;
+}
+
+.m-5\/6 {
+  margin: 83.333333%;
+}
+
+.m-1\/12 {
+  margin: 8.333333%;
+}
+
+.m-2\/12 {
+  margin: 16.666667%;
+}
+
+.m-3\/12 {
+  margin: 25%;
+}
+
+.m-4\/12 {
+  margin: 33.333333%;
+}
+
+.m-5\/12 {
+  margin: 41.666667%;
+}
+
+.m-6\/12 {
+  margin: 50%;
+}
+
+.m-7\/12 {
+  margin: 58.333333%;
+}
+
+.m-8\/12 {
+  margin: 66.666667%;
+}
+
+.m-9\/12 {
+  margin: 75%;
+}
+
+.m-10\/12 {
+  margin: 83.333333%;
+}
+
+.m-11\/12 {
+  margin: 91.666667%;
+}
+
+.m-full {
+  margin: 100%;
+}
+
+.-m-1 {
+  margin: -0.25rem;
+}
+
+.-m-2 {
+  margin: -0.5rem;
+}
+
+.-m-3 {
+  margin: -0.75rem;
+}
+
+.-m-4 {
+  margin: -1rem;
+}
+
+.-m-5 {
+  margin: -1.25rem;
+}
+
+.-m-6 {
+  margin: -1.5rem;
+}
+
+.-m-7 {
+  margin: -1.75rem;
+}
+
+.-m-8 {
+  margin: -2rem;
+}
+
+.-m-9 {
+  margin: -2.25rem;
+}
+
+.-m-10 {
+  margin: -2.5rem;
+}
+
+.-m-11 {
+  margin: -2.75rem;
+}
+
+.-m-12 {
+  margin: -3rem;
+}
+
+.-m-13 {
+  margin: -3.25rem;
+}
+
+.-m-14 {
+  margin: -3.5rem;
+}
+
+.-m-15 {
+  margin: -3.75rem;
+}
+
+.-m-16 {
+  margin: -4rem;
+}
+
+.-m-20 {
+  margin: -5rem;
+}
+
+.-m-24 {
+  margin: -6rem;
+}
+
+.-m-28 {
+  margin: -7rem;
+}
+
+.-m-32 {
+  margin: -8rem;
+}
+
+.-m-36 {
+  margin: -9rem;
+}
+
+.-m-40 {
+  margin: -10rem;
+}
+
+.-m-48 {
+  margin: -12rem;
+}
+
+.-m-56 {
+  margin: -14rem;
+}
+
+.-m-60 {
+  margin: -15rem;
+}
+
+.-m-64 {
+  margin: -16rem;
+}
+
+.-m-72 {
+  margin: -18rem;
+}
+
+.-m-80 {
+  margin: -20rem;
+}
+
+.-m-96 {
+  margin: -24rem;
+}
+
+.-m-px {
+  margin: -1px;
+}
+
+.-m-0\.5 {
+  margin: -0.125rem;
+}
+
+.-m-1\.5 {
+  margin: -0.375rem;
+}
+
+.-m-2\.5 {
+  margin: -0.625rem;
+}
+
+.-m-3\.5 {
+  margin: -0.875rem;
+}
+
+.-m-1\/2 {
+  margin: -50%;
+}
+
+.-m-1\/3 {
+  margin: -33.33333%;
+}
+
+.-m-2\/3 {
+  margin: -66.66667%;
+}
+
+.-m-1\/4 {
+  margin: -25%;
+}
+
+.-m-2\/4 {
+  margin: -50%;
+}
+
+.-m-3\/4 {
+  margin: -75%;
+}
+
+.-m-1\/5 {
+  margin: -20%;
+}
+
+.-m-2\/5 {
+  margin: -40%;
+}
+
+.-m-3\/5 {
+  margin: -60%;
+}
+
+.-m-4\/5 {
+  margin: -80%;
+}
+
+.-m-1\/6 {
+  margin: -16.66667%;
+}
+
+.-m-2\/6 {
+  margin: -33.33333%;
+}
+
+.-m-3\/6 {
+  margin: -50%;
+}
+
+.-m-4\/6 {
+  margin: -66.66667%;
+}
+
+.-m-5\/6 {
+  margin: -83.33333%;
+}
+
+.-m-1\/12 {
+  margin: -8.33333%;
+}
+
+.-m-2\/12 {
+  margin: -16.66667%;
+}
+
+.-m-3\/12 {
+  margin: -25%;
+}
+
+.-m-4\/12 {
+  margin: -33.33333%;
+}
+
+.-m-5\/12 {
+  margin: -41.66667%;
+}
+
+.-m-6\/12 {
+  margin: -50%;
+}
+
+.-m-7\/12 {
+  margin: -58.33333%;
+}
+
+.-m-8\/12 {
+  margin: -66.66667%;
+}
+
+.-m-9\/12 {
+  margin: -75%;
+}
+
+.-m-10\/12 {
+  margin: -83.33333%;
+}
+
+.-m-11\/12 {
+  margin: -91.66667%;
+}
+
+.-m-full {
+  margin: -100%;
+}
+
+.my-0 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.mx-0 {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.mx-2 {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+
+.my-3 {
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
+}
+
+.mx-3 {
+  margin-left: 0.75rem;
+  margin-right: 0.75rem;
+}
+
+.my-4 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
+.mx-4 {
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
+
+.my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
+
+.mx-5 {
+  margin-left: 1.25rem;
+  margin-right: 1.25rem;
+}
+
+.my-6 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+
+.mx-6 {
+  margin-left: 1.5rem;
+  margin-right: 1.5rem;
+}
+
+.my-7 {
+  margin-top: 1.75rem;
+  margin-bottom: 1.75rem;
+}
+
+.mx-7 {
+  margin-left: 1.75rem;
+  margin-right: 1.75rem;
+}
+
+.my-8 {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
+.mx-8 {
+  margin-left: 2rem;
+  margin-right: 2rem;
+}
+
+.my-9 {
+  margin-top: 2.25rem;
+  margin-bottom: 2.25rem;
+}
+
+.mx-9 {
+  margin-left: 2.25rem;
+  margin-right: 2.25rem;
+}
+
+.my-10 {
+  margin-top: 2.5rem;
+  margin-bottom: 2.5rem;
+}
+
+.mx-10 {
+  margin-left: 2.5rem;
+  margin-right: 2.5rem;
+}
+
+.my-11 {
+  margin-top: 2.75rem;
+  margin-bottom: 2.75rem;
+}
+
+.mx-11 {
+  margin-left: 2.75rem;
+  margin-right: 2.75rem;
+}
+
+.my-12 {
+  margin-top: 3rem;
+  margin-bottom: 3rem;
+}
+
+.mx-12 {
+  margin-left: 3rem;
+  margin-right: 3rem;
+}
+
+.my-13 {
+  margin-top: 3.25rem;
+  margin-bottom: 3.25rem;
+}
+
+.mx-13 {
+  margin-left: 3.25rem;
+  margin-right: 3.25rem;
+}
+
+.my-14 {
+  margin-top: 3.5rem;
+  margin-bottom: 3.5rem;
+}
+
+.mx-14 {
+  margin-left: 3.5rem;
+  margin-right: 3.5rem;
+}
+
+.my-15 {
+  margin-top: 3.75rem;
+  margin-bottom: 3.75rem;
+}
+
+.mx-15 {
+  margin-left: 3.75rem;
+  margin-right: 3.75rem;
+}
+
+.my-16 {
+  margin-top: 4rem;
+  margin-bottom: 4rem;
+}
+
+.mx-16 {
+  margin-left: 4rem;
+  margin-right: 4rem;
+}
+
+.my-20 {
+  margin-top: 5rem;
+  margin-bottom: 5rem;
+}
+
+.mx-20 {
+  margin-left: 5rem;
+  margin-right: 5rem;
+}
+
+.my-24 {
+  margin-top: 6rem;
+  margin-bottom: 6rem;
+}
+
+.mx-24 {
+  margin-left: 6rem;
+  margin-right: 6rem;
+}
+
+.my-28 {
+  margin-top: 7rem;
+  margin-bottom: 7rem;
+}
+
+.mx-28 {
+  margin-left: 7rem;
+  margin-right: 7rem;
+}
+
+.my-32 {
+  margin-top: 8rem;
+  margin-bottom: 8rem;
+}
+
+.mx-32 {
+  margin-left: 8rem;
+  margin-right: 8rem;
+}
+
+.my-36 {
+  margin-top: 9rem;
+  margin-bottom: 9rem;
+}
+
+.mx-36 {
+  margin-left: 9rem;
+  margin-right: 9rem;
+}
+
+.my-40 {
+  margin-top: 10rem;
+  margin-bottom: 10rem;
+}
+
+.mx-40 {
+  margin-left: 10rem;
+  margin-right: 10rem;
+}
+
+.my-48 {
+  margin-top: 12rem;
+  margin-bottom: 12rem;
+}
+
+.mx-48 {
+  margin-left: 12rem;
+  margin-right: 12rem;
+}
+
+.my-56 {
+  margin-top: 14rem;
+  margin-bottom: 14rem;
+}
+
+.mx-56 {
+  margin-left: 14rem;
+  margin-right: 14rem;
+}
+
+.my-60 {
+  margin-top: 15rem;
+  margin-bottom: 15rem;
+}
+
+.mx-60 {
+  margin-left: 15rem;
+  margin-right: 15rem;
+}
+
+.my-64 {
+  margin-top: 16rem;
+  margin-bottom: 16rem;
+}
+
+.mx-64 {
+  margin-left: 16rem;
+  margin-right: 16rem;
+}
+
+.my-72 {
+  margin-top: 18rem;
+  margin-bottom: 18rem;
+}
+
+.mx-72 {
+  margin-left: 18rem;
+  margin-right: 18rem;
+}
+
+.my-80 {
+  margin-top: 20rem;
+  margin-bottom: 20rem;
+}
+
+.mx-80 {
+  margin-left: 20rem;
+  margin-right: 20rem;
+}
+
+.my-96 {
+  margin-top: 24rem;
+  margin-bottom: 24rem;
+}
+
+.mx-96 {
+  margin-left: 24rem;
+  margin-right: 24rem;
+}
+
+.my-auto {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.my-px {
+  margin-top: 1px;
+  margin-bottom: 1px;
+}
+
+.mx-px {
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.my-0\.5 {
+  margin-top: 0.125rem;
+  margin-bottom: 0.125rem;
+}
+
+.mx-0\.5 {
+  margin-left: 0.125rem;
+  margin-right: 0.125rem;
+}
+
+.my-1\.5 {
+  margin-top: 0.375rem;
+  margin-bottom: 0.375rem;
+}
+
+.mx-1\.5 {
+  margin-left: 0.375rem;
+  margin-right: 0.375rem;
+}
+
+.my-2\.5 {
+  margin-top: 0.625rem;
+  margin-bottom: 0.625rem;
+}
+
+.mx-2\.5 {
+  margin-left: 0.625rem;
+  margin-right: 0.625rem;
+}
+
+.my-3\.5 {
+  margin-top: 0.875rem;
+  margin-bottom: 0.875rem;
+}
+
+.mx-3\.5 {
+  margin-left: 0.875rem;
+  margin-right: 0.875rem;
+}
+
+.my-1\/2 {
+  margin-top: 50%;
+  margin-bottom: 50%;
+}
+
+.mx-1\/2 {
+  margin-left: 50%;
+  margin-right: 50%;
+}
+
+.my-1\/3 {
+  margin-top: 33.333333%;
+  margin-bottom: 33.333333%;
+}
+
+.mx-1\/3 {
+  margin-left: 33.333333%;
+  margin-right: 33.333333%;
+}
+
+.my-2\/3 {
+  margin-top: 66.666667%;
+  margin-bottom: 66.666667%;
+}
+
+.mx-2\/3 {
+  margin-left: 66.666667%;
+  margin-right: 66.666667%;
+}
+
+.my-1\/4 {
+  margin-top: 25%;
+  margin-bottom: 25%;
+}
+
+.mx-1\/4 {
+  margin-left: 25%;
+  margin-right: 25%;
+}
+
+.my-2\/4 {
+  margin-top: 50%;
+  margin-bottom: 50%;
+}
+
+.mx-2\/4 {
+  margin-left: 50%;
+  margin-right: 50%;
+}
+
+.my-3\/4 {
+  margin-top: 75%;
+  margin-bottom: 75%;
+}
+
+.mx-3\/4 {
+  margin-left: 75%;
+  margin-right: 75%;
+}
+
+.my-1\/5 {
+  margin-top: 20%;
+  margin-bottom: 20%;
+}
+
+.mx-1\/5 {
+  margin-left: 20%;
+  margin-right: 20%;
+}
+
+.my-2\/5 {
+  margin-top: 40%;
+  margin-bottom: 40%;
+}
+
+.mx-2\/5 {
+  margin-left: 40%;
+  margin-right: 40%;
+}
+
+.my-3\/5 {
+  margin-top: 60%;
+  margin-bottom: 60%;
+}
+
+.mx-3\/5 {
+  margin-left: 60%;
+  margin-right: 60%;
+}
+
+.my-4\/5 {
+  margin-top: 80%;
+  margin-bottom: 80%;
+}
+
+.mx-4\/5 {
+  margin-left: 80%;
+  margin-right: 80%;
+}
+
+.my-1\/6 {
+  margin-top: 16.666667%;
+  margin-bottom: 16.666667%;
+}
+
+.mx-1\/6 {
+  margin-left: 16.666667%;
+  margin-right: 16.666667%;
+}
+
+.my-2\/6 {
+  margin-top: 33.333333%;
+  margin-bottom: 33.333333%;
+}
+
+.mx-2\/6 {
+  margin-left: 33.333333%;
+  margin-right: 33.333333%;
+}
+
+.my-3\/6 {
+  margin-top: 50%;
+  margin-bottom: 50%;
+}
+
+.mx-3\/6 {
+  margin-left: 50%;
+  margin-right: 50%;
+}
+
+.my-4\/6 {
+  margin-top: 66.666667%;
+  margin-bottom: 66.666667%;
+}
+
+.mx-4\/6 {
+  margin-left: 66.666667%;
+  margin-right: 66.666667%;
+}
+
+.my-5\/6 {
+  margin-top: 83.333333%;
+  margin-bottom: 83.333333%;
+}
+
+.mx-5\/6 {
+  margin-left: 83.333333%;
+  margin-right: 83.333333%;
+}
+
+.my-1\/12 {
+  margin-top: 8.333333%;
+  margin-bottom: 8.333333%;
+}
+
+.mx-1\/12 {
+  margin-left: 8.333333%;
+  margin-right: 8.333333%;
+}
+
+.my-2\/12 {
+  margin-top: 16.666667%;
+  margin-bottom: 16.666667%;
+}
+
+.mx-2\/12 {
+  margin-left: 16.666667%;
+  margin-right: 16.666667%;
+}
+
+.my-3\/12 {
+  margin-top: 25%;
+  margin-bottom: 25%;
+}
+
+.mx-3\/12 {
+  margin-left: 25%;
+  margin-right: 25%;
+}
+
+.my-4\/12 {
+  margin-top: 33.333333%;
+  margin-bottom: 33.333333%;
+}
+
+.mx-4\/12 {
+  margin-left: 33.333333%;
+  margin-right: 33.333333%;
+}
+
+.my-5\/12 {
+  margin-top: 41.666667%;
+  margin-bottom: 41.666667%;
+}
+
+.mx-5\/12 {
+  margin-left: 41.666667%;
+  margin-right: 41.666667%;
+}
+
+.my-6\/12 {
+  margin-top: 50%;
+  margin-bottom: 50%;
+}
+
+.mx-6\/12 {
+  margin-left: 50%;
+  margin-right: 50%;
+}
+
+.my-7\/12 {
+  margin-top: 58.333333%;
+  margin-bottom: 58.333333%;
+}
+
+.mx-7\/12 {
+  margin-left: 58.333333%;
+  margin-right: 58.333333%;
+}
+
+.my-8\/12 {
+  margin-top: 66.666667%;
+  margin-bottom: 66.666667%;
+}
+
+.mx-8\/12 {
+  margin-left: 66.666667%;
+  margin-right: 66.666667%;
+}
+
+.my-9\/12 {
+  margin-top: 75%;
+  margin-bottom: 75%;
+}
+
+.mx-9\/12 {
+  margin-left: 75%;
+  margin-right: 75%;
+}
+
+.my-10\/12 {
+  margin-top: 83.333333%;
+  margin-bottom: 83.333333%;
+}
+
+.mx-10\/12 {
+  margin-left: 83.333333%;
+  margin-right: 83.333333%;
+}
+
+.my-11\/12 {
+  margin-top: 91.666667%;
+  margin-bottom: 91.666667%;
+}
+
+.mx-11\/12 {
+  margin-left: 91.666667%;
+  margin-right: 91.666667%;
+}
+
+.my-full {
+  margin-top: 100%;
+  margin-bottom: 100%;
+}
+
+.mx-full {
+  margin-left: 100%;
+  margin-right: 100%;
+}
+
+.-my-1 {
+  margin-top: -0.25rem;
+  margin-bottom: -0.25rem;
+}
+
+.-mx-1 {
+  margin-left: -0.25rem;
+  margin-right: -0.25rem;
+}
+
+.-my-2 {
+  margin-top: -0.5rem;
+  margin-bottom: -0.5rem;
+}
+
+.-mx-2 {
+  margin-left: -0.5rem;
+  margin-right: -0.5rem;
+}
+
+.-my-3 {
+  margin-top: -0.75rem;
+  margin-bottom: -0.75rem;
+}
+
+.-mx-3 {
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
+}
+
+.-my-4 {
+  margin-top: -1rem;
+  margin-bottom: -1rem;
+}
+
+.-mx-4 {
+  margin-left: -1rem;
+  margin-right: -1rem;
+}
+
+.-my-5 {
+  margin-top: -1.25rem;
+  margin-bottom: -1.25rem;
+}
+
+.-mx-5 {
+  margin-left: -1.25rem;
+  margin-right: -1.25rem;
+}
+
+.-my-6 {
+  margin-top: -1.5rem;
+  margin-bottom: -1.5rem;
+}
+
+.-mx-6 {
+  margin-left: -1.5rem;
+  margin-right: -1.5rem;
+}
+
+.-my-7 {
+  margin-top: -1.75rem;
+  margin-bottom: -1.75rem;
+}
+
+.-mx-7 {
+  margin-left: -1.75rem;
+  margin-right: -1.75rem;
+}
+
+.-my-8 {
+  margin-top: -2rem;
+  margin-bottom: -2rem;
+}
+
+.-mx-8 {
+  margin-left: -2rem;
+  margin-right: -2rem;
+}
+
+.-my-9 {
+  margin-top: -2.25rem;
+  margin-bottom: -2.25rem;
+}
+
+.-mx-9 {
+  margin-left: -2.25rem;
+  margin-right: -2.25rem;
+}
+
+.-my-10 {
+  margin-top: -2.5rem;
+  margin-bottom: -2.5rem;
+}
+
+.-mx-10 {
+  margin-left: -2.5rem;
+  margin-right: -2.5rem;
+}
+
+.-my-11 {
+  margin-top: -2.75rem;
+  margin-bottom: -2.75rem;
+}
+
+.-mx-11 {
+  margin-left: -2.75rem;
+  margin-right: -2.75rem;
+}
+
+.-my-12 {
+  margin-top: -3rem;
+  margin-bottom: -3rem;
+}
+
+.-mx-12 {
+  margin-left: -3rem;
+  margin-right: -3rem;
+}
+
+.-my-13 {
+  margin-top: -3.25rem;
+  margin-bottom: -3.25rem;
+}
+
+.-mx-13 {
+  margin-left: -3.25rem;
+  margin-right: -3.25rem;
+}
+
+.-my-14 {
+  margin-top: -3.5rem;
+  margin-bottom: -3.5rem;
+}
+
+.-mx-14 {
+  margin-left: -3.5rem;
+  margin-right: -3.5rem;
+}
+
+.-my-15 {
+  margin-top: -3.75rem;
+  margin-bottom: -3.75rem;
+}
+
+.-mx-15 {
+  margin-left: -3.75rem;
+  margin-right: -3.75rem;
+}
+
+.-my-16 {
+  margin-top: -4rem;
+  margin-bottom: -4rem;
+}
+
+.-mx-16 {
+  margin-left: -4rem;
+  margin-right: -4rem;
+}
+
+.-my-20 {
+  margin-top: -5rem;
+  margin-bottom: -5rem;
+}
+
+.-mx-20 {
+  margin-left: -5rem;
+  margin-right: -5rem;
+}
+
+.-my-24 {
+  margin-top: -6rem;
+  margin-bottom: -6rem;
+}
+
+.-mx-24 {
+  margin-left: -6rem;
+  margin-right: -6rem;
+}
+
+.-my-28 {
+  margin-top: -7rem;
+  margin-bottom: -7rem;
+}
+
+.-mx-28 {
+  margin-left: -7rem;
+  margin-right: -7rem;
+}
+
+.-my-32 {
+  margin-top: -8rem;
+  margin-bottom: -8rem;
+}
+
+.-mx-32 {
+  margin-left: -8rem;
+  margin-right: -8rem;
+}
+
+.-my-36 {
+  margin-top: -9rem;
+  margin-bottom: -9rem;
+}
+
+.-mx-36 {
+  margin-left: -9rem;
+  margin-right: -9rem;
+}
+
+.-my-40 {
+  margin-top: -10rem;
+  margin-bottom: -10rem;
+}
+
+.-mx-40 {
+  margin-left: -10rem;
+  margin-right: -10rem;
+}
+
+.-my-48 {
+  margin-top: -12rem;
+  margin-bottom: -12rem;
+}
+
+.-mx-48 {
+  margin-left: -12rem;
+  margin-right: -12rem;
+}
+
+.-my-56 {
+  margin-top: -14rem;
+  margin-bottom: -14rem;
+}
+
+.-mx-56 {
+  margin-left: -14rem;
+  margin-right: -14rem;
+}
+
+.-my-60 {
+  margin-top: -15rem;
+  margin-bottom: -15rem;
+}
+
+.-mx-60 {
+  margin-left: -15rem;
+  margin-right: -15rem;
+}
+
+.-my-64 {
+  margin-top: -16rem;
+  margin-bottom: -16rem;
+}
+
+.-mx-64 {
+  margin-left: -16rem;
+  margin-right: -16rem;
+}
+
+.-my-72 {
+  margin-top: -18rem;
+  margin-bottom: -18rem;
+}
+
+.-mx-72 {
+  margin-left: -18rem;
+  margin-right: -18rem;
+}
+
+.-my-80 {
+  margin-top: -20rem;
+  margin-bottom: -20rem;
+}
+
+.-mx-80 {
+  margin-left: -20rem;
+  margin-right: -20rem;
+}
+
+.-my-96 {
+  margin-top: -24rem;
+  margin-bottom: -24rem;
+}
+
+.-mx-96 {
+  margin-left: -24rem;
+  margin-right: -24rem;
+}
+
+.-my-px {
+  margin-top: -1px;
+  margin-bottom: -1px;
+}
+
+.-mx-px {
+  margin-left: -1px;
+  margin-right: -1px;
+}
+
+.-my-0\.5 {
+  margin-top: -0.125rem;
+  margin-bottom: -0.125rem;
+}
+
+.-mx-0\.5 {
+  margin-left: -0.125rem;
+  margin-right: -0.125rem;
+}
+
+.-my-1\.5 {
+  margin-top: -0.375rem;
+  margin-bottom: -0.375rem;
+}
+
+.-mx-1\.5 {
+  margin-left: -0.375rem;
+  margin-right: -0.375rem;
+}
+
+.-my-2\.5 {
+  margin-top: -0.625rem;
+  margin-bottom: -0.625rem;
+}
+
+.-mx-2\.5 {
+  margin-left: -0.625rem;
+  margin-right: -0.625rem;
+}
+
+.-my-3\.5 {
+  margin-top: -0.875rem;
+  margin-bottom: -0.875rem;
+}
+
+.-mx-3\.5 {
+  margin-left: -0.875rem;
+  margin-right: -0.875rem;
+}
+
+.-my-1\/2 {
+  margin-top: -50%;
+  margin-bottom: -50%;
+}
+
+.-mx-1\/2 {
+  margin-left: -50%;
+  margin-right: -50%;
+}
+
+.-my-1\/3 {
+  margin-top: -33.33333%;
+  margin-bottom: -33.33333%;
+}
+
+.-mx-1\/3 {
+  margin-left: -33.33333%;
+  margin-right: -33.33333%;
+}
+
+.-my-2\/3 {
+  margin-top: -66.66667%;
+  margin-bottom: -66.66667%;
+}
+
+.-mx-2\/3 {
+  margin-left: -66.66667%;
+  margin-right: -66.66667%;
+}
+
+.-my-1\/4 {
+  margin-top: -25%;
+  margin-bottom: -25%;
+}
+
+.-mx-1\/4 {
+  margin-left: -25%;
+  margin-right: -25%;
+}
+
+.-my-2\/4 {
+  margin-top: -50%;
+  margin-bottom: -50%;
+}
+
+.-mx-2\/4 {
+  margin-left: -50%;
+  margin-right: -50%;
+}
+
+.-my-3\/4 {
+  margin-top: -75%;
+  margin-bottom: -75%;
+}
+
+.-mx-3\/4 {
+  margin-left: -75%;
+  margin-right: -75%;
+}
+
+.-my-1\/5 {
+  margin-top: -20%;
+  margin-bottom: -20%;
+}
+
+.-mx-1\/5 {
+  margin-left: -20%;
+  margin-right: -20%;
+}
+
+.-my-2\/5 {
+  margin-top: -40%;
+  margin-bottom: -40%;
+}
+
+.-mx-2\/5 {
+  margin-left: -40%;
+  margin-right: -40%;
+}
+
+.-my-3\/5 {
+  margin-top: -60%;
+  margin-bottom: -60%;
+}
+
+.-mx-3\/5 {
+  margin-left: -60%;
+  margin-right: -60%;
+}
+
+.-my-4\/5 {
+  margin-top: -80%;
+  margin-bottom: -80%;
+}
+
+.-mx-4\/5 {
+  margin-left: -80%;
+  margin-right: -80%;
+}
+
+.-my-1\/6 {
+  margin-top: -16.66667%;
+  margin-bottom: -16.66667%;
+}
+
+.-mx-1\/6 {
+  margin-left: -16.66667%;
+  margin-right: -16.66667%;
+}
+
+.-my-2\/6 {
+  margin-top: -33.33333%;
+  margin-bottom: -33.33333%;
+}
+
+.-mx-2\/6 {
+  margin-left: -33.33333%;
+  margin-right: -33.33333%;
+}
+
+.-my-3\/6 {
+  margin-top: -50%;
+  margin-bottom: -50%;
+}
+
+.-mx-3\/6 {
+  margin-left: -50%;
+  margin-right: -50%;
+}
+
+.-my-4\/6 {
+  margin-top: -66.66667%;
+  margin-bottom: -66.66667%;
+}
+
+.-mx-4\/6 {
+  margin-left: -66.66667%;
+  margin-right: -66.66667%;
+}
+
+.-my-5\/6 {
+  margin-top: -83.33333%;
+  margin-bottom: -83.33333%;
+}
+
+.-mx-5\/6 {
+  margin-left: -83.33333%;
+  margin-right: -83.33333%;
+}
+
+.-my-1\/12 {
+  margin-top: -8.33333%;
+  margin-bottom: -8.33333%;
+}
+
+.-mx-1\/12 {
+  margin-left: -8.33333%;
+  margin-right: -8.33333%;
+}
+
+.-my-2\/12 {
+  margin-top: -16.66667%;
+  margin-bottom: -16.66667%;
+}
+
+.-mx-2\/12 {
+  margin-left: -16.66667%;
+  margin-right: -16.66667%;
+}
+
+.-my-3\/12 {
+  margin-top: -25%;
+  margin-bottom: -25%;
+}
+
+.-mx-3\/12 {
+  margin-left: -25%;
+  margin-right: -25%;
+}
+
+.-my-4\/12 {
+  margin-top: -33.33333%;
+  margin-bottom: -33.33333%;
+}
+
+.-mx-4\/12 {
+  margin-left: -33.33333%;
+  margin-right: -33.33333%;
+}
+
+.-my-5\/12 {
+  margin-top: -41.66667%;
+  margin-bottom: -41.66667%;
+}
+
+.-mx-5\/12 {
+  margin-left: -41.66667%;
+  margin-right: -41.66667%;
+}
+
+.-my-6\/12 {
+  margin-top: -50%;
+  margin-bottom: -50%;
+}
+
+.-mx-6\/12 {
+  margin-left: -50%;
+  margin-right: -50%;
+}
+
+.-my-7\/12 {
+  margin-top: -58.33333%;
+  margin-bottom: -58.33333%;
+}
+
+.-mx-7\/12 {
+  margin-left: -58.33333%;
+  margin-right: -58.33333%;
+}
+
+.-my-8\/12 {
+  margin-top: -66.66667%;
+  margin-bottom: -66.66667%;
+}
+
+.-mx-8\/12 {
+  margin-left: -66.66667%;
+  margin-right: -66.66667%;
+}
+
+.-my-9\/12 {
+  margin-top: -75%;
+  margin-bottom: -75%;
+}
+
+.-mx-9\/12 {
+  margin-left: -75%;
+  margin-right: -75%;
+}
+
+.-my-10\/12 {
+  margin-top: -83.33333%;
+  margin-bottom: -83.33333%;
+}
+
+.-mx-10\/12 {
+  margin-left: -83.33333%;
+  margin-right: -83.33333%;
+}
+
+.-my-11\/12 {
+  margin-top: -91.66667%;
+  margin-bottom: -91.66667%;
+}
+
+.-mx-11\/12 {
+  margin-left: -91.66667%;
+  margin-right: -91.66667%;
+}
+
+.-my-full {
+  margin-top: -100%;
+  margin-bottom: -100%;
+}
+
+.-mx-full {
+  margin-left: -100%;
+  margin-right: -100%;
+}
+
+.mt-0 {
+  margin-top: 0;
+}
+
+.mr-0 {
+  margin-right: 0;
+}
+
+.mb-0 {
+  margin-bottom: 0;
+}
+
+.ml-0 {
+  margin-left: 0;
+}
+
+.mt-1 {
+  margin-top: 0.25rem;
+}
+
+.mr-1 {
+  margin-right: 0.25rem;
+}
+
+.mb-1 {
+  margin-bottom: 0.25rem;
+}
+
+.ml-1 {
+  margin-left: 0.25rem;
+}
+
+.mt-2 {
+  margin-top: 0.5rem;
+}
+
+.mr-2 {
+  margin-right: 0.5rem;
+}
+
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
+
+.ml-2 {
+  margin-left: 0.5rem;
+}
+
+.mt-3 {
+  margin-top: 0.75rem;
+}
+
+.mr-3 {
+  margin-right: 0.75rem;
+}
+
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
+
+.ml-3 {
+  margin-left: 0.75rem;
+}
+
+.mt-4 {
+  margin-top: 1rem;
+}
+
+.mr-4 {
+  margin-right: 1rem;
+}
+
+.mb-4 {
+  margin-bottom: 1rem;
+}
+
+.ml-4 {
+  margin-left: 1rem;
+}
+
+.mt-5 {
+  margin-top: 1.25rem;
+}
+
+.mr-5 {
+  margin-right: 1.25rem;
+}
+
+.mb-5 {
+  margin-bottom: 1.25rem;
+}
+
+.ml-5 {
+  margin-left: 1.25rem;
+}
+
+.mt-6 {
+  margin-top: 1.5rem;
+}
+
+.mr-6 {
+  margin-right: 1.5rem;
+}
+
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
+
+.ml-6 {
+  margin-left: 1.5rem;
+}
+
+.mt-7 {
+  margin-top: 1.75rem;
+}
+
+.mr-7 {
+  margin-right: 1.75rem;
+}
+
+.mb-7 {
+  margin-bottom: 1.75rem;
+}
+
+.ml-7 {
+  margin-left: 1.75rem;
+}
+
+.mt-8 {
+  margin-top: 2rem;
+}
+
+.mr-8 {
+  margin-right: 2rem;
+}
+
+.mb-8 {
+  margin-bottom: 2rem;
+}
+
+.ml-8 {
+  margin-left: 2rem;
+}
+
+.mt-9 {
+  margin-top: 2.25rem;
+}
+
+.mr-9 {
+  margin-right: 2.25rem;
+}
+
+.mb-9 {
+  margin-bottom: 2.25rem;
+}
+
+.ml-9 {
+  margin-left: 2.25rem;
+}
+
+.mt-10 {
+  margin-top: 2.5rem;
+}
+
+.mr-10 {
+  margin-right: 2.5rem;
+}
+
+.mb-10 {
+  margin-bottom: 2.5rem;
+}
+
+.ml-10 {
+  margin-left: 2.5rem;
+}
+
+.mt-11 {
+  margin-top: 2.75rem;
+}
+
+.mr-11 {
+  margin-right: 2.75rem;
+}
+
+.mb-11 {
+  margin-bottom: 2.75rem;
+}
+
+.ml-11 {
+  margin-left: 2.75rem;
+}
+
+.mt-12 {
+  margin-top: 3rem;
+}
+
+.mr-12 {
+  margin-right: 3rem;
+}
+
+.mb-12 {
+  margin-bottom: 3rem;
+}
+
+.ml-12 {
+  margin-left: 3rem;
+}
+
+.mt-13 {
+  margin-top: 3.25rem;
+}
+
+.mr-13 {
+  margin-right: 3.25rem;
+}
+
+.mb-13 {
+  margin-bottom: 3.25rem;
+}
+
+.ml-13 {
+  margin-left: 3.25rem;
+}
+
+.mt-14 {
+  margin-top: 3.5rem;
+}
+
+.mr-14 {
+  margin-right: 3.5rem;
+}
+
+.mb-14 {
+  margin-bottom: 3.5rem;
+}
+
+.ml-14 {
+  margin-left: 3.5rem;
+}
+
+.mt-15 {
+  margin-top: 3.75rem;
+}
+
+.mr-15 {
+  margin-right: 3.75rem;
+}
+
+.mb-15 {
+  margin-bottom: 3.75rem;
+}
+
+.ml-15 {
+  margin-left: 3.75rem;
+}
+
+.mt-16 {
+  margin-top: 4rem;
+}
+
+.mr-16 {
+  margin-right: 4rem;
+}
+
+.mb-16 {
+  margin-bottom: 4rem;
+}
+
+.ml-16 {
+  margin-left: 4rem;
+}
+
+.mt-20 {
+  margin-top: 5rem;
+}
+
+.mr-20 {
+  margin-right: 5rem;
+}
+
+.mb-20 {
+  margin-bottom: 5rem;
+}
+
+.ml-20 {
+  margin-left: 5rem;
+}
+
+.mt-24 {
+  margin-top: 6rem;
+}
+
+.mr-24 {
+  margin-right: 6rem;
+}
+
+.mb-24 {
+  margin-bottom: 6rem;
+}
+
+.ml-24 {
+  margin-left: 6rem;
+}
+
+.mt-28 {
+  margin-top: 7rem;
+}
+
+.mr-28 {
+  margin-right: 7rem;
+}
+
+.mb-28 {
+  margin-bottom: 7rem;
+}
+
+.ml-28 {
+  margin-left: 7rem;
+}
+
+.mt-32 {
+  margin-top: 8rem;
+}
+
+.mr-32 {
+  margin-right: 8rem;
+}
+
+.mb-32 {
+  margin-bottom: 8rem;
+}
+
+.ml-32 {
+  margin-left: 8rem;
+}
+
+.mt-36 {
+  margin-top: 9rem;
+}
+
+.mr-36 {
+  margin-right: 9rem;
+}
+
+.mb-36 {
+  margin-bottom: 9rem;
+}
+
+.ml-36 {
+  margin-left: 9rem;
+}
+
+.mt-40 {
+  margin-top: 10rem;
+}
+
+.mr-40 {
+  margin-right: 10rem;
+}
+
+.mb-40 {
+  margin-bottom: 10rem;
+}
+
+.ml-40 {
+  margin-left: 10rem;
+}
+
+.mt-48 {
+  margin-top: 12rem;
+}
+
+.mr-48 {
+  margin-right: 12rem;
+}
+
+.mb-48 {
+  margin-bottom: 12rem;
+}
+
+.ml-48 {
+  margin-left: 12rem;
+}
+
+.mt-56 {
+  margin-top: 14rem;
+}
+
+.mr-56 {
+  margin-right: 14rem;
+}
+
+.mb-56 {
+  margin-bottom: 14rem;
+}
+
+.ml-56 {
+  margin-left: 14rem;
+}
+
+.mt-60 {
+  margin-top: 15rem;
+}
+
+.mr-60 {
+  margin-right: 15rem;
+}
+
+.mb-60 {
+  margin-bottom: 15rem;
+}
+
+.ml-60 {
+  margin-left: 15rem;
+}
+
+.mt-64 {
+  margin-top: 16rem;
+}
+
+.mr-64 {
+  margin-right: 16rem;
+}
+
+.mb-64 {
+  margin-bottom: 16rem;
+}
+
+.ml-64 {
+  margin-left: 16rem;
+}
+
+.mt-72 {
+  margin-top: 18rem;
+}
+
+.mr-72 {
+  margin-right: 18rem;
+}
+
+.mb-72 {
+  margin-bottom: 18rem;
+}
+
+.ml-72 {
+  margin-left: 18rem;
+}
+
+.mt-80 {
+  margin-top: 20rem;
+}
+
+.mr-80 {
+  margin-right: 20rem;
+}
+
+.mb-80 {
+  margin-bottom: 20rem;
+}
+
+.ml-80 {
+  margin-left: 20rem;
+}
+
+.mt-96 {
+  margin-top: 24rem;
+}
+
+.mr-96 {
+  margin-right: 24rem;
+}
+
+.mb-96 {
+  margin-bottom: 24rem;
+}
+
+.ml-96 {
+  margin-left: 24rem;
+}
+
+.mt-auto {
+  margin-top: auto;
+}
+
+.mr-auto {
+  margin-right: auto;
+}
+
+.mb-auto {
+  margin-bottom: auto;
+}
+
+.ml-auto {
+  margin-left: auto;
+}
+
+.mt-px {
+  margin-top: 1px;
+}
+
+.mr-px {
+  margin-right: 1px;
+}
+
+.mb-px {
+  margin-bottom: 1px;
+}
+
+.ml-px {
+  margin-left: 1px;
+}
+
+.mt-0\.5 {
+  margin-top: 0.125rem;
+}
+
+.mr-0\.5 {
+  margin-right: 0.125rem;
+}
+
+.mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
+
+.ml-0\.5 {
+  margin-left: 0.125rem;
+}
+
+.mt-1\.5 {
+  margin-top: 0.375rem;
+}
+
+.mr-1\.5 {
+  margin-right: 0.375rem;
+}
+
+.mb-1\.5 {
+  margin-bottom: 0.375rem;
+}
+
+.ml-1\.5 {
+  margin-left: 0.375rem;
+}
+
+.mt-2\.5 {
+  margin-top: 0.625rem;
+}
+
+.mr-2\.5 {
+  margin-right: 0.625rem;
+}
+
+.mb-2\.5 {
+  margin-bottom: 0.625rem;
+}
+
+.ml-2\.5 {
+  margin-left: 0.625rem;
+}
+
+.mt-3\.5 {
+  margin-top: 0.875rem;
+}
+
+.mr-3\.5 {
+  margin-right: 0.875rem;
+}
+
+.mb-3\.5 {
+  margin-bottom: 0.875rem;
+}
+
+.ml-3\.5 {
+  margin-left: 0.875rem;
+}
+
+.mt-1\/2 {
+  margin-top: 50%;
+}
+
+.mr-1\/2 {
+  margin-right: 50%;
+}
+
+.mb-1\/2 {
+  margin-bottom: 50%;
+}
+
+.ml-1\/2 {
+  margin-left: 50%;
+}
+
+.mt-1\/3 {
+  margin-top: 33.333333%;
+}
+
+.mr-1\/3 {
+  margin-right: 33.333333%;
+}
+
+.mb-1\/3 {
+  margin-bottom: 33.333333%;
+}
+
+.ml-1\/3 {
+  margin-left: 33.333333%;
+}
+
+.mt-2\/3 {
+  margin-top: 66.666667%;
+}
+
+.mr-2\/3 {
+  margin-right: 66.666667%;
+}
+
+.mb-2\/3 {
+  margin-bottom: 66.666667%;
+}
+
+.ml-2\/3 {
+  margin-left: 66.666667%;
+}
+
+.mt-1\/4 {
+  margin-top: 25%;
+}
+
+.mr-1\/4 {
+  margin-right: 25%;
+}
+
+.mb-1\/4 {
+  margin-bottom: 25%;
+}
+
+.ml-1\/4 {
+  margin-left: 25%;
+}
+
+.mt-2\/4 {
+  margin-top: 50%;
+}
+
+.mr-2\/4 {
+  margin-right: 50%;
+}
+
+.mb-2\/4 {
+  margin-bottom: 50%;
+}
+
+.ml-2\/4 {
+  margin-left: 50%;
+}
+
+.mt-3\/4 {
+  margin-top: 75%;
+}
+
+.mr-3\/4 {
+  margin-right: 75%;
+}
+
+.mb-3\/4 {
+  margin-bottom: 75%;
+}
+
+.ml-3\/4 {
+  margin-left: 75%;
+}
+
+.mt-1\/5 {
+  margin-top: 20%;
+}
+
+.mr-1\/5 {
+  margin-right: 20%;
+}
+
+.mb-1\/5 {
+  margin-bottom: 20%;
+}
+
+.ml-1\/5 {
+  margin-left: 20%;
+}
+
+.mt-2\/5 {
+  margin-top: 40%;
+}
+
+.mr-2\/5 {
+  margin-right: 40%;
+}
+
+.mb-2\/5 {
+  margin-bottom: 40%;
+}
+
+.ml-2\/5 {
+  margin-left: 40%;
+}
+
+.mt-3\/5 {
+  margin-top: 60%;
+}
+
+.mr-3\/5 {
+  margin-right: 60%;
+}
+
+.mb-3\/5 {
+  margin-bottom: 60%;
+}
+
+.ml-3\/5 {
+  margin-left: 60%;
+}
+
+.mt-4\/5 {
+  margin-top: 80%;
+}
+
+.mr-4\/5 {
+  margin-right: 80%;
+}
+
+.mb-4\/5 {
+  margin-bottom: 80%;
+}
+
+.ml-4\/5 {
+  margin-left: 80%;
+}
+
+.mt-1\/6 {
+  margin-top: 16.666667%;
+}
+
+.mr-1\/6 {
+  margin-right: 16.666667%;
+}
+
+.mb-1\/6 {
+  margin-bottom: 16.666667%;
+}
+
+.ml-1\/6 {
+  margin-left: 16.666667%;
+}
+
+.mt-2\/6 {
+  margin-top: 33.333333%;
+}
+
+.mr-2\/6 {
+  margin-right: 33.333333%;
+}
+
+.mb-2\/6 {
+  margin-bottom: 33.333333%;
+}
+
+.ml-2\/6 {
+  margin-left: 33.333333%;
+}
+
+.mt-3\/6 {
+  margin-top: 50%;
+}
+
+.mr-3\/6 {
+  margin-right: 50%;
+}
+
+.mb-3\/6 {
+  margin-bottom: 50%;
+}
+
+.ml-3\/6 {
+  margin-left: 50%;
+}
+
+.mt-4\/6 {
+  margin-top: 66.666667%;
+}
+
+.mr-4\/6 {
+  margin-right: 66.666667%;
+}
+
+.mb-4\/6 {
+  margin-bottom: 66.666667%;
+}
+
+.ml-4\/6 {
+  margin-left: 66.666667%;
+}
+
+.mt-5\/6 {
+  margin-top: 83.333333%;
+}
+
+.mr-5\/6 {
+  margin-right: 83.333333%;
+}
+
+.mb-5\/6 {
+  margin-bottom: 83.333333%;
+}
+
+.ml-5\/6 {
+  margin-left: 83.333333%;
+}
+
+.mt-1\/12 {
+  margin-top: 8.333333%;
+}
+
+.mr-1\/12 {
+  margin-right: 8.333333%;
+}
+
+.mb-1\/12 {
+  margin-bottom: 8.333333%;
+}
+
+.ml-1\/12 {
+  margin-left: 8.333333%;
+}
+
+.mt-2\/12 {
+  margin-top: 16.666667%;
+}
+
+.mr-2\/12 {
+  margin-right: 16.666667%;
+}
+
+.mb-2\/12 {
+  margin-bottom: 16.666667%;
+}
+
+.ml-2\/12 {
+  margin-left: 16.666667%;
+}
+
+.mt-3\/12 {
+  margin-top: 25%;
+}
+
+.mr-3\/12 {
+  margin-right: 25%;
+}
+
+.mb-3\/12 {
+  margin-bottom: 25%;
+}
+
+.ml-3\/12 {
+  margin-left: 25%;
+}
+
+.mt-4\/12 {
+  margin-top: 33.333333%;
+}
+
+.mr-4\/12 {
+  margin-right: 33.333333%;
+}
+
+.mb-4\/12 {
+  margin-bottom: 33.333333%;
+}
+
+.ml-4\/12 {
+  margin-left: 33.333333%;
+}
+
+.mt-5\/12 {
+  margin-top: 41.666667%;
+}
+
+.mr-5\/12 {
+  margin-right: 41.666667%;
+}
+
+.mb-5\/12 {
+  margin-bottom: 41.666667%;
+}
+
+.ml-5\/12 {
+  margin-left: 41.666667%;
+}
+
+.mt-6\/12 {
+  margin-top: 50%;
+}
+
+.mr-6\/12 {
+  margin-right: 50%;
+}
+
+.mb-6\/12 {
+  margin-bottom: 50%;
+}
+
+.ml-6\/12 {
+  margin-left: 50%;
+}
+
+.mt-7\/12 {
+  margin-top: 58.333333%;
+}
+
+.mr-7\/12 {
+  margin-right: 58.333333%;
+}
+
+.mb-7\/12 {
+  margin-bottom: 58.333333%;
+}
+
+.ml-7\/12 {
+  margin-left: 58.333333%;
+}
+
+.mt-8\/12 {
+  margin-top: 66.666667%;
+}
+
+.mr-8\/12 {
+  margin-right: 66.666667%;
+}
+
+.mb-8\/12 {
+  margin-bottom: 66.666667%;
+}
+
+.ml-8\/12 {
+  margin-left: 66.666667%;
+}
+
+.mt-9\/12 {
+  margin-top: 75%;
+}
+
+.mr-9\/12 {
+  margin-right: 75%;
+}
+
+.mb-9\/12 {
+  margin-bottom: 75%;
+}
+
+.ml-9\/12 {
+  margin-left: 75%;
+}
+
+.mt-10\/12 {
+  margin-top: 83.333333%;
+}
+
+.mr-10\/12 {
+  margin-right: 83.333333%;
+}
+
+.mb-10\/12 {
+  margin-bottom: 83.333333%;
+}
+
+.ml-10\/12 {
+  margin-left: 83.333333%;
+}
+
+.mt-11\/12 {
+  margin-top: 91.666667%;
+}
+
+.mr-11\/12 {
+  margin-right: 91.666667%;
+}
+
+.mb-11\/12 {
+  margin-bottom: 91.666667%;
+}
+
+.ml-11\/12 {
+  margin-left: 91.666667%;
+}
+
+.mt-full {
+  margin-top: 100%;
+}
+
+.mr-full {
+  margin-right: 100%;
+}
+
+.mb-full {
+  margin-bottom: 100%;
+}
+
+.ml-full {
+  margin-left: 100%;
+}
+
+.-mt-1 {
+  margin-top: -0.25rem;
+}
+
+.-mr-1 {
+  margin-right: -0.25rem;
+}
+
+.-mb-1 {
+  margin-bottom: -0.25rem;
+}
+
+.-ml-1 {
+  margin-left: -0.25rem;
+}
+
+.-mt-2 {
+  margin-top: -0.5rem;
+}
+
+.-mr-2 {
+  margin-right: -0.5rem;
+}
+
+.-mb-2 {
+  margin-bottom: -0.5rem;
+}
+
+.-ml-2 {
+  margin-left: -0.5rem;
+}
+
+.-mt-3 {
+  margin-top: -0.75rem;
+}
+
+.-mr-3 {
+  margin-right: -0.75rem;
+}
+
+.-mb-3 {
+  margin-bottom: -0.75rem;
+}
+
+.-ml-3 {
+  margin-left: -0.75rem;
+}
+
+.-mt-4 {
+  margin-top: -1rem;
+}
+
+.-mr-4 {
+  margin-right: -1rem;
+}
+
+.-mb-4 {
+  margin-bottom: -1rem;
+}
+
+.-ml-4 {
+  margin-left: -1rem;
+}
+
+.-mt-5 {
+  margin-top: -1.25rem;
+}
+
+.-mr-5 {
+  margin-right: -1.25rem;
+}
+
+.-mb-5 {
+  margin-bottom: -1.25rem;
+}
+
+.-ml-5 {
+  margin-left: -1.25rem;
+}
+
+.-mt-6 {
+  margin-top: -1.5rem;
+}
+
+.-mr-6 {
+  margin-right: -1.5rem;
+}
+
+.-mb-6 {
+  margin-bottom: -1.5rem;
+}
+
+.-ml-6 {
+  margin-left: -1.5rem;
+}
+
+.-mt-7 {
+  margin-top: -1.75rem;
+}
+
+.-mr-7 {
+  margin-right: -1.75rem;
+}
+
+.-mb-7 {
+  margin-bottom: -1.75rem;
+}
+
+.-ml-7 {
+  margin-left: -1.75rem;
+}
+
+.-mt-8 {
+  margin-top: -2rem;
+}
+
+.-mr-8 {
+  margin-right: -2rem;
+}
+
+.-mb-8 {
+  margin-bottom: -2rem;
+}
+
+.-ml-8 {
+  margin-left: -2rem;
+}
+
+.-mt-9 {
+  margin-top: -2.25rem;
+}
+
+.-mr-9 {
+  margin-right: -2.25rem;
+}
+
+.-mb-9 {
+  margin-bottom: -2.25rem;
+}
+
+.-ml-9 {
+  margin-left: -2.25rem;
+}
+
+.-mt-10 {
+  margin-top: -2.5rem;
+}
+
+.-mr-10 {
+  margin-right: -2.5rem;
+}
+
+.-mb-10 {
+  margin-bottom: -2.5rem;
+}
+
+.-ml-10 {
+  margin-left: -2.5rem;
+}
+
+.-mt-11 {
+  margin-top: -2.75rem;
+}
+
+.-mr-11 {
+  margin-right: -2.75rem;
+}
+
+.-mb-11 {
+  margin-bottom: -2.75rem;
+}
+
+.-ml-11 {
+  margin-left: -2.75rem;
+}
+
+.-mt-12 {
+  margin-top: -3rem;
+}
+
+.-mr-12 {
+  margin-right: -3rem;
+}
+
+.-mb-12 {
+  margin-bottom: -3rem;
+}
+
+.-ml-12 {
+  margin-left: -3rem;
+}
+
+.-mt-13 {
+  margin-top: -3.25rem;
+}
+
+.-mr-13 {
+  margin-right: -3.25rem;
+}
+
+.-mb-13 {
+  margin-bottom: -3.25rem;
+}
+
+.-ml-13 {
+  margin-left: -3.25rem;
+}
+
+.-mt-14 {
+  margin-top: -3.5rem;
+}
+
+.-mr-14 {
+  margin-right: -3.5rem;
+}
+
+.-mb-14 {
+  margin-bottom: -3.5rem;
+}
+
+.-ml-14 {
+  margin-left: -3.5rem;
+}
+
+.-mt-15 {
+  margin-top: -3.75rem;
+}
+
+.-mr-15 {
+  margin-right: -3.75rem;
+}
+
+.-mb-15 {
+  margin-bottom: -3.75rem;
+}
+
+.-ml-15 {
+  margin-left: -3.75rem;
+}
+
+.-mt-16 {
+  margin-top: -4rem;
+}
+
+.-mr-16 {
+  margin-right: -4rem;
+}
+
+.-mb-16 {
+  margin-bottom: -4rem;
+}
+
+.-ml-16 {
+  margin-left: -4rem;
+}
+
+.-mt-20 {
+  margin-top: -5rem;
+}
+
+.-mr-20 {
+  margin-right: -5rem;
+}
+
+.-mb-20 {
+  margin-bottom: -5rem;
+}
+
+.-ml-20 {
+  margin-left: -5rem;
+}
+
+.-mt-24 {
+  margin-top: -6rem;
+}
+
+.-mr-24 {
+  margin-right: -6rem;
+}
+
+.-mb-24 {
+  margin-bottom: -6rem;
+}
+
+.-ml-24 {
+  margin-left: -6rem;
+}
+
+.-mt-28 {
+  margin-top: -7rem;
+}
+
+.-mr-28 {
+  margin-right: -7rem;
+}
+
+.-mb-28 {
+  margin-bottom: -7rem;
+}
+
+.-ml-28 {
+  margin-left: -7rem;
+}
+
+.-mt-32 {
+  margin-top: -8rem;
+}
+
+.-mr-32 {
+  margin-right: -8rem;
+}
+
+.-mb-32 {
+  margin-bottom: -8rem;
+}
+
+.-ml-32 {
+  margin-left: -8rem;
+}
+
+.-mt-36 {
+  margin-top: -9rem;
+}
+
+.-mr-36 {
+  margin-right: -9rem;
+}
+
+.-mb-36 {
+  margin-bottom: -9rem;
+}
+
+.-ml-36 {
+  margin-left: -9rem;
+}
+
+.-mt-40 {
+  margin-top: -10rem;
+}
+
+.-mr-40 {
+  margin-right: -10rem;
+}
+
+.-mb-40 {
+  margin-bottom: -10rem;
+}
+
+.-ml-40 {
+  margin-left: -10rem;
+}
+
+.-mt-48 {
+  margin-top: -12rem;
+}
+
+.-mr-48 {
+  margin-right: -12rem;
+}
+
+.-mb-48 {
+  margin-bottom: -12rem;
+}
+
+.-ml-48 {
+  margin-left: -12rem;
+}
+
+.-mt-56 {
+  margin-top: -14rem;
+}
+
+.-mr-56 {
+  margin-right: -14rem;
+}
+
+.-mb-56 {
+  margin-bottom: -14rem;
+}
+
+.-ml-56 {
+  margin-left: -14rem;
+}
+
+.-mt-60 {
+  margin-top: -15rem;
+}
+
+.-mr-60 {
+  margin-right: -15rem;
+}
+
+.-mb-60 {
+  margin-bottom: -15rem;
+}
+
+.-ml-60 {
+  margin-left: -15rem;
+}
+
+.-mt-64 {
+  margin-top: -16rem;
+}
+
+.-mr-64 {
+  margin-right: -16rem;
+}
+
+.-mb-64 {
+  margin-bottom: -16rem;
+}
+
+.-ml-64 {
+  margin-left: -16rem;
+}
+
+.-mt-72 {
+  margin-top: -18rem;
+}
+
+.-mr-72 {
+  margin-right: -18rem;
+}
+
+.-mb-72 {
+  margin-bottom: -18rem;
+}
+
+.-ml-72 {
+  margin-left: -18rem;
+}
+
+.-mt-80 {
+  margin-top: -20rem;
+}
+
+.-mr-80 {
+  margin-right: -20rem;
+}
+
+.-mb-80 {
+  margin-bottom: -20rem;
+}
+
+.-ml-80 {
+  margin-left: -20rem;
+}
+
+.-mt-96 {
+  margin-top: -24rem;
+}
+
+.-mr-96 {
+  margin-right: -24rem;
+}
+
+.-mb-96 {
+  margin-bottom: -24rem;
+}
+
+.-ml-96 {
+  margin-left: -24rem;
+}
+
+.-mt-px {
+  margin-top: -1px;
+}
+
+.-mr-px {
+  margin-right: -1px;
+}
+
+.-mb-px {
+  margin-bottom: -1px;
+}
+
+.-ml-px {
+  margin-left: -1px;
+}
+
+.-mt-0\.5 {
+  margin-top: -0.125rem;
+}
+
+.-mr-0\.5 {
+  margin-right: -0.125rem;
+}
+
+.-mb-0\.5 {
+  margin-bottom: -0.125rem;
+}
+
+.-ml-0\.5 {
+  margin-left: -0.125rem;
+}
+
+.-mt-1\.5 {
+  margin-top: -0.375rem;
+}
+
+.-mr-1\.5 {
+  margin-right: -0.375rem;
+}
+
+.-mb-1\.5 {
+  margin-bottom: -0.375rem;
+}
+
+.-ml-1\.5 {
+  margin-left: -0.375rem;
+}
+
+.-mt-2\.5 {
+  margin-top: -0.625rem;
+}
+
+.-mr-2\.5 {
+  margin-right: -0.625rem;
+}
+
+.-mb-2\.5 {
+  margin-bottom: -0.625rem;
+}
+
+.-ml-2\.5 {
+  margin-left: -0.625rem;
+}
+
+.-mt-3\.5 {
+  margin-top: -0.875rem;
+}
+
+.-mr-3\.5 {
+  margin-right: -0.875rem;
+}
+
+.-mb-3\.5 {
+  margin-bottom: -0.875rem;
+}
+
+.-ml-3\.5 {
+  margin-left: -0.875rem;
+}
+
+.-mt-1\/2 {
+  margin-top: -50%;
+}
+
+.-mr-1\/2 {
+  margin-right: -50%;
+}
+
+.-mb-1\/2 {
+  margin-bottom: -50%;
+}
+
+.-ml-1\/2 {
+  margin-left: -50%;
+}
+
+.-mt-1\/3 {
+  margin-top: -33.33333%;
+}
+
+.-mr-1\/3 {
+  margin-right: -33.33333%;
+}
+
+.-mb-1\/3 {
+  margin-bottom: -33.33333%;
+}
+
+.-ml-1\/3 {
+  margin-left: -33.33333%;
+}
+
+.-mt-2\/3 {
+  margin-top: -66.66667%;
+}
+
+.-mr-2\/3 {
+  margin-right: -66.66667%;
+}
+
+.-mb-2\/3 {
+  margin-bottom: -66.66667%;
+}
+
+.-ml-2\/3 {
+  margin-left: -66.66667%;
+}
+
+.-mt-1\/4 {
+  margin-top: -25%;
+}
+
+.-mr-1\/4 {
+  margin-right: -25%;
+}
+
+.-mb-1\/4 {
+  margin-bottom: -25%;
+}
+
+.-ml-1\/4 {
+  margin-left: -25%;
+}
+
+.-mt-2\/4 {
+  margin-top: -50%;
+}
+
+.-mr-2\/4 {
+  margin-right: -50%;
+}
+
+.-mb-2\/4 {
+  margin-bottom: -50%;
+}
+
+.-ml-2\/4 {
+  margin-left: -50%;
+}
+
+.-mt-3\/4 {
+  margin-top: -75%;
+}
+
+.-mr-3\/4 {
+  margin-right: -75%;
+}
+
+.-mb-3\/4 {
+  margin-bottom: -75%;
+}
+
+.-ml-3\/4 {
+  margin-left: -75%;
+}
+
+.-mt-1\/5 {
+  margin-top: -20%;
+}
+
+.-mr-1\/5 {
+  margin-right: -20%;
+}
+
+.-mb-1\/5 {
+  margin-bottom: -20%;
+}
+
+.-ml-1\/5 {
+  margin-left: -20%;
+}
+
+.-mt-2\/5 {
+  margin-top: -40%;
+}
+
+.-mr-2\/5 {
+  margin-right: -40%;
+}
+
+.-mb-2\/5 {
+  margin-bottom: -40%;
+}
+
+.-ml-2\/5 {
+  margin-left: -40%;
+}
+
+.-mt-3\/5 {
+  margin-top: -60%;
+}
+
+.-mr-3\/5 {
+  margin-right: -60%;
+}
+
+.-mb-3\/5 {
+  margin-bottom: -60%;
+}
+
+.-ml-3\/5 {
+  margin-left: -60%;
+}
+
+.-mt-4\/5 {
+  margin-top: -80%;
+}
+
+.-mr-4\/5 {
+  margin-right: -80%;
+}
+
+.-mb-4\/5 {
+  margin-bottom: -80%;
+}
+
+.-ml-4\/5 {
+  margin-left: -80%;
+}
+
+.-mt-1\/6 {
+  margin-top: -16.66667%;
+}
+
+.-mr-1\/6 {
+  margin-right: -16.66667%;
+}
+
+.-mb-1\/6 {
+  margin-bottom: -16.66667%;
+}
+
+.-ml-1\/6 {
+  margin-left: -16.66667%;
+}
+
+.-mt-2\/6 {
+  margin-top: -33.33333%;
+}
+
+.-mr-2\/6 {
+  margin-right: -33.33333%;
+}
+
+.-mb-2\/6 {
+  margin-bottom: -33.33333%;
+}
+
+.-ml-2\/6 {
+  margin-left: -33.33333%;
+}
+
+.-mt-3\/6 {
+  margin-top: -50%;
+}
+
+.-mr-3\/6 {
+  margin-right: -50%;
+}
+
+.-mb-3\/6 {
+  margin-bottom: -50%;
+}
+
+.-ml-3\/6 {
+  margin-left: -50%;
+}
+
+.-mt-4\/6 {
+  margin-top: -66.66667%;
+}
+
+.-mr-4\/6 {
+  margin-right: -66.66667%;
+}
+
+.-mb-4\/6 {
+  margin-bottom: -66.66667%;
+}
+
+.-ml-4\/6 {
+  margin-left: -66.66667%;
+}
+
+.-mt-5\/6 {
+  margin-top: -83.33333%;
+}
+
+.-mr-5\/6 {
+  margin-right: -83.33333%;
+}
+
+.-mb-5\/6 {
+  margin-bottom: -83.33333%;
+}
+
+.-ml-5\/6 {
+  margin-left: -83.33333%;
+}
+
+.-mt-1\/12 {
+  margin-top: -8.33333%;
+}
+
+.-mr-1\/12 {
+  margin-right: -8.33333%;
+}
+
+.-mb-1\/12 {
+  margin-bottom: -8.33333%;
+}
+
+.-ml-1\/12 {
+  margin-left: -8.33333%;
+}
+
+.-mt-2\/12 {
+  margin-top: -16.66667%;
+}
+
+.-mr-2\/12 {
+  margin-right: -16.66667%;
+}
+
+.-mb-2\/12 {
+  margin-bottom: -16.66667%;
+}
+
+.-ml-2\/12 {
+  margin-left: -16.66667%;
+}
+
+.-mt-3\/12 {
+  margin-top: -25%;
+}
+
+.-mr-3\/12 {
+  margin-right: -25%;
+}
+
+.-mb-3\/12 {
+  margin-bottom: -25%;
+}
+
+.-ml-3\/12 {
+  margin-left: -25%;
+}
+
+.-mt-4\/12 {
+  margin-top: -33.33333%;
+}
+
+.-mr-4\/12 {
+  margin-right: -33.33333%;
+}
+
+.-mb-4\/12 {
+  margin-bottom: -33.33333%;
+}
+
+.-ml-4\/12 {
+  margin-left: -33.33333%;
+}
+
+.-mt-5\/12 {
+  margin-top: -41.66667%;
+}
+
+.-mr-5\/12 {
+  margin-right: -41.66667%;
+}
+
+.-mb-5\/12 {
+  margin-bottom: -41.66667%;
+}
+
+.-ml-5\/12 {
+  margin-left: -41.66667%;
+}
+
+.-mt-6\/12 {
+  margin-top: -50%;
+}
+
+.-mr-6\/12 {
+  margin-right: -50%;
+}
+
+.-mb-6\/12 {
+  margin-bottom: -50%;
+}
+
+.-ml-6\/12 {
+  margin-left: -50%;
+}
+
+.-mt-7\/12 {
+  margin-top: -58.33333%;
+}
+
+.-mr-7\/12 {
+  margin-right: -58.33333%;
+}
+
+.-mb-7\/12 {
+  margin-bottom: -58.33333%;
+}
+
+.-ml-7\/12 {
+  margin-left: -58.33333%;
+}
+
+.-mt-8\/12 {
+  margin-top: -66.66667%;
+}
+
+.-mr-8\/12 {
+  margin-right: -66.66667%;
+}
+
+.-mb-8\/12 {
+  margin-bottom: -66.66667%;
+}
+
+.-ml-8\/12 {
+  margin-left: -66.66667%;
+}
+
+.-mt-9\/12 {
+  margin-top: -75%;
+}
+
+.-mr-9\/12 {
+  margin-right: -75%;
+}
+
+.-mb-9\/12 {
+  margin-bottom: -75%;
+}
+
+.-ml-9\/12 {
+  margin-left: -75%;
+}
+
+.-mt-10\/12 {
+  margin-top: -83.33333%;
+}
+
+.-mr-10\/12 {
+  margin-right: -83.33333%;
+}
+
+.-mb-10\/12 {
+  margin-bottom: -83.33333%;
+}
+
+.-ml-10\/12 {
+  margin-left: -83.33333%;
+}
+
+.-mt-11\/12 {
+  margin-top: -91.66667%;
+}
+
+.-mr-11\/12 {
+  margin-right: -91.66667%;
+}
+
+.-mb-11\/12 {
+  margin-bottom: -91.66667%;
+}
+
+.-ml-11\/12 {
+  margin-left: -91.66667%;
+}
+
+.-mt-full {
+  margin-top: -100%;
+}
+
+.-mr-full {
+  margin-right: -100%;
+}
+
+.-mb-full {
+  margin-bottom: -100%;
+}
+
+.-ml-full {
+  margin-left: -100%;
+}
+
+.max-h-0 {
+  max-height: 0;
+}
+
+.max-h-1 {
+  max-height: 0.25rem;
+}
+
+.max-h-2 {
+  max-height: 0.5rem;
+}
+
+.max-h-3 {
+  max-height: 0.75rem;
+}
+
+.max-h-4 {
+  max-height: 1rem;
+}
+
+.max-h-5 {
+  max-height: 1.25rem;
+}
+
+.max-h-6 {
+  max-height: 1.5rem;
+}
+
+.max-h-7 {
+  max-height: 1.75rem;
+}
+
+.max-h-8 {
+  max-height: 2rem;
+}
+
+.max-h-9 {
+  max-height: 2.25rem;
+}
+
+.max-h-10 {
+  max-height: 2.5rem;
+}
+
+.max-h-11 {
+  max-height: 2.75rem;
+}
+
+.max-h-12 {
+  max-height: 3rem;
+}
+
+.max-h-13 {
+  max-height: 3.25rem;
+}
+
+.max-h-14 {
+  max-height: 3.5rem;
+}
+
+.max-h-15 {
+  max-height: 3.75rem;
+}
+
+.max-h-16 {
+  max-height: 4rem;
+}
+
+.max-h-20 {
+  max-height: 5rem;
+}
+
+.max-h-24 {
+  max-height: 6rem;
+}
+
+.max-h-28 {
+  max-height: 7rem;
+}
+
+.max-h-32 {
+  max-height: 8rem;
+}
+
+.max-h-36 {
+  max-height: 9rem;
+}
+
+.max-h-40 {
+  max-height: 10rem;
+}
+
+.max-h-48 {
+  max-height: 12rem;
+}
+
+.max-h-56 {
+  max-height: 14rem;
+}
+
+.max-h-60 {
+  max-height: 15rem;
+}
+
+.max-h-64 {
+  max-height: 16rem;
+}
+
+.max-h-72 {
+  max-height: 18rem;
+}
+
+.max-h-80 {
+  max-height: 20rem;
+}
+
+.max-h-96 {
+  max-height: 24rem;
+}
+
+.max-h-screen {
+  max-height: 100vh;
+}
+
+.max-h-px {
+  max-height: 1px;
+}
+
+.max-h-0\.5 {
+  max-height: 0.125rem;
+}
+
+.max-h-1\.5 {
+  max-height: 0.375rem;
+}
+
+.max-h-2\.5 {
+  max-height: 0.625rem;
+}
+
+.max-h-3\.5 {
+  max-height: 0.875rem;
+}
+
+.max-h-1\/2 {
+  max-height: 50%;
+}
+
+.max-h-1\/3 {
+  max-height: 33.333333%;
+}
+
+.max-h-2\/3 {
+  max-height: 66.666667%;
+}
+
+.max-h-1\/4 {
+  max-height: 25%;
+}
+
+.max-h-2\/4 {
+  max-height: 50%;
+}
+
+.max-h-3\/4 {
+  max-height: 75%;
+}
+
+.max-h-1\/5 {
+  max-height: 20%;
+}
+
+.max-h-2\/5 {
+  max-height: 40%;
+}
+
+.max-h-3\/5 {
+  max-height: 60%;
+}
+
+.max-h-4\/5 {
+  max-height: 80%;
+}
+
+.max-h-1\/6 {
+  max-height: 16.666667%;
+}
+
+.max-h-2\/6 {
+  max-height: 33.333333%;
+}
+
+.max-h-3\/6 {
+  max-height: 50%;
+}
+
+.max-h-4\/6 {
+  max-height: 66.666667%;
+}
+
+.max-h-5\/6 {
+  max-height: 83.333333%;
+}
+
+.max-h-1\/12 {
+  max-height: 8.333333%;
+}
+
+.max-h-2\/12 {
+  max-height: 16.666667%;
+}
+
+.max-h-3\/12 {
+  max-height: 25%;
+}
+
+.max-h-4\/12 {
+  max-height: 33.333333%;
+}
+
+.max-h-5\/12 {
+  max-height: 41.666667%;
+}
+
+.max-h-6\/12 {
+  max-height: 50%;
+}
+
+.max-h-7\/12 {
+  max-height: 58.333333%;
+}
+
+.max-h-8\/12 {
+  max-height: 66.666667%;
+}
+
+.max-h-9\/12 {
+  max-height: 75%;
+}
+
+.max-h-10\/12 {
+  max-height: 83.333333%;
+}
+
+.max-h-11\/12 {
+  max-height: 91.666667%;
+}
+
+.max-h-full {
+  max-height: 100%;
+}
+
+.max-w-none {
+  max-width: none;
+}
+
+.max-w-xs {
+  max-width: 20rem;
+}
+
+.max-w-sm {
+  max-width: 24rem;
+}
+
+.max-w-md {
+  max-width: 28rem;
+}
+
+.max-w-lg {
+  max-width: 32rem;
+}
+
+.max-w-xl {
+  max-width: 36rem;
+}
+
+.max-w-2xl {
+  max-width: 42rem;
+}
+
+.max-w-3xl {
+  max-width: 48rem;
+}
+
+.max-w-4xl {
+  max-width: 56rem;
+}
+
+.max-w-5xl {
+  max-width: 64rem;
+}
+
+.max-w-6xl {
+  max-width: 72rem;
+}
+
+.max-w-7xl {
+  max-width: 80rem;
+}
+
+.max-w-full {
+  max-width: 100%;
+}
+
+.max-w-screen-sm {
+  max-width: 640px;
+}
+
+.max-w-screen-md {
+  max-width: 768px;
+}
+
+.max-w-screen-lg {
+  max-width: 1024px;
+}
+
+.max-w-screen-xl {
+  max-width: 1280px;
+}
+
+.min-h-0 {
+  min-height: 0;
+}
+
+.min-h-full {
+  min-height: 100%;
+}
+
+.min-h-screen {
+  min-height: 100vh;
+}
+
+.min-w-0 {
+  min-width: 0;
+}
+
+.min-w-full {
+  min-width: 100%;
+}
+
+.object-contain {
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+
+.object-cover {
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
+.object-fill {
+  -o-object-fit: fill;
+     object-fit: fill;
+}
+
+.object-none {
+  -o-object-fit: none;
+     object-fit: none;
+}
+
+.object-scale-down {
+  -o-object-fit: scale-down;
+     object-fit: scale-down;
+}
+
+.object-bottom {
+  -o-object-position: bottom;
+     object-position: bottom;
+}
+
+.object-center {
+  -o-object-position: center;
+     object-position: center;
+}
+
+.object-left {
+  -o-object-position: left;
+     object-position: left;
+}
+
+.object-left-bottom {
+  -o-object-position: left bottom;
+     object-position: left bottom;
+}
+
+.object-left-top {
+  -o-object-position: left top;
+     object-position: left top;
+}
+
+.object-right {
+  -o-object-position: right;
+     object-position: right;
+}
+
+.object-right-bottom {
+  -o-object-position: right bottom;
+     object-position: right bottom;
+}
+
+.object-right-top {
+  -o-object-position: right top;
+     object-position: right top;
+}
+
+.object-top {
+  -o-object-position: top;
+     object-position: top;
+}
+
+.opacity-0 {
+  opacity: 0;
+}
+
+.opacity-25 {
+  opacity: 0.25;
+}
+
+.opacity-50 {
+  opacity: 0.5;
+}
+
+.opacity-75 {
+  opacity: 0.75;
+}
+
+.opacity-100 {
+  opacity: 1;
+}
+
+.hover\:opacity-0:hover {
+  opacity: 0;
+}
+
+.hover\:opacity-25:hover {
+  opacity: 0.25;
+}
+
+.hover\:opacity-50:hover {
+  opacity: 0.5;
+}
+
+.hover\:opacity-75:hover {
+  opacity: 0.75;
+}
+
+.hover\:opacity-100:hover {
+  opacity: 1;
+}
+
+.focus\:opacity-0:focus {
+  opacity: 0;
+}
+
+.focus\:opacity-25:focus {
+  opacity: 0.25;
+}
+
+.focus\:opacity-50:focus {
+  opacity: 0.5;
+}
+
+.focus\:opacity-75:focus {
+  opacity: 0.75;
+}
+
+.focus\:opacity-100:focus {
+  opacity: 1;
+}
+
+.outline-none {
+  outline: 0;
+}
+
+.focus\:outline-none:focus {
+  outline: 0;
+}
+
+.overflow-auto {
+  overflow: auto;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+.overflow-visible {
+  overflow: visible;
+}
+
+.overflow-scroll {
+  overflow: scroll;
+}
+
+.overflow-x-auto {
+  overflow-x: auto;
+}
+
+.overflow-y-auto {
+  overflow-y: auto;
+}
+
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
+
+.overflow-y-hidden {
+  overflow-y: hidden;
+}
+
+.overflow-x-visible {
+  overflow-x: visible;
+}
+
+.overflow-y-visible {
+  overflow-y: visible;
+}
+
+.overflow-x-scroll {
+  overflow-x: scroll;
+}
+
+.overflow-y-scroll {
+  overflow-y: scroll;
+}
+
+.scrolling-touch {
+  -webkit-overflow-scrolling: touch;
+}
+
+.scrolling-auto {
+  -webkit-overflow-scrolling: auto;
+}
+
+.overscroll-auto {
+  -ms-scroll-chaining: chained;
+      overscroll-behavior: auto;
+}
+
+.overscroll-contain {
+  -ms-scroll-chaining: none;
+      overscroll-behavior: contain;
+}
+
+.overscroll-none {
+  -ms-scroll-chaining: none;
+      overscroll-behavior: none;
+}
+
+.overscroll-y-auto {
+  overscroll-behavior-y: auto;
+}
+
+.overscroll-y-contain {
+  overscroll-behavior-y: contain;
+}
+
+.overscroll-y-none {
+  overscroll-behavior-y: none;
+}
+
+.overscroll-x-auto {
+  overscroll-behavior-x: auto;
+}
+
+.overscroll-x-contain {
+  overscroll-behavior-x: contain;
+}
+
+.overscroll-x-none {
+  overscroll-behavior-x: none;
+}
+
+.p-0 {
+  padding: 0;
+}
+
+.p-1 {
+  padding: 0.25rem;
+}
+
+.p-2 {
+  padding: 0.5rem;
+}
+
+.p-3 {
+  padding: 0.75rem;
+}
+
+.p-4 {
+  padding: 1rem;
+}
+
+.p-5 {
+  padding: 1.25rem;
+}
+
+.p-6 {
+  padding: 1.5rem;
+}
+
+.p-7 {
+  padding: 1.75rem;
+}
+
+.p-8 {
+  padding: 2rem;
+}
+
+.p-9 {
+  padding: 2.25rem;
+}
+
+.p-10 {
+  padding: 2.5rem;
+}
+
+.p-11 {
+  padding: 2.75rem;
+}
+
+.p-12 {
+  padding: 3rem;
+}
+
+.p-13 {
+  padding: 3.25rem;
+}
+
+.p-14 {
+  padding: 3.5rem;
+}
+
+.p-15 {
+  padding: 3.75rem;
+}
+
+.p-16 {
+  padding: 4rem;
+}
+
+.p-20 {
+  padding: 5rem;
+}
+
+.p-24 {
+  padding: 6rem;
+}
+
+.p-28 {
+  padding: 7rem;
+}
+
+.p-32 {
+  padding: 8rem;
+}
+
+.p-36 {
+  padding: 9rem;
+}
+
+.p-40 {
+  padding: 10rem;
+}
+
+.p-48 {
+  padding: 12rem;
+}
+
+.p-56 {
+  padding: 14rem;
+}
+
+.p-60 {
+  padding: 15rem;
+}
+
+.p-64 {
+  padding: 16rem;
+}
+
+.p-72 {
+  padding: 18rem;
+}
+
+.p-80 {
+  padding: 20rem;
+}
+
+.p-96 {
+  padding: 24rem;
+}
+
+.p-px {
+  padding: 1px;
+}
+
+.p-0\.5 {
+  padding: 0.125rem;
+}
+
+.p-1\.5 {
+  padding: 0.375rem;
+}
+
+.p-2\.5 {
+  padding: 0.625rem;
+}
+
+.p-3\.5 {
+  padding: 0.875rem;
+}
+
+.p-1\/2 {
+  padding: 50%;
+}
+
+.p-1\/3 {
+  padding: 33.333333%;
+}
+
+.p-2\/3 {
+  padding: 66.666667%;
+}
+
+.p-1\/4 {
+  padding: 25%;
+}
+
+.p-2\/4 {
+  padding: 50%;
+}
+
+.p-3\/4 {
+  padding: 75%;
+}
+
+.p-1\/5 {
+  padding: 20%;
+}
+
+.p-2\/5 {
+  padding: 40%;
+}
+
+.p-3\/5 {
+  padding: 60%;
+}
+
+.p-4\/5 {
+  padding: 80%;
+}
+
+.p-1\/6 {
+  padding: 16.666667%;
+}
+
+.p-2\/6 {
+  padding: 33.333333%;
+}
+
+.p-3\/6 {
+  padding: 50%;
+}
+
+.p-4\/6 {
+  padding: 66.666667%;
+}
+
+.p-5\/6 {
+  padding: 83.333333%;
+}
+
+.p-1\/12 {
+  padding: 8.333333%;
+}
+
+.p-2\/12 {
+  padding: 16.666667%;
+}
+
+.p-3\/12 {
+  padding: 25%;
+}
+
+.p-4\/12 {
+  padding: 33.333333%;
+}
+
+.p-5\/12 {
+  padding: 41.666667%;
+}
+
+.p-6\/12 {
+  padding: 50%;
+}
+
+.p-7\/12 {
+  padding: 58.333333%;
+}
+
+.p-8\/12 {
+  padding: 66.666667%;
+}
+
+.p-9\/12 {
+  padding: 75%;
+}
+
+.p-10\/12 {
+  padding: 83.333333%;
+}
+
+.p-11\/12 {
+  padding: 91.666667%;
+}
+
+.p-full {
+  padding: 100%;
+}
+
+.py-0 {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.px-0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.py-5 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+
+.px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
+.py-7 {
+  padding-top: 1.75rem;
+  padding-bottom: 1.75rem;
+}
+
+.px-7 {
+  padding-left: 1.75rem;
+  padding-right: 1.75rem;
+}
+
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+
+.py-9 {
+  padding-top: 2.25rem;
+  padding-bottom: 2.25rem;
+}
+
+.px-9 {
+  padding-left: 2.25rem;
+  padding-right: 2.25rem;
+}
+
+.py-10 {
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
+
+.px-10 {
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
+
+.py-11 {
+  padding-top: 2.75rem;
+  padding-bottom: 2.75rem;
+}
+
+.px-11 {
+  padding-left: 2.75rem;
+  padding-right: 2.75rem;
+}
+
+.py-12 {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+}
+
+.px-12 {
+  padding-left: 3rem;
+  padding-right: 3rem;
+}
+
+.py-13 {
+  padding-top: 3.25rem;
+  padding-bottom: 3.25rem;
+}
+
+.px-13 {
+  padding-left: 3.25rem;
+  padding-right: 3.25rem;
+}
+
+.py-14 {
+  padding-top: 3.5rem;
+  padding-bottom: 3.5rem;
+}
+
+.px-14 {
+  padding-left: 3.5rem;
+  padding-right: 3.5rem;
+}
+
+.py-15 {
+  padding-top: 3.75rem;
+  padding-bottom: 3.75rem;
+}
+
+.px-15 {
+  padding-left: 3.75rem;
+  padding-right: 3.75rem;
+}
+
+.py-16 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+
+.px-16 {
+  padding-left: 4rem;
+  padding-right: 4rem;
+}
+
+.py-20 {
+  padding-top: 5rem;
+  padding-bottom: 5rem;
+}
+
+.px-20 {
+  padding-left: 5rem;
+  padding-right: 5rem;
+}
+
+.py-24 {
+  padding-top: 6rem;
+  padding-bottom: 6rem;
+}
+
+.px-24 {
+  padding-left: 6rem;
+  padding-right: 6rem;
+}
+
+.py-28 {
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+}
+
+.px-28 {
+  padding-left: 7rem;
+  padding-right: 7rem;
+}
+
+.py-32 {
+  padding-top: 8rem;
+  padding-bottom: 8rem;
+}
+
+.px-32 {
+  padding-left: 8rem;
+  padding-right: 8rem;
+}
+
+.py-36 {
+  padding-top: 9rem;
+  padding-bottom: 9rem;
+}
+
+.px-36 {
+  padding-left: 9rem;
+  padding-right: 9rem;
+}
+
+.py-40 {
+  padding-top: 10rem;
+  padding-bottom: 10rem;
+}
+
+.px-40 {
+  padding-left: 10rem;
+  padding-right: 10rem;
+}
+
+.py-48 {
+  padding-top: 12rem;
+  padding-bottom: 12rem;
+}
+
+.px-48 {
+  padding-left: 12rem;
+  padding-right: 12rem;
+}
+
+.py-56 {
+  padding-top: 14rem;
+  padding-bottom: 14rem;
+}
+
+.px-56 {
+  padding-left: 14rem;
+  padding-right: 14rem;
+}
+
+.py-60 {
+  padding-top: 15rem;
+  padding-bottom: 15rem;
+}
+
+.px-60 {
+  padding-left: 15rem;
+  padding-right: 15rem;
+}
+
+.py-64 {
+  padding-top: 16rem;
+  padding-bottom: 16rem;
+}
+
+.px-64 {
+  padding-left: 16rem;
+  padding-right: 16rem;
+}
+
+.py-72 {
+  padding-top: 18rem;
+  padding-bottom: 18rem;
+}
+
+.px-72 {
+  padding-left: 18rem;
+  padding-right: 18rem;
+}
+
+.py-80 {
+  padding-top: 20rem;
+  padding-bottom: 20rem;
+}
+
+.px-80 {
+  padding-left: 20rem;
+  padding-right: 20rem;
+}
+
+.py-96 {
+  padding-top: 24rem;
+  padding-bottom: 24rem;
+}
+
+.px-96 {
+  padding-left: 24rem;
+  padding-right: 24rem;
+}
+
+.py-px {
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+
+.px-px {
+  padding-left: 1px;
+  padding-right: 1px;
+}
+
+.py-0\.5 {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+
+.px-0\.5 {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+
+.py-1\.5 {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
+
+.px-1\.5 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
+
+.py-2\.5 {
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
+}
+
+.px-2\.5 {
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+}
+
+.py-3\.5 {
+  padding-top: 0.875rem;
+  padding-bottom: 0.875rem;
+}
+
+.px-3\.5 {
+  padding-left: 0.875rem;
+  padding-right: 0.875rem;
+}
+
+.py-1\/2 {
+  padding-top: 50%;
+  padding-bottom: 50%;
+}
+
+.px-1\/2 {
+  padding-left: 50%;
+  padding-right: 50%;
+}
+
+.py-1\/3 {
+  padding-top: 33.333333%;
+  padding-bottom: 33.333333%;
+}
+
+.px-1\/3 {
+  padding-left: 33.333333%;
+  padding-right: 33.333333%;
+}
+
+.py-2\/3 {
+  padding-top: 66.666667%;
+  padding-bottom: 66.666667%;
+}
+
+.px-2\/3 {
+  padding-left: 66.666667%;
+  padding-right: 66.666667%;
+}
+
+.py-1\/4 {
+  padding-top: 25%;
+  padding-bottom: 25%;
+}
+
+.px-1\/4 {
+  padding-left: 25%;
+  padding-right: 25%;
+}
+
+.py-2\/4 {
+  padding-top: 50%;
+  padding-bottom: 50%;
+}
+
+.px-2\/4 {
+  padding-left: 50%;
+  padding-right: 50%;
+}
+
+.py-3\/4 {
+  padding-top: 75%;
+  padding-bottom: 75%;
+}
+
+.px-3\/4 {
+  padding-left: 75%;
+  padding-right: 75%;
+}
+
+.py-1\/5 {
+  padding-top: 20%;
+  padding-bottom: 20%;
+}
+
+.px-1\/5 {
+  padding-left: 20%;
+  padding-right: 20%;
+}
+
+.py-2\/5 {
+  padding-top: 40%;
+  padding-bottom: 40%;
+}
+
+.px-2\/5 {
+  padding-left: 40%;
+  padding-right: 40%;
+}
+
+.py-3\/5 {
+  padding-top: 60%;
+  padding-bottom: 60%;
+}
+
+.px-3\/5 {
+  padding-left: 60%;
+  padding-right: 60%;
+}
+
+.py-4\/5 {
+  padding-top: 80%;
+  padding-bottom: 80%;
+}
+
+.px-4\/5 {
+  padding-left: 80%;
+  padding-right: 80%;
+}
+
+.py-1\/6 {
+  padding-top: 16.666667%;
+  padding-bottom: 16.666667%;
+}
+
+.px-1\/6 {
+  padding-left: 16.666667%;
+  padding-right: 16.666667%;
+}
+
+.py-2\/6 {
+  padding-top: 33.333333%;
+  padding-bottom: 33.333333%;
+}
+
+.px-2\/6 {
+  padding-left: 33.333333%;
+  padding-right: 33.333333%;
+}
+
+.py-3\/6 {
+  padding-top: 50%;
+  padding-bottom: 50%;
+}
+
+.px-3\/6 {
+  padding-left: 50%;
+  padding-right: 50%;
+}
+
+.py-4\/6 {
+  padding-top: 66.666667%;
+  padding-bottom: 66.666667%;
+}
+
+.px-4\/6 {
+  padding-left: 66.666667%;
+  padding-right: 66.666667%;
+}
+
+.py-5\/6 {
+  padding-top: 83.333333%;
+  padding-bottom: 83.333333%;
+}
+
+.px-5\/6 {
+  padding-left: 83.333333%;
+  padding-right: 83.333333%;
+}
+
+.py-1\/12 {
+  padding-top: 8.333333%;
+  padding-bottom: 8.333333%;
+}
+
+.px-1\/12 {
+  padding-left: 8.333333%;
+  padding-right: 8.333333%;
+}
+
+.py-2\/12 {
+  padding-top: 16.666667%;
+  padding-bottom: 16.666667%;
+}
+
+.px-2\/12 {
+  padding-left: 16.666667%;
+  padding-right: 16.666667%;
+}
+
+.py-3\/12 {
+  padding-top: 25%;
+  padding-bottom: 25%;
+}
+
+.px-3\/12 {
+  padding-left: 25%;
+  padding-right: 25%;
+}
+
+.py-4\/12 {
+  padding-top: 33.333333%;
+  padding-bottom: 33.333333%;
+}
+
+.px-4\/12 {
+  padding-left: 33.333333%;
+  padding-right: 33.333333%;
+}
+
+.py-5\/12 {
+  padding-top: 41.666667%;
+  padding-bottom: 41.666667%;
+}
+
+.px-5\/12 {
+  padding-left: 41.666667%;
+  padding-right: 41.666667%;
+}
+
+.py-6\/12 {
+  padding-top: 50%;
+  padding-bottom: 50%;
+}
+
+.px-6\/12 {
+  padding-left: 50%;
+  padding-right: 50%;
+}
+
+.py-7\/12 {
+  padding-top: 58.333333%;
+  padding-bottom: 58.333333%;
+}
+
+.px-7\/12 {
+  padding-left: 58.333333%;
+  padding-right: 58.333333%;
+}
+
+.py-8\/12 {
+  padding-top: 66.666667%;
+  padding-bottom: 66.666667%;
+}
+
+.px-8\/12 {
+  padding-left: 66.666667%;
+  padding-right: 66.666667%;
+}
+
+.py-9\/12 {
+  padding-top: 75%;
+  padding-bottom: 75%;
+}
+
+.px-9\/12 {
+  padding-left: 75%;
+  padding-right: 75%;
+}
+
+.py-10\/12 {
+  padding-top: 83.333333%;
+  padding-bottom: 83.333333%;
+}
+
+.px-10\/12 {
+  padding-left: 83.333333%;
+  padding-right: 83.333333%;
+}
+
+.py-11\/12 {
+  padding-top: 91.666667%;
+  padding-bottom: 91.666667%;
+}
+
+.px-11\/12 {
+  padding-left: 91.666667%;
+  padding-right: 91.666667%;
+}
+
+.py-full {
+  padding-top: 100%;
+  padding-bottom: 100%;
+}
+
+.px-full {
+  padding-left: 100%;
+  padding-right: 100%;
+}
+
+.pt-0 {
+  padding-top: 0;
+}
+
+.pr-0 {
+  padding-right: 0;
+}
+
+.pb-0 {
+  padding-bottom: 0;
+}
+
+.pl-0 {
+  padding-left: 0;
+}
+
+.pt-1 {
+  padding-top: 0.25rem;
+}
+
+.pr-1 {
+  padding-right: 0.25rem;
+}
+
+.pb-1 {
+  padding-bottom: 0.25rem;
+}
+
+.pl-1 {
+  padding-left: 0.25rem;
+}
+
+.pt-2 {
+  padding-top: 0.5rem;
+}
+
+.pr-2 {
+  padding-right: 0.5rem;
+}
+
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
+
+.pl-2 {
+  padding-left: 0.5rem;
+}
+
+.pt-3 {
+  padding-top: 0.75rem;
+}
+
+.pr-3 {
+  padding-right: 0.75rem;
+}
+
+.pb-3 {
+  padding-bottom: 0.75rem;
+}
+
+.pl-3 {
+  padding-left: 0.75rem;
+}
+
+.pt-4 {
+  padding-top: 1rem;
+}
+
+.pr-4 {
+  padding-right: 1rem;
+}
+
+.pb-4 {
+  padding-bottom: 1rem;
+}
+
+.pl-4 {
+  padding-left: 1rem;
+}
+
+.pt-5 {
+  padding-top: 1.25rem;
+}
+
+.pr-5 {
+  padding-right: 1.25rem;
+}
+
+.pb-5 {
+  padding-bottom: 1.25rem;
+}
+
+.pl-5 {
+  padding-left: 1.25rem;
+}
+
+.pt-6 {
+  padding-top: 1.5rem;
+}
+
+.pr-6 {
+  padding-right: 1.5rem;
+}
+
+.pb-6 {
+  padding-bottom: 1.5rem;
+}
+
+.pl-6 {
+  padding-left: 1.5rem;
+}
+
+.pt-7 {
+  padding-top: 1.75rem;
+}
+
+.pr-7 {
+  padding-right: 1.75rem;
+}
+
+.pb-7 {
+  padding-bottom: 1.75rem;
+}
+
+.pl-7 {
+  padding-left: 1.75rem;
+}
+
+.pt-8 {
+  padding-top: 2rem;
+}
+
+.pr-8 {
+  padding-right: 2rem;
+}
+
+.pb-8 {
+  padding-bottom: 2rem;
+}
+
+.pl-8 {
+  padding-left: 2rem;
+}
+
+.pt-9 {
+  padding-top: 2.25rem;
+}
+
+.pr-9 {
+  padding-right: 2.25rem;
+}
+
+.pb-9 {
+  padding-bottom: 2.25rem;
+}
+
+.pl-9 {
+  padding-left: 2.25rem;
+}
+
+.pt-10 {
+  padding-top: 2.5rem;
+}
+
+.pr-10 {
+  padding-right: 2.5rem;
+}
+
+.pb-10 {
+  padding-bottom: 2.5rem;
+}
+
+.pl-10 {
+  padding-left: 2.5rem;
+}
+
+.pt-11 {
+  padding-top: 2.75rem;
+}
+
+.pr-11 {
+  padding-right: 2.75rem;
+}
+
+.pb-11 {
+  padding-bottom: 2.75rem;
+}
+
+.pl-11 {
+  padding-left: 2.75rem;
+}
+
+.pt-12 {
+  padding-top: 3rem;
+}
+
+.pr-12 {
+  padding-right: 3rem;
+}
+
+.pb-12 {
+  padding-bottom: 3rem;
+}
+
+.pl-12 {
+  padding-left: 3rem;
+}
+
+.pt-13 {
+  padding-top: 3.25rem;
+}
+
+.pr-13 {
+  padding-right: 3.25rem;
+}
+
+.pb-13 {
+  padding-bottom: 3.25rem;
+}
+
+.pl-13 {
+  padding-left: 3.25rem;
+}
+
+.pt-14 {
+  padding-top: 3.5rem;
+}
+
+.pr-14 {
+  padding-right: 3.5rem;
+}
+
+.pb-14 {
+  padding-bottom: 3.5rem;
+}
+
+.pl-14 {
+  padding-left: 3.5rem;
+}
+
+.pt-15 {
+  padding-top: 3.75rem;
+}
+
+.pr-15 {
+  padding-right: 3.75rem;
+}
+
+.pb-15 {
+  padding-bottom: 3.75rem;
+}
+
+.pl-15 {
+  padding-left: 3.75rem;
+}
+
+.pt-16 {
+  padding-top: 4rem;
+}
+
+.pr-16 {
+  padding-right: 4rem;
+}
+
+.pb-16 {
+  padding-bottom: 4rem;
+}
+
+.pl-16 {
+  padding-left: 4rem;
+}
+
+.pt-20 {
+  padding-top: 5rem;
+}
+
+.pr-20 {
+  padding-right: 5rem;
+}
+
+.pb-20 {
+  padding-bottom: 5rem;
+}
+
+.pl-20 {
+  padding-left: 5rem;
+}
+
+.pt-24 {
+  padding-top: 6rem;
+}
+
+.pr-24 {
+  padding-right: 6rem;
+}
+
+.pb-24 {
+  padding-bottom: 6rem;
+}
+
+.pl-24 {
+  padding-left: 6rem;
+}
+
+.pt-28 {
+  padding-top: 7rem;
+}
+
+.pr-28 {
+  padding-right: 7rem;
+}
+
+.pb-28 {
+  padding-bottom: 7rem;
+}
+
+.pl-28 {
+  padding-left: 7rem;
+}
+
+.pt-32 {
+  padding-top: 8rem;
+}
+
+.pr-32 {
+  padding-right: 8rem;
+}
+
+.pb-32 {
+  padding-bottom: 8rem;
+}
+
+.pl-32 {
+  padding-left: 8rem;
+}
+
+.pt-36 {
+  padding-top: 9rem;
+}
+
+.pr-36 {
+  padding-right: 9rem;
+}
+
+.pb-36 {
+  padding-bottom: 9rem;
+}
+
+.pl-36 {
+  padding-left: 9rem;
+}
+
+.pt-40 {
+  padding-top: 10rem;
+}
+
+.pr-40 {
+  padding-right: 10rem;
+}
+
+.pb-40 {
+  padding-bottom: 10rem;
+}
+
+.pl-40 {
+  padding-left: 10rem;
+}
+
+.pt-48 {
+  padding-top: 12rem;
+}
+
+.pr-48 {
+  padding-right: 12rem;
+}
+
+.pb-48 {
+  padding-bottom: 12rem;
+}
+
+.pl-48 {
+  padding-left: 12rem;
+}
+
+.pt-56 {
+  padding-top: 14rem;
+}
+
+.pr-56 {
+  padding-right: 14rem;
+}
+
+.pb-56 {
+  padding-bottom: 14rem;
+}
+
+.pl-56 {
+  padding-left: 14rem;
+}
+
+.pt-60 {
+  padding-top: 15rem;
+}
+
+.pr-60 {
+  padding-right: 15rem;
+}
+
+.pb-60 {
+  padding-bottom: 15rem;
+}
+
+.pl-60 {
+  padding-left: 15rem;
+}
+
+.pt-64 {
+  padding-top: 16rem;
+}
+
+.pr-64 {
+  padding-right: 16rem;
+}
+
+.pb-64 {
+  padding-bottom: 16rem;
+}
+
+.pl-64 {
+  padding-left: 16rem;
+}
+
+.pt-72 {
+  padding-top: 18rem;
+}
+
+.pr-72 {
+  padding-right: 18rem;
+}
+
+.pb-72 {
+  padding-bottom: 18rem;
+}
+
+.pl-72 {
+  padding-left: 18rem;
+}
+
+.pt-80 {
+  padding-top: 20rem;
+}
+
+.pr-80 {
+  padding-right: 20rem;
+}
+
+.pb-80 {
+  padding-bottom: 20rem;
+}
+
+.pl-80 {
+  padding-left: 20rem;
+}
+
+.pt-96 {
+  padding-top: 24rem;
+}
+
+.pr-96 {
+  padding-right: 24rem;
+}
+
+.pb-96 {
+  padding-bottom: 24rem;
+}
+
+.pl-96 {
+  padding-left: 24rem;
+}
+
+.pt-px {
+  padding-top: 1px;
+}
+
+.pr-px {
+  padding-right: 1px;
+}
+
+.pb-px {
+  padding-bottom: 1px;
+}
+
+.pl-px {
+  padding-left: 1px;
+}
+
+.pt-0\.5 {
+  padding-top: 0.125rem;
+}
+
+.pr-0\.5 {
+  padding-right: 0.125rem;
+}
+
+.pb-0\.5 {
+  padding-bottom: 0.125rem;
+}
+
+.pl-0\.5 {
+  padding-left: 0.125rem;
+}
+
+.pt-1\.5 {
+  padding-top: 0.375rem;
+}
+
+.pr-1\.5 {
+  padding-right: 0.375rem;
+}
+
+.pb-1\.5 {
+  padding-bottom: 0.375rem;
+}
+
+.pl-1\.5 {
+  padding-left: 0.375rem;
+}
+
+.pt-2\.5 {
+  padding-top: 0.625rem;
+}
+
+.pr-2\.5 {
+  padding-right: 0.625rem;
+}
+
+.pb-2\.5 {
+  padding-bottom: 0.625rem;
+}
+
+.pl-2\.5 {
+  padding-left: 0.625rem;
+}
+
+.pt-3\.5 {
+  padding-top: 0.875rem;
+}
+
+.pr-3\.5 {
+  padding-right: 0.875rem;
+}
+
+.pb-3\.5 {
+  padding-bottom: 0.875rem;
+}
+
+.pl-3\.5 {
+  padding-left: 0.875rem;
+}
+
+.pt-1\/2 {
+  padding-top: 50%;
+}
+
+.pr-1\/2 {
+  padding-right: 50%;
+}
+
+.pb-1\/2 {
+  padding-bottom: 50%;
+}
+
+.pl-1\/2 {
+  padding-left: 50%;
+}
+
+.pt-1\/3 {
+  padding-top: 33.333333%;
+}
+
+.pr-1\/3 {
+  padding-right: 33.333333%;
+}
+
+.pb-1\/3 {
+  padding-bottom: 33.333333%;
+}
+
+.pl-1\/3 {
+  padding-left: 33.333333%;
+}
+
+.pt-2\/3 {
+  padding-top: 66.666667%;
+}
+
+.pr-2\/3 {
+  padding-right: 66.666667%;
+}
+
+.pb-2\/3 {
+  padding-bottom: 66.666667%;
+}
+
+.pl-2\/3 {
+  padding-left: 66.666667%;
+}
+
+.pt-1\/4 {
+  padding-top: 25%;
+}
+
+.pr-1\/4 {
+  padding-right: 25%;
+}
+
+.pb-1\/4 {
+  padding-bottom: 25%;
+}
+
+.pl-1\/4 {
+  padding-left: 25%;
+}
+
+.pt-2\/4 {
+  padding-top: 50%;
+}
+
+.pr-2\/4 {
+  padding-right: 50%;
+}
+
+.pb-2\/4 {
+  padding-bottom: 50%;
+}
+
+.pl-2\/4 {
+  padding-left: 50%;
+}
+
+.pt-3\/4 {
+  padding-top: 75%;
+}
+
+.pr-3\/4 {
+  padding-right: 75%;
+}
+
+.pb-3\/4 {
+  padding-bottom: 75%;
+}
+
+.pl-3\/4 {
+  padding-left: 75%;
+}
+
+.pt-1\/5 {
+  padding-top: 20%;
+}
+
+.pr-1\/5 {
+  padding-right: 20%;
+}
+
+.pb-1\/5 {
+  padding-bottom: 20%;
+}
+
+.pl-1\/5 {
+  padding-left: 20%;
+}
+
+.pt-2\/5 {
+  padding-top: 40%;
+}
+
+.pr-2\/5 {
+  padding-right: 40%;
+}
+
+.pb-2\/5 {
+  padding-bottom: 40%;
+}
+
+.pl-2\/5 {
+  padding-left: 40%;
+}
+
+.pt-3\/5 {
+  padding-top: 60%;
+}
+
+.pr-3\/5 {
+  padding-right: 60%;
+}
+
+.pb-3\/5 {
+  padding-bottom: 60%;
+}
+
+.pl-3\/5 {
+  padding-left: 60%;
+}
+
+.pt-4\/5 {
+  padding-top: 80%;
+}
+
+.pr-4\/5 {
+  padding-right: 80%;
+}
+
+.pb-4\/5 {
+  padding-bottom: 80%;
+}
+
+.pl-4\/5 {
+  padding-left: 80%;
+}
+
+.pt-1\/6 {
+  padding-top: 16.666667%;
+}
+
+.pr-1\/6 {
+  padding-right: 16.666667%;
+}
+
+.pb-1\/6 {
+  padding-bottom: 16.666667%;
+}
+
+.pl-1\/6 {
+  padding-left: 16.666667%;
+}
+
+.pt-2\/6 {
+  padding-top: 33.333333%;
+}
+
+.pr-2\/6 {
+  padding-right: 33.333333%;
+}
+
+.pb-2\/6 {
+  padding-bottom: 33.333333%;
+}
+
+.pl-2\/6 {
+  padding-left: 33.333333%;
+}
+
+.pt-3\/6 {
+  padding-top: 50%;
+}
+
+.pr-3\/6 {
+  padding-right: 50%;
+}
+
+.pb-3\/6 {
+  padding-bottom: 50%;
+}
+
+.pl-3\/6 {
+  padding-left: 50%;
+}
+
+.pt-4\/6 {
+  padding-top: 66.666667%;
+}
+
+.pr-4\/6 {
+  padding-right: 66.666667%;
+}
+
+.pb-4\/6 {
+  padding-bottom: 66.666667%;
+}
+
+.pl-4\/6 {
+  padding-left: 66.666667%;
+}
+
+.pt-5\/6 {
+  padding-top: 83.333333%;
+}
+
+.pr-5\/6 {
+  padding-right: 83.333333%;
+}
+
+.pb-5\/6 {
+  padding-bottom: 83.333333%;
+}
+
+.pl-5\/6 {
+  padding-left: 83.333333%;
+}
+
+.pt-1\/12 {
+  padding-top: 8.333333%;
+}
+
+.pr-1\/12 {
+  padding-right: 8.333333%;
+}
+
+.pb-1\/12 {
+  padding-bottom: 8.333333%;
+}
+
+.pl-1\/12 {
+  padding-left: 8.333333%;
+}
+
+.pt-2\/12 {
+  padding-top: 16.666667%;
+}
+
+.pr-2\/12 {
+  padding-right: 16.666667%;
+}
+
+.pb-2\/12 {
+  padding-bottom: 16.666667%;
+}
+
+.pl-2\/12 {
+  padding-left: 16.666667%;
+}
+
+.pt-3\/12 {
+  padding-top: 25%;
+}
+
+.pr-3\/12 {
+  padding-right: 25%;
+}
+
+.pb-3\/12 {
+  padding-bottom: 25%;
+}
+
+.pl-3\/12 {
+  padding-left: 25%;
+}
+
+.pt-4\/12 {
+  padding-top: 33.333333%;
+}
+
+.pr-4\/12 {
+  padding-right: 33.333333%;
+}
+
+.pb-4\/12 {
+  padding-bottom: 33.333333%;
+}
+
+.pl-4\/12 {
+  padding-left: 33.333333%;
+}
+
+.pt-5\/12 {
+  padding-top: 41.666667%;
+}
+
+.pr-5\/12 {
+  padding-right: 41.666667%;
+}
+
+.pb-5\/12 {
+  padding-bottom: 41.666667%;
+}
+
+.pl-5\/12 {
+  padding-left: 41.666667%;
+}
+
+.pt-6\/12 {
+  padding-top: 50%;
+}
+
+.pr-6\/12 {
+  padding-right: 50%;
+}
+
+.pb-6\/12 {
+  padding-bottom: 50%;
+}
+
+.pl-6\/12 {
+  padding-left: 50%;
+}
+
+.pt-7\/12 {
+  padding-top: 58.333333%;
+}
+
+.pr-7\/12 {
+  padding-right: 58.333333%;
+}
+
+.pb-7\/12 {
+  padding-bottom: 58.333333%;
+}
+
+.pl-7\/12 {
+  padding-left: 58.333333%;
+}
+
+.pt-8\/12 {
+  padding-top: 66.666667%;
+}
+
+.pr-8\/12 {
+  padding-right: 66.666667%;
+}
+
+.pb-8\/12 {
+  padding-bottom: 66.666667%;
+}
+
+.pl-8\/12 {
+  padding-left: 66.666667%;
+}
+
+.pt-9\/12 {
+  padding-top: 75%;
+}
+
+.pr-9\/12 {
+  padding-right: 75%;
+}
+
+.pb-9\/12 {
+  padding-bottom: 75%;
+}
+
+.pl-9\/12 {
+  padding-left: 75%;
+}
+
+.pt-10\/12 {
+  padding-top: 83.333333%;
+}
+
+.pr-10\/12 {
+  padding-right: 83.333333%;
+}
+
+.pb-10\/12 {
+  padding-bottom: 83.333333%;
+}
+
+.pl-10\/12 {
+  padding-left: 83.333333%;
+}
+
+.pt-11\/12 {
+  padding-top: 91.666667%;
+}
+
+.pr-11\/12 {
+  padding-right: 91.666667%;
+}
+
+.pb-11\/12 {
+  padding-bottom: 91.666667%;
+}
+
+.pl-11\/12 {
+  padding-left: 91.666667%;
+}
+
+.pt-full {
+  padding-top: 100%;
+}
+
+.pr-full {
+  padding-right: 100%;
+}
+
+.pb-full {
+  padding-bottom: 100%;
+}
+
+.pl-full {
+  padding-left: 100%;
+}
+
+.placeholder-transparent::-moz-placeholder {
+  color: transparent;
+}
+
+.placeholder-transparent:-ms-input-placeholder {
+  color: transparent;
+}
+
+.placeholder-transparent::-ms-input-placeholder {
+  color: transparent;
+}
+
+.placeholder-transparent::placeholder {
+  color: transparent;
+}
+
+.placeholder-white::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.placeholder-white:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.placeholder-white::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.placeholder-white::placeholder {
+  --placeholder-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.placeholder-black::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--placeholder-opacity));
+}
+
+.placeholder-black:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--placeholder-opacity));
+}
+
+.placeholder-black::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--placeholder-opacity));
+}
+
+.placeholder-black::placeholder {
+  --placeholder-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--placeholder-opacity));
+}
+
+.placeholder-gray-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--placeholder-opacity));
+}
+
+.placeholder-gray-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--placeholder-opacity));
+}
+
+.placeholder-gray-50::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--placeholder-opacity));
+}
+
+.placeholder-gray-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--placeholder-opacity));
+}
+
+.placeholder-gray-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--placeholder-opacity));
+}
+
+.placeholder-gray-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--placeholder-opacity));
+}
+
+.placeholder-gray-100::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--placeholder-opacity));
+}
+
+.placeholder-gray-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--placeholder-opacity));
+}
+
+.placeholder-gray-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--placeholder-opacity));
+}
+
+.placeholder-gray-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--placeholder-opacity));
+}
+
+.placeholder-gray-200::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--placeholder-opacity));
+}
+
+.placeholder-gray-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--placeholder-opacity));
+}
+
+.placeholder-gray-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--placeholder-opacity));
+}
+
+.placeholder-gray-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--placeholder-opacity));
+}
+
+.placeholder-gray-300::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--placeholder-opacity));
+}
+
+.placeholder-gray-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--placeholder-opacity));
+}
+
+.placeholder-gray-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--placeholder-opacity));
+}
+
+.placeholder-gray-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--placeholder-opacity));
+}
+
+.placeholder-gray-400::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--placeholder-opacity));
+}
+
+.placeholder-gray-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--placeholder-opacity));
+}
+
+.placeholder-gray-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--placeholder-opacity));
+}
+
+.placeholder-gray-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--placeholder-opacity));
+}
+
+.placeholder-gray-500::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--placeholder-opacity));
+}
+
+.placeholder-gray-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--placeholder-opacity));
+}
+
+.placeholder-gray-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--placeholder-opacity));
+}
+
+.placeholder-gray-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--placeholder-opacity));
+}
+
+.placeholder-gray-600::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--placeholder-opacity));
+}
+
+.placeholder-gray-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--placeholder-opacity));
+}
+
+.placeholder-gray-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--placeholder-opacity));
+}
+
+.placeholder-gray-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--placeholder-opacity));
+}
+
+.placeholder-gray-700::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--placeholder-opacity));
+}
+
+.placeholder-gray-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--placeholder-opacity));
+}
+
+.placeholder-gray-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--placeholder-opacity));
+}
+
+.placeholder-gray-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--placeholder-opacity));
+}
+
+.placeholder-gray-800::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--placeholder-opacity));
+}
+
+.placeholder-gray-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--placeholder-opacity));
+}
+
+.placeholder-gray-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--placeholder-opacity));
+}
+
+.placeholder-gray-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--placeholder-opacity));
+}
+
+.placeholder-gray-900::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--placeholder-opacity));
+}
+
+.placeholder-gray-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbfdfe;
+  color: rgba(251, 253, 254, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbfdfe;
+  color: rgba(251, 253, 254, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-50::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbfdfe;
+  color: rgba(251, 253, 254, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #fbfdfe;
+  color: rgba(251, 253, 254, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-100::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-200::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-300::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-400::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-500::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-600::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-700::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-800::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-900::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--placeholder-opacity));
+}
+
+.placeholder-cool-gray-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--placeholder-opacity));
+}
+
+.placeholder-red-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--placeholder-opacity));
+}
+
+.placeholder-red-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--placeholder-opacity));
+}
+
+.placeholder-red-50::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--placeholder-opacity));
+}
+
+.placeholder-red-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--placeholder-opacity));
+}
+
+.placeholder-red-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--placeholder-opacity));
+}
+
+.placeholder-red-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--placeholder-opacity));
+}
+
+.placeholder-red-100::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--placeholder-opacity));
+}
+
+.placeholder-red-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--placeholder-opacity));
+}
+
+.placeholder-red-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--placeholder-opacity));
+}
+
+.placeholder-red-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--placeholder-opacity));
+}
+
+.placeholder-red-200::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--placeholder-opacity));
+}
+
+.placeholder-red-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--placeholder-opacity));
+}
+
+.placeholder-red-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--placeholder-opacity));
+}
+
+.placeholder-red-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--placeholder-opacity));
+}
+
+.placeholder-red-300::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--placeholder-opacity));
+}
+
+.placeholder-red-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--placeholder-opacity));
+}
+
+.placeholder-red-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--placeholder-opacity));
+}
+
+.placeholder-red-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--placeholder-opacity));
+}
+
+.placeholder-red-400::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--placeholder-opacity));
+}
+
+.placeholder-red-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--placeholder-opacity));
+}
+
+.placeholder-red-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--placeholder-opacity));
+}
+
+.placeholder-red-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--placeholder-opacity));
+}
+
+.placeholder-red-500::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--placeholder-opacity));
+}
+
+.placeholder-red-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--placeholder-opacity));
+}
+
+.placeholder-red-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--placeholder-opacity));
+}
+
+.placeholder-red-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--placeholder-opacity));
+}
+
+.placeholder-red-600::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--placeholder-opacity));
+}
+
+.placeholder-red-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--placeholder-opacity));
+}
+
+.placeholder-red-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--placeholder-opacity));
+}
+
+.placeholder-red-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--placeholder-opacity));
+}
+
+.placeholder-red-700::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--placeholder-opacity));
+}
+
+.placeholder-red-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--placeholder-opacity));
+}
+
+.placeholder-red-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--placeholder-opacity));
+}
+
+.placeholder-red-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--placeholder-opacity));
+}
+
+.placeholder-red-800::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--placeholder-opacity));
+}
+
+.placeholder-red-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--placeholder-opacity));
+}
+
+.placeholder-red-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.placeholder-red-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.placeholder-red-900::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.placeholder-red-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.placeholder-orange-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--placeholder-opacity));
+}
+
+.placeholder-orange-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--placeholder-opacity));
+}
+
+.placeholder-orange-50::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--placeholder-opacity));
+}
+
+.placeholder-orange-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--placeholder-opacity));
+}
+
+.placeholder-orange-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--placeholder-opacity));
+}
+
+.placeholder-orange-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--placeholder-opacity));
+}
+
+.placeholder-orange-100::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--placeholder-opacity));
+}
+
+.placeholder-orange-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--placeholder-opacity));
+}
+
+.placeholder-orange-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--placeholder-opacity));
+}
+
+.placeholder-orange-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--placeholder-opacity));
+}
+
+.placeholder-orange-200::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--placeholder-opacity));
+}
+
+.placeholder-orange-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--placeholder-opacity));
+}
+
+.placeholder-orange-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--placeholder-opacity));
+}
+
+.placeholder-orange-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--placeholder-opacity));
+}
+
+.placeholder-orange-300::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--placeholder-opacity));
+}
+
+.placeholder-orange-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--placeholder-opacity));
+}
+
+.placeholder-orange-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--placeholder-opacity));
+}
+
+.placeholder-orange-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--placeholder-opacity));
+}
+
+.placeholder-orange-400::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--placeholder-opacity));
+}
+
+.placeholder-orange-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--placeholder-opacity));
+}
+
+.placeholder-orange-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--placeholder-opacity));
+}
+
+.placeholder-orange-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--placeholder-opacity));
+}
+
+.placeholder-orange-500::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--placeholder-opacity));
+}
+
+.placeholder-orange-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--placeholder-opacity));
+}
+
+.placeholder-orange-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--placeholder-opacity));
+}
+
+.placeholder-orange-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--placeholder-opacity));
+}
+
+.placeholder-orange-600::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--placeholder-opacity));
+}
+
+.placeholder-orange-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--placeholder-opacity));
+}
+
+.placeholder-orange-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--placeholder-opacity));
+}
+
+.placeholder-orange-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--placeholder-opacity));
+}
+
+.placeholder-orange-700::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--placeholder-opacity));
+}
+
+.placeholder-orange-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--placeholder-opacity));
+}
+
+.placeholder-orange-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--placeholder-opacity));
+}
+
+.placeholder-orange-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--placeholder-opacity));
+}
+
+.placeholder-orange-800::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--placeholder-opacity));
+}
+
+.placeholder-orange-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--placeholder-opacity));
+}
+
+.placeholder-orange-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.placeholder-orange-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.placeholder-orange-900::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.placeholder-orange-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-50::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-100::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-200::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-300::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-400::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-500::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-600::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-700::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-800::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-900::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--placeholder-opacity));
+}
+
+.placeholder-green-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--placeholder-opacity));
+}
+
+.placeholder-green-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--placeholder-opacity));
+}
+
+.placeholder-green-50::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--placeholder-opacity));
+}
+
+.placeholder-green-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--placeholder-opacity));
+}
+
+.placeholder-green-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--placeholder-opacity));
+}
+
+.placeholder-green-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--placeholder-opacity));
+}
+
+.placeholder-green-100::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--placeholder-opacity));
+}
+
+.placeholder-green-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--placeholder-opacity));
+}
+
+.placeholder-green-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--placeholder-opacity));
+}
+
+.placeholder-green-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--placeholder-opacity));
+}
+
+.placeholder-green-200::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--placeholder-opacity));
+}
+
+.placeholder-green-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--placeholder-opacity));
+}
+
+.placeholder-green-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--placeholder-opacity));
+}
+
+.placeholder-green-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--placeholder-opacity));
+}
+
+.placeholder-green-300::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--placeholder-opacity));
+}
+
+.placeholder-green-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--placeholder-opacity));
+}
+
+.placeholder-green-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--placeholder-opacity));
+}
+
+.placeholder-green-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--placeholder-opacity));
+}
+
+.placeholder-green-400::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--placeholder-opacity));
+}
+
+.placeholder-green-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--placeholder-opacity));
+}
+
+.placeholder-green-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--placeholder-opacity));
+}
+
+.placeholder-green-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--placeholder-opacity));
+}
+
+.placeholder-green-500::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--placeholder-opacity));
+}
+
+.placeholder-green-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--placeholder-opacity));
+}
+
+.placeholder-green-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--placeholder-opacity));
+}
+
+.placeholder-green-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--placeholder-opacity));
+}
+
+.placeholder-green-600::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--placeholder-opacity));
+}
+
+.placeholder-green-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--placeholder-opacity));
+}
+
+.placeholder-green-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--placeholder-opacity));
+}
+
+.placeholder-green-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--placeholder-opacity));
+}
+
+.placeholder-green-700::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--placeholder-opacity));
+}
+
+.placeholder-green-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--placeholder-opacity));
+}
+
+.placeholder-green-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--placeholder-opacity));
+}
+
+.placeholder-green-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--placeholder-opacity));
+}
+
+.placeholder-green-800::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--placeholder-opacity));
+}
+
+.placeholder-green-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--placeholder-opacity));
+}
+
+.placeholder-green-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--placeholder-opacity));
+}
+
+.placeholder-green-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--placeholder-opacity));
+}
+
+.placeholder-green-900::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--placeholder-opacity));
+}
+
+.placeholder-green-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--placeholder-opacity));
+}
+
+.placeholder-teal-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--placeholder-opacity));
+}
+
+.placeholder-teal-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--placeholder-opacity));
+}
+
+.placeholder-teal-50::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--placeholder-opacity));
+}
+
+.placeholder-teal-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--placeholder-opacity));
+}
+
+.placeholder-teal-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--placeholder-opacity));
+}
+
+.placeholder-teal-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--placeholder-opacity));
+}
+
+.placeholder-teal-100::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--placeholder-opacity));
+}
+
+.placeholder-teal-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--placeholder-opacity));
+}
+
+.placeholder-teal-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--placeholder-opacity));
+}
+
+.placeholder-teal-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--placeholder-opacity));
+}
+
+.placeholder-teal-200::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--placeholder-opacity));
+}
+
+.placeholder-teal-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--placeholder-opacity));
+}
+
+.placeholder-teal-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--placeholder-opacity));
+}
+
+.placeholder-teal-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--placeholder-opacity));
+}
+
+.placeholder-teal-300::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--placeholder-opacity));
+}
+
+.placeholder-teal-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--placeholder-opacity));
+}
+
+.placeholder-teal-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--placeholder-opacity));
+}
+
+.placeholder-teal-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--placeholder-opacity));
+}
+
+.placeholder-teal-400::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--placeholder-opacity));
+}
+
+.placeholder-teal-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--placeholder-opacity));
+}
+
+.placeholder-teal-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--placeholder-opacity));
+}
+
+.placeholder-teal-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--placeholder-opacity));
+}
+
+.placeholder-teal-500::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--placeholder-opacity));
+}
+
+.placeholder-teal-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--placeholder-opacity));
+}
+
+.placeholder-teal-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--placeholder-opacity));
+}
+
+.placeholder-teal-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--placeholder-opacity));
+}
+
+.placeholder-teal-600::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--placeholder-opacity));
+}
+
+.placeholder-teal-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--placeholder-opacity));
+}
+
+.placeholder-teal-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--placeholder-opacity));
+}
+
+.placeholder-teal-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--placeholder-opacity));
+}
+
+.placeholder-teal-700::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--placeholder-opacity));
+}
+
+.placeholder-teal-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--placeholder-opacity));
+}
+
+.placeholder-teal-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--placeholder-opacity));
+}
+
+.placeholder-teal-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--placeholder-opacity));
+}
+
+.placeholder-teal-800::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--placeholder-opacity));
+}
+
+.placeholder-teal-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--placeholder-opacity));
+}
+
+.placeholder-teal-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--placeholder-opacity));
+}
+
+.placeholder-teal-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--placeholder-opacity));
+}
+
+.placeholder-teal-900::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--placeholder-opacity));
+}
+
+.placeholder-teal-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--placeholder-opacity));
+}
+
+.placeholder-blue-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-blue-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-blue-50::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-blue-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-blue-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--placeholder-opacity));
+}
+
+.placeholder-blue-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--placeholder-opacity));
+}
+
+.placeholder-blue-100::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--placeholder-opacity));
+}
+
+.placeholder-blue-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--placeholder-opacity));
+}
+
+.placeholder-blue-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--placeholder-opacity));
+}
+
+.placeholder-blue-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--placeholder-opacity));
+}
+
+.placeholder-blue-200::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--placeholder-opacity));
+}
+
+.placeholder-blue-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--placeholder-opacity));
+}
+
+.placeholder-blue-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--placeholder-opacity));
+}
+
+.placeholder-blue-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--placeholder-opacity));
+}
+
+.placeholder-blue-300::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--placeholder-opacity));
+}
+
+.placeholder-blue-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--placeholder-opacity));
+}
+
+.placeholder-blue-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--placeholder-opacity));
+}
+
+.placeholder-blue-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--placeholder-opacity));
+}
+
+.placeholder-blue-400::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--placeholder-opacity));
+}
+
+.placeholder-blue-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--placeholder-opacity));
+}
+
+.placeholder-blue-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--placeholder-opacity));
+}
+
+.placeholder-blue-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--placeholder-opacity));
+}
+
+.placeholder-blue-500::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--placeholder-opacity));
+}
+
+.placeholder-blue-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--placeholder-opacity));
+}
+
+.placeholder-blue-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--placeholder-opacity));
+}
+
+.placeholder-blue-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--placeholder-opacity));
+}
+
+.placeholder-blue-600::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--placeholder-opacity));
+}
+
+.placeholder-blue-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--placeholder-opacity));
+}
+
+.placeholder-blue-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--placeholder-opacity));
+}
+
+.placeholder-blue-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--placeholder-opacity));
+}
+
+.placeholder-blue-700::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--placeholder-opacity));
+}
+
+.placeholder-blue-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--placeholder-opacity));
+}
+
+.placeholder-blue-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--placeholder-opacity));
+}
+
+.placeholder-blue-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--placeholder-opacity));
+}
+
+.placeholder-blue-800::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--placeholder-opacity));
+}
+
+.placeholder-blue-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--placeholder-opacity));
+}
+
+.placeholder-blue-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--placeholder-opacity));
+}
+
+.placeholder-blue-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--placeholder-opacity));
+}
+
+.placeholder-blue-900::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--placeholder-opacity));
+}
+
+.placeholder-blue-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-50::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-100::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-200::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-300::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-400::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-500::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-600::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-700::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-800::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-900::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--placeholder-opacity));
+}
+
+.placeholder-purple-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-purple-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-purple-50::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-purple-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-purple-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--placeholder-opacity));
+}
+
+.placeholder-purple-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--placeholder-opacity));
+}
+
+.placeholder-purple-100::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--placeholder-opacity));
+}
+
+.placeholder-purple-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--placeholder-opacity));
+}
+
+.placeholder-purple-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--placeholder-opacity));
+}
+
+.placeholder-purple-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--placeholder-opacity));
+}
+
+.placeholder-purple-200::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--placeholder-opacity));
+}
+
+.placeholder-purple-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--placeholder-opacity));
+}
+
+.placeholder-purple-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--placeholder-opacity));
+}
+
+.placeholder-purple-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--placeholder-opacity));
+}
+
+.placeholder-purple-300::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--placeholder-opacity));
+}
+
+.placeholder-purple-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--placeholder-opacity));
+}
+
+.placeholder-purple-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--placeholder-opacity));
+}
+
+.placeholder-purple-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--placeholder-opacity));
+}
+
+.placeholder-purple-400::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--placeholder-opacity));
+}
+
+.placeholder-purple-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--placeholder-opacity));
+}
+
+.placeholder-purple-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--placeholder-opacity));
+}
+
+.placeholder-purple-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--placeholder-opacity));
+}
+
+.placeholder-purple-500::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--placeholder-opacity));
+}
+
+.placeholder-purple-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--placeholder-opacity));
+}
+
+.placeholder-purple-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--placeholder-opacity));
+}
+
+.placeholder-purple-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--placeholder-opacity));
+}
+
+.placeholder-purple-600::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--placeholder-opacity));
+}
+
+.placeholder-purple-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--placeholder-opacity));
+}
+
+.placeholder-purple-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--placeholder-opacity));
+}
+
+.placeholder-purple-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--placeholder-opacity));
+}
+
+.placeholder-purple-700::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--placeholder-opacity));
+}
+
+.placeholder-purple-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--placeholder-opacity));
+}
+
+.placeholder-purple-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--placeholder-opacity));
+}
+
+.placeholder-purple-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--placeholder-opacity));
+}
+
+.placeholder-purple-800::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--placeholder-opacity));
+}
+
+.placeholder-purple-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--placeholder-opacity));
+}
+
+.placeholder-purple-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--placeholder-opacity));
+}
+
+.placeholder-purple-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--placeholder-opacity));
+}
+
+.placeholder-purple-900::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--placeholder-opacity));
+}
+
+.placeholder-purple-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--placeholder-opacity));
+}
+
+.placeholder-pink-50::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--placeholder-opacity));
+}
+
+.placeholder-pink-50:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--placeholder-opacity));
+}
+
+.placeholder-pink-50::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--placeholder-opacity));
+}
+
+.placeholder-pink-50::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--placeholder-opacity));
+}
+
+.placeholder-pink-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--placeholder-opacity));
+}
+
+.placeholder-pink-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--placeholder-opacity));
+}
+
+.placeholder-pink-100::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--placeholder-opacity));
+}
+
+.placeholder-pink-100::placeholder {
+  --placeholder-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--placeholder-opacity));
+}
+
+.placeholder-pink-200::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--placeholder-opacity));
+}
+
+.placeholder-pink-200:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--placeholder-opacity));
+}
+
+.placeholder-pink-200::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--placeholder-opacity));
+}
+
+.placeholder-pink-200::placeholder {
+  --placeholder-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--placeholder-opacity));
+}
+
+.placeholder-pink-300::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--placeholder-opacity));
+}
+
+.placeholder-pink-300:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--placeholder-opacity));
+}
+
+.placeholder-pink-300::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--placeholder-opacity));
+}
+
+.placeholder-pink-300::placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--placeholder-opacity));
+}
+
+.placeholder-pink-400::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--placeholder-opacity));
+}
+
+.placeholder-pink-400:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--placeholder-opacity));
+}
+
+.placeholder-pink-400::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--placeholder-opacity));
+}
+
+.placeholder-pink-400::placeholder {
+  --placeholder-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--placeholder-opacity));
+}
+
+.placeholder-pink-500::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--placeholder-opacity));
+}
+
+.placeholder-pink-500:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--placeholder-opacity));
+}
+
+.placeholder-pink-500::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--placeholder-opacity));
+}
+
+.placeholder-pink-500::placeholder {
+  --placeholder-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--placeholder-opacity));
+}
+
+.placeholder-pink-600::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--placeholder-opacity));
+}
+
+.placeholder-pink-600:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--placeholder-opacity));
+}
+
+.placeholder-pink-600::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--placeholder-opacity));
+}
+
+.placeholder-pink-600::placeholder {
+  --placeholder-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--placeholder-opacity));
+}
+
+.placeholder-pink-700::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--placeholder-opacity));
+}
+
+.placeholder-pink-700:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--placeholder-opacity));
+}
+
+.placeholder-pink-700::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--placeholder-opacity));
+}
+
+.placeholder-pink-700::placeholder {
+  --placeholder-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--placeholder-opacity));
+}
+
+.placeholder-pink-800::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--placeholder-opacity));
+}
+
+.placeholder-pink-800:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--placeholder-opacity));
+}
+
+.placeholder-pink-800::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--placeholder-opacity));
+}
+
+.placeholder-pink-800::placeholder {
+  --placeholder-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--placeholder-opacity));
+}
+
+.placeholder-pink-900::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--placeholder-opacity));
+}
+
+.placeholder-pink-900:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--placeholder-opacity));
+}
+
+.placeholder-pink-900::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--placeholder-opacity));
+}
+
+.placeholder-pink-900::placeholder {
+  --placeholder-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-transparent:focus::-moz-placeholder {
+  color: transparent;
+}
+
+.focus\:placeholder-transparent:focus:-ms-input-placeholder {
+  color: transparent;
+}
+
+.focus\:placeholder-transparent:focus::-ms-input-placeholder {
+  color: transparent;
+}
+
+.focus\:placeholder-transparent:focus::placeholder {
+  color: transparent;
+}
+
+.focus\:placeholder-white:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-white:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-white:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-white:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-black:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-black:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-black:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-black:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-50:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-100:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-200:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-300:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-400:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-500:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-600:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-700:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-800:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-900:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbfdfe;
+  color: rgba(251, 253, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbfdfe;
+  color: rgba(251, 253, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-50:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbfdfe;
+  color: rgba(251, 253, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fbfdfe;
+  color: rgba(251, 253, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-100:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-200:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-300:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-400:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-500:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-600:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-700:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-800:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-900:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-cool-gray-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-50:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-100:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-200:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-300:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-400:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-500:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-600:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-700:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-800:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-900:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-50:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-100:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-200:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-300:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-400:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-500:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-600:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-700:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-800:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-900:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-50:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-100:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-200:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-300:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-400:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-500:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-600:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-700:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-800:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-900:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-50:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-100:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-200:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-300:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-400:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-500:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-600:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-700:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-800:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-900:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-50:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-100:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-200:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-300:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-400:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-500:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-600:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-700:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-800:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-900:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-50:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-100:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-200:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-300:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-400:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-500:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-600:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-700:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-800:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-900:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-50:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-50:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-50:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-100:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-100:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-200:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-200:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-200:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-200:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-300:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-300:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-300:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-300:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-400:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-400:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-400:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-400:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-500:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-500:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-500:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-500:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-600:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-600:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-600:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-600:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-700:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-700:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-700:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-700:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-800:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-800:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-800:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-800:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-900:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-900:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-900:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-900:focus::placeholder {
+  --placeholder-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--placeholder-opacity));
+}
+
+.placeholder-opacity-0::-moz-placeholder {
+  --placeholder-opacity: 0;
+}
+
+.placeholder-opacity-0:-ms-input-placeholder {
+  --placeholder-opacity: 0;
+}
+
+.placeholder-opacity-0::-ms-input-placeholder {
+  --placeholder-opacity: 0;
+}
+
+.placeholder-opacity-0::placeholder {
+  --placeholder-opacity: 0;
+}
+
+.placeholder-opacity-25::-moz-placeholder {
+  --placeholder-opacity: 0.25;
+}
+
+.placeholder-opacity-25:-ms-input-placeholder {
+  --placeholder-opacity: 0.25;
+}
+
+.placeholder-opacity-25::-ms-input-placeholder {
+  --placeholder-opacity: 0.25;
+}
+
+.placeholder-opacity-25::placeholder {
+  --placeholder-opacity: 0.25;
+}
+
+.placeholder-opacity-50::-moz-placeholder {
+  --placeholder-opacity: 0.5;
+}
+
+.placeholder-opacity-50:-ms-input-placeholder {
+  --placeholder-opacity: 0.5;
+}
+
+.placeholder-opacity-50::-ms-input-placeholder {
+  --placeholder-opacity: 0.5;
+}
+
+.placeholder-opacity-50::placeholder {
+  --placeholder-opacity: 0.5;
+}
+
+.placeholder-opacity-75::-moz-placeholder {
+  --placeholder-opacity: 0.75;
+}
+
+.placeholder-opacity-75:-ms-input-placeholder {
+  --placeholder-opacity: 0.75;
+}
+
+.placeholder-opacity-75::-ms-input-placeholder {
+  --placeholder-opacity: 0.75;
+}
+
+.placeholder-opacity-75::placeholder {
+  --placeholder-opacity: 0.75;
+}
+
+.placeholder-opacity-100::-moz-placeholder {
+  --placeholder-opacity: 1;
+}
+
+.placeholder-opacity-100:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+}
+
+.placeholder-opacity-100::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+}
+
+.placeholder-opacity-100::placeholder {
+  --placeholder-opacity: 1;
+}
+
+.focus\:placeholder-opacity-0:focus::-moz-placeholder {
+  --placeholder-opacity: 0;
+}
+
+.focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
+  --placeholder-opacity: 0;
+}
+
+.focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
+  --placeholder-opacity: 0;
+}
+
+.focus\:placeholder-opacity-0:focus::placeholder {
+  --placeholder-opacity: 0;
+}
+
+.focus\:placeholder-opacity-25:focus::-moz-placeholder {
+  --placeholder-opacity: 0.25;
+}
+
+.focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
+  --placeholder-opacity: 0.25;
+}
+
+.focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
+  --placeholder-opacity: 0.25;
+}
+
+.focus\:placeholder-opacity-25:focus::placeholder {
+  --placeholder-opacity: 0.25;
+}
+
+.focus\:placeholder-opacity-50:focus::-moz-placeholder {
+  --placeholder-opacity: 0.5;
+}
+
+.focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
+  --placeholder-opacity: 0.5;
+}
+
+.focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
+  --placeholder-opacity: 0.5;
+}
+
+.focus\:placeholder-opacity-50:focus::placeholder {
+  --placeholder-opacity: 0.5;
+}
+
+.focus\:placeholder-opacity-75:focus::-moz-placeholder {
+  --placeholder-opacity: 0.75;
+}
+
+.focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
+  --placeholder-opacity: 0.75;
+}
+
+.focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
+  --placeholder-opacity: 0.75;
+}
+
+.focus\:placeholder-opacity-75:focus::placeholder {
+  --placeholder-opacity: 0.75;
+}
+
+.focus\:placeholder-opacity-100:focus::-moz-placeholder {
+  --placeholder-opacity: 1;
+}
+
+.focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
+  --placeholder-opacity: 1;
+}
+
+.focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
+  --placeholder-opacity: 1;
+}
+
+.focus\:placeholder-opacity-100:focus::placeholder {
+  --placeholder-opacity: 1;
+}
+
+.pointer-events-none {
+  pointer-events: none;
+}
+
+.pointer-events-auto {
+  pointer-events: auto;
+}
+
+.static {
+  position: static;
+}
+
+.fixed {
+  position: fixed;
+}
+
+.absolute {
+  position: absolute;
+}
+
+.relative {
+  position: relative;
+}
+
+.sticky {
+  position: -webkit-sticky;
+  position: sticky;
+}
+
+.inset-0 {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.inset-1 {
+  top: 0.25rem;
+  right: 0.25rem;
+  bottom: 0.25rem;
+  left: 0.25rem;
+}
+
+.inset-2 {
+  top: 0.5rem;
+  right: 0.5rem;
+  bottom: 0.5rem;
+  left: 0.5rem;
+}
+
+.inset-3 {
+  top: 0.75rem;
+  right: 0.75rem;
+  bottom: 0.75rem;
+  left: 0.75rem;
+}
+
+.inset-4 {
+  top: 1rem;
+  right: 1rem;
+  bottom: 1rem;
+  left: 1rem;
+}
+
+.inset-5 {
+  top: 1.25rem;
+  right: 1.25rem;
+  bottom: 1.25rem;
+  left: 1.25rem;
+}
+
+.inset-6 {
+  top: 1.5rem;
+  right: 1.5rem;
+  bottom: 1.5rem;
+  left: 1.5rem;
+}
+
+.inset-7 {
+  top: 1.75rem;
+  right: 1.75rem;
+  bottom: 1.75rem;
+  left: 1.75rem;
+}
+
+.inset-8 {
+  top: 2rem;
+  right: 2rem;
+  bottom: 2rem;
+  left: 2rem;
+}
+
+.inset-9 {
+  top: 2.25rem;
+  right: 2.25rem;
+  bottom: 2.25rem;
+  left: 2.25rem;
+}
+
+.inset-10 {
+  top: 2.5rem;
+  right: 2.5rem;
+  bottom: 2.5rem;
+  left: 2.5rem;
+}
+
+.inset-11 {
+  top: 2.75rem;
+  right: 2.75rem;
+  bottom: 2.75rem;
+  left: 2.75rem;
+}
+
+.inset-12 {
+  top: 3rem;
+  right: 3rem;
+  bottom: 3rem;
+  left: 3rem;
+}
+
+.inset-13 {
+  top: 3.25rem;
+  right: 3.25rem;
+  bottom: 3.25rem;
+  left: 3.25rem;
+}
+
+.inset-14 {
+  top: 3.5rem;
+  right: 3.5rem;
+  bottom: 3.5rem;
+  left: 3.5rem;
+}
+
+.inset-15 {
+  top: 3.75rem;
+  right: 3.75rem;
+  bottom: 3.75rem;
+  left: 3.75rem;
+}
+
+.inset-16 {
+  top: 4rem;
+  right: 4rem;
+  bottom: 4rem;
+  left: 4rem;
+}
+
+.inset-20 {
+  top: 5rem;
+  right: 5rem;
+  bottom: 5rem;
+  left: 5rem;
+}
+
+.inset-24 {
+  top: 6rem;
+  right: 6rem;
+  bottom: 6rem;
+  left: 6rem;
+}
+
+.inset-28 {
+  top: 7rem;
+  right: 7rem;
+  bottom: 7rem;
+  left: 7rem;
+}
+
+.inset-32 {
+  top: 8rem;
+  right: 8rem;
+  bottom: 8rem;
+  left: 8rem;
+}
+
+.inset-36 {
+  top: 9rem;
+  right: 9rem;
+  bottom: 9rem;
+  left: 9rem;
+}
+
+.inset-40 {
+  top: 10rem;
+  right: 10rem;
+  bottom: 10rem;
+  left: 10rem;
+}
+
+.inset-48 {
+  top: 12rem;
+  right: 12rem;
+  bottom: 12rem;
+  left: 12rem;
+}
+
+.inset-56 {
+  top: 14rem;
+  right: 14rem;
+  bottom: 14rem;
+  left: 14rem;
+}
+
+.inset-60 {
+  top: 15rem;
+  right: 15rem;
+  bottom: 15rem;
+  left: 15rem;
+}
+
+.inset-64 {
+  top: 16rem;
+  right: 16rem;
+  bottom: 16rem;
+  left: 16rem;
+}
+
+.inset-72 {
+  top: 18rem;
+  right: 18rem;
+  bottom: 18rem;
+  left: 18rem;
+}
+
+.inset-80 {
+  top: 20rem;
+  right: 20rem;
+  bottom: 20rem;
+  left: 20rem;
+}
+
+.inset-96 {
+  top: 24rem;
+  right: 24rem;
+  bottom: 24rem;
+  left: 24rem;
+}
+
+.inset-auto {
+  top: auto;
+  right: auto;
+  bottom: auto;
+  left: auto;
+}
+
+.inset-px {
+  top: 1px;
+  right: 1px;
+  bottom: 1px;
+  left: 1px;
+}
+
+.inset-0\.5 {
+  top: 0.125rem;
+  right: 0.125rem;
+  bottom: 0.125rem;
+  left: 0.125rem;
+}
+
+.inset-1\.5 {
+  top: 0.375rem;
+  right: 0.375rem;
+  bottom: 0.375rem;
+  left: 0.375rem;
+}
+
+.inset-2\.5 {
+  top: 0.625rem;
+  right: 0.625rem;
+  bottom: 0.625rem;
+  left: 0.625rem;
+}
+
+.inset-3\.5 {
+  top: 0.875rem;
+  right: 0.875rem;
+  bottom: 0.875rem;
+  left: 0.875rem;
+}
+
+.inset-1\/2 {
+  top: 50%;
+  right: 50%;
+  bottom: 50%;
+  left: 50%;
+}
+
+.inset-1\/3 {
+  top: 33.333333%;
+  right: 33.333333%;
+  bottom: 33.333333%;
+  left: 33.333333%;
+}
+
+.inset-2\/3 {
+  top: 66.666667%;
+  right: 66.666667%;
+  bottom: 66.666667%;
+  left: 66.666667%;
+}
+
+.inset-1\/4 {
+  top: 25%;
+  right: 25%;
+  bottom: 25%;
+  left: 25%;
+}
+
+.inset-2\/4 {
+  top: 50%;
+  right: 50%;
+  bottom: 50%;
+  left: 50%;
+}
+
+.inset-3\/4 {
+  top: 75%;
+  right: 75%;
+  bottom: 75%;
+  left: 75%;
+}
+
+.inset-1\/5 {
+  top: 20%;
+  right: 20%;
+  bottom: 20%;
+  left: 20%;
+}
+
+.inset-2\/5 {
+  top: 40%;
+  right: 40%;
+  bottom: 40%;
+  left: 40%;
+}
+
+.inset-3\/5 {
+  top: 60%;
+  right: 60%;
+  bottom: 60%;
+  left: 60%;
+}
+
+.inset-4\/5 {
+  top: 80%;
+  right: 80%;
+  bottom: 80%;
+  left: 80%;
+}
+
+.inset-1\/6 {
+  top: 16.666667%;
+  right: 16.666667%;
+  bottom: 16.666667%;
+  left: 16.666667%;
+}
+
+.inset-2\/6 {
+  top: 33.333333%;
+  right: 33.333333%;
+  bottom: 33.333333%;
+  left: 33.333333%;
+}
+
+.inset-3\/6 {
+  top: 50%;
+  right: 50%;
+  bottom: 50%;
+  left: 50%;
+}
+
+.inset-4\/6 {
+  top: 66.666667%;
+  right: 66.666667%;
+  bottom: 66.666667%;
+  left: 66.666667%;
+}
+
+.inset-5\/6 {
+  top: 83.333333%;
+  right: 83.333333%;
+  bottom: 83.333333%;
+  left: 83.333333%;
+}
+
+.inset-1\/12 {
+  top: 8.333333%;
+  right: 8.333333%;
+  bottom: 8.333333%;
+  left: 8.333333%;
+}
+
+.inset-2\/12 {
+  top: 16.666667%;
+  right: 16.666667%;
+  bottom: 16.666667%;
+  left: 16.666667%;
+}
+
+.inset-3\/12 {
+  top: 25%;
+  right: 25%;
+  bottom: 25%;
+  left: 25%;
+}
+
+.inset-4\/12 {
+  top: 33.333333%;
+  right: 33.333333%;
+  bottom: 33.333333%;
+  left: 33.333333%;
+}
+
+.inset-5\/12 {
+  top: 41.666667%;
+  right: 41.666667%;
+  bottom: 41.666667%;
+  left: 41.666667%;
+}
+
+.inset-6\/12 {
+  top: 50%;
+  right: 50%;
+  bottom: 50%;
+  left: 50%;
+}
+
+.inset-7\/12 {
+  top: 58.333333%;
+  right: 58.333333%;
+  bottom: 58.333333%;
+  left: 58.333333%;
+}
+
+.inset-8\/12 {
+  top: 66.666667%;
+  right: 66.666667%;
+  bottom: 66.666667%;
+  left: 66.666667%;
+}
+
+.inset-9\/12 {
+  top: 75%;
+  right: 75%;
+  bottom: 75%;
+  left: 75%;
+}
+
+.inset-10\/12 {
+  top: 83.333333%;
+  right: 83.333333%;
+  bottom: 83.333333%;
+  left: 83.333333%;
+}
+
+.inset-11\/12 {
+  top: 91.666667%;
+  right: 91.666667%;
+  bottom: 91.666667%;
+  left: 91.666667%;
+}
+
+.inset-full {
+  top: 100%;
+  right: 100%;
+  bottom: 100%;
+  left: 100%;
+}
+
+.inset-y-0 {
+  top: 0;
+  bottom: 0;
+}
+
+.inset-x-0 {
+  right: 0;
+  left: 0;
+}
+
+.inset-y-1 {
+  top: 0.25rem;
+  bottom: 0.25rem;
+}
+
+.inset-x-1 {
+  right: 0.25rem;
+  left: 0.25rem;
+}
+
+.inset-y-2 {
+  top: 0.5rem;
+  bottom: 0.5rem;
+}
+
+.inset-x-2 {
+  right: 0.5rem;
+  left: 0.5rem;
+}
+
+.inset-y-3 {
+  top: 0.75rem;
+  bottom: 0.75rem;
+}
+
+.inset-x-3 {
+  right: 0.75rem;
+  left: 0.75rem;
+}
+
+.inset-y-4 {
+  top: 1rem;
+  bottom: 1rem;
+}
+
+.inset-x-4 {
+  right: 1rem;
+  left: 1rem;
+}
+
+.inset-y-5 {
+  top: 1.25rem;
+  bottom: 1.25rem;
+}
+
+.inset-x-5 {
+  right: 1.25rem;
+  left: 1.25rem;
+}
+
+.inset-y-6 {
+  top: 1.5rem;
+  bottom: 1.5rem;
+}
+
+.inset-x-6 {
+  right: 1.5rem;
+  left: 1.5rem;
+}
+
+.inset-y-7 {
+  top: 1.75rem;
+  bottom: 1.75rem;
+}
+
+.inset-x-7 {
+  right: 1.75rem;
+  left: 1.75rem;
+}
+
+.inset-y-8 {
+  top: 2rem;
+  bottom: 2rem;
+}
+
+.inset-x-8 {
+  right: 2rem;
+  left: 2rem;
+}
+
+.inset-y-9 {
+  top: 2.25rem;
+  bottom: 2.25rem;
+}
+
+.inset-x-9 {
+  right: 2.25rem;
+  left: 2.25rem;
+}
+
+.inset-y-10 {
+  top: 2.5rem;
+  bottom: 2.5rem;
+}
+
+.inset-x-10 {
+  right: 2.5rem;
+  left: 2.5rem;
+}
+
+.inset-y-11 {
+  top: 2.75rem;
+  bottom: 2.75rem;
+}
+
+.inset-x-11 {
+  right: 2.75rem;
+  left: 2.75rem;
+}
+
+.inset-y-12 {
+  top: 3rem;
+  bottom: 3rem;
+}
+
+.inset-x-12 {
+  right: 3rem;
+  left: 3rem;
+}
+
+.inset-y-13 {
+  top: 3.25rem;
+  bottom: 3.25rem;
+}
+
+.inset-x-13 {
+  right: 3.25rem;
+  left: 3.25rem;
+}
+
+.inset-y-14 {
+  top: 3.5rem;
+  bottom: 3.5rem;
+}
+
+.inset-x-14 {
+  right: 3.5rem;
+  left: 3.5rem;
+}
+
+.inset-y-15 {
+  top: 3.75rem;
+  bottom: 3.75rem;
+}
+
+.inset-x-15 {
+  right: 3.75rem;
+  left: 3.75rem;
+}
+
+.inset-y-16 {
+  top: 4rem;
+  bottom: 4rem;
+}
+
+.inset-x-16 {
+  right: 4rem;
+  left: 4rem;
+}
+
+.inset-y-20 {
+  top: 5rem;
+  bottom: 5rem;
+}
+
+.inset-x-20 {
+  right: 5rem;
+  left: 5rem;
+}
+
+.inset-y-24 {
+  top: 6rem;
+  bottom: 6rem;
+}
+
+.inset-x-24 {
+  right: 6rem;
+  left: 6rem;
+}
+
+.inset-y-28 {
+  top: 7rem;
+  bottom: 7rem;
+}
+
+.inset-x-28 {
+  right: 7rem;
+  left: 7rem;
+}
+
+.inset-y-32 {
+  top: 8rem;
+  bottom: 8rem;
+}
+
+.inset-x-32 {
+  right: 8rem;
+  left: 8rem;
+}
+
+.inset-y-36 {
+  top: 9rem;
+  bottom: 9rem;
+}
+
+.inset-x-36 {
+  right: 9rem;
+  left: 9rem;
+}
+
+.inset-y-40 {
+  top: 10rem;
+  bottom: 10rem;
+}
+
+.inset-x-40 {
+  right: 10rem;
+  left: 10rem;
+}
+
+.inset-y-48 {
+  top: 12rem;
+  bottom: 12rem;
+}
+
+.inset-x-48 {
+  right: 12rem;
+  left: 12rem;
+}
+
+.inset-y-56 {
+  top: 14rem;
+  bottom: 14rem;
+}
+
+.inset-x-56 {
+  right: 14rem;
+  left: 14rem;
+}
+
+.inset-y-60 {
+  top: 15rem;
+  bottom: 15rem;
+}
+
+.inset-x-60 {
+  right: 15rem;
+  left: 15rem;
+}
+
+.inset-y-64 {
+  top: 16rem;
+  bottom: 16rem;
+}
+
+.inset-x-64 {
+  right: 16rem;
+  left: 16rem;
+}
+
+.inset-y-72 {
+  top: 18rem;
+  bottom: 18rem;
+}
+
+.inset-x-72 {
+  right: 18rem;
+  left: 18rem;
+}
+
+.inset-y-80 {
+  top: 20rem;
+  bottom: 20rem;
+}
+
+.inset-x-80 {
+  right: 20rem;
+  left: 20rem;
+}
+
+.inset-y-96 {
+  top: 24rem;
+  bottom: 24rem;
+}
+
+.inset-x-96 {
+  right: 24rem;
+  left: 24rem;
+}
+
+.inset-y-auto {
+  top: auto;
+  bottom: auto;
+}
+
+.inset-x-auto {
+  right: auto;
+  left: auto;
+}
+
+.inset-y-px {
+  top: 1px;
+  bottom: 1px;
+}
+
+.inset-x-px {
+  right: 1px;
+  left: 1px;
+}
+
+.inset-y-0\.5 {
+  top: 0.125rem;
+  bottom: 0.125rem;
+}
+
+.inset-x-0\.5 {
+  right: 0.125rem;
+  left: 0.125rem;
+}
+
+.inset-y-1\.5 {
+  top: 0.375rem;
+  bottom: 0.375rem;
+}
+
+.inset-x-1\.5 {
+  right: 0.375rem;
+  left: 0.375rem;
+}
+
+.inset-y-2\.5 {
+  top: 0.625rem;
+  bottom: 0.625rem;
+}
+
+.inset-x-2\.5 {
+  right: 0.625rem;
+  left: 0.625rem;
+}
+
+.inset-y-3\.5 {
+  top: 0.875rem;
+  bottom: 0.875rem;
+}
+
+.inset-x-3\.5 {
+  right: 0.875rem;
+  left: 0.875rem;
+}
+
+.inset-y-1\/2 {
+  top: 50%;
+  bottom: 50%;
+}
+
+.inset-x-1\/2 {
+  right: 50%;
+  left: 50%;
+}
+
+.inset-y-1\/3 {
+  top: 33.333333%;
+  bottom: 33.333333%;
+}
+
+.inset-x-1\/3 {
+  right: 33.333333%;
+  left: 33.333333%;
+}
+
+.inset-y-2\/3 {
+  top: 66.666667%;
+  bottom: 66.666667%;
+}
+
+.inset-x-2\/3 {
+  right: 66.666667%;
+  left: 66.666667%;
+}
+
+.inset-y-1\/4 {
+  top: 25%;
+  bottom: 25%;
+}
+
+.inset-x-1\/4 {
+  right: 25%;
+  left: 25%;
+}
+
+.inset-y-2\/4 {
+  top: 50%;
+  bottom: 50%;
+}
+
+.inset-x-2\/4 {
+  right: 50%;
+  left: 50%;
+}
+
+.inset-y-3\/4 {
+  top: 75%;
+  bottom: 75%;
+}
+
+.inset-x-3\/4 {
+  right: 75%;
+  left: 75%;
+}
+
+.inset-y-1\/5 {
+  top: 20%;
+  bottom: 20%;
+}
+
+.inset-x-1\/5 {
+  right: 20%;
+  left: 20%;
+}
+
+.inset-y-2\/5 {
+  top: 40%;
+  bottom: 40%;
+}
+
+.inset-x-2\/5 {
+  right: 40%;
+  left: 40%;
+}
+
+.inset-y-3\/5 {
+  top: 60%;
+  bottom: 60%;
+}
+
+.inset-x-3\/5 {
+  right: 60%;
+  left: 60%;
+}
+
+.inset-y-4\/5 {
+  top: 80%;
+  bottom: 80%;
+}
+
+.inset-x-4\/5 {
+  right: 80%;
+  left: 80%;
+}
+
+.inset-y-1\/6 {
+  top: 16.666667%;
+  bottom: 16.666667%;
+}
+
+.inset-x-1\/6 {
+  right: 16.666667%;
+  left: 16.666667%;
+}
+
+.inset-y-2\/6 {
+  top: 33.333333%;
+  bottom: 33.333333%;
+}
+
+.inset-x-2\/6 {
+  right: 33.333333%;
+  left: 33.333333%;
+}
+
+.inset-y-3\/6 {
+  top: 50%;
+  bottom: 50%;
+}
+
+.inset-x-3\/6 {
+  right: 50%;
+  left: 50%;
+}
+
+.inset-y-4\/6 {
+  top: 66.666667%;
+  bottom: 66.666667%;
+}
+
+.inset-x-4\/6 {
+  right: 66.666667%;
+  left: 66.666667%;
+}
+
+.inset-y-5\/6 {
+  top: 83.333333%;
+  bottom: 83.333333%;
+}
+
+.inset-x-5\/6 {
+  right: 83.333333%;
+  left: 83.333333%;
+}
+
+.inset-y-1\/12 {
+  top: 8.333333%;
+  bottom: 8.333333%;
+}
+
+.inset-x-1\/12 {
+  right: 8.333333%;
+  left: 8.333333%;
+}
+
+.inset-y-2\/12 {
+  top: 16.666667%;
+  bottom: 16.666667%;
+}
+
+.inset-x-2\/12 {
+  right: 16.666667%;
+  left: 16.666667%;
+}
+
+.inset-y-3\/12 {
+  top: 25%;
+  bottom: 25%;
+}
+
+.inset-x-3\/12 {
+  right: 25%;
+  left: 25%;
+}
+
+.inset-y-4\/12 {
+  top: 33.333333%;
+  bottom: 33.333333%;
+}
+
+.inset-x-4\/12 {
+  right: 33.333333%;
+  left: 33.333333%;
+}
+
+.inset-y-5\/12 {
+  top: 41.666667%;
+  bottom: 41.666667%;
+}
+
+.inset-x-5\/12 {
+  right: 41.666667%;
+  left: 41.666667%;
+}
+
+.inset-y-6\/12 {
+  top: 50%;
+  bottom: 50%;
+}
+
+.inset-x-6\/12 {
+  right: 50%;
+  left: 50%;
+}
+
+.inset-y-7\/12 {
+  top: 58.333333%;
+  bottom: 58.333333%;
+}
+
+.inset-x-7\/12 {
+  right: 58.333333%;
+  left: 58.333333%;
+}
+
+.inset-y-8\/12 {
+  top: 66.666667%;
+  bottom: 66.666667%;
+}
+
+.inset-x-8\/12 {
+  right: 66.666667%;
+  left: 66.666667%;
+}
+
+.inset-y-9\/12 {
+  top: 75%;
+  bottom: 75%;
+}
+
+.inset-x-9\/12 {
+  right: 75%;
+  left: 75%;
+}
+
+.inset-y-10\/12 {
+  top: 83.333333%;
+  bottom: 83.333333%;
+}
+
+.inset-x-10\/12 {
+  right: 83.333333%;
+  left: 83.333333%;
+}
+
+.inset-y-11\/12 {
+  top: 91.666667%;
+  bottom: 91.666667%;
+}
+
+.inset-x-11\/12 {
+  right: 91.666667%;
+  left: 91.666667%;
+}
+
+.inset-y-full {
+  top: 100%;
+  bottom: 100%;
+}
+
+.inset-x-full {
+  right: 100%;
+  left: 100%;
+}
+
+.top-0 {
+  top: 0;
+}
+
+.right-0 {
+  right: 0;
+}
+
+.bottom-0 {
+  bottom: 0;
+}
+
+.left-0 {
+  left: 0;
+}
+
+.top-1 {
+  top: 0.25rem;
+}
+
+.right-1 {
+  right: 0.25rem;
+}
+
+.bottom-1 {
+  bottom: 0.25rem;
+}
+
+.left-1 {
+  left: 0.25rem;
+}
+
+.top-2 {
+  top: 0.5rem;
+}
+
+.right-2 {
+  right: 0.5rem;
+}
+
+.bottom-2 {
+  bottom: 0.5rem;
+}
+
+.left-2 {
+  left: 0.5rem;
+}
+
+.top-3 {
+  top: 0.75rem;
+}
+
+.right-3 {
+  right: 0.75rem;
+}
+
+.bottom-3 {
+  bottom: 0.75rem;
+}
+
+.left-3 {
+  left: 0.75rem;
+}
+
+.top-4 {
+  top: 1rem;
+}
+
+.right-4 {
+  right: 1rem;
+}
+
+.bottom-4 {
+  bottom: 1rem;
+}
+
+.left-4 {
+  left: 1rem;
+}
+
+.top-5 {
+  top: 1.25rem;
+}
+
+.right-5 {
+  right: 1.25rem;
+}
+
+.bottom-5 {
+  bottom: 1.25rem;
+}
+
+.left-5 {
+  left: 1.25rem;
+}
+
+.top-6 {
+  top: 1.5rem;
+}
+
+.right-6 {
+  right: 1.5rem;
+}
+
+.bottom-6 {
+  bottom: 1.5rem;
+}
+
+.left-6 {
+  left: 1.5rem;
+}
+
+.top-7 {
+  top: 1.75rem;
+}
+
+.right-7 {
+  right: 1.75rem;
+}
+
+.bottom-7 {
+  bottom: 1.75rem;
+}
+
+.left-7 {
+  left: 1.75rem;
+}
+
+.top-8 {
+  top: 2rem;
+}
+
+.right-8 {
+  right: 2rem;
+}
+
+.bottom-8 {
+  bottom: 2rem;
+}
+
+.left-8 {
+  left: 2rem;
+}
+
+.top-9 {
+  top: 2.25rem;
+}
+
+.right-9 {
+  right: 2.25rem;
+}
+
+.bottom-9 {
+  bottom: 2.25rem;
+}
+
+.left-9 {
+  left: 2.25rem;
+}
+
+.top-10 {
+  top: 2.5rem;
+}
+
+.right-10 {
+  right: 2.5rem;
+}
+
+.bottom-10 {
+  bottom: 2.5rem;
+}
+
+.left-10 {
+  left: 2.5rem;
+}
+
+.top-11 {
+  top: 2.75rem;
+}
+
+.right-11 {
+  right: 2.75rem;
+}
+
+.bottom-11 {
+  bottom: 2.75rem;
+}
+
+.left-11 {
+  left: 2.75rem;
+}
+
+.top-12 {
+  top: 3rem;
+}
+
+.right-12 {
+  right: 3rem;
+}
+
+.bottom-12 {
+  bottom: 3rem;
+}
+
+.left-12 {
+  left: 3rem;
+}
+
+.top-13 {
+  top: 3.25rem;
+}
+
+.right-13 {
+  right: 3.25rem;
+}
+
+.bottom-13 {
+  bottom: 3.25rem;
+}
+
+.left-13 {
+  left: 3.25rem;
+}
+
+.top-14 {
+  top: 3.5rem;
+}
+
+.right-14 {
+  right: 3.5rem;
+}
+
+.bottom-14 {
+  bottom: 3.5rem;
+}
+
+.left-14 {
+  left: 3.5rem;
+}
+
+.top-15 {
+  top: 3.75rem;
+}
+
+.right-15 {
+  right: 3.75rem;
+}
+
+.bottom-15 {
+  bottom: 3.75rem;
+}
+
+.left-15 {
+  left: 3.75rem;
+}
+
+.top-16 {
+  top: 4rem;
+}
+
+.right-16 {
+  right: 4rem;
+}
+
+.bottom-16 {
+  bottom: 4rem;
+}
+
+.left-16 {
+  left: 4rem;
+}
+
+.top-20 {
+  top: 5rem;
+}
+
+.right-20 {
+  right: 5rem;
+}
+
+.bottom-20 {
+  bottom: 5rem;
+}
+
+.left-20 {
+  left: 5rem;
+}
+
+.top-24 {
+  top: 6rem;
+}
+
+.right-24 {
+  right: 6rem;
+}
+
+.bottom-24 {
+  bottom: 6rem;
+}
+
+.left-24 {
+  left: 6rem;
+}
+
+.top-28 {
+  top: 7rem;
+}
+
+.right-28 {
+  right: 7rem;
+}
+
+.bottom-28 {
+  bottom: 7rem;
+}
+
+.left-28 {
+  left: 7rem;
+}
+
+.top-32 {
+  top: 8rem;
+}
+
+.right-32 {
+  right: 8rem;
+}
+
+.bottom-32 {
+  bottom: 8rem;
+}
+
+.left-32 {
+  left: 8rem;
+}
+
+.top-36 {
+  top: 9rem;
+}
+
+.right-36 {
+  right: 9rem;
+}
+
+.bottom-36 {
+  bottom: 9rem;
+}
+
+.left-36 {
+  left: 9rem;
+}
+
+.top-40 {
+  top: 10rem;
+}
+
+.right-40 {
+  right: 10rem;
+}
+
+.bottom-40 {
+  bottom: 10rem;
+}
+
+.left-40 {
+  left: 10rem;
+}
+
+.top-48 {
+  top: 12rem;
+}
+
+.right-48 {
+  right: 12rem;
+}
+
+.bottom-48 {
+  bottom: 12rem;
+}
+
+.left-48 {
+  left: 12rem;
+}
+
+.top-56 {
+  top: 14rem;
+}
+
+.right-56 {
+  right: 14rem;
+}
+
+.bottom-56 {
+  bottom: 14rem;
+}
+
+.left-56 {
+  left: 14rem;
+}
+
+.top-60 {
+  top: 15rem;
+}
+
+.right-60 {
+  right: 15rem;
+}
+
+.bottom-60 {
+  bottom: 15rem;
+}
+
+.left-60 {
+  left: 15rem;
+}
+
+.top-64 {
+  top: 16rem;
+}
+
+.right-64 {
+  right: 16rem;
+}
+
+.bottom-64 {
+  bottom: 16rem;
+}
+
+.left-64 {
+  left: 16rem;
+}
+
+.top-72 {
+  top: 18rem;
+}
+
+.right-72 {
+  right: 18rem;
+}
+
+.bottom-72 {
+  bottom: 18rem;
+}
+
+.left-72 {
+  left: 18rem;
+}
+
+.top-80 {
+  top: 20rem;
+}
+
+.right-80 {
+  right: 20rem;
+}
+
+.bottom-80 {
+  bottom: 20rem;
+}
+
+.left-80 {
+  left: 20rem;
+}
+
+.top-96 {
+  top: 24rem;
+}
+
+.right-96 {
+  right: 24rem;
+}
+
+.bottom-96 {
+  bottom: 24rem;
+}
+
+.left-96 {
+  left: 24rem;
+}
+
+.top-auto {
+  top: auto;
+}
+
+.right-auto {
+  right: auto;
+}
+
+.bottom-auto {
+  bottom: auto;
+}
+
+.left-auto {
+  left: auto;
+}
+
+.top-px {
+  top: 1px;
+}
+
+.right-px {
+  right: 1px;
+}
+
+.bottom-px {
+  bottom: 1px;
+}
+
+.left-px {
+  left: 1px;
+}
+
+.top-0\.5 {
+  top: 0.125rem;
+}
+
+.right-0\.5 {
+  right: 0.125rem;
+}
+
+.bottom-0\.5 {
+  bottom: 0.125rem;
+}
+
+.left-0\.5 {
+  left: 0.125rem;
+}
+
+.top-1\.5 {
+  top: 0.375rem;
+}
+
+.right-1\.5 {
+  right: 0.375rem;
+}
+
+.bottom-1\.5 {
+  bottom: 0.375rem;
+}
+
+.left-1\.5 {
+  left: 0.375rem;
+}
+
+.top-2\.5 {
+  top: 0.625rem;
+}
+
+.right-2\.5 {
+  right: 0.625rem;
+}
+
+.bottom-2\.5 {
+  bottom: 0.625rem;
+}
+
+.left-2\.5 {
+  left: 0.625rem;
+}
+
+.top-3\.5 {
+  top: 0.875rem;
+}
+
+.right-3\.5 {
+  right: 0.875rem;
+}
+
+.bottom-3\.5 {
+  bottom: 0.875rem;
+}
+
+.left-3\.5 {
+  left: 0.875rem;
+}
+
+.top-1\/2 {
+  top: 50%;
+}
+
+.right-1\/2 {
+  right: 50%;
+}
+
+.bottom-1\/2 {
+  bottom: 50%;
+}
+
+.left-1\/2 {
+  left: 50%;
+}
+
+.top-1\/3 {
+  top: 33.333333%;
+}
+
+.right-1\/3 {
+  right: 33.333333%;
+}
+
+.bottom-1\/3 {
+  bottom: 33.333333%;
+}
+
+.left-1\/3 {
+  left: 33.333333%;
+}
+
+.top-2\/3 {
+  top: 66.666667%;
+}
+
+.right-2\/3 {
+  right: 66.666667%;
+}
+
+.bottom-2\/3 {
+  bottom: 66.666667%;
+}
+
+.left-2\/3 {
+  left: 66.666667%;
+}
+
+.top-1\/4 {
+  top: 25%;
+}
+
+.right-1\/4 {
+  right: 25%;
+}
+
+.bottom-1\/4 {
+  bottom: 25%;
+}
+
+.left-1\/4 {
+  left: 25%;
+}
+
+.top-2\/4 {
+  top: 50%;
+}
+
+.right-2\/4 {
+  right: 50%;
+}
+
+.bottom-2\/4 {
+  bottom: 50%;
+}
+
+.left-2\/4 {
+  left: 50%;
+}
+
+.top-3\/4 {
+  top: 75%;
+}
+
+.right-3\/4 {
+  right: 75%;
+}
+
+.bottom-3\/4 {
+  bottom: 75%;
+}
+
+.left-3\/4 {
+  left: 75%;
+}
+
+.top-1\/5 {
+  top: 20%;
+}
+
+.right-1\/5 {
+  right: 20%;
+}
+
+.bottom-1\/5 {
+  bottom: 20%;
+}
+
+.left-1\/5 {
+  left: 20%;
+}
+
+.top-2\/5 {
+  top: 40%;
+}
+
+.right-2\/5 {
+  right: 40%;
+}
+
+.bottom-2\/5 {
+  bottom: 40%;
+}
+
+.left-2\/5 {
+  left: 40%;
+}
+
+.top-3\/5 {
+  top: 60%;
+}
+
+.right-3\/5 {
+  right: 60%;
+}
+
+.bottom-3\/5 {
+  bottom: 60%;
+}
+
+.left-3\/5 {
+  left: 60%;
+}
+
+.top-4\/5 {
+  top: 80%;
+}
+
+.right-4\/5 {
+  right: 80%;
+}
+
+.bottom-4\/5 {
+  bottom: 80%;
+}
+
+.left-4\/5 {
+  left: 80%;
+}
+
+.top-1\/6 {
+  top: 16.666667%;
+}
+
+.right-1\/6 {
+  right: 16.666667%;
+}
+
+.bottom-1\/6 {
+  bottom: 16.666667%;
+}
+
+.left-1\/6 {
+  left: 16.666667%;
+}
+
+.top-2\/6 {
+  top: 33.333333%;
+}
+
+.right-2\/6 {
+  right: 33.333333%;
+}
+
+.bottom-2\/6 {
+  bottom: 33.333333%;
+}
+
+.left-2\/6 {
+  left: 33.333333%;
+}
+
+.top-3\/6 {
+  top: 50%;
+}
+
+.right-3\/6 {
+  right: 50%;
+}
+
+.bottom-3\/6 {
+  bottom: 50%;
+}
+
+.left-3\/6 {
+  left: 50%;
+}
+
+.top-4\/6 {
+  top: 66.666667%;
+}
+
+.right-4\/6 {
+  right: 66.666667%;
+}
+
+.bottom-4\/6 {
+  bottom: 66.666667%;
+}
+
+.left-4\/6 {
+  left: 66.666667%;
+}
+
+.top-5\/6 {
+  top: 83.333333%;
+}
+
+.right-5\/6 {
+  right: 83.333333%;
+}
+
+.bottom-5\/6 {
+  bottom: 83.333333%;
+}
+
+.left-5\/6 {
+  left: 83.333333%;
+}
+
+.top-1\/12 {
+  top: 8.333333%;
+}
+
+.right-1\/12 {
+  right: 8.333333%;
+}
+
+.bottom-1\/12 {
+  bottom: 8.333333%;
+}
+
+.left-1\/12 {
+  left: 8.333333%;
+}
+
+.top-2\/12 {
+  top: 16.666667%;
+}
+
+.right-2\/12 {
+  right: 16.666667%;
+}
+
+.bottom-2\/12 {
+  bottom: 16.666667%;
+}
+
+.left-2\/12 {
+  left: 16.666667%;
+}
+
+.top-3\/12 {
+  top: 25%;
+}
+
+.right-3\/12 {
+  right: 25%;
+}
+
+.bottom-3\/12 {
+  bottom: 25%;
+}
+
+.left-3\/12 {
+  left: 25%;
+}
+
+.top-4\/12 {
+  top: 33.333333%;
+}
+
+.right-4\/12 {
+  right: 33.333333%;
+}
+
+.bottom-4\/12 {
+  bottom: 33.333333%;
+}
+
+.left-4\/12 {
+  left: 33.333333%;
+}
+
+.top-5\/12 {
+  top: 41.666667%;
+}
+
+.right-5\/12 {
+  right: 41.666667%;
+}
+
+.bottom-5\/12 {
+  bottom: 41.666667%;
+}
+
+.left-5\/12 {
+  left: 41.666667%;
+}
+
+.top-6\/12 {
+  top: 50%;
+}
+
+.right-6\/12 {
+  right: 50%;
+}
+
+.bottom-6\/12 {
+  bottom: 50%;
+}
+
+.left-6\/12 {
+  left: 50%;
+}
+
+.top-7\/12 {
+  top: 58.333333%;
+}
+
+.right-7\/12 {
+  right: 58.333333%;
+}
+
+.bottom-7\/12 {
+  bottom: 58.333333%;
+}
+
+.left-7\/12 {
+  left: 58.333333%;
+}
+
+.top-8\/12 {
+  top: 66.666667%;
+}
+
+.right-8\/12 {
+  right: 66.666667%;
+}
+
+.bottom-8\/12 {
+  bottom: 66.666667%;
+}
+
+.left-8\/12 {
+  left: 66.666667%;
+}
+
+.top-9\/12 {
+  top: 75%;
+}
+
+.right-9\/12 {
+  right: 75%;
+}
+
+.bottom-9\/12 {
+  bottom: 75%;
+}
+
+.left-9\/12 {
+  left: 75%;
+}
+
+.top-10\/12 {
+  top: 83.333333%;
+}
+
+.right-10\/12 {
+  right: 83.333333%;
+}
+
+.bottom-10\/12 {
+  bottom: 83.333333%;
+}
+
+.left-10\/12 {
+  left: 83.333333%;
+}
+
+.top-11\/12 {
+  top: 91.666667%;
+}
+
+.right-11\/12 {
+  right: 91.666667%;
+}
+
+.bottom-11\/12 {
+  bottom: 91.666667%;
+}
+
+.left-11\/12 {
+  left: 91.666667%;
+}
+
+.top-full {
+  top: 100%;
+}
+
+.right-full {
+  right: 100%;
+}
+
+.bottom-full {
+  bottom: 100%;
+}
+
+.left-full {
+  left: 100%;
+}
+
+.resize-none {
+  resize: none;
+}
+
+.resize-y {
+  resize: vertical;
+}
+
+.resize-x {
+  resize: horizontal;
+}
+
+.resize {
+  resize: both;
+}
+
+.shadow-xs {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.shadow-sm {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.shadow {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.shadow-md {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.shadow-lg {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.shadow-xl {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.shadow-2xl {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.shadow-inner {
+  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.shadow-outline {
+  box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+}
+
+.shadow-none {
+  box-shadow: none;
+}
+
+.shadow-solid {
+  box-shadow: 0 0 0 2px currentColor;
+}
+
+.shadow-outline-gray {
+  box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+}
+
+.shadow-outline-blue {
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+}
+
+.shadow-outline-teal {
+  box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+}
+
+.shadow-outline-green {
+  box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+}
+
+.shadow-outline-yellow {
+  box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+}
+
+.shadow-outline-orange {
+  box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+}
+
+.shadow-outline-red {
+  box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+}
+
+.shadow-outline-pink {
+  box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+}
+
+.shadow-outline-purple {
+  box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+}
+
+.shadow-outline-indigo {
+  box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+}
+
+.group:focus .group-focus\:shadow-xs {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.group:focus .group-focus\:shadow-sm {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.group:focus .group-focus\:shadow {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.group:focus .group-focus\:shadow-md {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.group:focus .group-focus\:shadow-lg {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.group:focus .group-focus\:shadow-xl {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.group:focus .group-focus\:shadow-2xl {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.group:focus .group-focus\:shadow-inner {
+  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.group:focus .group-focus\:shadow-outline {
+  box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+}
+
+.group:focus .group-focus\:shadow-none {
+  box-shadow: none;
+}
+
+.group:focus .group-focus\:shadow-solid {
+  box-shadow: 0 0 0 2px currentColor;
+}
+
+.group:focus .group-focus\:shadow-outline-gray {
+  box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-blue {
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-teal {
+  box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-green {
+  box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-yellow {
+  box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-orange {
+  box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-red {
+  box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-pink {
+  box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-purple {
+  box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+}
+
+.group:focus .group-focus\:shadow-outline-indigo {
+  box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+}
+
+.hover\:shadow-xs:hover {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow-sm:hover {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.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);
+}
+
+.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);
+}
+
+.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);
+}
+
+.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);
+}
+
+.hover\:shadow-2xl:hover {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.hover\:shadow-inner:hover {
+  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-outline:hover {
+  box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+}
+
+.hover\:shadow-none:hover {
+  box-shadow: none;
+}
+
+.hover\:shadow-solid:hover {
+  box-shadow: 0 0 0 2px currentColor;
+}
+
+.hover\:shadow-outline-gray:hover {
+  box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+}
+
+.hover\:shadow-outline-blue:hover {
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+}
+
+.hover\:shadow-outline-teal:hover {
+  box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+}
+
+.hover\:shadow-outline-green:hover {
+  box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+}
+
+.hover\:shadow-outline-yellow:hover {
+  box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+}
+
+.hover\:shadow-outline-orange:hover {
+  box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+}
+
+.hover\:shadow-outline-red:hover {
+  box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+}
+
+.hover\:shadow-outline-pink:hover {
+  box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+}
+
+.hover\:shadow-outline-purple:hover {
+  box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+}
+
+.hover\:shadow-outline-indigo:hover {
+  box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+}
+
+.focus\:shadow-xs:focus {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.focus\:shadow-sm:focus {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.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);
+}
+
+.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);
+}
+
+.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);
+}
+
+.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);
+}
+
+.focus\:shadow-2xl:focus {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.focus\:shadow-inner:focus {
+  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus\:shadow-outline:focus {
+  box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+}
+
+.focus\:shadow-none:focus {
+  box-shadow: none;
+}
+
+.focus\:shadow-solid:focus {
+  box-shadow: 0 0 0 2px currentColor;
+}
+
+.focus\:shadow-outline-gray:focus {
+  box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+}
+
+.focus\:shadow-outline-blue:focus {
+  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+}
+
+.focus\:shadow-outline-teal:focus {
+  box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+}
+
+.focus\:shadow-outline-green:focus {
+  box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+}
+
+.focus\:shadow-outline-yellow:focus {
+  box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+}
+
+.focus\:shadow-outline-orange:focus {
+  box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+}
+
+.focus\:shadow-outline-red:focus {
+  box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+}
+
+.focus\:shadow-outline-pink:focus {
+  box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+}
+
+.focus\:shadow-outline-purple:focus {
+  box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+}
+
+.focus\:shadow-outline-indigo:focus {
+  box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+}
+
+.fill-current {
+  fill: currentColor;
+}
+
+.stroke-current {
+  stroke: currentColor;
+}
+
+.stroke-0 {
+  stroke-width: 0;
+}
+
+.stroke-1 {
+  stroke-width: 1;
+}
+
+.stroke-2 {
+  stroke-width: 2;
+}
+
+.table-auto {
+  table-layout: auto;
+}
+
+.table-fixed {
+  table-layout: fixed;
+}
+
+.text-left {
+  text-align: left;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.text-justify {
+  text-align: justify;
+}
+
+.text-transparent {
+  color: transparent;
+}
+
+.text-white {
+  --text-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--text-opacity));
+}
+
+.text-black {
+  --text-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--text-opacity));
+}
+
+.text-gray-50 {
+  --text-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--text-opacity));
+}
+
+.text-gray-100 {
+  --text-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--text-opacity));
+}
+
+.text-gray-200 {
+  --text-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--text-opacity));
+}
+
+.text-gray-300 {
+  --text-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--text-opacity));
+}
+
+.text-gray-400 {
+  --text-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--text-opacity));
+}
+
+.text-gray-500 {
+  --text-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--text-opacity));
+}
+
+.text-gray-600 {
+  --text-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--text-opacity));
+}
+
+.text-gray-700 {
+  --text-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--text-opacity));
+}
+
+.text-gray-800 {
+  --text-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--text-opacity));
+}
+
+.text-gray-900 {
+  --text-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--text-opacity));
+}
+
+.text-cool-gray-50 {
+  --text-opacity: 1;
+  color: #fbfdfe;
+  color: rgba(251, 253, 254, var(--text-opacity));
+}
+
+.text-cool-gray-100 {
+  --text-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, var(--text-opacity));
+}
+
+.text-cool-gray-200 {
+  --text-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--text-opacity));
+}
+
+.text-cool-gray-300 {
+  --text-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--text-opacity));
+}
+
+.text-cool-gray-400 {
+  --text-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--text-opacity));
+}
+
+.text-cool-gray-500 {
+  --text-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--text-opacity));
+}
+
+.text-cool-gray-600 {
+  --text-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--text-opacity));
+}
+
+.text-cool-gray-700 {
+  --text-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--text-opacity));
+}
+
+.text-cool-gray-800 {
+  --text-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--text-opacity));
+}
+
+.text-cool-gray-900 {
+  --text-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--text-opacity));
+}
+
+.text-red-50 {
+  --text-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--text-opacity));
+}
+
+.text-red-100 {
+  --text-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--text-opacity));
+}
+
+.text-red-200 {
+  --text-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--text-opacity));
+}
+
+.text-red-300 {
+  --text-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--text-opacity));
+}
+
+.text-red-400 {
+  --text-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--text-opacity));
+}
+
+.text-red-500 {
+  --text-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--text-opacity));
+}
+
+.text-red-600 {
+  --text-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--text-opacity));
+}
+
+.text-red-700 {
+  --text-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--text-opacity));
+}
+
+.text-red-800 {
+  --text-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--text-opacity));
+}
+
+.text-red-900 {
+  --text-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--text-opacity));
+}
+
+.text-orange-50 {
+  --text-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--text-opacity));
+}
+
+.text-orange-100 {
+  --text-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--text-opacity));
+}
+
+.text-orange-200 {
+  --text-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--text-opacity));
+}
+
+.text-orange-300 {
+  --text-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--text-opacity));
+}
+
+.text-orange-400 {
+  --text-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--text-opacity));
+}
+
+.text-orange-500 {
+  --text-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--text-opacity));
+}
+
+.text-orange-600 {
+  --text-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--text-opacity));
+}
+
+.text-orange-700 {
+  --text-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--text-opacity));
+}
+
+.text-orange-800 {
+  --text-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--text-opacity));
+}
+
+.text-orange-900 {
+  --text-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--text-opacity));
+}
+
+.text-yellow-50 {
+  --text-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, var(--text-opacity));
+}
+
+.text-yellow-100 {
+  --text-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--text-opacity));
+}
+
+.text-yellow-200 {
+  --text-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--text-opacity));
+}
+
+.text-yellow-300 {
+  --text-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--text-opacity));
+}
+
+.text-yellow-400 {
+  --text-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--text-opacity));
+}
+
+.text-yellow-500 {
+  --text-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--text-opacity));
+}
+
+.text-yellow-600 {
+  --text-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--text-opacity));
+}
+
+.text-yellow-700 {
+  --text-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--text-opacity));
+}
+
+.text-yellow-800 {
+  --text-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--text-opacity));
+}
+
+.text-yellow-900 {
+  --text-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--text-opacity));
+}
+
+.text-green-50 {
+  --text-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--text-opacity));
+}
+
+.text-green-100 {
+  --text-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--text-opacity));
+}
+
+.text-green-200 {
+  --text-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--text-opacity));
+}
+
+.text-green-300 {
+  --text-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--text-opacity));
+}
+
+.text-green-400 {
+  --text-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--text-opacity));
+}
+
+.text-green-500 {
+  --text-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--text-opacity));
+}
+
+.text-green-600 {
+  --text-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--text-opacity));
+}
+
+.text-green-700 {
+  --text-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--text-opacity));
+}
+
+.text-green-800 {
+  --text-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--text-opacity));
+}
+
+.text-green-900 {
+  --text-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--text-opacity));
+}
+
+.text-teal-50 {
+  --text-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--text-opacity));
+}
+
+.text-teal-100 {
+  --text-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--text-opacity));
+}
+
+.text-teal-200 {
+  --text-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--text-opacity));
+}
+
+.text-teal-300 {
+  --text-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--text-opacity));
+}
+
+.text-teal-400 {
+  --text-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--text-opacity));
+}
+
+.text-teal-500 {
+  --text-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--text-opacity));
+}
+
+.text-teal-600 {
+  --text-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--text-opacity));
+}
+
+.text-teal-700 {
+  --text-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--text-opacity));
+}
+
+.text-teal-800 {
+  --text-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--text-opacity));
+}
+
+.text-teal-900 {
+  --text-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--text-opacity));
+}
+
+.text-blue-50 {
+  --text-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--text-opacity));
+}
+
+.text-blue-100 {
+  --text-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--text-opacity));
+}
+
+.text-blue-200 {
+  --text-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--text-opacity));
+}
+
+.text-blue-300 {
+  --text-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--text-opacity));
+}
+
+.text-blue-400 {
+  --text-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--text-opacity));
+}
+
+.text-blue-500 {
+  --text-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--text-opacity));
+}
+
+.text-blue-600 {
+  --text-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--text-opacity));
+}
+
+.text-blue-700 {
+  --text-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--text-opacity));
+}
+
+.text-blue-800 {
+  --text-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--text-opacity));
+}
+
+.text-blue-900 {
+  --text-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--text-opacity));
+}
+
+.text-indigo-50 {
+  --text-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--text-opacity));
+}
+
+.text-indigo-100 {
+  --text-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--text-opacity));
+}
+
+.text-indigo-200 {
+  --text-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--text-opacity));
+}
+
+.text-indigo-300 {
+  --text-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--text-opacity));
+}
+
+.text-indigo-400 {
+  --text-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--text-opacity));
+}
+
+.text-indigo-500 {
+  --text-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--text-opacity));
+}
+
+.text-indigo-600 {
+  --text-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--text-opacity));
+}
+
+.text-indigo-700 {
+  --text-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--text-opacity));
+}
+
+.text-indigo-800 {
+  --text-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--text-opacity));
+}
+
+.text-indigo-900 {
+  --text-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--text-opacity));
+}
+
+.text-purple-50 {
+  --text-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--text-opacity));
+}
+
+.text-purple-100 {
+  --text-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--text-opacity));
+}
+
+.text-purple-200 {
+  --text-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--text-opacity));
+}
+
+.text-purple-300 {
+  --text-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--text-opacity));
+}
+
+.text-purple-400 {
+  --text-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--text-opacity));
+}
+
+.text-purple-500 {
+  --text-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--text-opacity));
+}
+
+.text-purple-600 {
+  --text-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--text-opacity));
+}
+
+.text-purple-700 {
+  --text-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--text-opacity));
+}
+
+.text-purple-800 {
+  --text-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--text-opacity));
+}
+
+.text-purple-900 {
+  --text-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--text-opacity));
+}
+
+.text-pink-50 {
+  --text-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--text-opacity));
+}
+
+.text-pink-100 {
+  --text-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--text-opacity));
+}
+
+.text-pink-200 {
+  --text-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--text-opacity));
+}
+
+.text-pink-300 {
+  --text-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--text-opacity));
+}
+
+.text-pink-400 {
+  --text-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--text-opacity));
+}
+
+.text-pink-500 {
+  --text-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--text-opacity));
+}
+
+.text-pink-600 {
+  --text-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--text-opacity));
+}
+
+.text-pink-700 {
+  --text-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--text-opacity));
+}
+
+.text-pink-800 {
+  --text-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--text-opacity));
+}
+
+.text-pink-900 {
+  --text-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-transparent {
+  color: transparent;
+}
+
+.group:hover .group-hover\:text-white {
+  --text-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-black {
+  --text-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-50 {
+  --text-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-100 {
+  --text-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-200 {
+  --text-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-300 {
+  --text-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-400 {
+  --text-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-500 {
+  --text-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-600 {
+  --text-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-700 {
+  --text-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-800 {
+  --text-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-900 {
+  --text-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-cool-gray-50 {
+  --text-opacity: 1;
+  color: #fbfdfe;
+  color: rgba(251, 253, 254, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-cool-gray-100 {
+  --text-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-cool-gray-200 {
+  --text-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-cool-gray-300 {
+  --text-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-cool-gray-400 {
+  --text-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-cool-gray-500 {
+  --text-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-cool-gray-600 {
+  --text-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-cool-gray-700 {
+  --text-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-cool-gray-800 {
+  --text-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-cool-gray-900 {
+  --text-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-red-50 {
+  --text-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-red-100 {
+  --text-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-red-200 {
+  --text-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-red-300 {
+  --text-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-red-400 {
+  --text-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-red-500 {
+  --text-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-red-600 {
+  --text-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-red-700 {
+  --text-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-red-800 {
+  --text-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-red-900 {
+  --text-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-orange-50 {
+  --text-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-orange-100 {
+  --text-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-orange-200 {
+  --text-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-orange-300 {
+  --text-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-orange-400 {
+  --text-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-orange-500 {
+  --text-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-orange-600 {
+  --text-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-orange-700 {
+  --text-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-orange-800 {
+  --text-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-orange-900 {
+  --text-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-50 {
+  --text-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-100 {
+  --text-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-200 {
+  --text-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-300 {
+  --text-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-400 {
+  --text-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-500 {
+  --text-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-600 {
+  --text-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-700 {
+  --text-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-800 {
+  --text-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-900 {
+  --text-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-green-50 {
+  --text-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-green-100 {
+  --text-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-green-200 {
+  --text-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-green-300 {
+  --text-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-green-400 {
+  --text-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-green-500 {
+  --text-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-green-600 {
+  --text-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-green-700 {
+  --text-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-green-800 {
+  --text-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-green-900 {
+  --text-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-teal-50 {
+  --text-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-teal-100 {
+  --text-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-teal-200 {
+  --text-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-teal-300 {
+  --text-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-teal-400 {
+  --text-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-teal-500 {
+  --text-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-teal-600 {
+  --text-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-teal-700 {
+  --text-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-teal-800 {
+  --text-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-teal-900 {
+  --text-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-50 {
+  --text-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-100 {
+  --text-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-200 {
+  --text-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-300 {
+  --text-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-400 {
+  --text-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-500 {
+  --text-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-600 {
+  --text-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-700 {
+  --text-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-800 {
+  --text-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-900 {
+  --text-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-50 {
+  --text-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-100 {
+  --text-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-200 {
+  --text-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-300 {
+  --text-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-400 {
+  --text-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-500 {
+  --text-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-600 {
+  --text-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-700 {
+  --text-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-800 {
+  --text-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-900 {
+  --text-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-50 {
+  --text-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-100 {
+  --text-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-200 {
+  --text-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-300 {
+  --text-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-400 {
+  --text-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-500 {
+  --text-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-600 {
+  --text-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-700 {
+  --text-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-800 {
+  --text-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-900 {
+  --text-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-50 {
+  --text-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-100 {
+  --text-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-200 {
+  --text-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-300 {
+  --text-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-400 {
+  --text-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-500 {
+  --text-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-600 {
+  --text-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-700 {
+  --text-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-800 {
+  --text-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-900 {
+  --text-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-transparent {
+  color: transparent;
+}
+
+.group:focus .group-focus\:text-white {
+  --text-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-black {
+  --text-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-gray-50 {
+  --text-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-gray-100 {
+  --text-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-gray-200 {
+  --text-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-gray-300 {
+  --text-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-gray-400 {
+  --text-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-gray-500 {
+  --text-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-gray-600 {
+  --text-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-gray-700 {
+  --text-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-gray-800 {
+  --text-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-gray-900 {
+  --text-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-cool-gray-50 {
+  --text-opacity: 1;
+  color: #fbfdfe;
+  color: rgba(251, 253, 254, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-cool-gray-100 {
+  --text-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-cool-gray-200 {
+  --text-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-cool-gray-300 {
+  --text-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-cool-gray-400 {
+  --text-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-cool-gray-500 {
+  --text-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-cool-gray-600 {
+  --text-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-cool-gray-700 {
+  --text-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-cool-gray-800 {
+  --text-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-cool-gray-900 {
+  --text-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-red-50 {
+  --text-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-red-100 {
+  --text-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-red-200 {
+  --text-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-red-300 {
+  --text-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-red-400 {
+  --text-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-red-500 {
+  --text-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-red-600 {
+  --text-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-red-700 {
+  --text-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-red-800 {
+  --text-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-red-900 {
+  --text-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-orange-50 {
+  --text-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-orange-100 {
+  --text-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-orange-200 {
+  --text-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-orange-300 {
+  --text-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-orange-400 {
+  --text-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-orange-500 {
+  --text-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-orange-600 {
+  --text-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-orange-700 {
+  --text-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-orange-800 {
+  --text-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-orange-900 {
+  --text-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-yellow-50 {
+  --text-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-yellow-100 {
+  --text-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-yellow-200 {
+  --text-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-yellow-300 {
+  --text-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-yellow-400 {
+  --text-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-yellow-500 {
+  --text-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-yellow-600 {
+  --text-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-yellow-700 {
+  --text-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-yellow-800 {
+  --text-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-yellow-900 {
+  --text-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-green-50 {
+  --text-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-green-100 {
+  --text-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-green-200 {
+  --text-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-green-300 {
+  --text-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-green-400 {
+  --text-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-green-500 {
+  --text-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-green-600 {
+  --text-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-green-700 {
+  --text-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-green-800 {
+  --text-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-green-900 {
+  --text-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-teal-50 {
+  --text-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-teal-100 {
+  --text-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-teal-200 {
+  --text-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-teal-300 {
+  --text-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-teal-400 {
+  --text-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-teal-500 {
+  --text-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-teal-600 {
+  --text-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-teal-700 {
+  --text-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-teal-800 {
+  --text-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-teal-900 {
+  --text-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-blue-50 {
+  --text-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-blue-100 {
+  --text-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-blue-200 {
+  --text-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-blue-300 {
+  --text-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-blue-400 {
+  --text-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-blue-500 {
+  --text-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-blue-600 {
+  --text-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-blue-700 {
+  --text-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-blue-800 {
+  --text-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-blue-900 {
+  --text-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-indigo-50 {
+  --text-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-indigo-100 {
+  --text-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-indigo-200 {
+  --text-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-indigo-300 {
+  --text-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-indigo-400 {
+  --text-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-indigo-500 {
+  --text-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-indigo-600 {
+  --text-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-indigo-700 {
+  --text-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-indigo-800 {
+  --text-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-indigo-900 {
+  --text-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-purple-50 {
+  --text-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-purple-100 {
+  --text-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-purple-200 {
+  --text-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-purple-300 {
+  --text-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-purple-400 {
+  --text-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-purple-500 {
+  --text-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-purple-600 {
+  --text-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-purple-700 {
+  --text-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-purple-800 {
+  --text-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-purple-900 {
+  --text-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-pink-50 {
+  --text-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-pink-100 {
+  --text-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-pink-200 {
+  --text-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-pink-300 {
+  --text-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-pink-400 {
+  --text-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-pink-500 {
+  --text-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-pink-600 {
+  --text-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-pink-700 {
+  --text-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-pink-800 {
+  --text-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--text-opacity));
+}
+
+.group:focus .group-focus\:text-pink-900 {
+  --text-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--text-opacity));
+}
+
+.hover\:text-transparent:hover {
+  color: transparent;
+}
+
+.hover\:text-white:hover {
+  --text-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--text-opacity));
+}
+
+.hover\:text-black:hover {
+  --text-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--text-opacity));
+}
+
+.hover\:text-gray-50:hover {
+  --text-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--text-opacity));
+}
+
+.hover\:text-gray-100:hover {
+  --text-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--text-opacity));
+}
+
+.hover\:text-gray-200:hover {
+  --text-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--text-opacity));
+}
+
+.hover\:text-gray-300:hover {
+  --text-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--text-opacity));
+}
+
+.hover\:text-gray-400:hover {
+  --text-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--text-opacity));
+}
+
+.hover\:text-gray-500:hover {
+  --text-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--text-opacity));
+}
+
+.hover\:text-gray-600:hover {
+  --text-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--text-opacity));
+}
+
+.hover\:text-gray-700:hover {
+  --text-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--text-opacity));
+}
+
+.hover\:text-gray-800:hover {
+  --text-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--text-opacity));
+}
+
+.hover\:text-gray-900:hover {
+  --text-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--text-opacity));
+}
+
+.hover\:text-cool-gray-50:hover {
+  --text-opacity: 1;
+  color: #fbfdfe;
+  color: rgba(251, 253, 254, var(--text-opacity));
+}
+
+.hover\:text-cool-gray-100:hover {
+  --text-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, var(--text-opacity));
+}
+
+.hover\:text-cool-gray-200:hover {
+  --text-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--text-opacity));
+}
+
+.hover\:text-cool-gray-300:hover {
+  --text-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--text-opacity));
+}
+
+.hover\:text-cool-gray-400:hover {
+  --text-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--text-opacity));
+}
+
+.hover\:text-cool-gray-500:hover {
+  --text-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--text-opacity));
+}
+
+.hover\:text-cool-gray-600:hover {
+  --text-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--text-opacity));
+}
+
+.hover\:text-cool-gray-700:hover {
+  --text-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--text-opacity));
+}
+
+.hover\:text-cool-gray-800:hover {
+  --text-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--text-opacity));
+}
+
+.hover\:text-cool-gray-900:hover {
+  --text-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--text-opacity));
+}
+
+.hover\:text-red-50:hover {
+  --text-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--text-opacity));
+}
+
+.hover\:text-red-100:hover {
+  --text-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--text-opacity));
+}
+
+.hover\:text-red-200:hover {
+  --text-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--text-opacity));
+}
+
+.hover\:text-red-300:hover {
+  --text-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--text-opacity));
+}
+
+.hover\:text-red-400:hover {
+  --text-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--text-opacity));
+}
+
+.hover\:text-red-500:hover {
+  --text-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--text-opacity));
+}
+
+.hover\:text-red-600:hover {
+  --text-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--text-opacity));
+}
+
+.hover\:text-red-700:hover {
+  --text-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--text-opacity));
+}
+
+.hover\:text-red-800:hover {
+  --text-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--text-opacity));
+}
+
+.hover\:text-red-900:hover {
+  --text-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--text-opacity));
+}
+
+.hover\:text-orange-50:hover {
+  --text-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--text-opacity));
+}
+
+.hover\:text-orange-100:hover {
+  --text-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--text-opacity));
+}
+
+.hover\:text-orange-200:hover {
+  --text-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--text-opacity));
+}
+
+.hover\:text-orange-300:hover {
+  --text-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--text-opacity));
+}
+
+.hover\:text-orange-400:hover {
+  --text-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--text-opacity));
+}
+
+.hover\:text-orange-500:hover {
+  --text-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--text-opacity));
+}
+
+.hover\:text-orange-600:hover {
+  --text-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--text-opacity));
+}
+
+.hover\:text-orange-700:hover {
+  --text-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--text-opacity));
+}
+
+.hover\:text-orange-800:hover {
+  --text-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--text-opacity));
+}
+
+.hover\:text-orange-900:hover {
+  --text-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--text-opacity));
+}
+
+.hover\:text-yellow-50:hover {
+  --text-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, var(--text-opacity));
+}
+
+.hover\:text-yellow-100:hover {
+  --text-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--text-opacity));
+}
+
+.hover\:text-yellow-200:hover {
+  --text-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--text-opacity));
+}
+
+.hover\:text-yellow-300:hover {
+  --text-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--text-opacity));
+}
+
+.hover\:text-yellow-400:hover {
+  --text-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--text-opacity));
+}
+
+.hover\:text-yellow-500:hover {
+  --text-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--text-opacity));
+}
+
+.hover\:text-yellow-600:hover {
+  --text-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--text-opacity));
+}
+
+.hover\:text-yellow-700:hover {
+  --text-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--text-opacity));
+}
+
+.hover\:text-yellow-800:hover {
+  --text-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--text-opacity));
+}
+
+.hover\:text-yellow-900:hover {
+  --text-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--text-opacity));
+}
+
+.hover\:text-green-50:hover {
+  --text-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--text-opacity));
+}
+
+.hover\:text-green-100:hover {
+  --text-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--text-opacity));
+}
+
+.hover\:text-green-200:hover {
+  --text-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--text-opacity));
+}
+
+.hover\:text-green-300:hover {
+  --text-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--text-opacity));
+}
+
+.hover\:text-green-400:hover {
+  --text-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--text-opacity));
+}
+
+.hover\:text-green-500:hover {
+  --text-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--text-opacity));
+}
+
+.hover\:text-green-600:hover {
+  --text-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--text-opacity));
+}
+
+.hover\:text-green-700:hover {
+  --text-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--text-opacity));
+}
+
+.hover\:text-green-800:hover {
+  --text-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--text-opacity));
+}
+
+.hover\:text-green-900:hover {
+  --text-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--text-opacity));
+}
+
+.hover\:text-teal-50:hover {
+  --text-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--text-opacity));
+}
+
+.hover\:text-teal-100:hover {
+  --text-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--text-opacity));
+}
+
+.hover\:text-teal-200:hover {
+  --text-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--text-opacity));
+}
+
+.hover\:text-teal-300:hover {
+  --text-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--text-opacity));
+}
+
+.hover\:text-teal-400:hover {
+  --text-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--text-opacity));
+}
+
+.hover\:text-teal-500:hover {
+  --text-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--text-opacity));
+}
+
+.hover\:text-teal-600:hover {
+  --text-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--text-opacity));
+}
+
+.hover\:text-teal-700:hover {
+  --text-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--text-opacity));
+}
+
+.hover\:text-teal-800:hover {
+  --text-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--text-opacity));
+}
+
+.hover\:text-teal-900:hover {
+  --text-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--text-opacity));
+}
+
+.hover\:text-blue-50:hover {
+  --text-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--text-opacity));
+}
+
+.hover\:text-blue-100:hover {
+  --text-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--text-opacity));
+}
+
+.hover\:text-blue-200:hover {
+  --text-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--text-opacity));
+}
+
+.hover\:text-blue-300:hover {
+  --text-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--text-opacity));
+}
+
+.hover\:text-blue-400:hover {
+  --text-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--text-opacity));
+}
+
+.hover\:text-blue-500:hover {
+  --text-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--text-opacity));
+}
+
+.hover\:text-blue-600:hover {
+  --text-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--text-opacity));
+}
+
+.hover\:text-blue-700:hover {
+  --text-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--text-opacity));
+}
+
+.hover\:text-blue-800:hover {
+  --text-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--text-opacity));
+}
+
+.hover\:text-blue-900:hover {
+  --text-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--text-opacity));
+}
+
+.hover\:text-indigo-50:hover {
+  --text-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--text-opacity));
+}
+
+.hover\:text-indigo-100:hover {
+  --text-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--text-opacity));
+}
+
+.hover\:text-indigo-200:hover {
+  --text-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--text-opacity));
+}
+
+.hover\:text-indigo-300:hover {
+  --text-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--text-opacity));
+}
+
+.hover\:text-indigo-400:hover {
+  --text-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--text-opacity));
+}
+
+.hover\:text-indigo-500:hover {
+  --text-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--text-opacity));
+}
+
+.hover\:text-indigo-600:hover {
+  --text-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--text-opacity));
+}
+
+.hover\:text-indigo-700:hover {
+  --text-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--text-opacity));
+}
+
+.hover\:text-indigo-800:hover {
+  --text-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--text-opacity));
+}
+
+.hover\:text-indigo-900:hover {
+  --text-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--text-opacity));
+}
+
+.hover\:text-purple-50:hover {
+  --text-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--text-opacity));
+}
+
+.hover\:text-purple-100:hover {
+  --text-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--text-opacity));
+}
+
+.hover\:text-purple-200:hover {
+  --text-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--text-opacity));
+}
+
+.hover\:text-purple-300:hover {
+  --text-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--text-opacity));
+}
+
+.hover\:text-purple-400:hover {
+  --text-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--text-opacity));
+}
+
+.hover\:text-purple-500:hover {
+  --text-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--text-opacity));
+}
+
+.hover\:text-purple-600:hover {
+  --text-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--text-opacity));
+}
+
+.hover\:text-purple-700:hover {
+  --text-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--text-opacity));
+}
+
+.hover\:text-purple-800:hover {
+  --text-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--text-opacity));
+}
+
+.hover\:text-purple-900:hover {
+  --text-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--text-opacity));
+}
+
+.hover\:text-pink-50:hover {
+  --text-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--text-opacity));
+}
+
+.hover\:text-pink-100:hover {
+  --text-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--text-opacity));
+}
+
+.hover\:text-pink-200:hover {
+  --text-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--text-opacity));
+}
+
+.hover\:text-pink-300:hover {
+  --text-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--text-opacity));
+}
+
+.hover\:text-pink-400:hover {
+  --text-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--text-opacity));
+}
+
+.hover\:text-pink-500:hover {
+  --text-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--text-opacity));
+}
+
+.hover\:text-pink-600:hover {
+  --text-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--text-opacity));
+}
+
+.hover\:text-pink-700:hover {
+  --text-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--text-opacity));
+}
+
+.hover\:text-pink-800:hover {
+  --text-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--text-opacity));
+}
+
+.hover\:text-pink-900:hover {
+  --text-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--text-opacity));
+}
+
+.focus-within\:text-transparent:focus-within {
+  color: transparent;
+}
+
+.focus-within\:text-white:focus-within {
+  --text-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--text-opacity));
+}
+
+.focus-within\:text-black:focus-within {
+  --text-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--text-opacity));
+}
+
+.focus-within\:text-gray-50:focus-within {
+  --text-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--text-opacity));
+}
+
+.focus-within\:text-gray-100:focus-within {
+  --text-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--text-opacity));
+}
+
+.focus-within\:text-gray-200:focus-within {
+  --text-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--text-opacity));
+}
+
+.focus-within\:text-gray-300:focus-within {
+  --text-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--text-opacity));
+}
+
+.focus-within\:text-gray-400:focus-within {
+  --text-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--text-opacity));
+}
+
+.focus-within\:text-gray-500:focus-within {
+  --text-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--text-opacity));
+}
+
+.focus-within\:text-gray-600:focus-within {
+  --text-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--text-opacity));
+}
+
+.focus-within\:text-gray-700:focus-within {
+  --text-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--text-opacity));
+}
+
+.focus-within\:text-gray-800:focus-within {
+  --text-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--text-opacity));
+}
+
+.focus-within\:text-gray-900:focus-within {
+  --text-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--text-opacity));
+}
+
+.focus-within\:text-cool-gray-50:focus-within {
+  --text-opacity: 1;
+  color: #fbfdfe;
+  color: rgba(251, 253, 254, var(--text-opacity));
+}
+
+.focus-within\:text-cool-gray-100:focus-within {
+  --text-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, var(--text-opacity));
+}
+
+.focus-within\:text-cool-gray-200:focus-within {
+  --text-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--text-opacity));
+}
+
+.focus-within\:text-cool-gray-300:focus-within {
+  --text-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--text-opacity));
+}
+
+.focus-within\:text-cool-gray-400:focus-within {
+  --text-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--text-opacity));
+}
+
+.focus-within\:text-cool-gray-500:focus-within {
+  --text-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--text-opacity));
+}
+
+.focus-within\:text-cool-gray-600:focus-within {
+  --text-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--text-opacity));
+}
+
+.focus-within\:text-cool-gray-700:focus-within {
+  --text-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--text-opacity));
+}
+
+.focus-within\:text-cool-gray-800:focus-within {
+  --text-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--text-opacity));
+}
+
+.focus-within\:text-cool-gray-900:focus-within {
+  --text-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--text-opacity));
+}
+
+.focus-within\:text-red-50:focus-within {
+  --text-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--text-opacity));
+}
+
+.focus-within\:text-red-100:focus-within {
+  --text-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--text-opacity));
+}
+
+.focus-within\:text-red-200:focus-within {
+  --text-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--text-opacity));
+}
+
+.focus-within\:text-red-300:focus-within {
+  --text-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--text-opacity));
+}
+
+.focus-within\:text-red-400:focus-within {
+  --text-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--text-opacity));
+}
+
+.focus-within\:text-red-500:focus-within {
+  --text-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--text-opacity));
+}
+
+.focus-within\:text-red-600:focus-within {
+  --text-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--text-opacity));
+}
+
+.focus-within\:text-red-700:focus-within {
+  --text-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--text-opacity));
+}
+
+.focus-within\:text-red-800:focus-within {
+  --text-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--text-opacity));
+}
+
+.focus-within\:text-red-900:focus-within {
+  --text-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--text-opacity));
+}
+
+.focus-within\:text-orange-50:focus-within {
+  --text-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--text-opacity));
+}
+
+.focus-within\:text-orange-100:focus-within {
+  --text-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--text-opacity));
+}
+
+.focus-within\:text-orange-200:focus-within {
+  --text-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--text-opacity));
+}
+
+.focus-within\:text-orange-300:focus-within {
+  --text-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--text-opacity));
+}
+
+.focus-within\:text-orange-400:focus-within {
+  --text-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--text-opacity));
+}
+
+.focus-within\:text-orange-500:focus-within {
+  --text-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--text-opacity));
+}
+
+.focus-within\:text-orange-600:focus-within {
+  --text-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--text-opacity));
+}
+
+.focus-within\:text-orange-700:focus-within {
+  --text-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--text-opacity));
+}
+
+.focus-within\:text-orange-800:focus-within {
+  --text-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--text-opacity));
+}
+
+.focus-within\:text-orange-900:focus-within {
+  --text-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-50:focus-within {
+  --text-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-100:focus-within {
+  --text-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-200:focus-within {
+  --text-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-300:focus-within {
+  --text-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-400:focus-within {
+  --text-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-500:focus-within {
+  --text-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-600:focus-within {
+  --text-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-700:focus-within {
+  --text-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-800:focus-within {
+  --text-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-900:focus-within {
+  --text-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--text-opacity));
+}
+
+.focus-within\:text-green-50:focus-within {
+  --text-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--text-opacity));
+}
+
+.focus-within\:text-green-100:focus-within {
+  --text-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--text-opacity));
+}
+
+.focus-within\:text-green-200:focus-within {
+  --text-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--text-opacity));
+}
+
+.focus-within\:text-green-300:focus-within {
+  --text-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--text-opacity));
+}
+
+.focus-within\:text-green-400:focus-within {
+  --text-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--text-opacity));
+}
+
+.focus-within\:text-green-500:focus-within {
+  --text-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--text-opacity));
+}
+
+.focus-within\:text-green-600:focus-within {
+  --text-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--text-opacity));
+}
+
+.focus-within\:text-green-700:focus-within {
+  --text-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--text-opacity));
+}
+
+.focus-within\:text-green-800:focus-within {
+  --text-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--text-opacity));
+}
+
+.focus-within\:text-green-900:focus-within {
+  --text-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--text-opacity));
+}
+
+.focus-within\:text-teal-50:focus-within {
+  --text-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--text-opacity));
+}
+
+.focus-within\:text-teal-100:focus-within {
+  --text-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--text-opacity));
+}
+
+.focus-within\:text-teal-200:focus-within {
+  --text-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--text-opacity));
+}
+
+.focus-within\:text-teal-300:focus-within {
+  --text-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--text-opacity));
+}
+
+.focus-within\:text-teal-400:focus-within {
+  --text-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--text-opacity));
+}
+
+.focus-within\:text-teal-500:focus-within {
+  --text-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--text-opacity));
+}
+
+.focus-within\:text-teal-600:focus-within {
+  --text-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--text-opacity));
+}
+
+.focus-within\:text-teal-700:focus-within {
+  --text-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--text-opacity));
+}
+
+.focus-within\:text-teal-800:focus-within {
+  --text-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--text-opacity));
+}
+
+.focus-within\:text-teal-900:focus-within {
+  --text-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--text-opacity));
+}
+
+.focus-within\:text-blue-50:focus-within {
+  --text-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--text-opacity));
+}
+
+.focus-within\:text-blue-100:focus-within {
+  --text-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--text-opacity));
+}
+
+.focus-within\:text-blue-200:focus-within {
+  --text-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--text-opacity));
+}
+
+.focus-within\:text-blue-300:focus-within {
+  --text-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--text-opacity));
+}
+
+.focus-within\:text-blue-400:focus-within {
+  --text-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--text-opacity));
+}
+
+.focus-within\:text-blue-500:focus-within {
+  --text-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--text-opacity));
+}
+
+.focus-within\:text-blue-600:focus-within {
+  --text-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--text-opacity));
+}
+
+.focus-within\:text-blue-700:focus-within {
+  --text-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--text-opacity));
+}
+
+.focus-within\:text-blue-800:focus-within {
+  --text-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--text-opacity));
+}
+
+.focus-within\:text-blue-900:focus-within {
+  --text-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-50:focus-within {
+  --text-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-100:focus-within {
+  --text-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-200:focus-within {
+  --text-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-300:focus-within {
+  --text-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-400:focus-within {
+  --text-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-500:focus-within {
+  --text-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-600:focus-within {
+  --text-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-700:focus-within {
+  --text-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-800:focus-within {
+  --text-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-900:focus-within {
+  --text-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--text-opacity));
+}
+
+.focus-within\:text-purple-50:focus-within {
+  --text-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--text-opacity));
+}
+
+.focus-within\:text-purple-100:focus-within {
+  --text-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--text-opacity));
+}
+
+.focus-within\:text-purple-200:focus-within {
+  --text-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--text-opacity));
+}
+
+.focus-within\:text-purple-300:focus-within {
+  --text-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--text-opacity));
+}
+
+.focus-within\:text-purple-400:focus-within {
+  --text-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--text-opacity));
+}
+
+.focus-within\:text-purple-500:focus-within {
+  --text-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--text-opacity));
+}
+
+.focus-within\:text-purple-600:focus-within {
+  --text-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--text-opacity));
+}
+
+.focus-within\:text-purple-700:focus-within {
+  --text-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--text-opacity));
+}
+
+.focus-within\:text-purple-800:focus-within {
+  --text-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--text-opacity));
+}
+
+.focus-within\:text-purple-900:focus-within {
+  --text-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--text-opacity));
+}
+
+.focus-within\:text-pink-50:focus-within {
+  --text-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--text-opacity));
+}
+
+.focus-within\:text-pink-100:focus-within {
+  --text-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--text-opacity));
+}
+
+.focus-within\:text-pink-200:focus-within {
+  --text-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--text-opacity));
+}
+
+.focus-within\:text-pink-300:focus-within {
+  --text-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--text-opacity));
+}
+
+.focus-within\:text-pink-400:focus-within {
+  --text-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--text-opacity));
+}
+
+.focus-within\:text-pink-500:focus-within {
+  --text-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--text-opacity));
+}
+
+.focus-within\:text-pink-600:focus-within {
+  --text-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--text-opacity));
+}
+
+.focus-within\:text-pink-700:focus-within {
+  --text-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--text-opacity));
+}
+
+.focus-within\:text-pink-800:focus-within {
+  --text-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--text-opacity));
+}
+
+.focus-within\:text-pink-900:focus-within {
+  --text-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--text-opacity));
+}
+
+.focus\:text-transparent:focus {
+  color: transparent;
+}
+
+.focus\:text-white:focus {
+  --text-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--text-opacity));
+}
+
+.focus\:text-black:focus {
+  --text-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--text-opacity));
+}
+
+.focus\:text-gray-50:focus {
+  --text-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--text-opacity));
+}
+
+.focus\:text-gray-100:focus {
+  --text-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--text-opacity));
+}
+
+.focus\:text-gray-200:focus {
+  --text-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--text-opacity));
+}
+
+.focus\:text-gray-300:focus {
+  --text-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--text-opacity));
+}
+
+.focus\:text-gray-400:focus {
+  --text-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--text-opacity));
+}
+
+.focus\:text-gray-500:focus {
+  --text-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--text-opacity));
+}
+
+.focus\:text-gray-600:focus {
+  --text-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--text-opacity));
+}
+
+.focus\:text-gray-700:focus {
+  --text-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--text-opacity));
+}
+
+.focus\:text-gray-800:focus {
+  --text-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--text-opacity));
+}
+
+.focus\:text-gray-900:focus {
+  --text-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--text-opacity));
+}
+
+.focus\:text-cool-gray-50:focus {
+  --text-opacity: 1;
+  color: #fbfdfe;
+  color: rgba(251, 253, 254, var(--text-opacity));
+}
+
+.focus\:text-cool-gray-100:focus {
+  --text-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, var(--text-opacity));
+}
+
+.focus\:text-cool-gray-200:focus {
+  --text-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--text-opacity));
+}
+
+.focus\:text-cool-gray-300:focus {
+  --text-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--text-opacity));
+}
+
+.focus\:text-cool-gray-400:focus {
+  --text-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--text-opacity));
+}
+
+.focus\:text-cool-gray-500:focus {
+  --text-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--text-opacity));
+}
+
+.focus\:text-cool-gray-600:focus {
+  --text-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--text-opacity));
+}
+
+.focus\:text-cool-gray-700:focus {
+  --text-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--text-opacity));
+}
+
+.focus\:text-cool-gray-800:focus {
+  --text-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--text-opacity));
+}
+
+.focus\:text-cool-gray-900:focus {
+  --text-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--text-opacity));
+}
+
+.focus\:text-red-50:focus {
+  --text-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--text-opacity));
+}
+
+.focus\:text-red-100:focus {
+  --text-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--text-opacity));
+}
+
+.focus\:text-red-200:focus {
+  --text-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--text-opacity));
+}
+
+.focus\:text-red-300:focus {
+  --text-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--text-opacity));
+}
+
+.focus\:text-red-400:focus {
+  --text-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--text-opacity));
+}
+
+.focus\:text-red-500:focus {
+  --text-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--text-opacity));
+}
+
+.focus\:text-red-600:focus {
+  --text-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--text-opacity));
+}
+
+.focus\:text-red-700:focus {
+  --text-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--text-opacity));
+}
+
+.focus\:text-red-800:focus {
+  --text-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--text-opacity));
+}
+
+.focus\:text-red-900:focus {
+  --text-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--text-opacity));
+}
+
+.focus\:text-orange-50:focus {
+  --text-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--text-opacity));
+}
+
+.focus\:text-orange-100:focus {
+  --text-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--text-opacity));
+}
+
+.focus\:text-orange-200:focus {
+  --text-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--text-opacity));
+}
+
+.focus\:text-orange-300:focus {
+  --text-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--text-opacity));
+}
+
+.focus\:text-orange-400:focus {
+  --text-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--text-opacity));
+}
+
+.focus\:text-orange-500:focus {
+  --text-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--text-opacity));
+}
+
+.focus\:text-orange-600:focus {
+  --text-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--text-opacity));
+}
+
+.focus\:text-orange-700:focus {
+  --text-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--text-opacity));
+}
+
+.focus\:text-orange-800:focus {
+  --text-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--text-opacity));
+}
+
+.focus\:text-orange-900:focus {
+  --text-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--text-opacity));
+}
+
+.focus\:text-yellow-50:focus {
+  --text-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, var(--text-opacity));
+}
+
+.focus\:text-yellow-100:focus {
+  --text-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--text-opacity));
+}
+
+.focus\:text-yellow-200:focus {
+  --text-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--text-opacity));
+}
+
+.focus\:text-yellow-300:focus {
+  --text-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--text-opacity));
+}
+
+.focus\:text-yellow-400:focus {
+  --text-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--text-opacity));
+}
+
+.focus\:text-yellow-500:focus {
+  --text-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--text-opacity));
+}
+
+.focus\:text-yellow-600:focus {
+  --text-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--text-opacity));
+}
+
+.focus\:text-yellow-700:focus {
+  --text-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--text-opacity));
+}
+
+.focus\:text-yellow-800:focus {
+  --text-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--text-opacity));
+}
+
+.focus\:text-yellow-900:focus {
+  --text-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--text-opacity));
+}
+
+.focus\:text-green-50:focus {
+  --text-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--text-opacity));
+}
+
+.focus\:text-green-100:focus {
+  --text-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--text-opacity));
+}
+
+.focus\:text-green-200:focus {
+  --text-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--text-opacity));
+}
+
+.focus\:text-green-300:focus {
+  --text-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--text-opacity));
+}
+
+.focus\:text-green-400:focus {
+  --text-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--text-opacity));
+}
+
+.focus\:text-green-500:focus {
+  --text-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--text-opacity));
+}
+
+.focus\:text-green-600:focus {
+  --text-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--text-opacity));
+}
+
+.focus\:text-green-700:focus {
+  --text-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--text-opacity));
+}
+
+.focus\:text-green-800:focus {
+  --text-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--text-opacity));
+}
+
+.focus\:text-green-900:focus {
+  --text-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--text-opacity));
+}
+
+.focus\:text-teal-50:focus {
+  --text-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--text-opacity));
+}
+
+.focus\:text-teal-100:focus {
+  --text-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--text-opacity));
+}
+
+.focus\:text-teal-200:focus {
+  --text-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--text-opacity));
+}
+
+.focus\:text-teal-300:focus {
+  --text-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--text-opacity));
+}
+
+.focus\:text-teal-400:focus {
+  --text-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--text-opacity));
+}
+
+.focus\:text-teal-500:focus {
+  --text-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--text-opacity));
+}
+
+.focus\:text-teal-600:focus {
+  --text-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--text-opacity));
+}
+
+.focus\:text-teal-700:focus {
+  --text-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--text-opacity));
+}
+
+.focus\:text-teal-800:focus {
+  --text-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--text-opacity));
+}
+
+.focus\:text-teal-900:focus {
+  --text-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--text-opacity));
+}
+
+.focus\:text-blue-50:focus {
+  --text-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--text-opacity));
+}
+
+.focus\:text-blue-100:focus {
+  --text-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--text-opacity));
+}
+
+.focus\:text-blue-200:focus {
+  --text-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--text-opacity));
+}
+
+.focus\:text-blue-300:focus {
+  --text-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--text-opacity));
+}
+
+.focus\:text-blue-400:focus {
+  --text-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--text-opacity));
+}
+
+.focus\:text-blue-500:focus {
+  --text-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--text-opacity));
+}
+
+.focus\:text-blue-600:focus {
+  --text-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--text-opacity));
+}
+
+.focus\:text-blue-700:focus {
+  --text-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--text-opacity));
+}
+
+.focus\:text-blue-800:focus {
+  --text-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--text-opacity));
+}
+
+.focus\:text-blue-900:focus {
+  --text-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--text-opacity));
+}
+
+.focus\:text-indigo-50:focus {
+  --text-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--text-opacity));
+}
+
+.focus\:text-indigo-100:focus {
+  --text-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--text-opacity));
+}
+
+.focus\:text-indigo-200:focus {
+  --text-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--text-opacity));
+}
+
+.focus\:text-indigo-300:focus {
+  --text-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--text-opacity));
+}
+
+.focus\:text-indigo-400:focus {
+  --text-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--text-opacity));
+}
+
+.focus\:text-indigo-500:focus {
+  --text-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--text-opacity));
+}
+
+.focus\:text-indigo-600:focus {
+  --text-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--text-opacity));
+}
+
+.focus\:text-indigo-700:focus {
+  --text-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--text-opacity));
+}
+
+.focus\:text-indigo-800:focus {
+  --text-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--text-opacity));
+}
+
+.focus\:text-indigo-900:focus {
+  --text-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--text-opacity));
+}
+
+.focus\:text-purple-50:focus {
+  --text-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--text-opacity));
+}
+
+.focus\:text-purple-100:focus {
+  --text-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--text-opacity));
+}
+
+.focus\:text-purple-200:focus {
+  --text-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--text-opacity));
+}
+
+.focus\:text-purple-300:focus {
+  --text-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--text-opacity));
+}
+
+.focus\:text-purple-400:focus {
+  --text-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--text-opacity));
+}
+
+.focus\:text-purple-500:focus {
+  --text-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--text-opacity));
+}
+
+.focus\:text-purple-600:focus {
+  --text-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--text-opacity));
+}
+
+.focus\:text-purple-700:focus {
+  --text-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--text-opacity));
+}
+
+.focus\:text-purple-800:focus {
+  --text-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--text-opacity));
+}
+
+.focus\:text-purple-900:focus {
+  --text-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--text-opacity));
+}
+
+.focus\:text-pink-50:focus {
+  --text-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--text-opacity));
+}
+
+.focus\:text-pink-100:focus {
+  --text-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--text-opacity));
+}
+
+.focus\:text-pink-200:focus {
+  --text-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--text-opacity));
+}
+
+.focus\:text-pink-300:focus {
+  --text-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--text-opacity));
+}
+
+.focus\:text-pink-400:focus {
+  --text-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--text-opacity));
+}
+
+.focus\:text-pink-500:focus {
+  --text-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--text-opacity));
+}
+
+.focus\:text-pink-600:focus {
+  --text-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--text-opacity));
+}
+
+.focus\:text-pink-700:focus {
+  --text-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--text-opacity));
+}
+
+.focus\:text-pink-800:focus {
+  --text-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--text-opacity));
+}
+
+.focus\:text-pink-900:focus {
+  --text-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--text-opacity));
+}
+
+.active\:text-transparent:active {
+  color: transparent;
+}
+
+.active\:text-white:active {
+  --text-opacity: 1;
+  color: #ffffff;
+  color: rgba(255, 255, 255, var(--text-opacity));
+}
+
+.active\:text-black:active {
+  --text-opacity: 1;
+  color: #000000;
+  color: rgba(0, 0, 0, var(--text-opacity));
+}
+
+.active\:text-gray-50:active {
+  --text-opacity: 1;
+  color: #f9fafb;
+  color: rgba(249, 250, 251, var(--text-opacity));
+}
+
+.active\:text-gray-100:active {
+  --text-opacity: 1;
+  color: #f4f5f7;
+  color: rgba(244, 245, 247, var(--text-opacity));
+}
+
+.active\:text-gray-200:active {
+  --text-opacity: 1;
+  color: #e5e7eb;
+  color: rgba(229, 231, 235, var(--text-opacity));
+}
+
+.active\:text-gray-300:active {
+  --text-opacity: 1;
+  color: #d2d6dc;
+  color: rgba(210, 214, 220, var(--text-opacity));
+}
+
+.active\:text-gray-400:active {
+  --text-opacity: 1;
+  color: #9fa6b2;
+  color: rgba(159, 166, 178, var(--text-opacity));
+}
+
+.active\:text-gray-500:active {
+  --text-opacity: 1;
+  color: #6b7280;
+  color: rgba(107, 114, 128, var(--text-opacity));
+}
+
+.active\:text-gray-600:active {
+  --text-opacity: 1;
+  color: #4b5563;
+  color: rgba(75, 85, 99, var(--text-opacity));
+}
+
+.active\:text-gray-700:active {
+  --text-opacity: 1;
+  color: #374151;
+  color: rgba(55, 65, 81, var(--text-opacity));
+}
+
+.active\:text-gray-800:active {
+  --text-opacity: 1;
+  color: #252f3f;
+  color: rgba(37, 47, 63, var(--text-opacity));
+}
+
+.active\:text-gray-900:active {
+  --text-opacity: 1;
+  color: #161e2e;
+  color: rgba(22, 30, 46, var(--text-opacity));
+}
+
+.active\:text-cool-gray-50:active {
+  --text-opacity: 1;
+  color: #fbfdfe;
+  color: rgba(251, 253, 254, var(--text-opacity));
+}
+
+.active\:text-cool-gray-100:active {
+  --text-opacity: 1;
+  color: #f1f5f9;
+  color: rgba(241, 245, 249, var(--text-opacity));
+}
+
+.active\:text-cool-gray-200:active {
+  --text-opacity: 1;
+  color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--text-opacity));
+}
+
+.active\:text-cool-gray-300:active {
+  --text-opacity: 1;
+  color: #cfd8e3;
+  color: rgba(207, 216, 227, var(--text-opacity));
+}
+
+.active\:text-cool-gray-400:active {
+  --text-opacity: 1;
+  color: #97a6ba;
+  color: rgba(151, 166, 186, var(--text-opacity));
+}
+
+.active\:text-cool-gray-500:active {
+  --text-opacity: 1;
+  color: #64748b;
+  color: rgba(100, 116, 139, var(--text-opacity));
+}
+
+.active\:text-cool-gray-600:active {
+  --text-opacity: 1;
+  color: #475569;
+  color: rgba(71, 85, 105, var(--text-opacity));
+}
+
+.active\:text-cool-gray-700:active {
+  --text-opacity: 1;
+  color: #364152;
+  color: rgba(54, 65, 82, var(--text-opacity));
+}
+
+.active\:text-cool-gray-800:active {
+  --text-opacity: 1;
+  color: #27303f;
+  color: rgba(39, 48, 63, var(--text-opacity));
+}
+
+.active\:text-cool-gray-900:active {
+  --text-opacity: 1;
+  color: #1a202e;
+  color: rgba(26, 32, 46, var(--text-opacity));
+}
+
+.active\:text-red-50:active {
+  --text-opacity: 1;
+  color: #fdf2f2;
+  color: rgba(253, 242, 242, var(--text-opacity));
+}
+
+.active\:text-red-100:active {
+  --text-opacity: 1;
+  color: #fde8e8;
+  color: rgba(253, 232, 232, var(--text-opacity));
+}
+
+.active\:text-red-200:active {
+  --text-opacity: 1;
+  color: #fbd5d5;
+  color: rgba(251, 213, 213, var(--text-opacity));
+}
+
+.active\:text-red-300:active {
+  --text-opacity: 1;
+  color: #f8b4b4;
+  color: rgba(248, 180, 180, var(--text-opacity));
+}
+
+.active\:text-red-400:active {
+  --text-opacity: 1;
+  color: #f98080;
+  color: rgba(249, 128, 128, var(--text-opacity));
+}
+
+.active\:text-red-500:active {
+  --text-opacity: 1;
+  color: #f05252;
+  color: rgba(240, 82, 82, var(--text-opacity));
+}
+
+.active\:text-red-600:active {
+  --text-opacity: 1;
+  color: #e02424;
+  color: rgba(224, 36, 36, var(--text-opacity));
+}
+
+.active\:text-red-700:active {
+  --text-opacity: 1;
+  color: #c81e1e;
+  color: rgba(200, 30, 30, var(--text-opacity));
+}
+
+.active\:text-red-800:active {
+  --text-opacity: 1;
+  color: #9b1c1c;
+  color: rgba(155, 28, 28, var(--text-opacity));
+}
+
+.active\:text-red-900:active {
+  --text-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--text-opacity));
+}
+
+.active\:text-orange-50:active {
+  --text-opacity: 1;
+  color: #fff8f1;
+  color: rgba(255, 248, 241, var(--text-opacity));
+}
+
+.active\:text-orange-100:active {
+  --text-opacity: 1;
+  color: #feecdc;
+  color: rgba(254, 236, 220, var(--text-opacity));
+}
+
+.active\:text-orange-200:active {
+  --text-opacity: 1;
+  color: #fcd9bd;
+  color: rgba(252, 217, 189, var(--text-opacity));
+}
+
+.active\:text-orange-300:active {
+  --text-opacity: 1;
+  color: #fdba8c;
+  color: rgba(253, 186, 140, var(--text-opacity));
+}
+
+.active\:text-orange-400:active {
+  --text-opacity: 1;
+  color: #ff8a4c;
+  color: rgba(255, 138, 76, var(--text-opacity));
+}
+
+.active\:text-orange-500:active {
+  --text-opacity: 1;
+  color: #ff5a1f;
+  color: rgba(255, 90, 31, var(--text-opacity));
+}
+
+.active\:text-orange-600:active {
+  --text-opacity: 1;
+  color: #d03801;
+  color: rgba(208, 56, 1, var(--text-opacity));
+}
+
+.active\:text-orange-700:active {
+  --text-opacity: 1;
+  color: #b43403;
+  color: rgba(180, 52, 3, var(--text-opacity));
+}
+
+.active\:text-orange-800:active {
+  --text-opacity: 1;
+  color: #8a2c0d;
+  color: rgba(138, 44, 13, var(--text-opacity));
+}
+
+.active\:text-orange-900:active {
+  --text-opacity: 1;
+  color: #771d1d;
+  color: rgba(119, 29, 29, var(--text-opacity));
+}
+
+.active\:text-yellow-50:active {
+  --text-opacity: 1;
+  color: #fdfdea;
+  color: rgba(253, 253, 234, var(--text-opacity));
+}
+
+.active\:text-yellow-100:active {
+  --text-opacity: 1;
+  color: #fdf6b2;
+  color: rgba(253, 246, 178, var(--text-opacity));
+}
+
+.active\:text-yellow-200:active {
+  --text-opacity: 1;
+  color: #fce96a;
+  color: rgba(252, 233, 106, var(--text-opacity));
+}
+
+.active\:text-yellow-300:active {
+  --text-opacity: 1;
+  color: #faca15;
+  color: rgba(250, 202, 21, var(--text-opacity));
+}
+
+.active\:text-yellow-400:active {
+  --text-opacity: 1;
+  color: #e3a008;
+  color: rgba(227, 160, 8, var(--text-opacity));
+}
+
+.active\:text-yellow-500:active {
+  --text-opacity: 1;
+  color: #c27803;
+  color: rgba(194, 120, 3, var(--text-opacity));
+}
+
+.active\:text-yellow-600:active {
+  --text-opacity: 1;
+  color: #9f580a;
+  color: rgba(159, 88, 10, var(--text-opacity));
+}
+
+.active\:text-yellow-700:active {
+  --text-opacity: 1;
+  color: #8e4b10;
+  color: rgba(142, 75, 16, var(--text-opacity));
+}
+
+.active\:text-yellow-800:active {
+  --text-opacity: 1;
+  color: #723b13;
+  color: rgba(114, 59, 19, var(--text-opacity));
+}
+
+.active\:text-yellow-900:active {
+  --text-opacity: 1;
+  color: #633112;
+  color: rgba(99, 49, 18, var(--text-opacity));
+}
+
+.active\:text-green-50:active {
+  --text-opacity: 1;
+  color: #f3faf7;
+  color: rgba(243, 250, 247, var(--text-opacity));
+}
+
+.active\:text-green-100:active {
+  --text-opacity: 1;
+  color: #def7ec;
+  color: rgba(222, 247, 236, var(--text-opacity));
+}
+
+.active\:text-green-200:active {
+  --text-opacity: 1;
+  color: #bcf0da;
+  color: rgba(188, 240, 218, var(--text-opacity));
+}
+
+.active\:text-green-300:active {
+  --text-opacity: 1;
+  color: #84e1bc;
+  color: rgba(132, 225, 188, var(--text-opacity));
+}
+
+.active\:text-green-400:active {
+  --text-opacity: 1;
+  color: #31c48d;
+  color: rgba(49, 196, 141, var(--text-opacity));
+}
+
+.active\:text-green-500:active {
+  --text-opacity: 1;
+  color: #0e9f6e;
+  color: rgba(14, 159, 110, var(--text-opacity));
+}
+
+.active\:text-green-600:active {
+  --text-opacity: 1;
+  color: #057a55;
+  color: rgba(5, 122, 85, var(--text-opacity));
+}
+
+.active\:text-green-700:active {
+  --text-opacity: 1;
+  color: #046c4e;
+  color: rgba(4, 108, 78, var(--text-opacity));
+}
+
+.active\:text-green-800:active {
+  --text-opacity: 1;
+  color: #03543f;
+  color: rgba(3, 84, 63, var(--text-opacity));
+}
+
+.active\:text-green-900:active {
+  --text-opacity: 1;
+  color: #014737;
+  color: rgba(1, 71, 55, var(--text-opacity));
+}
+
+.active\:text-teal-50:active {
+  --text-opacity: 1;
+  color: #edfafa;
+  color: rgba(237, 250, 250, var(--text-opacity));
+}
+
+.active\:text-teal-100:active {
+  --text-opacity: 1;
+  color: #d5f5f6;
+  color: rgba(213, 245, 246, var(--text-opacity));
+}
+
+.active\:text-teal-200:active {
+  --text-opacity: 1;
+  color: #afecef;
+  color: rgba(175, 236, 239, var(--text-opacity));
+}
+
+.active\:text-teal-300:active {
+  --text-opacity: 1;
+  color: #7edce2;
+  color: rgba(126, 220, 226, var(--text-opacity));
+}
+
+.active\:text-teal-400:active {
+  --text-opacity: 1;
+  color: #16bdca;
+  color: rgba(22, 189, 202, var(--text-opacity));
+}
+
+.active\:text-teal-500:active {
+  --text-opacity: 1;
+  color: #0694a2;
+  color: rgba(6, 148, 162, var(--text-opacity));
+}
+
+.active\:text-teal-600:active {
+  --text-opacity: 1;
+  color: #047481;
+  color: rgba(4, 116, 129, var(--text-opacity));
+}
+
+.active\:text-teal-700:active {
+  --text-opacity: 1;
+  color: #036672;
+  color: rgba(3, 102, 114, var(--text-opacity));
+}
+
+.active\:text-teal-800:active {
+  --text-opacity: 1;
+  color: #05505c;
+  color: rgba(5, 80, 92, var(--text-opacity));
+}
+
+.active\:text-teal-900:active {
+  --text-opacity: 1;
+  color: #014451;
+  color: rgba(1, 68, 81, var(--text-opacity));
+}
+
+.active\:text-blue-50:active {
+  --text-opacity: 1;
+  color: #ebf5ff;
+  color: rgba(235, 245, 255, var(--text-opacity));
+}
+
+.active\:text-blue-100:active {
+  --text-opacity: 1;
+  color: #e1effe;
+  color: rgba(225, 239, 254, var(--text-opacity));
+}
+
+.active\:text-blue-200:active {
+  --text-opacity: 1;
+  color: #c3ddfd;
+  color: rgba(195, 221, 253, var(--text-opacity));
+}
+
+.active\:text-blue-300:active {
+  --text-opacity: 1;
+  color: #a4cafe;
+  color: rgba(164, 202, 254, var(--text-opacity));
+}
+
+.active\:text-blue-400:active {
+  --text-opacity: 1;
+  color: #76a9fa;
+  color: rgba(118, 169, 250, var(--text-opacity));
+}
+
+.active\:text-blue-500:active {
+  --text-opacity: 1;
+  color: #3f83f8;
+  color: rgba(63, 131, 248, var(--text-opacity));
+}
+
+.active\:text-blue-600:active {
+  --text-opacity: 1;
+  color: #1c64f2;
+  color: rgba(28, 100, 242, var(--text-opacity));
+}
+
+.active\:text-blue-700:active {
+  --text-opacity: 1;
+  color: #1a56db;
+  color: rgba(26, 86, 219, var(--text-opacity));
+}
+
+.active\:text-blue-800:active {
+  --text-opacity: 1;
+  color: #1e429f;
+  color: rgba(30, 66, 159, var(--text-opacity));
+}
+
+.active\:text-blue-900:active {
+  --text-opacity: 1;
+  color: #233876;
+  color: rgba(35, 56, 118, var(--text-opacity));
+}
+
+.active\:text-indigo-50:active {
+  --text-opacity: 1;
+  color: #f0f5ff;
+  color: rgba(240, 245, 255, var(--text-opacity));
+}
+
+.active\:text-indigo-100:active {
+  --text-opacity: 1;
+  color: #e5edff;
+  color: rgba(229, 237, 255, var(--text-opacity));
+}
+
+.active\:text-indigo-200:active {
+  --text-opacity: 1;
+  color: #cddbfe;
+  color: rgba(205, 219, 254, var(--text-opacity));
+}
+
+.active\:text-indigo-300:active {
+  --text-opacity: 1;
+  color: #b4c6fc;
+  color: rgba(180, 198, 252, var(--text-opacity));
+}
+
+.active\:text-indigo-400:active {
+  --text-opacity: 1;
+  color: #8da2fb;
+  color: rgba(141, 162, 251, var(--text-opacity));
+}
+
+.active\:text-indigo-500:active {
+  --text-opacity: 1;
+  color: #6875f5;
+  color: rgba(104, 117, 245, var(--text-opacity));
+}
+
+.active\:text-indigo-600:active {
+  --text-opacity: 1;
+  color: #5850ec;
+  color: rgba(88, 80, 236, var(--text-opacity));
+}
+
+.active\:text-indigo-700:active {
+  --text-opacity: 1;
+  color: #5145cd;
+  color: rgba(81, 69, 205, var(--text-opacity));
+}
+
+.active\:text-indigo-800:active {
+  --text-opacity: 1;
+  color: #42389d;
+  color: rgba(66, 56, 157, var(--text-opacity));
+}
+
+.active\:text-indigo-900:active {
+  --text-opacity: 1;
+  color: #362f78;
+  color: rgba(54, 47, 120, var(--text-opacity));
+}
+
+.active\:text-purple-50:active {
+  --text-opacity: 1;
+  color: #f6f5ff;
+  color: rgba(246, 245, 255, var(--text-opacity));
+}
+
+.active\:text-purple-100:active {
+  --text-opacity: 1;
+  color: #edebfe;
+  color: rgba(237, 235, 254, var(--text-opacity));
+}
+
+.active\:text-purple-200:active {
+  --text-opacity: 1;
+  color: #dcd7fe;
+  color: rgba(220, 215, 254, var(--text-opacity));
+}
+
+.active\:text-purple-300:active {
+  --text-opacity: 1;
+  color: #cabffd;
+  color: rgba(202, 191, 253, var(--text-opacity));
+}
+
+.active\:text-purple-400:active {
+  --text-opacity: 1;
+  color: #ac94fa;
+  color: rgba(172, 148, 250, var(--text-opacity));
+}
+
+.active\:text-purple-500:active {
+  --text-opacity: 1;
+  color: #9061f9;
+  color: rgba(144, 97, 249, var(--text-opacity));
+}
+
+.active\:text-purple-600:active {
+  --text-opacity: 1;
+  color: #7e3af2;
+  color: rgba(126, 58, 242, var(--text-opacity));
+}
+
+.active\:text-purple-700:active {
+  --text-opacity: 1;
+  color: #6c2bd9;
+  color: rgba(108, 43, 217, var(--text-opacity));
+}
+
+.active\:text-purple-800:active {
+  --text-opacity: 1;
+  color: #5521b5;
+  color: rgba(85, 33, 181, var(--text-opacity));
+}
+
+.active\:text-purple-900:active {
+  --text-opacity: 1;
+  color: #4a1d96;
+  color: rgba(74, 29, 150, var(--text-opacity));
+}
+
+.active\:text-pink-50:active {
+  --text-opacity: 1;
+  color: #fdf2f8;
+  color: rgba(253, 242, 248, var(--text-opacity));
+}
+
+.active\:text-pink-100:active {
+  --text-opacity: 1;
+  color: #fce8f3;
+  color: rgba(252, 232, 243, var(--text-opacity));
+}
+
+.active\:text-pink-200:active {
+  --text-opacity: 1;
+  color: #fad1e8;
+  color: rgba(250, 209, 232, var(--text-opacity));
+}
+
+.active\:text-pink-300:active {
+  --text-opacity: 1;
+  color: #f8b4d9;
+  color: rgba(248, 180, 217, var(--text-opacity));
+}
+
+.active\:text-pink-400:active {
+  --text-opacity: 1;
+  color: #f17eb8;
+  color: rgba(241, 126, 184, var(--text-opacity));
+}
+
+.active\:text-pink-500:active {
+  --text-opacity: 1;
+  color: #e74694;
+  color: rgba(231, 70, 148, var(--text-opacity));
+}
+
+.active\:text-pink-600:active {
+  --text-opacity: 1;
+  color: #d61f69;
+  color: rgba(214, 31, 105, var(--text-opacity));
+}
+
+.active\:text-pink-700:active {
+  --text-opacity: 1;
+  color: #bf125d;
+  color: rgba(191, 18, 93, var(--text-opacity));
+}
+
+.active\:text-pink-800:active {
+  --text-opacity: 1;
+  color: #99154b;
+  color: rgba(153, 21, 75, var(--text-opacity));
+}
+
+.active\:text-pink-900:active {
+  --text-opacity: 1;
+  color: #751a3d;
+  color: rgba(117, 26, 61, var(--text-opacity));
+}
+
+.text-opacity-0 {
+  --text-opacity: 0;
+}
+
+.text-opacity-25 {
+  --text-opacity: 0.25;
+}
+
+.text-opacity-50 {
+  --text-opacity: 0.5;
+}
+
+.text-opacity-75 {
+  --text-opacity: 0.75;
+}
+
+.text-opacity-100 {
+  --text-opacity: 1;
+}
+
+.hover\:text-opacity-0:hover {
+  --text-opacity: 0;
+}
+
+.hover\:text-opacity-25:hover {
+  --text-opacity: 0.25;
+}
+
+.hover\:text-opacity-50:hover {
+  --text-opacity: 0.5;
+}
+
+.hover\:text-opacity-75:hover {
+  --text-opacity: 0.75;
+}
+
+.hover\:text-opacity-100:hover {
+  --text-opacity: 1;
+}
+
+.focus\:text-opacity-0:focus {
+  --text-opacity: 0;
+}
+
+.focus\:text-opacity-25:focus {
+  --text-opacity: 0.25;
+}
+
+.focus\:text-opacity-50:focus {
+  --text-opacity: 0.5;
+}
+
+.focus\:text-opacity-75:focus {
+  --text-opacity: 0.75;
+}
+
+.focus\:text-opacity-100:focus {
+  --text-opacity: 1;
+}
+
+.italic {
+  font-style: italic;
+}
+
+.not-italic {
+  font-style: normal;
+}
+
+.uppercase {
+  text-transform: uppercase;
+}
+
+.lowercase {
+  text-transform: lowercase;
+}
+
+.capitalize {
+  text-transform: capitalize;
+}
+
+.normal-case {
+  text-transform: none;
+}
+
+.underline {
+  text-decoration: underline;
+}
+
+.line-through {
+  text-decoration: line-through;
+}
+
+.no-underline {
+  text-decoration: none;
+}
+
+.group:hover .group-hover\:underline {
+  text-decoration: underline;
+}
+
+.group:hover .group-hover\:line-through {
+  text-decoration: line-through;
+}
+
+.group:hover .group-hover\:no-underline {
+  text-decoration: none;
+}
+
+.group:focus .group-focus\:underline {
+  text-decoration: underline;
+}
+
+.group:focus .group-focus\:line-through {
+  text-decoration: line-through;
+}
+
+.group:focus .group-focus\:no-underline {
+  text-decoration: none;
+}
+
+.hover\:underline:hover {
+  text-decoration: underline;
+}
+
+.hover\:line-through:hover {
+  text-decoration: line-through;
+}
+
+.hover\:no-underline:hover {
+  text-decoration: none;
+}
+
+.focus\:underline:focus {
+  text-decoration: underline;
+}
+
+.focus\:line-through:focus {
+  text-decoration: line-through;
+}
+
+.focus\:no-underline:focus {
+  text-decoration: none;
+}
+
+.antialiased {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.subpixel-antialiased {
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+}
+
+.tracking-tighter {
+  letter-spacing: -0.05em;
+}
+
+.tracking-tight {
+  letter-spacing: -0.025em;
+}
+
+.tracking-normal {
+  letter-spacing: 0;
+}
+
+.tracking-wide {
+  letter-spacing: 0.025em;
+}
+
+.tracking-wider {
+  letter-spacing: 0.05em;
+}
+
+.tracking-widest {
+  letter-spacing: 0.1em;
+}
+
+.select-none {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+.select-text {
+  -webkit-user-select: text;
+     -moz-user-select: text;
+      -ms-user-select: text;
+          user-select: text;
+}
+
+.select-all {
+  -webkit-user-select: all;
+     -moz-user-select: all;
+      -ms-user-select: all;
+          user-select: all;
+}
+
+.select-auto {
+  -webkit-user-select: auto;
+     -moz-user-select: auto;
+      -ms-user-select: auto;
+          user-select: auto;
+}
+
+.align-baseline {
+  vertical-align: baseline;
+}
+
+.align-top {
+  vertical-align: top;
+}
+
+.align-middle {
+  vertical-align: middle;
+}
+
+.align-bottom {
+  vertical-align: bottom;
+}
+
+.align-text-top {
+  vertical-align: text-top;
+}
+
+.align-text-bottom {
+  vertical-align: text-bottom;
+}
+
+.visible {
+  visibility: visible;
+}
+
+.invisible {
+  visibility: hidden;
+}
+
+.whitespace-normal {
+  white-space: normal;
+}
+
+.whitespace-no-wrap {
+  white-space: nowrap;
+}
+
+.whitespace-pre {
+  white-space: pre;
+}
+
+.whitespace-pre-line {
+  white-space: pre-line;
+}
+
+.whitespace-pre-wrap {
+  white-space: pre-wrap;
+}
+
+.break-normal {
+  overflow-wrap: normal;
+  word-break: normal;
+}
+
+.break-words {
+  overflow-wrap: break-word;
+}
+
+.break-all {
+  word-break: break-all;
+}
+
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.w-0 {
+  width: 0;
+}
+
+.w-1 {
+  width: 0.25rem;
+}
+
+.w-2 {
+  width: 0.5rem;
+}
+
+.w-3 {
+  width: 0.75rem;
+}
+
+.w-4 {
+  width: 1rem;
+}
+
+.w-5 {
+  width: 1.25rem;
+}
+
+.w-6 {
+  width: 1.5rem;
+}
+
+.w-7 {
+  width: 1.75rem;
+}
+
+.w-8 {
+  width: 2rem;
+}
+
+.w-9 {
+  width: 2.25rem;
+}
+
+.w-10 {
+  width: 2.5rem;
+}
+
+.w-11 {
+  width: 2.75rem;
+}
+
+.w-12 {
+  width: 3rem;
+}
+
+.w-13 {
+  width: 3.25rem;
+}
+
+.w-14 {
+  width: 3.5rem;
+}
+
+.w-15 {
+  width: 3.75rem;
+}
+
+.w-16 {
+  width: 4rem;
+}
+
+.w-20 {
+  width: 5rem;
+}
+
+.w-24 {
+  width: 6rem;
+}
+
+.w-28 {
+  width: 7rem;
+}
+
+.w-32 {
+  width: 8rem;
+}
+
+.w-36 {
+  width: 9rem;
+}
+
+.w-40 {
+  width: 10rem;
+}
+
+.w-48 {
+  width: 12rem;
+}
+
+.w-56 {
+  width: 14rem;
+}
+
+.w-60 {
+  width: 15rem;
+}
+
+.w-64 {
+  width: 16rem;
+}
+
+.w-72 {
+  width: 18rem;
+}
+
+.w-80 {
+  width: 20rem;
+}
+
+.w-96 {
+  width: 24rem;
+}
+
+.w-auto {
+  width: auto;
+}
+
+.w-px {
+  width: 1px;
+}
+
+.w-0\.5 {
+  width: 0.125rem;
+}
+
+.w-1\.5 {
+  width: 0.375rem;
+}
+
+.w-2\.5 {
+  width: 0.625rem;
+}
+
+.w-3\.5 {
+  width: 0.875rem;
+}
+
+.w-1\/2 {
+  width: 50%;
+}
+
+.w-1\/3 {
+  width: 33.333333%;
+}
+
+.w-2\/3 {
+  width: 66.666667%;
+}
+
+.w-1\/4 {
+  width: 25%;
+}
+
+.w-2\/4 {
+  width: 50%;
+}
+
+.w-3\/4 {
+  width: 75%;
+}
+
+.w-1\/5 {
+  width: 20%;
+}
+
+.w-2\/5 {
+  width: 40%;
+}
+
+.w-3\/5 {
+  width: 60%;
+}
+
+.w-4\/5 {
+  width: 80%;
+}
+
+.w-1\/6 {
+  width: 16.666667%;
+}
+
+.w-2\/6 {
+  width: 33.333333%;
+}
+
+.w-3\/6 {
+  width: 50%;
+}
+
+.w-4\/6 {
+  width: 66.666667%;
+}
+
+.w-5\/6 {
+  width: 83.333333%;
+}
+
+.w-1\/12 {
+  width: 8.333333%;
+}
+
+.w-2\/12 {
+  width: 16.666667%;
+}
+
+.w-3\/12 {
+  width: 25%;
+}
+
+.w-4\/12 {
+  width: 33.333333%;
+}
+
+.w-5\/12 {
+  width: 41.666667%;
+}
+
+.w-6\/12 {
+  width: 50%;
+}
+
+.w-7\/12 {
+  width: 58.333333%;
+}
+
+.w-8\/12 {
+  width: 66.666667%;
+}
+
+.w-9\/12 {
+  width: 75%;
+}
+
+.w-10\/12 {
+  width: 83.333333%;
+}
+
+.w-11\/12 {
+  width: 91.666667%;
+}
+
+.w-full {
+  width: 100%;
+}
+
+.w-screen {
+  width: 100vw;
+}
+
+.z-0 {
+  z-index: 0;
+}
+
+.z-10 {
+  z-index: 10;
+}
+
+.z-20 {
+  z-index: 20;
+}
+
+.z-30 {
+  z-index: 30;
+}
+
+.z-40 {
+  z-index: 40;
+}
+
+.z-50 {
+  z-index: 50;
+}
+
+.z-auto {
+  z-index: auto;
+}
+
+.focus-within\:z-0:focus-within {
+  z-index: 0;
+}
+
+.focus-within\:z-10:focus-within {
+  z-index: 10;
+}
+
+.focus-within\:z-20:focus-within {
+  z-index: 20;
+}
+
+.focus-within\:z-30:focus-within {
+  z-index: 30;
+}
+
+.focus-within\:z-40:focus-within {
+  z-index: 40;
+}
+
+.focus-within\:z-50:focus-within {
+  z-index: 50;
+}
+
+.focus-within\:z-auto:focus-within {
+  z-index: auto;
+}
+
+.focus\:z-0:focus {
+  z-index: 0;
+}
+
+.focus\:z-10:focus {
+  z-index: 10;
+}
+
+.focus\:z-20:focus {
+  z-index: 20;
+}
+
+.focus\:z-30:focus {
+  z-index: 30;
+}
+
+.focus\:z-40:focus {
+  z-index: 40;
+}
+
+.focus\:z-50:focus {
+  z-index: 50;
+}
+
+.focus\:z-auto:focus {
+  z-index: auto;
+}
+
+.gap-0 {
+  grid-gap: 0;
+  gap: 0;
+}
+
+.gap-1 {
+  grid-gap: 0.25rem;
+  gap: 0.25rem;
+}
+
+.gap-2 {
+  grid-gap: 0.5rem;
+  gap: 0.5rem;
+}
+
+.gap-3 {
+  grid-gap: 0.75rem;
+  gap: 0.75rem;
+}
+
+.gap-4 {
+  grid-gap: 1rem;
+  gap: 1rem;
+}
+
+.gap-5 {
+  grid-gap: 1.25rem;
+  gap: 1.25rem;
+}
+
+.gap-6 {
+  grid-gap: 1.5rem;
+  gap: 1.5rem;
+}
+
+.gap-7 {
+  grid-gap: 1.75rem;
+  gap: 1.75rem;
+}
+
+.gap-8 {
+  grid-gap: 2rem;
+  gap: 2rem;
+}
+
+.gap-9 {
+  grid-gap: 2.25rem;
+  gap: 2.25rem;
+}
+
+.gap-10 {
+  grid-gap: 2.5rem;
+  gap: 2.5rem;
+}
+
+.gap-11 {
+  grid-gap: 2.75rem;
+  gap: 2.75rem;
+}
+
+.gap-12 {
+  grid-gap: 3rem;
+  gap: 3rem;
+}
+
+.gap-13 {
+  grid-gap: 3.25rem;
+  gap: 3.25rem;
+}
+
+.gap-14 {
+  grid-gap: 3.5rem;
+  gap: 3.5rem;
+}
+
+.gap-15 {
+  grid-gap: 3.75rem;
+  gap: 3.75rem;
+}
+
+.gap-16 {
+  grid-gap: 4rem;
+  gap: 4rem;
+}
+
+.gap-20 {
+  grid-gap: 5rem;
+  gap: 5rem;
+}
+
+.gap-24 {
+  grid-gap: 6rem;
+  gap: 6rem;
+}
+
+.gap-28 {
+  grid-gap: 7rem;
+  gap: 7rem;
+}
+
+.gap-32 {
+  grid-gap: 8rem;
+  gap: 8rem;
+}
+
+.gap-36 {
+  grid-gap: 9rem;
+  gap: 9rem;
+}
+
+.gap-40 {
+  grid-gap: 10rem;
+  gap: 10rem;
+}
+
+.gap-48 {
+  grid-gap: 12rem;
+  gap: 12rem;
+}
+
+.gap-56 {
+  grid-gap: 14rem;
+  gap: 14rem;
+}
+
+.gap-60 {
+  grid-gap: 15rem;
+  gap: 15rem;
+}
+
+.gap-64 {
+  grid-gap: 16rem;
+  gap: 16rem;
+}
+
+.gap-72 {
+  grid-gap: 18rem;
+  gap: 18rem;
+}
+
+.gap-80 {
+  grid-gap: 20rem;
+  gap: 20rem;
+}
+
+.gap-96 {
+  grid-gap: 24rem;
+  gap: 24rem;
+}
+
+.gap-px {
+  grid-gap: 1px;
+  gap: 1px;
+}
+
+.gap-0\.5 {
+  grid-gap: 0.125rem;
+  gap: 0.125rem;
+}
+
+.gap-1\.5 {
+  grid-gap: 0.375rem;
+  gap: 0.375rem;
+}
+
+.gap-2\.5 {
+  grid-gap: 0.625rem;
+  gap: 0.625rem;
+}
+
+.gap-3\.5 {
+  grid-gap: 0.875rem;
+  gap: 0.875rem;
+}
+
+.gap-1\/2 {
+  grid-gap: 50%;
+  gap: 50%;
+}
+
+.gap-1\/3 {
+  grid-gap: 33.333333%;
+  gap: 33.333333%;
+}
+
+.gap-2\/3 {
+  grid-gap: 66.666667%;
+  gap: 66.666667%;
+}
+
+.gap-1\/4 {
+  grid-gap: 25%;
+  gap: 25%;
+}
+
+.gap-2\/4 {
+  grid-gap: 50%;
+  gap: 50%;
+}
+
+.gap-3\/4 {
+  grid-gap: 75%;
+  gap: 75%;
+}
+
+.gap-1\/5 {
+  grid-gap: 20%;
+  gap: 20%;
+}
+
+.gap-2\/5 {
+  grid-gap: 40%;
+  gap: 40%;
+}
+
+.gap-3\/5 {
+  grid-gap: 60%;
+  gap: 60%;
+}
+
+.gap-4\/5 {
+  grid-gap: 80%;
+  gap: 80%;
+}
+
+.gap-1\/6 {
+  grid-gap: 16.666667%;
+  gap: 16.666667%;
+}
+
+.gap-2\/6 {
+  grid-gap: 33.333333%;
+  gap: 33.333333%;
+}
+
+.gap-3\/6 {
+  grid-gap: 50%;
+  gap: 50%;
+}
+
+.gap-4\/6 {
+  grid-gap: 66.666667%;
+  gap: 66.666667%;
+}
+
+.gap-5\/6 {
+  grid-gap: 83.333333%;
+  gap: 83.333333%;
+}
+
+.gap-1\/12 {
+  grid-gap: 8.333333%;
+  gap: 8.333333%;
+}
+
+.gap-2\/12 {
+  grid-gap: 16.666667%;
+  gap: 16.666667%;
+}
+
+.gap-3\/12 {
+  grid-gap: 25%;
+  gap: 25%;
+}
+
+.gap-4\/12 {
+  grid-gap: 33.333333%;
+  gap: 33.333333%;
+}
+
+.gap-5\/12 {
+  grid-gap: 41.666667%;
+  gap: 41.666667%;
+}
+
+.gap-6\/12 {
+  grid-gap: 50%;
+  gap: 50%;
+}
+
+.gap-7\/12 {
+  grid-gap: 58.333333%;
+  gap: 58.333333%;
+}
+
+.gap-8\/12 {
+  grid-gap: 66.666667%;
+  gap: 66.666667%;
+}
+
+.gap-9\/12 {
+  grid-gap: 75%;
+  gap: 75%;
+}
+
+.gap-10\/12 {
+  grid-gap: 83.333333%;
+  gap: 83.333333%;
+}
+
+.gap-11\/12 {
+  grid-gap: 91.666667%;
+  gap: 91.666667%;
+}
+
+.gap-full {
+  grid-gap: 100%;
+  gap: 100%;
+}
+
+.col-gap-0 {
+  grid-column-gap: 0;
+  -moz-column-gap: 0;
+       column-gap: 0;
+}
+
+.col-gap-1 {
+  grid-column-gap: 0.25rem;
+  -moz-column-gap: 0.25rem;
+       column-gap: 0.25rem;
+}
+
+.col-gap-2 {
+  grid-column-gap: 0.5rem;
+  -moz-column-gap: 0.5rem;
+       column-gap: 0.5rem;
+}
+
+.col-gap-3 {
+  grid-column-gap: 0.75rem;
+  -moz-column-gap: 0.75rem;
+       column-gap: 0.75rem;
+}
+
+.col-gap-4 {
+  grid-column-gap: 1rem;
+  -moz-column-gap: 1rem;
+       column-gap: 1rem;
+}
+
+.col-gap-5 {
+  grid-column-gap: 1.25rem;
+  -moz-column-gap: 1.25rem;
+       column-gap: 1.25rem;
+}
+
+.col-gap-6 {
+  grid-column-gap: 1.5rem;
+  -moz-column-gap: 1.5rem;
+       column-gap: 1.5rem;
+}
+
+.col-gap-7 {
+  grid-column-gap: 1.75rem;
+  -moz-column-gap: 1.75rem;
+       column-gap: 1.75rem;
+}
+
+.col-gap-8 {
+  grid-column-gap: 2rem;
+  -moz-column-gap: 2rem;
+       column-gap: 2rem;
+}
+
+.col-gap-9 {
+  grid-column-gap: 2.25rem;
+  -moz-column-gap: 2.25rem;
+       column-gap: 2.25rem;
+}
+
+.col-gap-10 {
+  grid-column-gap: 2.5rem;
+  -moz-column-gap: 2.5rem;
+       column-gap: 2.5rem;
+}
+
+.col-gap-11 {
+  grid-column-gap: 2.75rem;
+  -moz-column-gap: 2.75rem;
+       column-gap: 2.75rem;
+}
+
+.col-gap-12 {
+  grid-column-gap: 3rem;
+  -moz-column-gap: 3rem;
+       column-gap: 3rem;
+}
+
+.col-gap-13 {
+  grid-column-gap: 3.25rem;
+  -moz-column-gap: 3.25rem;
+       column-gap: 3.25rem;
+}
+
+.col-gap-14 {
+  grid-column-gap: 3.5rem;
+  -moz-column-gap: 3.5rem;
+       column-gap: 3.5rem;
+}
+
+.col-gap-15 {
+  grid-column-gap: 3.75rem;
+  -moz-column-gap: 3.75rem;
+       column-gap: 3.75rem;
+}
+
+.col-gap-16 {
+  grid-column-gap: 4rem;
+  -moz-column-gap: 4rem;
+       column-gap: 4rem;
+}
+
+.col-gap-20 {
+  grid-column-gap: 5rem;
+  -moz-column-gap: 5rem;
+       column-gap: 5rem;
+}
+
+.col-gap-24 {
+  grid-column-gap: 6rem;
+  -moz-column-gap: 6rem;
+       column-gap: 6rem;
+}
+
+.col-gap-28 {
+  grid-column-gap: 7rem;
+  -moz-column-gap: 7rem;
+       column-gap: 7rem;
+}
+
+.col-gap-32 {
+  grid-column-gap: 8rem;
+  -moz-column-gap: 8rem;
+       column-gap: 8rem;
+}
+
+.col-gap-36 {
+  grid-column-gap: 9rem;
+  -moz-column-gap: 9rem;
+       column-gap: 9rem;
+}
+
+.col-gap-40 {
+  grid-column-gap: 10rem;
+  -moz-column-gap: 10rem;
+       column-gap: 10rem;
+}
+
+.col-gap-48 {
+  grid-column-gap: 12rem;
+  -moz-column-gap: 12rem;
+       column-gap: 12rem;
+}
+
+.col-gap-56 {
+  grid-column-gap: 14rem;
+  -moz-column-gap: 14rem;
+       column-gap: 14rem;
+}
+
+.col-gap-60 {
+  grid-column-gap: 15rem;
+  -moz-column-gap: 15rem;
+       column-gap: 15rem;
+}
+
+.col-gap-64 {
+  grid-column-gap: 16rem;
+  -moz-column-gap: 16rem;
+       column-gap: 16rem;
+}
+
+.col-gap-72 {
+  grid-column-gap: 18rem;
+  -moz-column-gap: 18rem;
+       column-gap: 18rem;
+}
+
+.col-gap-80 {
+  grid-column-gap: 20rem;
+  -moz-column-gap: 20rem;
+       column-gap: 20rem;
+}
+
+.col-gap-96 {
+  grid-column-gap: 24rem;
+  -moz-column-gap: 24rem;
+       column-gap: 24rem;
+}
+
+.col-gap-px {
+  grid-column-gap: 1px;
+  -moz-column-gap: 1px;
+       column-gap: 1px;
+}
+
+.col-gap-0\.5 {
+  grid-column-gap: 0.125rem;
+  -moz-column-gap: 0.125rem;
+       column-gap: 0.125rem;
+}
+
+.col-gap-1\.5 {
+  grid-column-gap: 0.375rem;
+  -moz-column-gap: 0.375rem;
+       column-gap: 0.375rem;
+}
+
+.col-gap-2\.5 {
+  grid-column-gap: 0.625rem;
+  -moz-column-gap: 0.625rem;
+       column-gap: 0.625rem;
+}
+
+.col-gap-3\.5 {
+  grid-column-gap: 0.875rem;
+  -moz-column-gap: 0.875rem;
+       column-gap: 0.875rem;
+}
+
+.col-gap-1\/2 {
+  grid-column-gap: 50%;
+  -moz-column-gap: 50%;
+       column-gap: 50%;
+}
+
+.col-gap-1\/3 {
+  grid-column-gap: 33.333333%;
+  -moz-column-gap: 33.333333%;
+       column-gap: 33.333333%;
+}
+
+.col-gap-2\/3 {
+  grid-column-gap: 66.666667%;
+  -moz-column-gap: 66.666667%;
+       column-gap: 66.666667%;
+}
+
+.col-gap-1\/4 {
+  grid-column-gap: 25%;
+  -moz-column-gap: 25%;
+       column-gap: 25%;
+}
+
+.col-gap-2\/4 {
+  grid-column-gap: 50%;
+  -moz-column-gap: 50%;
+       column-gap: 50%;
+}
+
+.col-gap-3\/4 {
+  grid-column-gap: 75%;
+  -moz-column-gap: 75%;
+       column-gap: 75%;
+}
+
+.col-gap-1\/5 {
+  grid-column-gap: 20%;
+  -moz-column-gap: 20%;
+       column-gap: 20%;
+}
+
+.col-gap-2\/5 {
+  grid-column-gap: 40%;
+  -moz-column-gap: 40%;
+       column-gap: 40%;
+}
+
+.col-gap-3\/5 {
+  grid-column-gap: 60%;
+  -moz-column-gap: 60%;
+       column-gap: 60%;
+}
+
+.col-gap-4\/5 {
+  grid-column-gap: 80%;
+  -moz-column-gap: 80%;
+       column-gap: 80%;
+}
+
+.col-gap-1\/6 {
+  grid-column-gap: 16.666667%;
+  -moz-column-gap: 16.666667%;
+       column-gap: 16.666667%;
+}
+
+.col-gap-2\/6 {
+  grid-column-gap: 33.333333%;
+  -moz-column-gap: 33.333333%;
+       column-gap: 33.333333%;
+}
+
+.col-gap-3\/6 {
+  grid-column-gap: 50%;
+  -moz-column-gap: 50%;
+       column-gap: 50%;
+}
+
+.col-gap-4\/6 {
+  grid-column-gap: 66.666667%;
+  -moz-column-gap: 66.666667%;
+       column-gap: 66.666667%;
+}
+
+.col-gap-5\/6 {
+  grid-column-gap: 83.333333%;
+  -moz-column-gap: 83.333333%;
+       column-gap: 83.333333%;
+}
+
+.col-gap-1\/12 {
+  grid-column-gap: 8.333333%;
+  -moz-column-gap: 8.333333%;
+       column-gap: 8.333333%;
+}
+
+.col-gap-2\/12 {
+  grid-column-gap: 16.666667%;
+  -moz-column-gap: 16.666667%;
+       column-gap: 16.666667%;
+}
+
+.col-gap-3\/12 {
+  grid-column-gap: 25%;
+  -moz-column-gap: 25%;
+       column-gap: 25%;
+}
+
+.col-gap-4\/12 {
+  grid-column-gap: 33.333333%;
+  -moz-column-gap: 33.333333%;
+       column-gap: 33.333333%;
+}
+
+.col-gap-5\/12 {
+  grid-column-gap: 41.666667%;
+  -moz-column-gap: 41.666667%;
+       column-gap: 41.666667%;
+}
+
+.col-gap-6\/12 {
+  grid-column-gap: 50%;
+  -moz-column-gap: 50%;
+       column-gap: 50%;
+}
+
+.col-gap-7\/12 {
+  grid-column-gap: 58.333333%;
+  -moz-column-gap: 58.333333%;
+       column-gap: 58.333333%;
+}
+
+.col-gap-8\/12 {
+  grid-column-gap: 66.666667%;
+  -moz-column-gap: 66.666667%;
+       column-gap: 66.666667%;
+}
+
+.col-gap-9\/12 {
+  grid-column-gap: 75%;
+  -moz-column-gap: 75%;
+       column-gap: 75%;
+}
+
+.col-gap-10\/12 {
+  grid-column-gap: 83.333333%;
+  -moz-column-gap: 83.333333%;
+       column-gap: 83.333333%;
+}
+
+.col-gap-11\/12 {
+  grid-column-gap: 91.666667%;
+  -moz-column-gap: 91.666667%;
+       column-gap: 91.666667%;
+}
+
+.col-gap-full {
+  grid-column-gap: 100%;
+  -moz-column-gap: 100%;
+       column-gap: 100%;
+}
+
+.row-gap-0 {
+  grid-row-gap: 0;
+  row-gap: 0;
+}
+
+.row-gap-1 {
+  grid-row-gap: 0.25rem;
+  row-gap: 0.25rem;
+}
+
+.row-gap-2 {
+  grid-row-gap: 0.5rem;
+  row-gap: 0.5rem;
+}
+
+.row-gap-3 {
+  grid-row-gap: 0.75rem;
+  row-gap: 0.75rem;
+}
+
+.row-gap-4 {
+  grid-row-gap: 1rem;
+  row-gap: 1rem;
+}
+
+.row-gap-5 {
+  grid-row-gap: 1.25rem;
+  row-gap: 1.25rem;
+}
+
+.row-gap-6 {
+  grid-row-gap: 1.5rem;
+  row-gap: 1.5rem;
+}
+
+.row-gap-7 {
+  grid-row-gap: 1.75rem;
+  row-gap: 1.75rem;
+}
+
+.row-gap-8 {
+  grid-row-gap: 2rem;
+  row-gap: 2rem;
+}
+
+.row-gap-9 {
+  grid-row-gap: 2.25rem;
+  row-gap: 2.25rem;
+}
+
+.row-gap-10 {
+  grid-row-gap: 2.5rem;
+  row-gap: 2.5rem;
+}
+
+.row-gap-11 {
+  grid-row-gap: 2.75rem;
+  row-gap: 2.75rem;
+}
+
+.row-gap-12 {
+  grid-row-gap: 3rem;
+  row-gap: 3rem;
+}
+
+.row-gap-13 {
+  grid-row-gap: 3.25rem;
+  row-gap: 3.25rem;
+}
+
+.row-gap-14 {
+  grid-row-gap: 3.5rem;
+  row-gap: 3.5rem;
+}
+
+.row-gap-15 {
+  grid-row-gap: 3.75rem;
+  row-gap: 3.75rem;
+}
+
+.row-gap-16 {
+  grid-row-gap: 4rem;
+  row-gap: 4rem;
+}
+
+.row-gap-20 {
+  grid-row-gap: 5rem;
+  row-gap: 5rem;
+}
+
+.row-gap-24 {
+  grid-row-gap: 6rem;
+  row-gap: 6rem;
+}
+
+.row-gap-28 {
+  grid-row-gap: 7rem;
+  row-gap: 7rem;
+}
+
+.row-gap-32 {
+  grid-row-gap: 8rem;
+  row-gap: 8rem;
+}
+
+.row-gap-36 {
+  grid-row-gap: 9rem;
+  row-gap: 9rem;
+}
+
+.row-gap-40 {
+  grid-row-gap: 10rem;
+  row-gap: 10rem;
+}
+
+.row-gap-48 {
+  grid-row-gap: 12rem;
+  row-gap: 12rem;
+}
+
+.row-gap-56 {
+  grid-row-gap: 14rem;
+  row-gap: 14rem;
+}
+
+.row-gap-60 {
+  grid-row-gap: 15rem;
+  row-gap: 15rem;
+}
+
+.row-gap-64 {
+  grid-row-gap: 16rem;
+  row-gap: 16rem;
+}
+
+.row-gap-72 {
+  grid-row-gap: 18rem;
+  row-gap: 18rem;
+}
+
+.row-gap-80 {
+  grid-row-gap: 20rem;
+  row-gap: 20rem;
+}
+
+.row-gap-96 {
+  grid-row-gap: 24rem;
+  row-gap: 24rem;
+}
+
+.row-gap-px {
+  grid-row-gap: 1px;
+  row-gap: 1px;
+}
+
+.row-gap-0\.5 {
+  grid-row-gap: 0.125rem;
+  row-gap: 0.125rem;
+}
+
+.row-gap-1\.5 {
+  grid-row-gap: 0.375rem;
+  row-gap: 0.375rem;
+}
+
+.row-gap-2\.5 {
+  grid-row-gap: 0.625rem;
+  row-gap: 0.625rem;
+}
+
+.row-gap-3\.5 {
+  grid-row-gap: 0.875rem;
+  row-gap: 0.875rem;
+}
+
+.row-gap-1\/2 {
+  grid-row-gap: 50%;
+  row-gap: 50%;
+}
+
+.row-gap-1\/3 {
+  grid-row-gap: 33.333333%;
+  row-gap: 33.333333%;
+}
+
+.row-gap-2\/3 {
+  grid-row-gap: 66.666667%;
+  row-gap: 66.666667%;
+}
+
+.row-gap-1\/4 {
+  grid-row-gap: 25%;
+  row-gap: 25%;
+}
+
+.row-gap-2\/4 {
+  grid-row-gap: 50%;
+  row-gap: 50%;
+}
+
+.row-gap-3\/4 {
+  grid-row-gap: 75%;
+  row-gap: 75%;
+}
+
+.row-gap-1\/5 {
+  grid-row-gap: 20%;
+  row-gap: 20%;
+}
+
+.row-gap-2\/5 {
+  grid-row-gap: 40%;
+  row-gap: 40%;
+}
+
+.row-gap-3\/5 {
+  grid-row-gap: 60%;
+  row-gap: 60%;
+}
+
+.row-gap-4\/5 {
+  grid-row-gap: 80%;
+  row-gap: 80%;
+}
+
+.row-gap-1\/6 {
+  grid-row-gap: 16.666667%;
+  row-gap: 16.666667%;
+}
+
+.row-gap-2\/6 {
+  grid-row-gap: 33.333333%;
+  row-gap: 33.333333%;
+}
+
+.row-gap-3\/6 {
+  grid-row-gap: 50%;
+  row-gap: 50%;
+}
+
+.row-gap-4\/6 {
+  grid-row-gap: 66.666667%;
+  row-gap: 66.666667%;
+}
+
+.row-gap-5\/6 {
+  grid-row-gap: 83.333333%;
+  row-gap: 83.333333%;
+}
+
+.row-gap-1\/12 {
+  grid-row-gap: 8.333333%;
+  row-gap: 8.333333%;
+}
+
+.row-gap-2\/12 {
+  grid-row-gap: 16.666667%;
+  row-gap: 16.666667%;
+}
+
+.row-gap-3\/12 {
+  grid-row-gap: 25%;
+  row-gap: 25%;
+}
+
+.row-gap-4\/12 {
+  grid-row-gap: 33.333333%;
+  row-gap: 33.333333%;
+}
+
+.row-gap-5\/12 {
+  grid-row-gap: 41.666667%;
+  row-gap: 41.666667%;
+}
+
+.row-gap-6\/12 {
+  grid-row-gap: 50%;
+  row-gap: 50%;
+}
+
+.row-gap-7\/12 {
+  grid-row-gap: 58.333333%;
+  row-gap: 58.333333%;
+}
+
+.row-gap-8\/12 {
+  grid-row-gap: 66.666667%;
+  row-gap: 66.666667%;
+}
+
+.row-gap-9\/12 {
+  grid-row-gap: 75%;
+  row-gap: 75%;
+}
+
+.row-gap-10\/12 {
+  grid-row-gap: 83.333333%;
+  row-gap: 83.333333%;
+}
+
+.row-gap-11\/12 {
+  grid-row-gap: 91.666667%;
+  row-gap: 91.666667%;
+}
+
+.row-gap-full {
+  grid-row-gap: 100%;
+  row-gap: 100%;
+}
+
+.grid-flow-row {
+  grid-auto-flow: row;
+}
+
+.grid-flow-col {
+  grid-auto-flow: column;
+}
+
+.grid-flow-row-dense {
+  grid-auto-flow: row dense;
+}
+
+.grid-flow-col-dense {
+  grid-auto-flow: column dense;
+}
+
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.grid-cols-4 {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.grid-cols-5 {
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+}
+
+.grid-cols-6 {
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+}
+
+.grid-cols-7 {
+  grid-template-columns: repeat(7, minmax(0, 1fr));
+}
+
+.grid-cols-8 {
+  grid-template-columns: repeat(8, minmax(0, 1fr));
+}
+
+.grid-cols-9 {
+  grid-template-columns: repeat(9, minmax(0, 1fr));
+}
+
+.grid-cols-10 {
+  grid-template-columns: repeat(10, minmax(0, 1fr));
+}
+
+.grid-cols-11 {
+  grid-template-columns: repeat(11, minmax(0, 1fr));
+}
+
+.grid-cols-12 {
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+}
+
+.grid-cols-none {
+  grid-template-columns: none;
+}
+
+.col-auto {
+  grid-column: auto;
+}
+
+.col-span-1 {
+  grid-column: span 1 / span 1;
+}
+
+.col-span-2 {
+  grid-column: span 2 / span 2;
+}
+
+.col-span-3 {
+  grid-column: span 3 / span 3;
+}
+
+.col-span-4 {
+  grid-column: span 4 / span 4;
+}
+
+.col-span-5 {
+  grid-column: span 5 / span 5;
+}
+
+.col-span-6 {
+  grid-column: span 6 / span 6;
+}
+
+.col-span-7 {
+  grid-column: span 7 / span 7;
+}
+
+.col-span-8 {
+  grid-column: span 8 / span 8;
+}
+
+.col-span-9 {
+  grid-column: span 9 / span 9;
+}
+
+.col-span-10 {
+  grid-column: span 10 / span 10;
+}
+
+.col-span-11 {
+  grid-column: span 11 / span 11;
+}
+
+.col-span-12 {
+  grid-column: span 12 / span 12;
+}
+
+.col-start-1 {
+  grid-column-start: 1;
+}
+
+.col-start-2 {
+  grid-column-start: 2;
+}
+
+.col-start-3 {
+  grid-column-start: 3;
+}
+
+.col-start-4 {
+  grid-column-start: 4;
+}
+
+.col-start-5 {
+  grid-column-start: 5;
+}
+
+.col-start-6 {
+  grid-column-start: 6;
+}
+
+.col-start-7 {
+  grid-column-start: 7;
+}
+
+.col-start-8 {
+  grid-column-start: 8;
+}
+
+.col-start-9 {
+  grid-column-start: 9;
+}
+
+.col-start-10 {
+  grid-column-start: 10;
+}
+
+.col-start-11 {
+  grid-column-start: 11;
+}
+
+.col-start-12 {
+  grid-column-start: 12;
+}
+
+.col-start-13 {
+  grid-column-start: 13;
+}
+
+.col-start-auto {
+  grid-column-start: auto;
+}
+
+.col-end-1 {
+  grid-column-end: 1;
+}
+
+.col-end-2 {
+  grid-column-end: 2;
+}
+
+.col-end-3 {
+  grid-column-end: 3;
+}
+
+.col-end-4 {
+  grid-column-end: 4;
+}
+
+.col-end-5 {
+  grid-column-end: 5;
+}
+
+.col-end-6 {
+  grid-column-end: 6;
+}
+
+.col-end-7 {
+  grid-column-end: 7;
+}
+
+.col-end-8 {
+  grid-column-end: 8;
+}
+
+.col-end-9 {
+  grid-column-end: 9;
+}
+
+.col-end-10 {
+  grid-column-end: 10;
+}
+
+.col-end-11 {
+  grid-column-end: 11;
+}
+
+.col-end-12 {
+  grid-column-end: 12;
+}
+
+.col-end-13 {
+  grid-column-end: 13;
+}
+
+.col-end-auto {
+  grid-column-end: auto;
+}
+
+.grid-rows-1 {
+  grid-template-rows: repeat(1, minmax(0, 1fr));
+}
+
+.grid-rows-2 {
+  grid-template-rows: repeat(2, minmax(0, 1fr));
+}
+
+.grid-rows-3 {
+  grid-template-rows: repeat(3, minmax(0, 1fr));
+}
+
+.grid-rows-4 {
+  grid-template-rows: repeat(4, minmax(0, 1fr));
+}
+
+.grid-rows-5 {
+  grid-template-rows: repeat(5, minmax(0, 1fr));
+}
+
+.grid-rows-6 {
+  grid-template-rows: repeat(6, minmax(0, 1fr));
+}
+
+.grid-rows-none {
+  grid-template-rows: none;
+}
+
+.row-auto {
+  grid-row: auto;
+}
+
+.row-span-1 {
+  grid-row: span 1 / span 1;
+}
+
+.row-span-2 {
+  grid-row: span 2 / span 2;
+}
+
+.row-span-3 {
+  grid-row: span 3 / span 3;
+}
+
+.row-span-4 {
+  grid-row: span 4 / span 4;
+}
+
+.row-span-5 {
+  grid-row: span 5 / span 5;
+}
+
+.row-span-6 {
+  grid-row: span 6 / span 6;
+}
+
+.row-start-1 {
+  grid-row-start: 1;
+}
+
+.row-start-2 {
+  grid-row-start: 2;
+}
+
+.row-start-3 {
+  grid-row-start: 3;
+}
+
+.row-start-4 {
+  grid-row-start: 4;
+}
+
+.row-start-5 {
+  grid-row-start: 5;
+}
+
+.row-start-6 {
+  grid-row-start: 6;
+}
+
+.row-start-7 {
+  grid-row-start: 7;
+}
+
+.row-start-auto {
+  grid-row-start: auto;
+}
+
+.row-end-1 {
+  grid-row-end: 1;
+}
+
+.row-end-2 {
+  grid-row-end: 2;
+}
+
+.row-end-3 {
+  grid-row-end: 3;
+}
+
+.row-end-4 {
+  grid-row-end: 4;
+}
+
+.row-end-5 {
+  grid-row-end: 5;
+}
+
+.row-end-6 {
+  grid-row-end: 6;
+}
+
+.row-end-7 {
+  grid-row-end: 7;
+}
+
+.row-end-auto {
+  grid-row-end: auto;
+}
+
+.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));
+}
+
+.transform-none {
+  transform: none;
+}
+
+.origin-center {
+  transform-origin: center;
+}
+
+.origin-top {
+  transform-origin: top;
+}
+
+.origin-top-right {
+  transform-origin: top right;
+}
+
+.origin-right {
+  transform-origin: right;
+}
+
+.origin-bottom-right {
+  transform-origin: bottom right;
+}
+
+.origin-bottom {
+  transform-origin: bottom;
+}
+
+.origin-bottom-left {
+  transform-origin: bottom left;
+}
+
+.origin-left {
+  transform-origin: left;
+}
+
+.origin-top-left {
+  transform-origin: top left;
+}
+
+.scale-0 {
+  --transform-scale-x: 0;
+  --transform-scale-y: 0;
+}
+
+.scale-50 {
+  --transform-scale-x: .5;
+  --transform-scale-y: .5;
+}
+
+.scale-75 {
+  --transform-scale-x: .75;
+  --transform-scale-y: .75;
+}
+
+.scale-90 {
+  --transform-scale-x: .9;
+  --transform-scale-y: .9;
+}
+
+.scale-95 {
+  --transform-scale-x: .95;
+  --transform-scale-y: .95;
+}
+
+.scale-100 {
+  --transform-scale-x: 1;
+  --transform-scale-y: 1;
+}
+
+.scale-105 {
+  --transform-scale-x: 1.05;
+  --transform-scale-y: 1.05;
+}
+
+.scale-110 {
+  --transform-scale-x: 1.1;
+  --transform-scale-y: 1.1;
+}
+
+.scale-125 {
+  --transform-scale-x: 1.25;
+  --transform-scale-y: 1.25;
+}
+
+.scale-150 {
+  --transform-scale-x: 1.5;
+  --transform-scale-y: 1.5;
+}
+
+.scale-x-0 {
+  --transform-scale-x: 0;
+}
+
+.scale-x-50 {
+  --transform-scale-x: .5;
+}
+
+.scale-x-75 {
+  --transform-scale-x: .75;
+}
+
+.scale-x-90 {
+  --transform-scale-x: .9;
+}
+
+.scale-x-95 {
+  --transform-scale-x: .95;
+}
+
+.scale-x-100 {
+  --transform-scale-x: 1;
+}
+
+.scale-x-105 {
+  --transform-scale-x: 1.05;
+}
+
+.scale-x-110 {
+  --transform-scale-x: 1.1;
+}
+
+.scale-x-125 {
+  --transform-scale-x: 1.25;
+}
+
+.scale-x-150 {
+  --transform-scale-x: 1.5;
+}
+
+.scale-y-0 {
+  --transform-scale-y: 0;
+}
+
+.scale-y-50 {
+  --transform-scale-y: .5;
+}
+
+.scale-y-75 {
+  --transform-scale-y: .75;
+}
+
+.scale-y-90 {
+  --transform-scale-y: .9;
+}
+
+.scale-y-95 {
+  --transform-scale-y: .95;
+}
+
+.scale-y-100 {
+  --transform-scale-y: 1;
+}
+
+.scale-y-105 {
+  --transform-scale-y: 1.05;
+}
+
+.scale-y-110 {
+  --transform-scale-y: 1.1;
+}
+
+.scale-y-125 {
+  --transform-scale-y: 1.25;
+}
+
+.scale-y-150 {
+  --transform-scale-y: 1.5;
+}
+
+.hover\:scale-0:hover {
+  --transform-scale-x: 0;
+  --transform-scale-y: 0;
+}
+
+.hover\:scale-50:hover {
+  --transform-scale-x: .5;
+  --transform-scale-y: .5;
+}
+
+.hover\:scale-75:hover {
+  --transform-scale-x: .75;
+  --transform-scale-y: .75;
+}
+
+.hover\:scale-90:hover {
+  --transform-scale-x: .9;
+  --transform-scale-y: .9;
+}
+
+.hover\:scale-95:hover {
+  --transform-scale-x: .95;
+  --transform-scale-y: .95;
+}
+
+.hover\:scale-100:hover {
+  --transform-scale-x: 1;
+  --transform-scale-y: 1;
+}
+
+.hover\:scale-105:hover {
+  --transform-scale-x: 1.05;
+  --transform-scale-y: 1.05;
+}
+
+.hover\:scale-110:hover {
+  --transform-scale-x: 1.1;
+  --transform-scale-y: 1.1;
+}
+
+.hover\:scale-125:hover {
+  --transform-scale-x: 1.25;
+  --transform-scale-y: 1.25;
+}
+
+.hover\:scale-150:hover {
+  --transform-scale-x: 1.5;
+  --transform-scale-y: 1.5;
+}
+
+.hover\:scale-x-0:hover {
+  --transform-scale-x: 0;
+}
+
+.hover\:scale-x-50:hover {
+  --transform-scale-x: .5;
+}
+
+.hover\:scale-x-75:hover {
+  --transform-scale-x: .75;
+}
+
+.hover\:scale-x-90:hover {
+  --transform-scale-x: .9;
+}
+
+.hover\:scale-x-95:hover {
+  --transform-scale-x: .95;
+}
+
+.hover\:scale-x-100:hover {
+  --transform-scale-x: 1;
+}
+
+.hover\:scale-x-105:hover {
+  --transform-scale-x: 1.05;
+}
+
+.hover\:scale-x-110:hover {
+  --transform-scale-x: 1.1;
+}
+
+.hover\:scale-x-125:hover {
+  --transform-scale-x: 1.25;
+}
+
+.hover\:scale-x-150:hover {
+  --transform-scale-x: 1.5;
+}
+
+.hover\:scale-y-0:hover {
+  --transform-scale-y: 0;
+}
+
+.hover\:scale-y-50:hover {
+  --transform-scale-y: .5;
+}
+
+.hover\:scale-y-75:hover {
+  --transform-scale-y: .75;
+}
+
+.hover\:scale-y-90:hover {
+  --transform-scale-y: .9;
+}
+
+.hover\:scale-y-95:hover {
+  --transform-scale-y: .95;
+}
+
+.hover\:scale-y-100:hover {
+  --transform-scale-y: 1;
+}
+
+.hover\:scale-y-105:hover {
+  --transform-scale-y: 1.05;
+}
+
+.hover\:scale-y-110:hover {
+  --transform-scale-y: 1.1;
+}
+
+.hover\:scale-y-125:hover {
+  --transform-scale-y: 1.25;
+}
+
+.hover\:scale-y-150:hover {
+  --transform-scale-y: 1.5;
+}
+
+.focus\:scale-0:focus {
+  --transform-scale-x: 0;
+  --transform-scale-y: 0;
+}
+
+.focus\:scale-50:focus {
+  --transform-scale-x: .5;
+  --transform-scale-y: .5;
+}
+
+.focus\:scale-75:focus {
+  --transform-scale-x: .75;
+  --transform-scale-y: .75;
+}
+
+.focus\:scale-90:focus {
+  --transform-scale-x: .9;
+  --transform-scale-y: .9;
+}
+
+.focus\:scale-95:focus {
+  --transform-scale-x: .95;
+  --transform-scale-y: .95;
+}
+
+.focus\:scale-100:focus {
+  --transform-scale-x: 1;
+  --transform-scale-y: 1;
+}
+
+.focus\:scale-105:focus {
+  --transform-scale-x: 1.05;
+  --transform-scale-y: 1.05;
+}
+
+.focus\:scale-110:focus {
+  --transform-scale-x: 1.1;
+  --transform-scale-y: 1.1;
+}
+
+.focus\:scale-125:focus {
+  --transform-scale-x: 1.25;
+  --transform-scale-y: 1.25;
+}
+
+.focus\:scale-150:focus {
+  --transform-scale-x: 1.5;
+  --transform-scale-y: 1.5;
+}
+
+.focus\:scale-x-0:focus {
+  --transform-scale-x: 0;
+}
+
+.focus\:scale-x-50:focus {
+  --transform-scale-x: .5;
+}
+
+.focus\:scale-x-75:focus {
+  --transform-scale-x: .75;
+}
+
+.focus\:scale-x-90:focus {
+  --transform-scale-x: .9;
+}
+
+.focus\:scale-x-95:focus {
+  --transform-scale-x: .95;
+}
+
+.focus\:scale-x-100:focus {
+  --transform-scale-x: 1;
+}
+
+.focus\:scale-x-105:focus {
+  --transform-scale-x: 1.05;
+}
+
+.focus\:scale-x-110:focus {
+  --transform-scale-x: 1.1;
+}
+
+.focus\:scale-x-125:focus {
+  --transform-scale-x: 1.25;
+}
+
+.focus\:scale-x-150:focus {
+  --transform-scale-x: 1.5;
+}
+
+.focus\:scale-y-0:focus {
+  --transform-scale-y: 0;
+}
+
+.focus\:scale-y-50:focus {
+  --transform-scale-y: .5;
+}
+
+.focus\:scale-y-75:focus {
+  --transform-scale-y: .75;
+}
+
+.focus\:scale-y-90:focus {
+  --transform-scale-y: .9;
+}
+
+.focus\:scale-y-95:focus {
+  --transform-scale-y: .95;
+}
+
+.focus\:scale-y-100:focus {
+  --transform-scale-y: 1;
+}
+
+.focus\:scale-y-105:focus {
+  --transform-scale-y: 1.05;
+}
+
+.focus\:scale-y-110:focus {
+  --transform-scale-y: 1.1;
+}
+
+.focus\:scale-y-125:focus {
+  --transform-scale-y: 1.25;
+}
+
+.focus\:scale-y-150:focus {
+  --transform-scale-y: 1.5;
+}
+
+.rotate-0 {
+  --transform-rotate: 0;
+}
+
+.rotate-45 {
+  --transform-rotate: 45deg;
+}
+
+.rotate-90 {
+  --transform-rotate: 90deg;
+}
+
+.rotate-180 {
+  --transform-rotate: 180deg;
+}
+
+.-rotate-180 {
+  --transform-rotate: -180deg;
+}
+
+.-rotate-90 {
+  --transform-rotate: -90deg;
+}
+
+.-rotate-45 {
+  --transform-rotate: -45deg;
+}
+
+.hover\:rotate-0:hover {
+  --transform-rotate: 0;
+}
+
+.hover\:rotate-45:hover {
+  --transform-rotate: 45deg;
+}
+
+.hover\:rotate-90:hover {
+  --transform-rotate: 90deg;
+}
+
+.hover\:rotate-180:hover {
+  --transform-rotate: 180deg;
+}
+
+.hover\:-rotate-180:hover {
+  --transform-rotate: -180deg;
+}
+
+.hover\:-rotate-90:hover {
+  --transform-rotate: -90deg;
+}
+
+.hover\:-rotate-45:hover {
+  --transform-rotate: -45deg;
+}
+
+.focus\:rotate-0:focus {
+  --transform-rotate: 0;
+}
+
+.focus\:rotate-45:focus {
+  --transform-rotate: 45deg;
+}
+
+.focus\:rotate-90:focus {
+  --transform-rotate: 90deg;
+}
+
+.focus\:rotate-180:focus {
+  --transform-rotate: 180deg;
+}
+
+.focus\:-rotate-180:focus {
+  --transform-rotate: -180deg;
+}
+
+.focus\:-rotate-90:focus {
+  --transform-rotate: -90deg;
+}
+
+.focus\:-rotate-45:focus {
+  --transform-rotate: -45deg;
+}
+
+.translate-x-0 {
+  --transform-translate-x: 0;
+}
+
+.translate-x-1 {
+  --transform-translate-x: 0.25rem;
+}
+
+.translate-x-2 {
+  --transform-translate-x: 0.5rem;
+}
+
+.translate-x-3 {
+  --transform-translate-x: 0.75rem;
+}
+
+.translate-x-4 {
+  --transform-translate-x: 1rem;
+}
+
+.translate-x-5 {
+  --transform-translate-x: 1.25rem;
+}
+
+.translate-x-6 {
+  --transform-translate-x: 1.5rem;
+}
+
+.translate-x-7 {
+  --transform-translate-x: 1.75rem;
+}
+
+.translate-x-8 {
+  --transform-translate-x: 2rem;
+}
+
+.translate-x-9 {
+  --transform-translate-x: 2.25rem;
+}
+
+.translate-x-10 {
+  --transform-translate-x: 2.5rem;
+}
+
+.translate-x-11 {
+  --transform-translate-x: 2.75rem;
+}
+
+.translate-x-12 {
+  --transform-translate-x: 3rem;
+}
+
+.translate-x-13 {
+  --transform-translate-x: 3.25rem;
+}
+
+.translate-x-14 {
+  --transform-translate-x: 3.5rem;
+}
+
+.translate-x-15 {
+  --transform-translate-x: 3.75rem;
+}
+
+.translate-x-16 {
+  --transform-translate-x: 4rem;
+}
+
+.translate-x-20 {
+  --transform-translate-x: 5rem;
+}
+
+.translate-x-24 {
+  --transform-translate-x: 6rem;
+}
+
+.translate-x-28 {
+  --transform-translate-x: 7rem;
+}
+
+.translate-x-32 {
+  --transform-translate-x: 8rem;
+}
+
+.translate-x-36 {
+  --transform-translate-x: 9rem;
+}
+
+.translate-x-40 {
+  --transform-translate-x: 10rem;
+}
+
+.translate-x-48 {
+  --transform-translate-x: 12rem;
+}
+
+.translate-x-56 {
+  --transform-translate-x: 14rem;
+}
+
+.translate-x-60 {
+  --transform-translate-x: 15rem;
+}
+
+.translate-x-64 {
+  --transform-translate-x: 16rem;
+}
+
+.translate-x-72 {
+  --transform-translate-x: 18rem;
+}
+
+.translate-x-80 {
+  --transform-translate-x: 20rem;
+}
+
+.translate-x-96 {
+  --transform-translate-x: 24rem;
+}
+
+.translate-x-px {
+  --transform-translate-x: 1px;
+}
+
+.translate-x-0\.5 {
+  --transform-translate-x: 0.125rem;
+}
+
+.translate-x-1\.5 {
+  --transform-translate-x: 0.375rem;
+}
+
+.translate-x-2\.5 {
+  --transform-translate-x: 0.625rem;
+}
+
+.translate-x-3\.5 {
+  --transform-translate-x: 0.875rem;
+}
+
+.translate-x-1\/2 {
+  --transform-translate-x: 50%;
+}
+
+.translate-x-1\/3 {
+  --transform-translate-x: 33.333333%;
+}
+
+.translate-x-2\/3 {
+  --transform-translate-x: 66.666667%;
+}
+
+.translate-x-1\/4 {
+  --transform-translate-x: 25%;
+}
+
+.translate-x-2\/4 {
+  --transform-translate-x: 50%;
+}
+
+.translate-x-3\/4 {
+  --transform-translate-x: 75%;
+}
+
+.translate-x-1\/5 {
+  --transform-translate-x: 20%;
+}
+
+.translate-x-2\/5 {
+  --transform-translate-x: 40%;
+}
+
+.translate-x-3\/5 {
+  --transform-translate-x: 60%;
+}
+
+.translate-x-4\/5 {
+  --transform-translate-x: 80%;
+}
+
+.translate-x-1\/6 {
+  --transform-translate-x: 16.666667%;
+}
+
+.translate-x-2\/6 {
+  --transform-translate-x: 33.333333%;
+}
+
+.translate-x-3\/6 {
+  --transform-translate-x: 50%;
+}
+
+.translate-x-4\/6 {
+  --transform-translate-x: 66.666667%;
+}
+
+.translate-x-5\/6 {
+  --transform-translate-x: 83.333333%;
+}
+
+.translate-x-1\/12 {
+  --transform-translate-x: 8.333333%;
+}
+
+.translate-x-2\/12 {
+  --transform-translate-x: 16.666667%;
+}
+
+.translate-x-3\/12 {
+  --transform-translate-x: 25%;
+}
+
+.translate-x-4\/12 {
+  --transform-translate-x: 33.333333%;
+}
+
+.translate-x-5\/12 {
+  --transform-translate-x: 41.666667%;
+}
+
+.translate-x-6\/12 {
+  --transform-translate-x: 50%;
+}
+
+.translate-x-7\/12 {
+  --transform-translate-x: 58.333333%;
+}
+
+.translate-x-8\/12 {
+  --transform-translate-x: 66.666667%;
+}
+
+.translate-x-9\/12 {
+  --transform-translate-x: 75%;
+}
+
+.translate-x-10\/12 {
+  --transform-translate-x: 83.333333%;
+}
+
+.translate-x-11\/12 {
+  --transform-translate-x: 91.666667%;
+}
+
+.translate-x-full {
+  --transform-translate-x: 100%;
+}
+
+.-translate-x-1 {
+  --transform-translate-x: -0.25rem;
+}
+
+.-translate-x-2 {
+  --transform-translate-x: -0.5rem;
+}
+
+.-translate-x-3 {
+  --transform-translate-x: -0.75rem;
+}
+
+.-translate-x-4 {
+  --transform-translate-x: -1rem;
+}
+
+.-translate-x-5 {
+  --transform-translate-x: -1.25rem;
+}
+
+.-translate-x-6 {
+  --transform-translate-x: -1.5rem;
+}
+
+.-translate-x-7 {
+  --transform-translate-x: -1.75rem;
+}
+
+.-translate-x-8 {
+  --transform-translate-x: -2rem;
+}
+
+.-translate-x-9 {
+  --transform-translate-x: -2.25rem;
+}
+
+.-translate-x-10 {
+  --transform-translate-x: -2.5rem;
+}
+
+.-translate-x-11 {
+  --transform-translate-x: -2.75rem;
+}
+
+.-translate-x-12 {
+  --transform-translate-x: -3rem;
+}
+
+.-translate-x-13 {
+  --transform-translate-x: -3.25rem;
+}
+
+.-translate-x-14 {
+  --transform-translate-x: -3.5rem;
+}
+
+.-translate-x-15 {
+  --transform-translate-x: -3.75rem;
+}
+
+.-translate-x-16 {
+  --transform-translate-x: -4rem;
+}
+
+.-translate-x-20 {
+  --transform-translate-x: -5rem;
+}
+
+.-translate-x-24 {
+  --transform-translate-x: -6rem;
+}
+
+.-translate-x-28 {
+  --transform-translate-x: -7rem;
+}
+
+.-translate-x-32 {
+  --transform-translate-x: -8rem;
+}
+
+.-translate-x-36 {
+  --transform-translate-x: -9rem;
+}
+
+.-translate-x-40 {
+  --transform-translate-x: -10rem;
+}
+
+.-translate-x-48 {
+  --transform-translate-x: -12rem;
+}
+
+.-translate-x-56 {
+  --transform-translate-x: -14rem;
+}
+
+.-translate-x-60 {
+  --transform-translate-x: -15rem;
+}
+
+.-translate-x-64 {
+  --transform-translate-x: -16rem;
+}
+
+.-translate-x-72 {
+  --transform-translate-x: -18rem;
+}
+
+.-translate-x-80 {
+  --transform-translate-x: -20rem;
+}
+
+.-translate-x-96 {
+  --transform-translate-x: -24rem;
+}
+
+.-translate-x-px {
+  --transform-translate-x: -1px;
+}
+
+.-translate-x-0\.5 {
+  --transform-translate-x: -0.125rem;
+}
+
+.-translate-x-1\.5 {
+  --transform-translate-x: -0.375rem;
+}
+
+.-translate-x-2\.5 {
+  --transform-translate-x: -0.625rem;
+}
+
+.-translate-x-3\.5 {
+  --transform-translate-x: -0.875rem;
+}
+
+.-translate-x-1\/2 {
+  --transform-translate-x: -50%;
+}
+
+.-translate-x-1\/3 {
+  --transform-translate-x: -33.33333%;
+}
+
+.-translate-x-2\/3 {
+  --transform-translate-x: -66.66667%;
+}
+
+.-translate-x-1\/4 {
+  --transform-translate-x: -25%;
+}
+
+.-translate-x-2\/4 {
+  --transform-translate-x: -50%;
+}
+
+.-translate-x-3\/4 {
+  --transform-translate-x: -75%;
+}
+
+.-translate-x-1\/5 {
+  --transform-translate-x: -20%;
+}
+
+.-translate-x-2\/5 {
+  --transform-translate-x: -40%;
+}
+
+.-translate-x-3\/5 {
+  --transform-translate-x: -60%;
+}
+
+.-translate-x-4\/5 {
+  --transform-translate-x: -80%;
+}
+
+.-translate-x-1\/6 {
+  --transform-translate-x: -16.66667%;
+}
+
+.-translate-x-2\/6 {
+  --transform-translate-x: -33.33333%;
+}
+
+.-translate-x-3\/6 {
+  --transform-translate-x: -50%;
+}
+
+.-translate-x-4\/6 {
+  --transform-translate-x: -66.66667%;
+}
+
+.-translate-x-5\/6 {
+  --transform-translate-x: -83.33333%;
+}
+
+.-translate-x-1\/12 {
+  --transform-translate-x: -8.33333%;
+}
+
+.-translate-x-2\/12 {
+  --transform-translate-x: -16.66667%;
+}
+
+.-translate-x-3\/12 {
+  --transform-translate-x: -25%;
+}
+
+.-translate-x-4\/12 {
+  --transform-translate-x: -33.33333%;
+}
+
+.-translate-x-5\/12 {
+  --transform-translate-x: -41.66667%;
+}
+
+.-translate-x-6\/12 {
+  --transform-translate-x: -50%;
+}
+
+.-translate-x-7\/12 {
+  --transform-translate-x: -58.33333%;
+}
+
+.-translate-x-8\/12 {
+  --transform-translate-x: -66.66667%;
+}
+
+.-translate-x-9\/12 {
+  --transform-translate-x: -75%;
+}
+
+.-translate-x-10\/12 {
+  --transform-translate-x: -83.33333%;
+}
+
+.-translate-x-11\/12 {
+  --transform-translate-x: -91.66667%;
+}
+
+.-translate-x-full {
+  --transform-translate-x: -100%;
+}
+
+.translate-y-0 {
+  --transform-translate-y: 0;
+}
+
+.translate-y-1 {
+  --transform-translate-y: 0.25rem;
+}
+
+.translate-y-2 {
+  --transform-translate-y: 0.5rem;
+}
+
+.translate-y-3 {
+  --transform-translate-y: 0.75rem;
+}
+
+.translate-y-4 {
+  --transform-translate-y: 1rem;
+}
+
+.translate-y-5 {
+  --transform-translate-y: 1.25rem;
+}
+
+.translate-y-6 {
+  --transform-translate-y: 1.5rem;
+}
+
+.translate-y-7 {
+  --transform-translate-y: 1.75rem;
+}
+
+.translate-y-8 {
+  --transform-translate-y: 2rem;
+}
+
+.translate-y-9 {
+  --transform-translate-y: 2.25rem;
+}
+
+.translate-y-10 {
+  --transform-translate-y: 2.5rem;
+}
+
+.translate-y-11 {
+  --transform-translate-y: 2.75rem;
+}
+
+.translate-y-12 {
+  --transform-translate-y: 3rem;
+}
+
+.translate-y-13 {
+  --transform-translate-y: 3.25rem;
+}
+
+.translate-y-14 {
+  --transform-translate-y: 3.5rem;
+}
+
+.translate-y-15 {
+  --transform-translate-y: 3.75rem;
+}
+
+.translate-y-16 {
+  --transform-translate-y: 4rem;
+}
+
+.translate-y-20 {
+  --transform-translate-y: 5rem;
+}
+
+.translate-y-24 {
+  --transform-translate-y: 6rem;
+}
+
+.translate-y-28 {
+  --transform-translate-y: 7rem;
+}
+
+.translate-y-32 {
+  --transform-translate-y: 8rem;
+}
+
+.translate-y-36 {
+  --transform-translate-y: 9rem;
+}
+
+.translate-y-40 {
+  --transform-translate-y: 10rem;
+}
+
+.translate-y-48 {
+  --transform-translate-y: 12rem;
+}
+
+.translate-y-56 {
+  --transform-translate-y: 14rem;
+}
+
+.translate-y-60 {
+  --transform-translate-y: 15rem;
+}
+
+.translate-y-64 {
+  --transform-translate-y: 16rem;
+}
+
+.translate-y-72 {
+  --transform-translate-y: 18rem;
+}
+
+.translate-y-80 {
+  --transform-translate-y: 20rem;
+}
+
+.translate-y-96 {
+  --transform-translate-y: 24rem;
+}
+
+.translate-y-px {
+  --transform-translate-y: 1px;
+}
+
+.translate-y-0\.5 {
+  --transform-translate-y: 0.125rem;
+}
+
+.translate-y-1\.5 {
+  --transform-translate-y: 0.375rem;
+}
+
+.translate-y-2\.5 {
+  --transform-translate-y: 0.625rem;
+}
+
+.translate-y-3\.5 {
+  --transform-translate-y: 0.875rem;
+}
+
+.translate-y-1\/2 {
+  --transform-translate-y: 50%;
+}
+
+.translate-y-1\/3 {
+  --transform-translate-y: 33.333333%;
+}
+
+.translate-y-2\/3 {
+  --transform-translate-y: 66.666667%;
+}
+
+.translate-y-1\/4 {
+  --transform-translate-y: 25%;
+}
+
+.translate-y-2\/4 {
+  --transform-translate-y: 50%;
+}
+
+.translate-y-3\/4 {
+  --transform-translate-y: 75%;
+}
+
+.translate-y-1\/5 {
+  --transform-translate-y: 20%;
+}
+
+.translate-y-2\/5 {
+  --transform-translate-y: 40%;
+}
+
+.translate-y-3\/5 {
+  --transform-translate-y: 60%;
+}
+
+.translate-y-4\/5 {
+  --transform-translate-y: 80%;
+}
+
+.translate-y-1\/6 {
+  --transform-translate-y: 16.666667%;
+}
+
+.translate-y-2\/6 {
+  --transform-translate-y: 33.333333%;
+}
+
+.translate-y-3\/6 {
+  --transform-translate-y: 50%;
+}
+
+.translate-y-4\/6 {
+  --transform-translate-y: 66.666667%;
+}
+
+.translate-y-5\/6 {
+  --transform-translate-y: 83.333333%;
+}
+
+.translate-y-1\/12 {
+  --transform-translate-y: 8.333333%;
+}
+
+.translate-y-2\/12 {
+  --transform-translate-y: 16.666667%;
+}
+
+.translate-y-3\/12 {
+  --transform-translate-y: 25%;
+}
+
+.translate-y-4\/12 {
+  --transform-translate-y: 33.333333%;
+}
+
+.translate-y-5\/12 {
+  --transform-translate-y: 41.666667%;
+}
+
+.translate-y-6\/12 {
+  --transform-translate-y: 50%;
+}
+
+.translate-y-7\/12 {
+  --transform-translate-y: 58.333333%;
+}
+
+.translate-y-8\/12 {
+  --transform-translate-y: 66.666667%;
+}
+
+.translate-y-9\/12 {
+  --transform-translate-y: 75%;
+}
+
+.translate-y-10\/12 {
+  --transform-translate-y: 83.333333%;
+}
+
+.translate-y-11\/12 {
+  --transform-translate-y: 91.666667%;
+}
+
+.translate-y-full {
+  --transform-translate-y: 100%;
+}
+
+.-translate-y-1 {
+  --transform-translate-y: -0.25rem;
+}
+
+.-translate-y-2 {
+  --transform-translate-y: -0.5rem;
+}
+
+.-translate-y-3 {
+  --transform-translate-y: -0.75rem;
+}
+
+.-translate-y-4 {
+  --transform-translate-y: -1rem;
+}
+
+.-translate-y-5 {
+  --transform-translate-y: -1.25rem;
+}
+
+.-translate-y-6 {
+  --transform-translate-y: -1.5rem;
+}
+
+.-translate-y-7 {
+  --transform-translate-y: -1.75rem;
+}
+
+.-translate-y-8 {
+  --transform-translate-y: -2rem;
+}
+
+.-translate-y-9 {
+  --transform-translate-y: -2.25rem;
+}
+
+.-translate-y-10 {
+  --transform-translate-y: -2.5rem;
+}
+
+.-translate-y-11 {
+  --transform-translate-y: -2.75rem;
+}
+
+.-translate-y-12 {
+  --transform-translate-y: -3rem;
+}
+
+.-translate-y-13 {
+  --transform-translate-y: -3.25rem;
+}
+
+.-translate-y-14 {
+  --transform-translate-y: -3.5rem;
+}
+
+.-translate-y-15 {
+  --transform-translate-y: -3.75rem;
+}
+
+.-translate-y-16 {
+  --transform-translate-y: -4rem;
+}
+
+.-translate-y-20 {
+  --transform-translate-y: -5rem;
+}
+
+.-translate-y-24 {
+  --transform-translate-y: -6rem;
+}
+
+.-translate-y-28 {
+  --transform-translate-y: -7rem;
+}
+
+.-translate-y-32 {
+  --transform-translate-y: -8rem;
+}
+
+.-translate-y-36 {
+  --transform-translate-y: -9rem;
+}
+
+.-translate-y-40 {
+  --transform-translate-y: -10rem;
+}
+
+.-translate-y-48 {
+  --transform-translate-y: -12rem;
+}
+
+.-translate-y-56 {
+  --transform-translate-y: -14rem;
+}
+
+.-translate-y-60 {
+  --transform-translate-y: -15rem;
+}
+
+.-translate-y-64 {
+  --transform-translate-y: -16rem;
+}
+
+.-translate-y-72 {
+  --transform-translate-y: -18rem;
+}
+
+.-translate-y-80 {
+  --transform-translate-y: -20rem;
+}
+
+.-translate-y-96 {
+  --transform-translate-y: -24rem;
+}
+
+.-translate-y-px {
+  --transform-translate-y: -1px;
+}
+
+.-translate-y-0\.5 {
+  --transform-translate-y: -0.125rem;
+}
+
+.-translate-y-1\.5 {
+  --transform-translate-y: -0.375rem;
+}
+
+.-translate-y-2\.5 {
+  --transform-translate-y: -0.625rem;
+}
+
+.-translate-y-3\.5 {
+  --transform-translate-y: -0.875rem;
+}
+
+.-translate-y-1\/2 {
+  --transform-translate-y: -50%;
+}
+
+.-translate-y-1\/3 {
+  --transform-translate-y: -33.33333%;
+}
+
+.-translate-y-2\/3 {
+  --transform-translate-y: -66.66667%;
+}
+
+.-translate-y-1\/4 {
+  --transform-translate-y: -25%;
+}
+
+.-translate-y-2\/4 {
+  --transform-translate-y: -50%;
+}
+
+.-translate-y-3\/4 {
+  --transform-translate-y: -75%;
+}
+
+.-translate-y-1\/5 {
+  --transform-translate-y: -20%;
+}
+
+.-translate-y-2\/5 {
+  --transform-translate-y: -40%;
+}
+
+.-translate-y-3\/5 {
+  --transform-translate-y: -60%;
+}
+
+.-translate-y-4\/5 {
+  --transform-translate-y: -80%;
+}
+
+.-translate-y-1\/6 {
+  --transform-translate-y: -16.66667%;
+}
+
+.-translate-y-2\/6 {
+  --transform-translate-y: -33.33333%;
+}
+
+.-translate-y-3\/6 {
+  --transform-translate-y: -50%;
+}
+
+.-translate-y-4\/6 {
+  --transform-translate-y: -66.66667%;
+}
+
+.-translate-y-5\/6 {
+  --transform-translate-y: -83.33333%;
+}
+
+.-translate-y-1\/12 {
+  --transform-translate-y: -8.33333%;
+}
+
+.-translate-y-2\/12 {
+  --transform-translate-y: -16.66667%;
+}
+
+.-translate-y-3\/12 {
+  --transform-translate-y: -25%;
+}
+
+.-translate-y-4\/12 {
+  --transform-translate-y: -33.33333%;
+}
+
+.-translate-y-5\/12 {
+  --transform-translate-y: -41.66667%;
+}
+
+.-translate-y-6\/12 {
+  --transform-translate-y: -50%;
+}
+
+.-translate-y-7\/12 {
+  --transform-translate-y: -58.33333%;
+}
+
+.-translate-y-8\/12 {
+  --transform-translate-y: -66.66667%;
+}
+
+.-translate-y-9\/12 {
+  --transform-translate-y: -75%;
+}
+
+.-translate-y-10\/12 {
+  --transform-translate-y: -83.33333%;
+}
+
+.-translate-y-11\/12 {
+  --transform-translate-y: -91.66667%;
+}
+
+.-translate-y-full {
+  --transform-translate-y: -100%;
+}
+
+.hover\:translate-x-0:hover {
+  --transform-translate-x: 0;
+}
+
+.hover\:translate-x-1:hover {
+  --transform-translate-x: 0.25rem;
+}
+
+.hover\:translate-x-2:hover {
+  --transform-translate-x: 0.5rem;
+}
+
+.hover\:translate-x-3:hover {
+  --transform-translate-x: 0.75rem;
+}
+
+.hover\:translate-x-4:hover {
+  --transform-translate-x: 1rem;
+}
+
+.hover\:translate-x-5:hover {
+  --transform-translate-x: 1.25rem;
+}
+
+.hover\:translate-x-6:hover {
+  --transform-translate-x: 1.5rem;
+}
+
+.hover\:translate-x-7:hover {
+  --transform-translate-x: 1.75rem;
+}
+
+.hover\:translate-x-8:hover {
+  --transform-translate-x: 2rem;
+}
+
+.hover\:translate-x-9:hover {
+  --transform-translate-x: 2.25rem;
+}
+
+.hover\:translate-x-10:hover {
+  --transform-translate-x: 2.5rem;
+}
+
+.hover\:translate-x-11:hover {
+  --transform-translate-x: 2.75rem;
+}
+
+.hover\:translate-x-12:hover {
+  --transform-translate-x: 3rem;
+}
+
+.hover\:translate-x-13:hover {
+  --transform-translate-x: 3.25rem;
+}
+
+.hover\:translate-x-14:hover {
+  --transform-translate-x: 3.5rem;
+}
+
+.hover\:translate-x-15:hover {
+  --transform-translate-x: 3.75rem;
+}
+
+.hover\:translate-x-16:hover {
+  --transform-translate-x: 4rem;
+}
+
+.hover\:translate-x-20:hover {
+  --transform-translate-x: 5rem;
+}
+
+.hover\:translate-x-24:hover {
+  --transform-translate-x: 6rem;
+}
+
+.hover\:translate-x-28:hover {
+  --transform-translate-x: 7rem;
+}
+
+.hover\:translate-x-32:hover {
+  --transform-translate-x: 8rem;
+}
+
+.hover\:translate-x-36:hover {
+  --transform-translate-x: 9rem;
+}
+
+.hover\:translate-x-40:hover {
+  --transform-translate-x: 10rem;
+}
+
+.hover\:translate-x-48:hover {
+  --transform-translate-x: 12rem;
+}
+
+.hover\:translate-x-56:hover {
+  --transform-translate-x: 14rem;
+}
+
+.hover\:translate-x-60:hover {
+  --transform-translate-x: 15rem;
+}
+
+.hover\:translate-x-64:hover {
+  --transform-translate-x: 16rem;
+}
+
+.hover\:translate-x-72:hover {
+  --transform-translate-x: 18rem;
+}
+
+.hover\:translate-x-80:hover {
+  --transform-translate-x: 20rem;
+}
+
+.hover\:translate-x-96:hover {
+  --transform-translate-x: 24rem;
+}
+
+.hover\:translate-x-px:hover {
+  --transform-translate-x: 1px;
+}
+
+.hover\:translate-x-0\.5:hover {
+  --transform-translate-x: 0.125rem;
+}
+
+.hover\:translate-x-1\.5:hover {
+  --transform-translate-x: 0.375rem;
+}
+
+.hover\:translate-x-2\.5:hover {
+  --transform-translate-x: 0.625rem;
+}
+
+.hover\:translate-x-3\.5:hover {
+  --transform-translate-x: 0.875rem;
+}
+
+.hover\:translate-x-1\/2:hover {
+  --transform-translate-x: 50%;
+}
+
+.hover\:translate-x-1\/3:hover {
+  --transform-translate-x: 33.333333%;
+}
+
+.hover\:translate-x-2\/3:hover {
+  --transform-translate-x: 66.666667%;
+}
+
+.hover\:translate-x-1\/4:hover {
+  --transform-translate-x: 25%;
+}
+
+.hover\:translate-x-2\/4:hover {
+  --transform-translate-x: 50%;
+}
+
+.hover\:translate-x-3\/4:hover {
+  --transform-translate-x: 75%;
+}
+
+.hover\:translate-x-1\/5:hover {
+  --transform-translate-x: 20%;
+}
+
+.hover\:translate-x-2\/5:hover {
+  --transform-translate-x: 40%;
+}
+
+.hover\:translate-x-3\/5:hover {
+  --transform-translate-x: 60%;
+}
+
+.hover\:translate-x-4\/5:hover {
+  --transform-translate-x: 80%;
+}
+
+.hover\:translate-x-1\/6:hover {
+  --transform-translate-x: 16.666667%;
+}
+
+.hover\:translate-x-2\/6:hover {
+  --transform-translate-x: 33.333333%;
+}
+
+.hover\:translate-x-3\/6:hover {
+  --transform-translate-x: 50%;
+}
+
+.hover\:translate-x-4\/6:hover {
+  --transform-translate-x: 66.666667%;
+}
+
+.hover\:translate-x-5\/6:hover {
+  --transform-translate-x: 83.333333%;
+}
+
+.hover\:translate-x-1\/12:hover {
+  --transform-translate-x: 8.333333%;
+}
+
+.hover\:translate-x-2\/12:hover {
+  --transform-translate-x: 16.666667%;
+}
+
+.hover\:translate-x-3\/12:hover {
+  --transform-translate-x: 25%;
+}
+
+.hover\:translate-x-4\/12:hover {
+  --transform-translate-x: 33.333333%;
+}
+
+.hover\:translate-x-5\/12:hover {
+  --transform-translate-x: 41.666667%;
+}
+
+.hover\:translate-x-6\/12:hover {
+  --transform-translate-x: 50%;
+}
+
+.hover\:translate-x-7\/12:hover {
+  --transform-translate-x: 58.333333%;
+}
+
+.hover\:translate-x-8\/12:hover {
+  --transform-translate-x: 66.666667%;
+}
+
+.hover\:translate-x-9\/12:hover {
+  --transform-translate-x: 75%;
+}
+
+.hover\:translate-x-10\/12:hover {
+  --transform-translate-x: 83.333333%;
+}
+
+.hover\:translate-x-11\/12:hover {
+  --transform-translate-x: 91.666667%;
+}
+
+.hover\:translate-x-full:hover {
+  --transform-translate-x: 100%;
+}
+
+.hover\:-translate-x-1:hover {
+  --transform-translate-x: -0.25rem;
+}
+
+.hover\:-translate-x-2:hover {
+  --transform-translate-x: -0.5rem;
+}
+
+.hover\:-translate-x-3:hover {
+  --transform-translate-x: -0.75rem;
+}
+
+.hover\:-translate-x-4:hover {
+  --transform-translate-x: -1rem;
+}
+
+.hover\:-translate-x-5:hover {
+  --transform-translate-x: -1.25rem;
+}
+
+.hover\:-translate-x-6:hover {
+  --transform-translate-x: -1.5rem;
+}
+
+.hover\:-translate-x-7:hover {
+  --transform-translate-x: -1.75rem;
+}
+
+.hover\:-translate-x-8:hover {
+  --transform-translate-x: -2rem;
+}
+
+.hover\:-translate-x-9:hover {
+  --transform-translate-x: -2.25rem;
+}
+
+.hover\:-translate-x-10:hover {
+  --transform-translate-x: -2.5rem;
+}
+
+.hover\:-translate-x-11:hover {
+  --transform-translate-x: -2.75rem;
+}
+
+.hover\:-translate-x-12:hover {
+  --transform-translate-x: -3rem;
+}
+
+.hover\:-translate-x-13:hover {
+  --transform-translate-x: -3.25rem;
+}
+
+.hover\:-translate-x-14:hover {
+  --transform-translate-x: -3.5rem;
+}
+
+.hover\:-translate-x-15:hover {
+  --transform-translate-x: -3.75rem;
+}
+
+.hover\:-translate-x-16:hover {
+  --transform-translate-x: -4rem;
+}
+
+.hover\:-translate-x-20:hover {
+  --transform-translate-x: -5rem;
+}
+
+.hover\:-translate-x-24:hover {
+  --transform-translate-x: -6rem;
+}
+
+.hover\:-translate-x-28:hover {
+  --transform-translate-x: -7rem;
+}
+
+.hover\:-translate-x-32:hover {
+  --transform-translate-x: -8rem;
+}
+
+.hover\:-translate-x-36:hover {
+  --transform-translate-x: -9rem;
+}
+
+.hover\:-translate-x-40:hover {
+  --transform-translate-x: -10rem;
+}
+
+.hover\:-translate-x-48:hover {
+  --transform-translate-x: -12rem;
+}
+
+.hover\:-translate-x-56:hover {
+  --transform-translate-x: -14rem;
+}
+
+.hover\:-translate-x-60:hover {
+  --transform-translate-x: -15rem;
+}
+
+.hover\:-translate-x-64:hover {
+  --transform-translate-x: -16rem;
+}
+
+.hover\:-translate-x-72:hover {
+  --transform-translate-x: -18rem;
+}
+
+.hover\:-translate-x-80:hover {
+  --transform-translate-x: -20rem;
+}
+
+.hover\:-translate-x-96:hover {
+  --transform-translate-x: -24rem;
+}
+
+.hover\:-translate-x-px:hover {
+  --transform-translate-x: -1px;
+}
+
+.hover\:-translate-x-0\.5:hover {
+  --transform-translate-x: -0.125rem;
+}
+
+.hover\:-translate-x-1\.5:hover {
+  --transform-translate-x: -0.375rem;
+}
+
+.hover\:-translate-x-2\.5:hover {
+  --transform-translate-x: -0.625rem;
+}
+
+.hover\:-translate-x-3\.5:hover {
+  --transform-translate-x: -0.875rem;
+}
+
+.hover\:-translate-x-1\/2:hover {
+  --transform-translate-x: -50%;
+}
+
+.hover\:-translate-x-1\/3:hover {
+  --transform-translate-x: -33.33333%;
+}
+
+.hover\:-translate-x-2\/3:hover {
+  --transform-translate-x: -66.66667%;
+}
+
+.hover\:-translate-x-1\/4:hover {
+  --transform-translate-x: -25%;
+}
+
+.hover\:-translate-x-2\/4:hover {
+  --transform-translate-x: -50%;
+}
+
+.hover\:-translate-x-3\/4:hover {
+  --transform-translate-x: -75%;
+}
+
+.hover\:-translate-x-1\/5:hover {
+  --transform-translate-x: -20%;
+}
+
+.hover\:-translate-x-2\/5:hover {
+  --transform-translate-x: -40%;
+}
+
+.hover\:-translate-x-3\/5:hover {
+  --transform-translate-x: -60%;
+}
+
+.hover\:-translate-x-4\/5:hover {
+  --transform-translate-x: -80%;
+}
+
+.hover\:-translate-x-1\/6:hover {
+  --transform-translate-x: -16.66667%;
+}
+
+.hover\:-translate-x-2\/6:hover {
+  --transform-translate-x: -33.33333%;
+}
+
+.hover\:-translate-x-3\/6:hover {
+  --transform-translate-x: -50%;
+}
+
+.hover\:-translate-x-4\/6:hover {
+  --transform-translate-x: -66.66667%;
+}
+
+.hover\:-translate-x-5\/6:hover {
+  --transform-translate-x: -83.33333%;
+}
+
+.hover\:-translate-x-1\/12:hover {
+  --transform-translate-x: -8.33333%;
+}
+
+.hover\:-translate-x-2\/12:hover {
+  --transform-translate-x: -16.66667%;
+}
+
+.hover\:-translate-x-3\/12:hover {
+  --transform-translate-x: -25%;
+}
+
+.hover\:-translate-x-4\/12:hover {
+  --transform-translate-x: -33.33333%;
+}
+
+.hover\:-translate-x-5\/12:hover {
+  --transform-translate-x: -41.66667%;
+}
+
+.hover\:-translate-x-6\/12:hover {
+  --transform-translate-x: -50%;
+}
+
+.hover\:-translate-x-7\/12:hover {
+  --transform-translate-x: -58.33333%;
+}
+
+.hover\:-translate-x-8\/12:hover {
+  --transform-translate-x: -66.66667%;
+}
+
+.hover\:-translate-x-9\/12:hover {
+  --transform-translate-x: -75%;
+}
+
+.hover\:-translate-x-10\/12:hover {
+  --transform-translate-x: -83.33333%;
+}
+
+.hover\:-translate-x-11\/12:hover {
+  --transform-translate-x: -91.66667%;
+}
+
+.hover\:-translate-x-full:hover {
+  --transform-translate-x: -100%;
+}
+
+.hover\:translate-y-0:hover {
+  --transform-translate-y: 0;
+}
+
+.hover\:translate-y-1:hover {
+  --transform-translate-y: 0.25rem;
+}
+
+.hover\:translate-y-2:hover {
+  --transform-translate-y: 0.5rem;
+}
+
+.hover\:translate-y-3:hover {
+  --transform-translate-y: 0.75rem;
+}
+
+.hover\:translate-y-4:hover {
+  --transform-translate-y: 1rem;
+}
+
+.hover\:translate-y-5:hover {
+  --transform-translate-y: 1.25rem;
+}
+
+.hover\:translate-y-6:hover {
+  --transform-translate-y: 1.5rem;
+}
+
+.hover\:translate-y-7:hover {
+  --transform-translate-y: 1.75rem;
+}
+
+.hover\:translate-y-8:hover {
+  --transform-translate-y: 2rem;
+}
+
+.hover\:translate-y-9:hover {
+  --transform-translate-y: 2.25rem;
+}
+
+.hover\:translate-y-10:hover {
+  --transform-translate-y: 2.5rem;
+}
+
+.hover\:translate-y-11:hover {
+  --transform-translate-y: 2.75rem;
+}
+
+.hover\:translate-y-12:hover {
+  --transform-translate-y: 3rem;
+}
+
+.hover\:translate-y-13:hover {
+  --transform-translate-y: 3.25rem;
+}
+
+.hover\:translate-y-14:hover {
+  --transform-translate-y: 3.5rem;
+}
+
+.hover\:translate-y-15:hover {
+  --transform-translate-y: 3.75rem;
+}
+
+.hover\:translate-y-16:hover {
+  --transform-translate-y: 4rem;
+}
+
+.hover\:translate-y-20:hover {
+  --transform-translate-y: 5rem;
+}
+
+.hover\:translate-y-24:hover {
+  --transform-translate-y: 6rem;
+}
+
+.hover\:translate-y-28:hover {
+  --transform-translate-y: 7rem;
+}
+
+.hover\:translate-y-32:hover {
+  --transform-translate-y: 8rem;
+}
+
+.hover\:translate-y-36:hover {
+  --transform-translate-y: 9rem;
+}
+
+.hover\:translate-y-40:hover {
+  --transform-translate-y: 10rem;
+}
+
+.hover\:translate-y-48:hover {
+  --transform-translate-y: 12rem;
+}
+
+.hover\:translate-y-56:hover {
+  --transform-translate-y: 14rem;
+}
+
+.hover\:translate-y-60:hover {
+  --transform-translate-y: 15rem;
+}
+
+.hover\:translate-y-64:hover {
+  --transform-translate-y: 16rem;
+}
+
+.hover\:translate-y-72:hover {
+  --transform-translate-y: 18rem;
+}
+
+.hover\:translate-y-80:hover {
+  --transform-translate-y: 20rem;
+}
+
+.hover\:translate-y-96:hover {
+  --transform-translate-y: 24rem;
+}
+
+.hover\:translate-y-px:hover {
+  --transform-translate-y: 1px;
+}
+
+.hover\:translate-y-0\.5:hover {
+  --transform-translate-y: 0.125rem;
+}
+
+.hover\:translate-y-1\.5:hover {
+  --transform-translate-y: 0.375rem;
+}
+
+.hover\:translate-y-2\.5:hover {
+  --transform-translate-y: 0.625rem;
+}
+
+.hover\:translate-y-3\.5:hover {
+  --transform-translate-y: 0.875rem;
+}
+
+.hover\:translate-y-1\/2:hover {
+  --transform-translate-y: 50%;
+}
+
+.hover\:translate-y-1\/3:hover {
+  --transform-translate-y: 33.333333%;
+}
+
+.hover\:translate-y-2\/3:hover {
+  --transform-translate-y: 66.666667%;
+}
+
+.hover\:translate-y-1\/4:hover {
+  --transform-translate-y: 25%;
+}
+
+.hover\:translate-y-2\/4:hover {
+  --transform-translate-y: 50%;
+}
+
+.hover\:translate-y-3\/4:hover {
+  --transform-translate-y: 75%;
+}
+
+.hover\:translate-y-1\/5:hover {
+  --transform-translate-y: 20%;
+}
+
+.hover\:translate-y-2\/5:hover {
+  --transform-translate-y: 40%;
+}
+
+.hover\:translate-y-3\/5:hover {
+  --transform-translate-y: 60%;
+}
+
+.hover\:translate-y-4\/5:hover {
+  --transform-translate-y: 80%;
+}
+
+.hover\:translate-y-1\/6:hover {
+  --transform-translate-y: 16.666667%;
+}
+
+.hover\:translate-y-2\/6:hover {
+  --transform-translate-y: 33.333333%;
+}
+
+.hover\:translate-y-3\/6:hover {
+  --transform-translate-y: 50%;
+}
+
+.hover\:translate-y-4\/6:hover {
+  --transform-translate-y: 66.666667%;
+}
+
+.hover\:translate-y-5\/6:hover {
+  --transform-translate-y: 83.333333%;
+}
+
+.hover\:translate-y-1\/12:hover {
+  --transform-translate-y: 8.333333%;
+}
+
+.hover\:translate-y-2\/12:hover {
+  --transform-translate-y: 16.666667%;
+}
+
+.hover\:translate-y-3\/12:hover {
+  --transform-translate-y: 25%;
+}
+
+.hover\:translate-y-4\/12:hover {
+  --transform-translate-y: 33.333333%;
+}
+
+.hover\:translate-y-5\/12:hover {
+  --transform-translate-y: 41.666667%;
+}
+
+.hover\:translate-y-6\/12:hover {
+  --transform-translate-y: 50%;
+}
+
+.hover\:translate-y-7\/12:hover {
+  --transform-translate-y: 58.333333%;
+}
+
+.hover\:translate-y-8\/12:hover {
+  --transform-translate-y: 66.666667%;
+}
+
+.hover\:translate-y-9\/12:hover {
+  --transform-translate-y: 75%;
+}
+
+.hover\:translate-y-10\/12:hover {
+  --transform-translate-y: 83.333333%;
+}
+
+.hover\:translate-y-11\/12:hover {
+  --transform-translate-y: 91.666667%;
+}
+
+.hover\:translate-y-full:hover {
+  --transform-translate-y: 100%;
+}
+
+.hover\:-translate-y-1:hover {
+  --transform-translate-y: -0.25rem;
+}
+
+.hover\:-translate-y-2:hover {
+  --transform-translate-y: -0.5rem;
+}
+
+.hover\:-translate-y-3:hover {
+  --transform-translate-y: -0.75rem;
+}
+
+.hover\:-translate-y-4:hover {
+  --transform-translate-y: -1rem;
+}
+
+.hover\:-translate-y-5:hover {
+  --transform-translate-y: -1.25rem;
+}
+
+.hover\:-translate-y-6:hover {
+  --transform-translate-y: -1.5rem;
+}
+
+.hover\:-translate-y-7:hover {
+  --transform-translate-y: -1.75rem;
+}
+
+.hover\:-translate-y-8:hover {
+  --transform-translate-y: -2rem;
+}
+
+.hover\:-translate-y-9:hover {
+  --transform-translate-y: -2.25rem;
+}
+
+.hover\:-translate-y-10:hover {
+  --transform-translate-y: -2.5rem;
+}
+
+.hover\:-translate-y-11:hover {
+  --transform-translate-y: -2.75rem;
+}
+
+.hover\:-translate-y-12:hover {
+  --transform-translate-y: -3rem;
+}
+
+.hover\:-translate-y-13:hover {
+  --transform-translate-y: -3.25rem;
+}
+
+.hover\:-translate-y-14:hover {
+  --transform-translate-y: -3.5rem;
+}
+
+.hover\:-translate-y-15:hover {
+  --transform-translate-y: -3.75rem;
+}
+
+.hover\:-translate-y-16:hover {
+  --transform-translate-y: -4rem;
+}
+
+.hover\:-translate-y-20:hover {
+  --transform-translate-y: -5rem;
+}
+
+.hover\:-translate-y-24:hover {
+  --transform-translate-y: -6rem;
+}
+
+.hover\:-translate-y-28:hover {
+  --transform-translate-y: -7rem;
+}
+
+.hover\:-translate-y-32:hover {
+  --transform-translate-y: -8rem;
+}
+
+.hover\:-translate-y-36:hover {
+  --transform-translate-y: -9rem;
+}
+
+.hover\:-translate-y-40:hover {
+  --transform-translate-y: -10rem;
+}
+
+.hover\:-translate-y-48:hover {
+  --transform-translate-y: -12rem;
+}
+
+.hover\:-translate-y-56:hover {
+  --transform-translate-y: -14rem;
+}
+
+.hover\:-translate-y-60:hover {
+  --transform-translate-y: -15rem;
+}
+
+.hover\:-translate-y-64:hover {
+  --transform-translate-y: -16rem;
+}
+
+.hover\:-translate-y-72:hover {
+  --transform-translate-y: -18rem;
+}
+
+.hover\:-translate-y-80:hover {
+  --transform-translate-y: -20rem;
+}
+
+.hover\:-translate-y-96:hover {
+  --transform-translate-y: -24rem;
+}
+
+.hover\:-translate-y-px:hover {
+  --transform-translate-y: -1px;
+}
+
+.hover\:-translate-y-0\.5:hover {
+  --transform-translate-y: -0.125rem;
+}
+
+.hover\:-translate-y-1\.5:hover {
+  --transform-translate-y: -0.375rem;
+}
+
+.hover\:-translate-y-2\.5:hover {
+  --transform-translate-y: -0.625rem;
+}
+
+.hover\:-translate-y-3\.5:hover {
+  --transform-translate-y: -0.875rem;
+}
+
+.hover\:-translate-y-1\/2:hover {
+  --transform-translate-y: -50%;
+}
+
+.hover\:-translate-y-1\/3:hover {
+  --transform-translate-y: -33.33333%;
+}
+
+.hover\:-translate-y-2\/3:hover {
+  --transform-translate-y: -66.66667%;
+}
+
+.hover\:-translate-y-1\/4:hover {
+  --transform-translate-y: -25%;
+}
+
+.hover\:-translate-y-2\/4:hover {
+  --transform-translate-y: -50%;
+}
+
+.hover\:-translate-y-3\/4:hover {
+  --transform-translate-y: -75%;
+}
+
+.hover\:-translate-y-1\/5:hover {
+  --transform-translate-y: -20%;
+}
+
+.hover\:-translate-y-2\/5:hover {
+  --transform-translate-y: -40%;
+}
+
+.hover\:-translate-y-3\/5:hover {
+  --transform-translate-y: -60%;
+}
+
+.hover\:-translate-y-4\/5:hover {
+  --transform-translate-y: -80%;
+}
+
+.hover\:-translate-y-1\/6:hover {
+  --transform-translate-y: -16.66667%;
+}
+
+.hover\:-translate-y-2\/6:hover {
+  --transform-translate-y: -33.33333%;
+}
+
+.hover\:-translate-y-3\/6:hover {
+  --transform-translate-y: -50%;
+}
+
+.hover\:-translate-y-4\/6:hover {
+  --transform-translate-y: -66.66667%;
+}
+
+.hover\:-translate-y-5\/6:hover {
+  --transform-translate-y: -83.33333%;
+}
+
+.hover\:-translate-y-1\/12:hover {
+  --transform-translate-y: -8.33333%;
+}
+
+.hover\:-translate-y-2\/12:hover {
+  --transform-translate-y: -16.66667%;
+}
+
+.hover\:-translate-y-3\/12:hover {
+  --transform-translate-y: -25%;
+}
+
+.hover\:-translate-y-4\/12:hover {
+  --transform-translate-y: -33.33333%;
+}
+
+.hover\:-translate-y-5\/12:hover {
+  --transform-translate-y: -41.66667%;
+}
+
+.hover\:-translate-y-6\/12:hover {
+  --transform-translate-y: -50%;
+}
+
+.hover\:-translate-y-7\/12:hover {
+  --transform-translate-y: -58.33333%;
+}
+
+.hover\:-translate-y-8\/12:hover {
+  --transform-translate-y: -66.66667%;
+}
+
+.hover\:-translate-y-9\/12:hover {
+  --transform-translate-y: -75%;
+}
+
+.hover\:-translate-y-10\/12:hover {
+  --transform-translate-y: -83.33333%;
+}
+
+.hover\:-translate-y-11\/12:hover {
+  --transform-translate-y: -91.66667%;
+}
+
+.hover\:-translate-y-full:hover {
+  --transform-translate-y: -100%;
+}
+
+.focus\:translate-x-0:focus {
+  --transform-translate-x: 0;
+}
+
+.focus\:translate-x-1:focus {
+  --transform-translate-x: 0.25rem;
+}
+
+.focus\:translate-x-2:focus {
+  --transform-translate-x: 0.5rem;
+}
+
+.focus\:translate-x-3:focus {
+  --transform-translate-x: 0.75rem;
+}
+
+.focus\:translate-x-4:focus {
+  --transform-translate-x: 1rem;
+}
+
+.focus\:translate-x-5:focus {
+  --transform-translate-x: 1.25rem;
+}
+
+.focus\:translate-x-6:focus {
+  --transform-translate-x: 1.5rem;
+}
+
+.focus\:translate-x-7:focus {
+  --transform-translate-x: 1.75rem;
+}
+
+.focus\:translate-x-8:focus {
+  --transform-translate-x: 2rem;
+}
+
+.focus\:translate-x-9:focus {
+  --transform-translate-x: 2.25rem;
+}
+
+.focus\:translate-x-10:focus {
+  --transform-translate-x: 2.5rem;
+}
+
+.focus\:translate-x-11:focus {
+  --transform-translate-x: 2.75rem;
+}
+
+.focus\:translate-x-12:focus {
+  --transform-translate-x: 3rem;
+}
+
+.focus\:translate-x-13:focus {
+  --transform-translate-x: 3.25rem;
+}
+
+.focus\:translate-x-14:focus {
+  --transform-translate-x: 3.5rem;
+}
+
+.focus\:translate-x-15:focus {
+  --transform-translate-x: 3.75rem;
+}
+
+.focus\:translate-x-16:focus {
+  --transform-translate-x: 4rem;
+}
+
+.focus\:translate-x-20:focus {
+  --transform-translate-x: 5rem;
+}
+
+.focus\:translate-x-24:focus {
+  --transform-translate-x: 6rem;
+}
+
+.focus\:translate-x-28:focus {
+  --transform-translate-x: 7rem;
+}
+
+.focus\:translate-x-32:focus {
+  --transform-translate-x: 8rem;
+}
+
+.focus\:translate-x-36:focus {
+  --transform-translate-x: 9rem;
+}
+
+.focus\:translate-x-40:focus {
+  --transform-translate-x: 10rem;
+}
+
+.focus\:translate-x-48:focus {
+  --transform-translate-x: 12rem;
+}
+
+.focus\:translate-x-56:focus {
+  --transform-translate-x: 14rem;
+}
+
+.focus\:translate-x-60:focus {
+  --transform-translate-x: 15rem;
+}
+
+.focus\:translate-x-64:focus {
+  --transform-translate-x: 16rem;
+}
+
+.focus\:translate-x-72:focus {
+  --transform-translate-x: 18rem;
+}
+
+.focus\:translate-x-80:focus {
+  --transform-translate-x: 20rem;
+}
+
+.focus\:translate-x-96:focus {
+  --transform-translate-x: 24rem;
+}
+
+.focus\:translate-x-px:focus {
+  --transform-translate-x: 1px;
+}
+
+.focus\:translate-x-0\.5:focus {
+  --transform-translate-x: 0.125rem;
+}
+
+.focus\:translate-x-1\.5:focus {
+  --transform-translate-x: 0.375rem;
+}
+
+.focus\:translate-x-2\.5:focus {
+  --transform-translate-x: 0.625rem;
+}
+
+.focus\:translate-x-3\.5:focus {
+  --transform-translate-x: 0.875rem;
+}
+
+.focus\:translate-x-1\/2:focus {
+  --transform-translate-x: 50%;
+}
+
+.focus\:translate-x-1\/3:focus {
+  --transform-translate-x: 33.333333%;
+}
+
+.focus\:translate-x-2\/3:focus {
+  --transform-translate-x: 66.666667%;
+}
+
+.focus\:translate-x-1\/4:focus {
+  --transform-translate-x: 25%;
+}
+
+.focus\:translate-x-2\/4:focus {
+  --transform-translate-x: 50%;
+}
+
+.focus\:translate-x-3\/4:focus {
+  --transform-translate-x: 75%;
+}
+
+.focus\:translate-x-1\/5:focus {
+  --transform-translate-x: 20%;
+}
+
+.focus\:translate-x-2\/5:focus {
+  --transform-translate-x: 40%;
+}
+
+.focus\:translate-x-3\/5:focus {
+  --transform-translate-x: 60%;
+}
+
+.focus\:translate-x-4\/5:focus {
+  --transform-translate-x: 80%;
+}
+
+.focus\:translate-x-1\/6:focus {
+  --transform-translate-x: 16.666667%;
+}
+
+.focus\:translate-x-2\/6:focus {
+  --transform-translate-x: 33.333333%;
+}
+
+.focus\:translate-x-3\/6:focus {
+  --transform-translate-x: 50%;
+}
+
+.focus\:translate-x-4\/6:focus {
+  --transform-translate-x: 66.666667%;
+}
+
+.focus\:translate-x-5\/6:focus {
+  --transform-translate-x: 83.333333%;
+}
+
+.focus\:translate-x-1\/12:focus {
+  --transform-translate-x: 8.333333%;
+}
+
+.focus\:translate-x-2\/12:focus {
+  --transform-translate-x: 16.666667%;
+}
+
+.focus\:translate-x-3\/12:focus {
+  --transform-translate-x: 25%;
+}
+
+.focus\:translate-x-4\/12:focus {
+  --transform-translate-x: 33.333333%;
+}
+
+.focus\:translate-x-5\/12:focus {
+  --transform-translate-x: 41.666667%;
+}
+
+.focus\:translate-x-6\/12:focus {
+  --transform-translate-x: 50%;
+}
+
+.focus\:translate-x-7\/12:focus {
+  --transform-translate-x: 58.333333%;
+}
+
+.focus\:translate-x-8\/12:focus {
+  --transform-translate-x: 66.666667%;
+}
+
+.focus\:translate-x-9\/12:focus {
+  --transform-translate-x: 75%;
+}
+
+.focus\:translate-x-10\/12:focus {
+  --transform-translate-x: 83.333333%;
+}
+
+.focus\:translate-x-11\/12:focus {
+  --transform-translate-x: 91.666667%;
+}
+
+.focus\:translate-x-full:focus {
+  --transform-translate-x: 100%;
+}
+
+.focus\:-translate-x-1:focus {
+  --transform-translate-x: -0.25rem;
+}
+
+.focus\:-translate-x-2:focus {
+  --transform-translate-x: -0.5rem;
+}
+
+.focus\:-translate-x-3:focus {
+  --transform-translate-x: -0.75rem;
+}
+
+.focus\:-translate-x-4:focus {
+  --transform-translate-x: -1rem;
+}
+
+.focus\:-translate-x-5:focus {
+  --transform-translate-x: -1.25rem;
+}
+
+.focus\:-translate-x-6:focus {
+  --transform-translate-x: -1.5rem;
+}
+
+.focus\:-translate-x-7:focus {
+  --transform-translate-x: -1.75rem;
+}
+
+.focus\:-translate-x-8:focus {
+  --transform-translate-x: -2rem;
+}
+
+.focus\:-translate-x-9:focus {
+  --transform-translate-x: -2.25rem;
+}
+
+.focus\:-translate-x-10:focus {
+  --transform-translate-x: -2.5rem;
+}
+
+.focus\:-translate-x-11:focus {
+  --transform-translate-x: -2.75rem;
+}
+
+.focus\:-translate-x-12:focus {
+  --transform-translate-x: -3rem;
+}
+
+.focus\:-translate-x-13:focus {
+  --transform-translate-x: -3.25rem;
+}
+
+.focus\:-translate-x-14:focus {
+  --transform-translate-x: -3.5rem;
+}
+
+.focus\:-translate-x-15:focus {
+  --transform-translate-x: -3.75rem;
+}
+
+.focus\:-translate-x-16:focus {
+  --transform-translate-x: -4rem;
+}
+
+.focus\:-translate-x-20:focus {
+  --transform-translate-x: -5rem;
+}
+
+.focus\:-translate-x-24:focus {
+  --transform-translate-x: -6rem;
+}
+
+.focus\:-translate-x-28:focus {
+  --transform-translate-x: -7rem;
+}
+
+.focus\:-translate-x-32:focus {
+  --transform-translate-x: -8rem;
+}
+
+.focus\:-translate-x-36:focus {
+  --transform-translate-x: -9rem;
+}
+
+.focus\:-translate-x-40:focus {
+  --transform-translate-x: -10rem;
+}
+
+.focus\:-translate-x-48:focus {
+  --transform-translate-x: -12rem;
+}
+
+.focus\:-translate-x-56:focus {
+  --transform-translate-x: -14rem;
+}
+
+.focus\:-translate-x-60:focus {
+  --transform-translate-x: -15rem;
+}
+
+.focus\:-translate-x-64:focus {
+  --transform-translate-x: -16rem;
+}
+
+.focus\:-translate-x-72:focus {
+  --transform-translate-x: -18rem;
+}
+
+.focus\:-translate-x-80:focus {
+  --transform-translate-x: -20rem;
+}
+
+.focus\:-translate-x-96:focus {
+  --transform-translate-x: -24rem;
+}
+
+.focus\:-translate-x-px:focus {
+  --transform-translate-x: -1px;
+}
+
+.focus\:-translate-x-0\.5:focus {
+  --transform-translate-x: -0.125rem;
+}
+
+.focus\:-translate-x-1\.5:focus {
+  --transform-translate-x: -0.375rem;
+}
+
+.focus\:-translate-x-2\.5:focus {
+  --transform-translate-x: -0.625rem;
+}
+
+.focus\:-translate-x-3\.5:focus {
+  --transform-translate-x: -0.875rem;
+}
+
+.focus\:-translate-x-1\/2:focus {
+  --transform-translate-x: -50%;
+}
+
+.focus\:-translate-x-1\/3:focus {
+  --transform-translate-x: -33.33333%;
+}
+
+.focus\:-translate-x-2\/3:focus {
+  --transform-translate-x: -66.66667%;
+}
+
+.focus\:-translate-x-1\/4:focus {
+  --transform-translate-x: -25%;
+}
+
+.focus\:-translate-x-2\/4:focus {
+  --transform-translate-x: -50%;
+}
+
+.focus\:-translate-x-3\/4:focus {
+  --transform-translate-x: -75%;
+}
+
+.focus\:-translate-x-1\/5:focus {
+  --transform-translate-x: -20%;
+}
+
+.focus\:-translate-x-2\/5:focus {
+  --transform-translate-x: -40%;
+}
+
+.focus\:-translate-x-3\/5:focus {
+  --transform-translate-x: -60%;
+}
+
+.focus\:-translate-x-4\/5:focus {
+  --transform-translate-x: -80%;
+}
+
+.focus\:-translate-x-1\/6:focus {
+  --transform-translate-x: -16.66667%;
+}
+
+.focus\:-translate-x-2\/6:focus {
+  --transform-translate-x: -33.33333%;
+}
+
+.focus\:-translate-x-3\/6:focus {
+  --transform-translate-x: -50%;
+}
+
+.focus\:-translate-x-4\/6:focus {
+  --transform-translate-x: -66.66667%;
+}
+
+.focus\:-translate-x-5\/6:focus {
+  --transform-translate-x: -83.33333%;
+}
+
+.focus\:-translate-x-1\/12:focus {
+  --transform-translate-x: -8.33333%;
+}
+
+.focus\:-translate-x-2\/12:focus {
+  --transform-translate-x: -16.66667%;
+}
+
+.focus\:-translate-x-3\/12:focus {
+  --transform-translate-x: -25%;
+}
+
+.focus\:-translate-x-4\/12:focus {
+  --transform-translate-x: -33.33333%;
+}
+
+.focus\:-translate-x-5\/12:focus {
+  --transform-translate-x: -41.66667%;
+}
+
+.focus\:-translate-x-6\/12:focus {
+  --transform-translate-x: -50%;
+}
+
+.focus\:-translate-x-7\/12:focus {
+  --transform-translate-x: -58.33333%;
+}
+
+.focus\:-translate-x-8\/12:focus {
+  --transform-translate-x: -66.66667%;
+}
+
+.focus\:-translate-x-9\/12:focus {
+  --transform-translate-x: -75%;
+}
+
+.focus\:-translate-x-10\/12:focus {
+  --transform-translate-x: -83.33333%;
+}
+
+.focus\:-translate-x-11\/12:focus {
+  --transform-translate-x: -91.66667%;
+}
+
+.focus\:-translate-x-full:focus {
+  --transform-translate-x: -100%;
+}
+
+.focus\:translate-y-0:focus {
+  --transform-translate-y: 0;
+}
+
+.focus\:translate-y-1:focus {
+  --transform-translate-y: 0.25rem;
+}
+
+.focus\:translate-y-2:focus {
+  --transform-translate-y: 0.5rem;
+}
+
+.focus\:translate-y-3:focus {
+  --transform-translate-y: 0.75rem;
+}
+
+.focus\:translate-y-4:focus {
+  --transform-translate-y: 1rem;
+}
+
+.focus\:translate-y-5:focus {
+  --transform-translate-y: 1.25rem;
+}
+
+.focus\:translate-y-6:focus {
+  --transform-translate-y: 1.5rem;
+}
+
+.focus\:translate-y-7:focus {
+  --transform-translate-y: 1.75rem;
+}
+
+.focus\:translate-y-8:focus {
+  --transform-translate-y: 2rem;
+}
+
+.focus\:translate-y-9:focus {
+  --transform-translate-y: 2.25rem;
+}
+
+.focus\:translate-y-10:focus {
+  --transform-translate-y: 2.5rem;
+}
+
+.focus\:translate-y-11:focus {
+  --transform-translate-y: 2.75rem;
+}
+
+.focus\:translate-y-12:focus {
+  --transform-translate-y: 3rem;
+}
+
+.focus\:translate-y-13:focus {
+  --transform-translate-y: 3.25rem;
+}
+
+.focus\:translate-y-14:focus {
+  --transform-translate-y: 3.5rem;
+}
+
+.focus\:translate-y-15:focus {
+  --transform-translate-y: 3.75rem;
+}
+
+.focus\:translate-y-16:focus {
+  --transform-translate-y: 4rem;
+}
+
+.focus\:translate-y-20:focus {
+  --transform-translate-y: 5rem;
+}
+
+.focus\:translate-y-24:focus {
+  --transform-translate-y: 6rem;
+}
+
+.focus\:translate-y-28:focus {
+  --transform-translate-y: 7rem;
+}
+
+.focus\:translate-y-32:focus {
+  --transform-translate-y: 8rem;
+}
+
+.focus\:translate-y-36:focus {
+  --transform-translate-y: 9rem;
+}
+
+.focus\:translate-y-40:focus {
+  --transform-translate-y: 10rem;
+}
+
+.focus\:translate-y-48:focus {
+  --transform-translate-y: 12rem;
+}
+
+.focus\:translate-y-56:focus {
+  --transform-translate-y: 14rem;
+}
+
+.focus\:translate-y-60:focus {
+  --transform-translate-y: 15rem;
+}
+
+.focus\:translate-y-64:focus {
+  --transform-translate-y: 16rem;
+}
+
+.focus\:translate-y-72:focus {
+  --transform-translate-y: 18rem;
+}
+
+.focus\:translate-y-80:focus {
+  --transform-translate-y: 20rem;
+}
+
+.focus\:translate-y-96:focus {
+  --transform-translate-y: 24rem;
+}
+
+.focus\:translate-y-px:focus {
+  --transform-translate-y: 1px;
+}
+
+.focus\:translate-y-0\.5:focus {
+  --transform-translate-y: 0.125rem;
+}
+
+.focus\:translate-y-1\.5:focus {
+  --transform-translate-y: 0.375rem;
+}
+
+.focus\:translate-y-2\.5:focus {
+  --transform-translate-y: 0.625rem;
+}
+
+.focus\:translate-y-3\.5:focus {
+  --transform-translate-y: 0.875rem;
+}
+
+.focus\:translate-y-1\/2:focus {
+  --transform-translate-y: 50%;
+}
+
+.focus\:translate-y-1\/3:focus {
+  --transform-translate-y: 33.333333%;
+}
+
+.focus\:translate-y-2\/3:focus {
+  --transform-translate-y: 66.666667%;
+}
+
+.focus\:translate-y-1\/4:focus {
+  --transform-translate-y: 25%;
+}
+
+.focus\:translate-y-2\/4:focus {
+  --transform-translate-y: 50%;
+}
+
+.focus\:translate-y-3\/4:focus {
+  --transform-translate-y: 75%;
+}
+
+.focus\:translate-y-1\/5:focus {
+  --transform-translate-y: 20%;
+}
+
+.focus\:translate-y-2\/5:focus {
+  --transform-translate-y: 40%;
+}
+
+.focus\:translate-y-3\/5:focus {
+  --transform-translate-y: 60%;
+}
+
+.focus\:translate-y-4\/5:focus {
+  --transform-translate-y: 80%;
+}
+
+.focus\:translate-y-1\/6:focus {
+  --transform-translate-y: 16.666667%;
+}
+
+.focus\:translate-y-2\/6:focus {
+  --transform-translate-y: 33.333333%;
+}
+
+.focus\:translate-y-3\/6:focus {
+  --transform-translate-y: 50%;
+}
+
+.focus\:translate-y-4\/6:focus {
+  --transform-translate-y: 66.666667%;
+}
+
+.focus\:translate-y-5\/6:focus {
+  --transform-translate-y: 83.333333%;
+}
+
+.focus\:translate-y-1\/12:focus {
+  --transform-translate-y: 8.333333%;
+}
+
+.focus\:translate-y-2\/12:focus {
+  --transform-translate-y: 16.666667%;
+}
+
+.focus\:translate-y-3\/12:focus {
+  --transform-translate-y: 25%;
+}
+
+.focus\:translate-y-4\/12:focus {
+  --transform-translate-y: 33.333333%;
+}
+
+.focus\:translate-y-5\/12:focus {
+  --transform-translate-y: 41.666667%;
+}
+
+.focus\:translate-y-6\/12:focus {
+  --transform-translate-y: 50%;
+}
+
+.focus\:translate-y-7\/12:focus {
+  --transform-translate-y: 58.333333%;
+}
+
+.focus\:translate-y-8\/12:focus {
+  --transform-translate-y: 66.666667%;
+}
+
+.focus\:translate-y-9\/12:focus {
+  --transform-translate-y: 75%;
+}
+
+.focus\:translate-y-10\/12:focus {
+  --transform-translate-y: 83.333333%;
+}
+
+.focus\:translate-y-11\/12:focus {
+  --transform-translate-y: 91.666667%;
+}
+
+.focus\:translate-y-full:focus {
+  --transform-translate-y: 100%;
+}
+
+.focus\:-translate-y-1:focus {
+  --transform-translate-y: -0.25rem;
+}
+
+.focus\:-translate-y-2:focus {
+  --transform-translate-y: -0.5rem;
+}
+
+.focus\:-translate-y-3:focus {
+  --transform-translate-y: -0.75rem;
+}
+
+.focus\:-translate-y-4:focus {
+  --transform-translate-y: -1rem;
+}
+
+.focus\:-translate-y-5:focus {
+  --transform-translate-y: -1.25rem;
+}
+
+.focus\:-translate-y-6:focus {
+  --transform-translate-y: -1.5rem;
+}
+
+.focus\:-translate-y-7:focus {
+  --transform-translate-y: -1.75rem;
+}
+
+.focus\:-translate-y-8:focus {
+  --transform-translate-y: -2rem;
+}
+
+.focus\:-translate-y-9:focus {
+  --transform-translate-y: -2.25rem;
+}
+
+.focus\:-translate-y-10:focus {
+  --transform-translate-y: -2.5rem;
+}
+
+.focus\:-translate-y-11:focus {
+  --transform-translate-y: -2.75rem;
+}
+
+.focus\:-translate-y-12:focus {
+  --transform-translate-y: -3rem;
+}
+
+.focus\:-translate-y-13:focus {
+  --transform-translate-y: -3.25rem;
+}
+
+.focus\:-translate-y-14:focus {
+  --transform-translate-y: -3.5rem;
+}
+
+.focus\:-translate-y-15:focus {
+  --transform-translate-y: -3.75rem;
+}
+
+.focus\:-translate-y-16:focus {
+  --transform-translate-y: -4rem;
+}
+
+.focus\:-translate-y-20:focus {
+  --transform-translate-y: -5rem;
+}
+
+.focus\:-translate-y-24:focus {
+  --transform-translate-y: -6rem;
+}
+
+.focus\:-translate-y-28:focus {
+  --transform-translate-y: -7rem;
+}
+
+.focus\:-translate-y-32:focus {
+  --transform-translate-y: -8rem;
+}
+
+.focus\:-translate-y-36:focus {
+  --transform-translate-y: -9rem;
+}
+
+.focus\:-translate-y-40:focus {
+  --transform-translate-y: -10rem;
+}
+
+.focus\:-translate-y-48:focus {
+  --transform-translate-y: -12rem;
+}
+
+.focus\:-translate-y-56:focus {
+  --transform-translate-y: -14rem;
+}
+
+.focus\:-translate-y-60:focus {
+  --transform-translate-y: -15rem;
+}
+
+.focus\:-translate-y-64:focus {
+  --transform-translate-y: -16rem;
+}
+
+.focus\:-translate-y-72:focus {
+  --transform-translate-y: -18rem;
+}
+
+.focus\:-translate-y-80:focus {
+  --transform-translate-y: -20rem;
+}
+
+.focus\:-translate-y-96:focus {
+  --transform-translate-y: -24rem;
+}
+
+.focus\:-translate-y-px:focus {
+  --transform-translate-y: -1px;
+}
+
+.focus\:-translate-y-0\.5:focus {
+  --transform-translate-y: -0.125rem;
+}
+
+.focus\:-translate-y-1\.5:focus {
+  --transform-translate-y: -0.375rem;
+}
+
+.focus\:-translate-y-2\.5:focus {
+  --transform-translate-y: -0.625rem;
+}
+
+.focus\:-translate-y-3\.5:focus {
+  --transform-translate-y: -0.875rem;
+}
+
+.focus\:-translate-y-1\/2:focus {
+  --transform-translate-y: -50%;
+}
+
+.focus\:-translate-y-1\/3:focus {
+  --transform-translate-y: -33.33333%;
+}
+
+.focus\:-translate-y-2\/3:focus {
+  --transform-translate-y: -66.66667%;
+}
+
+.focus\:-translate-y-1\/4:focus {
+  --transform-translate-y: -25%;
+}
+
+.focus\:-translate-y-2\/4:focus {
+  --transform-translate-y: -50%;
+}
+
+.focus\:-translate-y-3\/4:focus {
+  --transform-translate-y: -75%;
+}
+
+.focus\:-translate-y-1\/5:focus {
+  --transform-translate-y: -20%;
+}
+
+.focus\:-translate-y-2\/5:focus {
+  --transform-translate-y: -40%;
+}
+
+.focus\:-translate-y-3\/5:focus {
+  --transform-translate-y: -60%;
+}
+
+.focus\:-translate-y-4\/5:focus {
+  --transform-translate-y: -80%;
+}
+
+.focus\:-translate-y-1\/6:focus {
+  --transform-translate-y: -16.66667%;
+}
+
+.focus\:-translate-y-2\/6:focus {
+  --transform-translate-y: -33.33333%;
+}
+
+.focus\:-translate-y-3\/6:focus {
+  --transform-translate-y: -50%;
+}
+
+.focus\:-translate-y-4\/6:focus {
+  --transform-translate-y: -66.66667%;
+}
+
+.focus\:-translate-y-5\/6:focus {
+  --transform-translate-y: -83.33333%;
+}
+
+.focus\:-translate-y-1\/12:focus {
+  --transform-translate-y: -8.33333%;
+}
+
+.focus\:-translate-y-2\/12:focus {
+  --transform-translate-y: -16.66667%;
+}
+
+.focus\:-translate-y-3\/12:focus {
+  --transform-translate-y: -25%;
+}
+
+.focus\:-translate-y-4\/12:focus {
+  --transform-translate-y: -33.33333%;
+}
+
+.focus\:-translate-y-5\/12:focus {
+  --transform-translate-y: -41.66667%;
+}
+
+.focus\:-translate-y-6\/12:focus {
+  --transform-translate-y: -50%;
+}
+
+.focus\:-translate-y-7\/12:focus {
+  --transform-translate-y: -58.33333%;
+}
+
+.focus\:-translate-y-8\/12:focus {
+  --transform-translate-y: -66.66667%;
+}
+
+.focus\:-translate-y-9\/12:focus {
+  --transform-translate-y: -75%;
+}
+
+.focus\:-translate-y-10\/12:focus {
+  --transform-translate-y: -83.33333%;
+}
+
+.focus\:-translate-y-11\/12:focus {
+  --transform-translate-y: -91.66667%;
+}
+
+.focus\:-translate-y-full:focus {
+  --transform-translate-y: -100%;
+}
+
+.skew-x-0 {
+  --transform-skew-x: 0;
+}
+
+.skew-x-3 {
+  --transform-skew-x: 3deg;
+}
+
+.skew-x-6 {
+  --transform-skew-x: 6deg;
+}
+
+.skew-x-12 {
+  --transform-skew-x: 12deg;
+}
+
+.-skew-x-12 {
+  --transform-skew-x: -12deg;
+}
+
+.-skew-x-6 {
+  --transform-skew-x: -6deg;
+}
+
+.-skew-x-3 {
+  --transform-skew-x: -3deg;
+}
+
+.skew-y-0 {
+  --transform-skew-y: 0;
+}
+
+.skew-y-3 {
+  --transform-skew-y: 3deg;
+}
+
+.skew-y-6 {
+  --transform-skew-y: 6deg;
+}
+
+.skew-y-12 {
+  --transform-skew-y: 12deg;
+}
+
+.-skew-y-12 {
+  --transform-skew-y: -12deg;
+}
+
+.-skew-y-6 {
+  --transform-skew-y: -6deg;
+}
+
+.-skew-y-3 {
+  --transform-skew-y: -3deg;
+}
+
+.hover\:skew-x-0:hover {
+  --transform-skew-x: 0;
+}
+
+.hover\:skew-x-3:hover {
+  --transform-skew-x: 3deg;
+}
+
+.hover\:skew-x-6:hover {
+  --transform-skew-x: 6deg;
+}
+
+.hover\:skew-x-12:hover {
+  --transform-skew-x: 12deg;
+}
+
+.hover\:-skew-x-12:hover {
+  --transform-skew-x: -12deg;
+}
+
+.hover\:-skew-x-6:hover {
+  --transform-skew-x: -6deg;
+}
+
+.hover\:-skew-x-3:hover {
+  --transform-skew-x: -3deg;
+}
+
+.hover\:skew-y-0:hover {
+  --transform-skew-y: 0;
+}
+
+.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;
+}
+
+.focus\:skew-x-0:focus {
+  --transform-skew-x: 0;
+}
+
+.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-y-0:focus {
+  --transform-skew-y: 0;
+}
+
+.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;
+}
+
+.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;
+}
+
+@-webkit-keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@-webkit-keyframes ping {
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+
+@keyframes ping {
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+
+@-webkit-keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: .5;
+  }
+}
+
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: .5;
+  }
+}
+
+@-webkit-keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
+            animation-timing-function: cubic-bezier(0.8,0,1,1);
+  }
+
+  50% {
+    transform: translateY(0);
+    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
+            animation-timing-function: cubic-bezier(0,0,0.2,1);
+  }
+}
+
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
+            animation-timing-function: cubic-bezier(0.8,0,1,1);
+  }
+
+  50% {
+    transform: translateY(0);
+    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
+            animation-timing-function: cubic-bezier(0,0,0.2,1);
+  }
+}
+
+.animate-none {
+  -webkit-animation: none;
+          animation: none;
+}
+
+.animate-spin {
+  -webkit-animation: spin 1s linear infinite;
+          animation: spin 1s linear infinite;
+}
+
+.animate-ping {
+  -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+          animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+
+.animate-pulse {
+  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+          animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.animate-bounce {
+  -webkit-animation: bounce 1s infinite;
+          animation: bounce 1s infinite;
+}
+
+@media (min-width: 640px) {
+  .sm\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .sm\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .sm\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .sm\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .sm\:container {
+      max-width: 1280px;
+    }
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\:space-y-7 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(1.75rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-7 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(1.75rem * var(--space-x-reverse));
+    margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\:space-y-9 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(2.25rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-9 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(2.25rem * var(--space-x-reverse));
+    margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\:space-y-11 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(2.75rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-11 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(2.75rem * var(--space-x-reverse));
+    margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\:space-y-13 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(3.25rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-13 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(3.25rem * var(--space-x-reverse));
+    margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-14 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(3.5rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-14 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(3.5rem * var(--space-x-reverse));
+    margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-15 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(3.75rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-15 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(3.75rem * var(--space-x-reverse));
+    margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\:space-y-28 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(7rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(7rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-28 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(7rem * var(--space-x-reverse));
+    margin-left: calc(7rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\:space-y-36 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(9rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(9rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-36 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(9rem * var(--space-x-reverse));
+    margin-left: calc(9rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\:space-y-60 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(15rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(15rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-60 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(15rem * var(--space-x-reverse));
+    margin-left: calc(15rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\:space-y-72 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(18rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(18rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-72 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(18rem * var(--space-x-reverse));
+    margin-left: calc(18rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-80 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(20rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(20rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-80 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(20rem * var(--space-x-reverse));
+    margin-left: calc(20rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-96 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(24rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(24rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-96 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(24rem * var(--space-x-reverse));
+    margin-left: calc(24rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\:space-y-0\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.125rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-0\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.125rem * var(--space-x-reverse));
+    margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-1\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.375rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-1\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.375rem * var(--space-x-reverse));
+    margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-2\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.625rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-2\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.625rem * var(--space-x-reverse));
+    margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-3\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.875rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-3\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.875rem * var(--space-x-reverse));
+    margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-1\/2 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(50% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-1\/2 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(50% * var(--space-x-reverse));
+    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-1\/3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(33.333333% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-1\/3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(33.333333% * var(--space-x-reverse));
+    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-2\/3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(66.666667% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-2\/3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(66.666667% * var(--space-x-reverse));
+    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-1\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(25% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-1\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(25% * var(--space-x-reverse));
+    margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-2\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(50% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-2\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(50% * var(--space-x-reverse));
+    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-3\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(75% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-3\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(75% * var(--space-x-reverse));
+    margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-1\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(20% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(20% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-1\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(20% * var(--space-x-reverse));
+    margin-left: calc(20% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-2\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(40% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(40% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-2\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(40% * var(--space-x-reverse));
+    margin-left: calc(40% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-3\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(60% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(60% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-3\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(60% * var(--space-x-reverse));
+    margin-left: calc(60% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-4\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(80% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(80% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-4\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(80% * var(--space-x-reverse));
+    margin-left: calc(80% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-1\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(16.666667% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-1\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(16.666667% * var(--space-x-reverse));
+    margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-2\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(33.333333% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-2\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(33.333333% * var(--space-x-reverse));
+    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-3\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(50% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-3\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(50% * var(--space-x-reverse));
+    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-4\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(66.666667% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-4\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(66.666667% * var(--space-x-reverse));
+    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-5\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(83.333333% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-5\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(83.333333% * var(--space-x-reverse));
+    margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-1\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(8.333333% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-1\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(8.333333% * var(--space-x-reverse));
+    margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-2\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(16.666667% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-2\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(16.666667% * var(--space-x-reverse));
+    margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-3\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(25% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-3\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(25% * var(--space-x-reverse));
+    margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-4\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(33.333333% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-4\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(33.333333% * var(--space-x-reverse));
+    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-5\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(41.666667% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-5\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(41.666667% * var(--space-x-reverse));
+    margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-6\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(50% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-6\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(50% * var(--space-x-reverse));
+    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-7\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(58.333333% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-7\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(58.333333% * var(--space-x-reverse));
+    margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-8\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(66.666667% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-8\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(66.666667% * var(--space-x-reverse));
+    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-9\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(75% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-9\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(75% * var(--space-x-reverse));
+    margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-10\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(83.333333% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-10\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(83.333333% * var(--space-x-reverse));
+    margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-11\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(91.666667% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-11\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(91.666667% * var(--space-x-reverse));
+    margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-full > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(100% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(100% * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-full > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(100% * var(--space-x-reverse));
+    margin-left: calc(100% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-space-y-7 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-1.75rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-7 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-1.75rem * var(--space-x-reverse));
+    margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-space-y-9 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-2.25rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-9 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-2.25rem * var(--space-x-reverse));
+    margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-space-y-11 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-2.75rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-11 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-2.75rem * var(--space-x-reverse));
+    margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-space-y-13 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-3.25rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-13 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-3.25rem * var(--space-x-reverse));
+    margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-14 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-3.5rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-14 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-3.5rem * var(--space-x-reverse));
+    margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-15 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-3.75rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-15 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-3.75rem * var(--space-x-reverse));
+    margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-space-y-28 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-7rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-7rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-28 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-7rem * var(--space-x-reverse));
+    margin-left: calc(-7rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-space-y-36 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-9rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-9rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-36 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-9rem * var(--space-x-reverse));
+    margin-left: calc(-9rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-space-y-60 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-15rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-15rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-60 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-15rem * var(--space-x-reverse));
+    margin-left: calc(-15rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-space-y-72 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-18rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-18rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-72 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-18rem * var(--space-x-reverse));
+    margin-left: calc(-18rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-80 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-20rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-20rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-80 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-20rem * var(--space-x-reverse));
+    margin-left: calc(-20rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-96 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-24rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-24rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-96 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-24rem * var(--space-x-reverse));
+    margin-left: calc(-24rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-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));
+  }
+
+  .sm\:-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)));
+  }
+
+  .sm\:-space-y-0\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.125rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-0\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.125rem * var(--space-x-reverse));
+    margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-1\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.375rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-1\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.375rem * var(--space-x-reverse));
+    margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-2\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.625rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-2\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.625rem * var(--space-x-reverse));
+    margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-3\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.875rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-3\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.875rem * var(--space-x-reverse));
+    margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-1\/2 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-50% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-1\/2 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-50% * var(--space-x-reverse));
+    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-1\/3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-1\/3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-33.33333% * var(--space-x-reverse));
+    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-2\/3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-2\/3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-66.66667% * var(--space-x-reverse));
+    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-1\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-25% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-1\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-25% * var(--space-x-reverse));
+    margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-2\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-50% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-2\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-50% * var(--space-x-reverse));
+    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-3\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-75% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-3\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-75% * var(--space-x-reverse));
+    margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-1\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-20% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-20% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-1\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-20% * var(--space-x-reverse));
+    margin-left: calc(-20% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-2\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-40% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-40% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-2\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-40% * var(--space-x-reverse));
+    margin-left: calc(-40% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-3\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-60% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-60% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-3\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-60% * var(--space-x-reverse));
+    margin-left: calc(-60% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-4\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-80% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-80% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-4\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-80% * var(--space-x-reverse));
+    margin-left: calc(-80% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-1\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-16.66667% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-1\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-16.66667% * var(--space-x-reverse));
+    margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-2\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-2\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-33.33333% * var(--space-x-reverse));
+    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-3\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-50% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-3\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-50% * var(--space-x-reverse));
+    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-4\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-4\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-66.66667% * var(--space-x-reverse));
+    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-5\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-83.33333% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-5\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-83.33333% * var(--space-x-reverse));
+    margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-1\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-8.33333% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-1\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-8.33333% * var(--space-x-reverse));
+    margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-2\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-16.66667% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-2\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-16.66667% * var(--space-x-reverse));
+    margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-3\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-25% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-3\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-25% * var(--space-x-reverse));
+    margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-4\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-4\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-33.33333% * var(--space-x-reverse));
+    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-5\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-41.66667% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-5\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-41.66667% * var(--space-x-reverse));
+    margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-6\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-50% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-6\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-50% * var(--space-x-reverse));
+    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-7\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-58.33333% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-7\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-58.33333% * var(--space-x-reverse));
+    margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-8\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-8\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-66.66667% * var(--space-x-reverse));
+    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-9\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-75% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-9\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-75% * var(--space-x-reverse));
+    margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-10\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-83.33333% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-10\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-83.33333% * var(--space-x-reverse));
+    margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-11\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-91.66667% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-11\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-91.66667% * var(--space-x-reverse));
+    margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:-space-y-full > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-100% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-100% * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-full > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-100% * var(--space-x-reverse));
+    margin-left: calc(-100% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .sm\:space-y-reverse > :not(template) ~ :not(template) {
+    --space-y-reverse: 1;
+  }
+
+  .sm\:space-x-reverse > :not(template) ~ :not(template) {
+    --space-x-reverse: 1;
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\: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)));
+  }
+
+  .sm\:divide-y-reverse > :not(template) ~ :not(template) {
+    --divide-y-reverse: 1;
+  }
+
+  .sm\:divide-x-reverse > :not(template) ~ :not(template) {
+    --divide-x-reverse: 1;
+  }
+
+  .sm\:divide-transparent > :not(template) ~ :not(template) {
+    border-color: transparent;
+  }
+
+  .sm\:divide-white > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--divide-opacity));
+  }
+
+  .sm\:divide-black > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--divide-opacity));
+  }
+
+  .sm\:divide-gray-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--divide-opacity));
+  }
+
+  .sm\:divide-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--divide-opacity));
+  }
+
+  .sm\:divide-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--divide-opacity));
+  }
+
+  .sm\:divide-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--divide-opacity));
+  }
+
+  .sm\:divide-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--divide-opacity));
+  }
+
+  .sm\:divide-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--divide-opacity));
+  }
+
+  .sm\:divide-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--divide-opacity));
+  }
+
+  .sm\:divide-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--divide-opacity));
+  }
+
+  .sm\:divide-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--divide-opacity));
+  }
+
+  .sm\:divide-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--divide-opacity));
+  }
+
+  .sm\:divide-cool-gray-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--divide-opacity));
+  }
+
+  .sm\:divide-cool-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--divide-opacity));
+  }
+
+  .sm\:divide-cool-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--divide-opacity));
+  }
+
+  .sm\:divide-cool-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--divide-opacity));
+  }
+
+  .sm\:divide-cool-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--divide-opacity));
+  }
+
+  .sm\:divide-cool-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--divide-opacity));
+  }
+
+  .sm\:divide-cool-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--divide-opacity));
+  }
+
+  .sm\:divide-cool-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--divide-opacity));
+  }
+
+  .sm\:divide-cool-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--divide-opacity));
+  }
+
+  .sm\:divide-cool-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--divide-opacity));
+  }
+
+  .sm\:divide-red-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--divide-opacity));
+  }
+
+  .sm\:divide-red-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--divide-opacity));
+  }
+
+  .sm\:divide-red-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--divide-opacity));
+  }
+
+  .sm\:divide-red-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--divide-opacity));
+  }
+
+  .sm\:divide-red-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--divide-opacity));
+  }
+
+  .sm\:divide-red-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--divide-opacity));
+  }
+
+  .sm\:divide-red-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--divide-opacity));
+  }
+
+  .sm\:divide-red-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--divide-opacity));
+  }
+
+  .sm\:divide-red-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--divide-opacity));
+  }
+
+  .sm\:divide-red-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--divide-opacity));
+  }
+
+  .sm\:divide-orange-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--divide-opacity));
+  }
+
+  .sm\:divide-orange-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--divide-opacity));
+  }
+
+  .sm\:divide-orange-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--divide-opacity));
+  }
+
+  .sm\:divide-orange-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--divide-opacity));
+  }
+
+  .sm\:divide-orange-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--divide-opacity));
+  }
+
+  .sm\:divide-orange-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--divide-opacity));
+  }
+
+  .sm\:divide-orange-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--divide-opacity));
+  }
+
+  .sm\:divide-orange-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--divide-opacity));
+  }
+
+  .sm\:divide-orange-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--divide-opacity));
+  }
+
+  .sm\:divide-orange-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--divide-opacity));
+  }
+
+  .sm\:divide-yellow-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--divide-opacity));
+  }
+
+  .sm\:divide-yellow-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--divide-opacity));
+  }
+
+  .sm\:divide-yellow-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--divide-opacity));
+  }
+
+  .sm\:divide-yellow-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--divide-opacity));
+  }
+
+  .sm\:divide-yellow-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--divide-opacity));
+  }
+
+  .sm\:divide-yellow-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--divide-opacity));
+  }
+
+  .sm\:divide-yellow-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--divide-opacity));
+  }
+
+  .sm\:divide-yellow-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--divide-opacity));
+  }
+
+  .sm\:divide-yellow-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--divide-opacity));
+  }
+
+  .sm\:divide-yellow-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--divide-opacity));
+  }
+
+  .sm\:divide-green-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--divide-opacity));
+  }
+
+  .sm\:divide-green-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--divide-opacity));
+  }
+
+  .sm\:divide-green-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--divide-opacity));
+  }
+
+  .sm\:divide-green-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--divide-opacity));
+  }
+
+  .sm\:divide-green-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--divide-opacity));
+  }
+
+  .sm\:divide-green-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--divide-opacity));
+  }
+
+  .sm\:divide-green-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--divide-opacity));
+  }
+
+  .sm\:divide-green-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--divide-opacity));
+  }
+
+  .sm\:divide-green-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--divide-opacity));
+  }
+
+  .sm\:divide-green-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--divide-opacity));
+  }
+
+  .sm\:divide-teal-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--divide-opacity));
+  }
+
+  .sm\:divide-teal-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--divide-opacity));
+  }
+
+  .sm\:divide-teal-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--divide-opacity));
+  }
+
+  .sm\:divide-teal-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--divide-opacity));
+  }
+
+  .sm\:divide-teal-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--divide-opacity));
+  }
+
+  .sm\:divide-teal-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--divide-opacity));
+  }
+
+  .sm\:divide-teal-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--divide-opacity));
+  }
+
+  .sm\:divide-teal-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--divide-opacity));
+  }
+
+  .sm\:divide-teal-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--divide-opacity));
+  }
+
+  .sm\:divide-teal-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--divide-opacity));
+  }
+
+  .sm\:divide-blue-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--divide-opacity));
+  }
+
+  .sm\:divide-blue-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--divide-opacity));
+  }
+
+  .sm\:divide-blue-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--divide-opacity));
+  }
+
+  .sm\:divide-blue-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--divide-opacity));
+  }
+
+  .sm\:divide-blue-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--divide-opacity));
+  }
+
+  .sm\:divide-blue-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--divide-opacity));
+  }
+
+  .sm\:divide-blue-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--divide-opacity));
+  }
+
+  .sm\:divide-blue-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--divide-opacity));
+  }
+
+  .sm\:divide-blue-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--divide-opacity));
+  }
+
+  .sm\:divide-blue-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--divide-opacity));
+  }
+
+  .sm\:divide-indigo-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--divide-opacity));
+  }
+
+  .sm\:divide-indigo-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--divide-opacity));
+  }
+
+  .sm\:divide-indigo-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--divide-opacity));
+  }
+
+  .sm\:divide-indigo-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--divide-opacity));
+  }
+
+  .sm\:divide-indigo-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--divide-opacity));
+  }
+
+  .sm\:divide-indigo-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--divide-opacity));
+  }
+
+  .sm\:divide-indigo-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--divide-opacity));
+  }
+
+  .sm\:divide-indigo-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--divide-opacity));
+  }
+
+  .sm\:divide-indigo-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--divide-opacity));
+  }
+
+  .sm\:divide-indigo-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--divide-opacity));
+  }
+
+  .sm\:divide-purple-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--divide-opacity));
+  }
+
+  .sm\:divide-purple-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--divide-opacity));
+  }
+
+  .sm\:divide-purple-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--divide-opacity));
+  }
+
+  .sm\:divide-purple-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--divide-opacity));
+  }
+
+  .sm\:divide-purple-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--divide-opacity));
+  }
+
+  .sm\:divide-purple-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--divide-opacity));
+  }
+
+  .sm\:divide-purple-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--divide-opacity));
+  }
+
+  .sm\:divide-purple-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--divide-opacity));
+  }
+
+  .sm\:divide-purple-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--divide-opacity));
+  }
+
+  .sm\:divide-purple-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--divide-opacity));
+  }
+
+  .sm\:divide-pink-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--divide-opacity));
+  }
+
+  .sm\:divide-pink-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--divide-opacity));
+  }
+
+  .sm\:divide-pink-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--divide-opacity));
+  }
+
+  .sm\:divide-pink-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--divide-opacity));
+  }
+
+  .sm\:divide-pink-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--divide-opacity));
+  }
+
+  .sm\:divide-pink-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--divide-opacity));
+  }
+
+  .sm\:divide-pink-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--divide-opacity));
+  }
+
+  .sm\:divide-pink-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--divide-opacity));
+  }
+
+  .sm\:divide-pink-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--divide-opacity));
+  }
+
+  .sm\:divide-pink-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--divide-opacity));
+  }
+
+  .sm\:divide-opacity-0 > :not(template) ~ :not(template) {
+    --divide-opacity: 0;
+  }
+
+  .sm\:divide-opacity-25 > :not(template) ~ :not(template) {
+    --divide-opacity: 0.25;
+  }
+
+  .sm\:divide-opacity-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 0.5;
+  }
+
+  .sm\:divide-opacity-75 > :not(template) ~ :not(template) {
+    --divide-opacity: 0.75;
+  }
+
+  .sm\:divide-opacity-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+  }
+
+  .sm\: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;
+  }
+
+  .sm\:not-sr-only {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .sm\: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;
+  }
+
+  .sm\:focus\:not-sr-only:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .sm\:appearance-none {
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+  }
+
+  .sm\:bg-fixed {
+    background-attachment: fixed;
+  }
+
+  .sm\:bg-local {
+    background-attachment: local;
+  }
+
+  .sm\:bg-scroll {
+    background-attachment: scroll;
+  }
+
+  .sm\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .sm\:bg-white {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .sm\:bg-black {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .sm\:bg-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .sm\:bg-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .sm\:bg-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .sm\:bg-gray-300 {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .sm\:bg-gray-400 {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .sm\:bg-gray-500 {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .sm\:bg-gray-600 {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .sm\:bg-gray-700 {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .sm\:bg-gray-800 {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .sm\:bg-gray-900 {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .sm\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .sm\:bg-cool-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .sm\:bg-cool-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .sm\:bg-cool-gray-300 {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .sm\:bg-cool-gray-400 {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .sm\:bg-cool-gray-500 {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .sm\:bg-cool-gray-600 {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .sm\:bg-cool-gray-700 {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .sm\:bg-cool-gray-800 {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .sm\:bg-cool-gray-900 {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .sm\:bg-red-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .sm\:bg-red-100 {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .sm\:bg-red-200 {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .sm\:bg-red-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .sm\:bg-red-400 {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .sm\:bg-red-500 {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .sm\:bg-red-600 {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .sm\:bg-red-700 {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .sm\:bg-red-800 {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .sm\:bg-red-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .sm\:bg-orange-50 {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .sm\:bg-orange-100 {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .sm\:bg-orange-200 {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .sm\:bg-orange-300 {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .sm\:bg-orange-400 {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .sm\:bg-orange-500 {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .sm\:bg-orange-600 {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .sm\:bg-orange-700 {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .sm\:bg-orange-800 {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .sm\:bg-orange-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .sm\:bg-yellow-50 {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .sm\:bg-yellow-100 {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .sm\:bg-yellow-200 {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .sm\:bg-yellow-300 {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .sm\:bg-yellow-400 {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .sm\:bg-yellow-500 {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .sm\:bg-yellow-600 {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .sm\:bg-yellow-700 {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .sm\:bg-yellow-800 {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .sm\:bg-yellow-900 {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .sm\:bg-green-50 {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .sm\:bg-green-100 {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .sm\:bg-green-200 {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .sm\:bg-green-300 {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .sm\:bg-green-400 {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .sm\:bg-green-500 {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .sm\:bg-green-600 {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .sm\:bg-green-700 {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .sm\:bg-green-800 {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .sm\:bg-green-900 {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .sm\:bg-teal-50 {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .sm\:bg-teal-100 {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .sm\:bg-teal-200 {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .sm\:bg-teal-300 {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .sm\:bg-teal-400 {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .sm\:bg-teal-500 {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .sm\:bg-teal-600 {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .sm\:bg-teal-700 {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .sm\:bg-teal-800 {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .sm\:bg-teal-900 {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .sm\:bg-blue-50 {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .sm\:bg-blue-100 {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .sm\:bg-blue-200 {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .sm\:bg-blue-300 {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .sm\:bg-blue-400 {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .sm\:bg-blue-500 {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .sm\:bg-blue-600 {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .sm\:bg-blue-700 {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .sm\:bg-blue-800 {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .sm\:bg-blue-900 {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .sm\:bg-indigo-50 {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .sm\:bg-indigo-100 {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .sm\:bg-indigo-200 {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .sm\:bg-indigo-300 {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .sm\:bg-indigo-400 {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .sm\:bg-indigo-500 {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .sm\:bg-indigo-600 {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .sm\:bg-indigo-700 {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .sm\:bg-indigo-800 {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .sm\:bg-indigo-900 {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .sm\:bg-purple-50 {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .sm\:bg-purple-100 {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .sm\:bg-purple-200 {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .sm\:bg-purple-300 {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .sm\:bg-purple-400 {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .sm\:bg-purple-500 {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .sm\:bg-purple-600 {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .sm\:bg-purple-700 {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .sm\:bg-purple-800 {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .sm\:bg-purple-900 {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .sm\:bg-pink-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .sm\:bg-pink-100 {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .sm\:bg-pink-200 {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .sm\:bg-pink-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .sm\:bg-pink-400 {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .sm\:bg-pink-500 {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .sm\:bg-pink-600 {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .sm\:bg-pink-700 {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .sm\:bg-pink-800 {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .sm\:bg-pink-900 {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:hover .sm\:group-hover\:bg-white {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-black {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-300 {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-400 {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-500 {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-600 {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-700 {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-800 {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-900 {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-cool-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-cool-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-cool-gray-300 {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-cool-gray-400 {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-cool-gray-500 {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-cool-gray-600 {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-cool-gray-700 {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-cool-gray-800 {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-cool-gray-900 {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-100 {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-200 {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-400 {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-500 {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-600 {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-700 {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-800 {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-50 {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-100 {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-200 {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-300 {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-400 {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-500 {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-600 {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-700 {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-800 {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-50 {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-100 {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-200 {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-300 {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-400 {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-500 {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-600 {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-700 {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-800 {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-900 {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-50 {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-100 {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-200 {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-300 {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-400 {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-500 {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-600 {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-700 {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-800 {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-900 {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-teal-50 {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-teal-100 {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-teal-200 {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-teal-300 {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-teal-400 {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-teal-500 {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-teal-600 {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-teal-700 {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-teal-800 {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-teal-900 {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-50 {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-100 {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-200 {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-300 {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-400 {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-500 {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-600 {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-700 {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-800 {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-900 {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-50 {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-100 {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-200 {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-300 {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-400 {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-500 {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-600 {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-700 {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-800 {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-900 {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-50 {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-100 {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-200 {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-300 {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-400 {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-500 {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-600 {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-700 {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-800 {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-900 {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-100 {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-200 {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-400 {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-500 {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-600 {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-700 {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-800 {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-900 {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:focus .sm\:group-focus\:bg-white {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-black {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-gray-300 {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-gray-400 {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-gray-500 {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-gray-600 {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-gray-700 {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-gray-800 {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-gray-900 {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-cool-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-cool-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-cool-gray-300 {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-cool-gray-400 {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-cool-gray-500 {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-cool-gray-600 {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-cool-gray-700 {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-cool-gray-800 {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-cool-gray-900 {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-red-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-red-100 {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-red-200 {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-red-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-red-400 {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-red-500 {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-red-600 {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-red-700 {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-red-800 {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-red-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-orange-50 {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-orange-100 {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-orange-200 {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-orange-300 {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-orange-400 {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-orange-500 {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-orange-600 {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-orange-700 {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-orange-800 {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-orange-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-yellow-50 {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-yellow-100 {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-yellow-200 {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-yellow-300 {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-yellow-400 {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-yellow-500 {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-yellow-600 {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-yellow-700 {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-yellow-800 {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-yellow-900 {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-green-50 {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-green-100 {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-green-200 {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-green-300 {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-green-400 {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-green-500 {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-green-600 {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-green-700 {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-green-800 {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-green-900 {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-teal-50 {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-teal-100 {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-teal-200 {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-teal-300 {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-teal-400 {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-teal-500 {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-teal-600 {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-teal-700 {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-teal-800 {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-teal-900 {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-blue-50 {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-blue-100 {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-blue-200 {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-blue-300 {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-blue-400 {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-blue-500 {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-blue-600 {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-blue-700 {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-blue-800 {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-blue-900 {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-indigo-50 {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-indigo-100 {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-indigo-200 {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-indigo-300 {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-indigo-400 {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-indigo-500 {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-indigo-600 {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-indigo-700 {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-indigo-800 {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-indigo-900 {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-purple-50 {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-purple-100 {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-purple-200 {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-purple-300 {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-purple-400 {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-purple-500 {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-purple-600 {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-purple-700 {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-purple-800 {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-purple-900 {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-pink-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-pink-100 {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-pink-200 {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-pink-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-pink-400 {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-pink-500 {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-pink-600 {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-pink-700 {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-pink-800 {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:bg-pink-900 {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-transparent:hover {
+    background-color: transparent;
+  }
+
+  .sm\:hover\:bg-white:hover {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-black:hover {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-50:hover {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-100:hover {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-200:hover {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-300:hover {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-400:hover {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-500:hover {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-600:hover {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-700:hover {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-800:hover {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-900:hover {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-cool-gray-50:hover {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-cool-gray-100:hover {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-cool-gray-200:hover {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-cool-gray-300:hover {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-cool-gray-400:hover {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-cool-gray-500:hover {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-cool-gray-600:hover {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-cool-gray-700:hover {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-cool-gray-800:hover {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-cool-gray-900:hover {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-50:hover {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-100:hover {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-200:hover {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-300:hover {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-400:hover {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-500:hover {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-600:hover {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-700:hover {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-800:hover {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-900:hover {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-orange-50:hover {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-orange-100:hover {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-orange-200:hover {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-orange-300:hover {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-orange-400:hover {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-orange-500:hover {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-orange-600:hover {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-orange-700:hover {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-orange-800:hover {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-orange-900:hover {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-50:hover {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-100:hover {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-200:hover {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-300:hover {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-400:hover {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-500:hover {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-600:hover {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-700:hover {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-800:hover {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-900:hover {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-50:hover {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-100:hover {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-200:hover {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-300:hover {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-400:hover {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-500:hover {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-600:hover {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-700:hover {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-800:hover {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-900:hover {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-teal-50:hover {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-teal-100:hover {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-teal-200:hover {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-teal-300:hover {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-teal-400:hover {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-teal-500:hover {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-teal-600:hover {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-teal-700:hover {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-teal-800:hover {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-teal-900:hover {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-50:hover {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-100:hover {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-200:hover {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-300:hover {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-400:hover {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-500:hover {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-600:hover {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-700:hover {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-800:hover {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-900:hover {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-50:hover {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-100:hover {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-200:hover {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-300:hover {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-400:hover {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-500:hover {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-600:hover {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-700:hover {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-800:hover {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-900:hover {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-50:hover {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-100:hover {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-200:hover {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-300:hover {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-400:hover {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-500:hover {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-600:hover {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-700:hover {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-800:hover {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-900:hover {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-50:hover {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-100:hover {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-200:hover {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-300:hover {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-400:hover {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-500:hover {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-600:hover {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-700:hover {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-800:hover {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-900:hover {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-transparent:focus {
+    background-color: transparent;
+  }
+
+  .sm\:focus\:bg-white:focus {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-black:focus {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-50:focus {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-100:focus {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-200:focus {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-300:focus {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-400:focus {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-500:focus {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-600:focus {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-700:focus {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-800:focus {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-900:focus {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-cool-gray-50:focus {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-cool-gray-100:focus {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-cool-gray-200:focus {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-cool-gray-300:focus {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-cool-gray-400:focus {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-cool-gray-500:focus {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-cool-gray-600:focus {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-cool-gray-700:focus {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-cool-gray-800:focus {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-cool-gray-900:focus {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-50:focus {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-100:focus {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-200:focus {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-300:focus {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-400:focus {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-500:focus {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-600:focus {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-700:focus {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-800:focus {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-900:focus {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-orange-50:focus {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-orange-100:focus {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-orange-200:focus {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-orange-300:focus {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-orange-400:focus {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-orange-500:focus {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-orange-600:focus {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-orange-700:focus {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-orange-800:focus {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-orange-900:focus {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-50:focus {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-100:focus {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-200:focus {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-300:focus {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-400:focus {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-500:focus {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-600:focus {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-700:focus {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-800:focus {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-900:focus {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-50:focus {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-100:focus {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-200:focus {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-300:focus {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-400:focus {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-500:focus {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-600:focus {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-700:focus {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-800:focus {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-900:focus {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-teal-50:focus {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-teal-100:focus {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-teal-200:focus {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-teal-300:focus {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-teal-400:focus {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-teal-500:focus {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-teal-600:focus {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-teal-700:focus {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-teal-800:focus {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-teal-900:focus {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-50:focus {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-100:focus {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-200:focus {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-300:focus {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-400:focus {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-500:focus {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-600:focus {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-700:focus {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-800:focus {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-900:focus {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-50:focus {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-100:focus {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-200:focus {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-300:focus {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-400:focus {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-500:focus {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-600:focus {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-700:focus {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-800:focus {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-900:focus {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-50:focus {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-100:focus {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-200:focus {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-300:focus {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-400:focus {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-500:focus {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-600:focus {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-700:focus {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-800:focus {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-900:focus {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-50:focus {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-100:focus {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-200:focus {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-300:focus {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-400:focus {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-500:focus {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-600:focus {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-700:focus {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-800:focus {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-900:focus {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-transparent:active {
+    background-color: transparent;
+  }
+
+  .sm\:active\:bg-white:active {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-black:active {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-gray-50:active {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-gray-100:active {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-gray-200:active {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-gray-300:active {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-gray-400:active {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-gray-500:active {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-gray-600:active {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-gray-700:active {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-gray-800:active {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-gray-900:active {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-cool-gray-50:active {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-cool-gray-100:active {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-cool-gray-200:active {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-cool-gray-300:active {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-cool-gray-400:active {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-cool-gray-500:active {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-cool-gray-600:active {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-cool-gray-700:active {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-cool-gray-800:active {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-cool-gray-900:active {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-red-50:active {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-red-100:active {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-red-200:active {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-red-300:active {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-red-400:active {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-red-500:active {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-red-600:active {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-red-700:active {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-red-800:active {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-red-900:active {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-orange-50:active {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-orange-100:active {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-orange-200:active {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-orange-300:active {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-orange-400:active {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-orange-500:active {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-orange-600:active {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-orange-700:active {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-orange-800:active {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-orange-900:active {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-yellow-50:active {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-yellow-100:active {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-yellow-200:active {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-yellow-300:active {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-yellow-400:active {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-yellow-500:active {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-yellow-600:active {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-yellow-700:active {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-yellow-800:active {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-yellow-900:active {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-green-50:active {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-green-100:active {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-green-200:active {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-green-300:active {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-green-400:active {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-green-500:active {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-green-600:active {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-green-700:active {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-green-800:active {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-green-900:active {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-teal-50:active {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-teal-100:active {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-teal-200:active {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-teal-300:active {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-teal-400:active {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-teal-500:active {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-teal-600:active {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-teal-700:active {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-teal-800:active {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-teal-900:active {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-blue-50:active {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-blue-100:active {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-blue-200:active {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-blue-300:active {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-blue-400:active {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-blue-500:active {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-blue-600:active {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-blue-700:active {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-blue-800:active {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-blue-900:active {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-indigo-50:active {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-indigo-100:active {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-indigo-200:active {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-indigo-300:active {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-indigo-400:active {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-indigo-500:active {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-indigo-600:active {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-indigo-700:active {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-indigo-800:active {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-indigo-900:active {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-purple-50:active {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-purple-100:active {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-purple-200:active {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-purple-300:active {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-purple-400:active {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-purple-500:active {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-purple-600:active {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-purple-700:active {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-purple-800:active {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-purple-900:active {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-pink-50:active {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-pink-100:active {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-pink-200:active {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-pink-300:active {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-pink-400:active {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-pink-500:active {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-pink-600:active {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-pink-700:active {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-pink-800:active {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .sm\:active\:bg-pink-900:active {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .sm\:bg-opacity-0 {
+    --bg-opacity: 0;
+  }
+
+  .sm\:bg-opacity-25 {
+    --bg-opacity: 0.25;
+  }
+
+  .sm\:bg-opacity-50 {
+    --bg-opacity: 0.5;
+  }
+
+  .sm\:bg-opacity-75 {
+    --bg-opacity: 0.75;
+  }
+
+  .sm\:bg-opacity-100 {
+    --bg-opacity: 1;
+  }
+
+  .sm\:hover\:bg-opacity-0:hover {
+    --bg-opacity: 0;
+  }
+
+  .sm\:hover\:bg-opacity-25:hover {
+    --bg-opacity: 0.25;
+  }
+
+  .sm\:hover\:bg-opacity-50:hover {
+    --bg-opacity: 0.5;
+  }
+
+  .sm\:hover\:bg-opacity-75:hover {
+    --bg-opacity: 0.75;
+  }
+
+  .sm\:hover\:bg-opacity-100:hover {
+    --bg-opacity: 1;
+  }
+
+  .sm\:focus\:bg-opacity-0:focus {
+    --bg-opacity: 0;
+  }
+
+  .sm\:focus\:bg-opacity-25:focus {
+    --bg-opacity: 0.25;
+  }
+
+  .sm\:focus\:bg-opacity-50:focus {
+    --bg-opacity: 0.5;
+  }
+
+  .sm\:focus\:bg-opacity-75:focus {
+    --bg-opacity: 0.75;
+  }
+
+  .sm\:focus\:bg-opacity-100:focus {
+    --bg-opacity: 1;
+  }
+
+  .sm\:bg-bottom {
+    background-position: bottom;
+  }
+
+  .sm\:bg-center {
+    background-position: center;
+  }
+
+  .sm\:bg-left {
+    background-position: left;
+  }
+
+  .sm\:bg-left-bottom {
+    background-position: left bottom;
+  }
+
+  .sm\:bg-left-top {
+    background-position: left top;
+  }
+
+  .sm\:bg-right {
+    background-position: right;
+  }
+
+  .sm\:bg-right-bottom {
+    background-position: right bottom;
+  }
+
+  .sm\:bg-right-top {
+    background-position: right top;
+  }
+
+  .sm\:bg-top {
+    background-position: top;
+  }
+
+  .sm\:bg-repeat {
+    background-repeat: repeat;
+  }
+
+  .sm\:bg-no-repeat {
+    background-repeat: no-repeat;
+  }
+
+  .sm\:bg-repeat-x {
+    background-repeat: repeat-x;
+  }
+
+  .sm\:bg-repeat-y {
+    background-repeat: repeat-y;
+  }
+
+  .sm\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .sm\:bg-repeat-space {
+    background-repeat: space;
+  }
+
+  .sm\:bg-auto {
+    background-size: auto;
+  }
+
+  .sm\:bg-cover {
+    background-size: cover;
+  }
+
+  .sm\:bg-contain {
+    background-size: contain;
+  }
+
+  .sm\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .sm\:border-separate {
+    border-collapse: separate;
+  }
+
+  .sm\:border-transparent {
+    border-color: transparent;
+  }
+
+  .sm\:border-white {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .sm\:border-black {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .sm\:border-gray-50 {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .sm\:border-gray-100 {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .sm\:border-gray-200 {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .sm\:border-gray-300 {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .sm\:border-gray-400 {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .sm\:border-gray-500 {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .sm\:border-gray-600 {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .sm\:border-gray-700 {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .sm\:border-gray-800 {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .sm\:border-gray-900 {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .sm\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .sm\:border-cool-gray-100 {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .sm\:border-cool-gray-200 {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .sm\:border-cool-gray-300 {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .sm\:border-cool-gray-400 {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .sm\:border-cool-gray-500 {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .sm\:border-cool-gray-600 {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .sm\:border-cool-gray-700 {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .sm\:border-cool-gray-800 {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .sm\:border-cool-gray-900 {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .sm\:border-red-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .sm\:border-red-100 {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .sm\:border-red-200 {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .sm\:border-red-300 {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .sm\:border-red-400 {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .sm\:border-red-500 {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .sm\:border-red-600 {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .sm\:border-red-700 {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .sm\:border-red-800 {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .sm\:border-red-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .sm\:border-orange-50 {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .sm\:border-orange-100 {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .sm\:border-orange-200 {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .sm\:border-orange-300 {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .sm\:border-orange-400 {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .sm\:border-orange-500 {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .sm\:border-orange-600 {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .sm\:border-orange-700 {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .sm\:border-orange-800 {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .sm\:border-orange-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .sm\:border-yellow-50 {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .sm\:border-yellow-100 {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .sm\:border-yellow-200 {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .sm\:border-yellow-300 {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .sm\:border-yellow-400 {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .sm\:border-yellow-500 {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .sm\:border-yellow-600 {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .sm\:border-yellow-700 {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .sm\:border-yellow-800 {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .sm\:border-yellow-900 {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .sm\:border-green-50 {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .sm\:border-green-100 {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .sm\:border-green-200 {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .sm\:border-green-300 {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .sm\:border-green-400 {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .sm\:border-green-500 {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .sm\:border-green-600 {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .sm\:border-green-700 {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .sm\:border-green-800 {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .sm\:border-green-900 {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .sm\:border-teal-50 {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .sm\:border-teal-100 {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .sm\:border-teal-200 {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .sm\:border-teal-300 {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .sm\:border-teal-400 {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .sm\:border-teal-500 {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .sm\:border-teal-600 {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .sm\:border-teal-700 {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .sm\:border-teal-800 {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .sm\:border-teal-900 {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .sm\:border-blue-50 {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .sm\:border-blue-100 {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .sm\:border-blue-200 {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .sm\:border-blue-300 {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .sm\:border-blue-400 {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .sm\:border-blue-500 {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .sm\:border-blue-600 {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .sm\:border-blue-700 {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .sm\:border-blue-800 {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .sm\:border-blue-900 {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .sm\:border-indigo-50 {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .sm\:border-indigo-100 {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .sm\:border-indigo-200 {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .sm\:border-indigo-300 {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .sm\:border-indigo-400 {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .sm\:border-indigo-500 {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .sm\:border-indigo-600 {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .sm\:border-indigo-700 {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .sm\:border-indigo-800 {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .sm\:border-indigo-900 {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .sm\:border-purple-50 {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .sm\:border-purple-100 {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .sm\:border-purple-200 {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .sm\:border-purple-300 {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .sm\:border-purple-400 {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .sm\:border-purple-500 {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .sm\:border-purple-600 {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .sm\:border-purple-700 {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .sm\:border-purple-800 {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .sm\:border-purple-900 {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .sm\:border-pink-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .sm\:border-pink-100 {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .sm\:border-pink-200 {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .sm\:border-pink-300 {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .sm\:border-pink-400 {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .sm\:border-pink-500 {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .sm\:border-pink-600 {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .sm\:border-pink-700 {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .sm\:border-pink-800 {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .sm\:border-pink-900 {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:hover .sm\:group-hover\:border-white {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-black {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-50 {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-100 {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-200 {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-300 {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-400 {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-500 {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-600 {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-700 {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-800 {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-900 {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-cool-gray-100 {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-cool-gray-200 {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-cool-gray-300 {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-cool-gray-400 {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-cool-gray-500 {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-cool-gray-600 {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-cool-gray-700 {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-cool-gray-800 {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-cool-gray-900 {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-100 {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-200 {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-300 {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-400 {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-500 {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-600 {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-700 {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-800 {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-50 {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-100 {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-200 {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-300 {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-400 {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-500 {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-600 {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-700 {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-800 {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-50 {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-100 {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-200 {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-300 {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-400 {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-500 {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-600 {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-700 {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-800 {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-900 {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-50 {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-100 {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-200 {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-300 {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-400 {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-500 {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-600 {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-700 {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-800 {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-900 {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-teal-50 {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-teal-100 {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-teal-200 {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-teal-300 {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-teal-400 {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-teal-500 {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-teal-600 {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-teal-700 {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-teal-800 {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-teal-900 {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-50 {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-100 {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-200 {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-300 {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-400 {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-500 {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-600 {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-700 {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-800 {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-900 {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-50 {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-100 {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-200 {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-300 {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-400 {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-500 {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-600 {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-700 {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-800 {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-900 {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-50 {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-100 {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-200 {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-300 {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-400 {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-500 {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-600 {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-700 {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-800 {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-900 {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-100 {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-200 {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-300 {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-400 {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-500 {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-600 {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-700 {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-800 {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-900 {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:focus .sm\:group-focus\:border-white {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-black {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-gray-50 {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-gray-100 {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-gray-200 {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-gray-300 {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-gray-400 {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-gray-500 {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-gray-600 {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-gray-700 {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-gray-800 {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-gray-900 {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-cool-gray-100 {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-cool-gray-200 {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-cool-gray-300 {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-cool-gray-400 {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-cool-gray-500 {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-cool-gray-600 {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-cool-gray-700 {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-cool-gray-800 {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-cool-gray-900 {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-red-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-red-100 {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-red-200 {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-red-300 {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-red-400 {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-red-500 {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-red-600 {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-red-700 {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-red-800 {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-red-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-orange-50 {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-orange-100 {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-orange-200 {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-orange-300 {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-orange-400 {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-orange-500 {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-orange-600 {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-orange-700 {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-orange-800 {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-orange-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-yellow-50 {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-yellow-100 {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-yellow-200 {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-yellow-300 {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-yellow-400 {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-yellow-500 {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-yellow-600 {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-yellow-700 {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-yellow-800 {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-yellow-900 {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-green-50 {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-green-100 {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-green-200 {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-green-300 {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-green-400 {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-green-500 {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-green-600 {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-green-700 {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-green-800 {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-green-900 {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-teal-50 {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-teal-100 {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-teal-200 {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-teal-300 {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-teal-400 {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-teal-500 {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-teal-600 {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-teal-700 {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-teal-800 {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-teal-900 {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-blue-50 {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-blue-100 {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-blue-200 {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-blue-300 {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-blue-400 {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-blue-500 {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-blue-600 {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-blue-700 {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-blue-800 {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-blue-900 {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-indigo-50 {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-indigo-100 {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-indigo-200 {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-indigo-300 {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-indigo-400 {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-indigo-500 {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-indigo-600 {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-indigo-700 {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-indigo-800 {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-indigo-900 {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-purple-50 {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-purple-100 {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-purple-200 {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-purple-300 {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-purple-400 {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-purple-500 {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-purple-600 {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-purple-700 {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-purple-800 {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-purple-900 {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-pink-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-pink-100 {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-pink-200 {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-pink-300 {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-pink-400 {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-pink-500 {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-pink-600 {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-pink-700 {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-pink-800 {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:border-pink-900 {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-transparent:hover {
+    border-color: transparent;
+  }
+
+  .sm\:hover\:border-white:hover {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-black:hover {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-gray-50:hover {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-gray-100:hover {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-gray-200:hover {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-gray-300:hover {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-gray-400:hover {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-gray-500:hover {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-gray-600:hover {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-gray-700:hover {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-gray-800:hover {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-gray-900:hover {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-cool-gray-50:hover {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-cool-gray-100:hover {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-cool-gray-200:hover {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-cool-gray-300:hover {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-cool-gray-400:hover {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-cool-gray-500:hover {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-cool-gray-600:hover {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-cool-gray-700:hover {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-cool-gray-800:hover {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-cool-gray-900:hover {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-red-50:hover {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-red-100:hover {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-red-200:hover {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-red-300:hover {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-red-400:hover {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-red-500:hover {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-red-600:hover {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-red-700:hover {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-red-800:hover {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-red-900:hover {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-orange-50:hover {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-orange-100:hover {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-orange-200:hover {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-orange-300:hover {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-orange-400:hover {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-orange-500:hover {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-orange-600:hover {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-orange-700:hover {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-orange-800:hover {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-orange-900:hover {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-50:hover {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-100:hover {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-200:hover {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-300:hover {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-400:hover {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-500:hover {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-600:hover {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-700:hover {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-800:hover {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-900:hover {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-green-50:hover {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-green-100:hover {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-green-200:hover {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-green-300:hover {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-green-400:hover {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-green-500:hover {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-green-600:hover {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-green-700:hover {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-green-800:hover {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-green-900:hover {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-teal-50:hover {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-teal-100:hover {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-teal-200:hover {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-teal-300:hover {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-teal-400:hover {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-teal-500:hover {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-teal-600:hover {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-teal-700:hover {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-teal-800:hover {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-teal-900:hover {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-blue-50:hover {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-blue-100:hover {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-blue-200:hover {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-blue-300:hover {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-blue-400:hover {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-blue-500:hover {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-blue-600:hover {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-blue-700:hover {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-blue-800:hover {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-blue-900:hover {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-50:hover {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-100:hover {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-200:hover {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-300:hover {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-400:hover {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-500:hover {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-600:hover {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-700:hover {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-800:hover {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-900:hover {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-purple-50:hover {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-purple-100:hover {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-purple-200:hover {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-purple-300:hover {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-purple-400:hover {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-purple-500:hover {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-purple-600:hover {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-purple-700:hover {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-purple-800:hover {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-purple-900:hover {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-pink-50:hover {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-pink-100:hover {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-pink-200:hover {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-pink-300:hover {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-pink-400:hover {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-pink-500:hover {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-pink-600:hover {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-pink-700:hover {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-pink-800:hover {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .sm\:hover\:border-pink-900:hover {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-transparent:focus {
+    border-color: transparent;
+  }
+
+  .sm\:focus\:border-white:focus {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-black:focus {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-gray-50:focus {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-gray-100:focus {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-gray-200:focus {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-gray-300:focus {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-gray-400:focus {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-gray-500:focus {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-gray-600:focus {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-gray-700:focus {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-gray-800:focus {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-gray-900:focus {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-cool-gray-50:focus {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-cool-gray-100:focus {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-cool-gray-200:focus {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-cool-gray-300:focus {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-cool-gray-400:focus {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-cool-gray-500:focus {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-cool-gray-600:focus {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-cool-gray-700:focus {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-cool-gray-800:focus {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-cool-gray-900:focus {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-red-50:focus {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-red-100:focus {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-red-200:focus {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-red-300:focus {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-red-400:focus {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-red-500:focus {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-red-600:focus {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-red-700:focus {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-red-800:focus {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-red-900:focus {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-orange-50:focus {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-orange-100:focus {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-orange-200:focus {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-orange-300:focus {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-orange-400:focus {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-orange-500:focus {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-orange-600:focus {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-orange-700:focus {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-orange-800:focus {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-orange-900:focus {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-50:focus {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-100:focus {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-200:focus {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-300:focus {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-400:focus {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-500:focus {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-600:focus {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-700:focus {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-800:focus {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-900:focus {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-green-50:focus {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-green-100:focus {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-green-200:focus {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-green-300:focus {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-green-400:focus {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-green-500:focus {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-green-600:focus {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-green-700:focus {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-green-800:focus {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-green-900:focus {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-teal-50:focus {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-teal-100:focus {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-teal-200:focus {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-teal-300:focus {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-teal-400:focus {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-teal-500:focus {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-teal-600:focus {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-teal-700:focus {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-teal-800:focus {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-teal-900:focus {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-blue-50:focus {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-blue-100:focus {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-blue-200:focus {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-blue-300:focus {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-blue-400:focus {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-blue-500:focus {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-blue-600:focus {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-blue-700:focus {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-blue-800:focus {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-blue-900:focus {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-50:focus {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-100:focus {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-200:focus {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-300:focus {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-400:focus {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-500:focus {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-600:focus {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-700:focus {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-800:focus {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-900:focus {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-purple-50:focus {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-purple-100:focus {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-purple-200:focus {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-purple-300:focus {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-purple-400:focus {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-purple-500:focus {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-purple-600:focus {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-purple-700:focus {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-purple-800:focus {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-purple-900:focus {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-pink-50:focus {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-pink-100:focus {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-pink-200:focus {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-pink-300:focus {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-pink-400:focus {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-pink-500:focus {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-pink-600:focus {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-pink-700:focus {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-pink-800:focus {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .sm\:focus\:border-pink-900:focus {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .sm\:border-opacity-0 {
+    --border-opacity: 0;
+  }
+
+  .sm\:border-opacity-25 {
+    --border-opacity: 0.25;
+  }
+
+  .sm\:border-opacity-50 {
+    --border-opacity: 0.5;
+  }
+
+  .sm\:border-opacity-75 {
+    --border-opacity: 0.75;
+  }
+
+  .sm\:border-opacity-100 {
+    --border-opacity: 1;
+  }
+
+  .sm\:hover\:border-opacity-0:hover {
+    --border-opacity: 0;
+  }
+
+  .sm\:hover\:border-opacity-25:hover {
+    --border-opacity: 0.25;
+  }
+
+  .sm\:hover\:border-opacity-50:hover {
+    --border-opacity: 0.5;
+  }
+
+  .sm\:hover\:border-opacity-75:hover {
+    --border-opacity: 0.75;
+  }
+
+  .sm\:hover\:border-opacity-100:hover {
+    --border-opacity: 1;
+  }
+
+  .sm\:focus\:border-opacity-0:focus {
+    --border-opacity: 0;
+  }
+
+  .sm\:focus\:border-opacity-25:focus {
+    --border-opacity: 0.25;
+  }
+
+  .sm\:focus\:border-opacity-50:focus {
+    --border-opacity: 0.5;
+  }
+
+  .sm\:focus\:border-opacity-75:focus {
+    --border-opacity: 0.75;
+  }
+
+  .sm\:focus\:border-opacity-100:focus {
+    --border-opacity: 1;
+  }
+
+  .sm\:rounded-none {
+    border-radius: 0;
+  }
+
+  .sm\:rounded-sm {
+    border-radius: 0.125rem;
+  }
+
+  .sm\:rounded {
+    border-radius: 0.25rem;
+  }
+
+  .sm\:rounded-md {
+    border-radius: 0.375rem;
+  }
+
+  .sm\:rounded-lg {
+    border-radius: 0.5rem;
+  }
+
+  .sm\:rounded-full {
+    border-radius: 9999px;
+  }
+
+  .sm\:rounded-t-none {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  .sm\:rounded-r-none {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .sm\:rounded-b-none {
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .sm\:rounded-l-none {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .sm\:rounded-t-sm {
+    border-top-left-radius: 0.125rem;
+    border-top-right-radius: 0.125rem;
+  }
+
+  .sm\:rounded-r-sm {
+    border-top-right-radius: 0.125rem;
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .sm\:rounded-b-sm {
+    border-bottom-right-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .sm\:rounded-l-sm {
+    border-top-left-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .sm\:rounded-t {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+  }
+
+  .sm\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .sm\:rounded-b {
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .sm\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .sm\:rounded-t-md {
+    border-top-left-radius: 0.375rem;
+    border-top-right-radius: 0.375rem;
+  }
+
+  .sm\:rounded-r-md {
+    border-top-right-radius: 0.375rem;
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .sm\:rounded-b-md {
+    border-bottom-right-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .sm\:rounded-l-md {
+    border-top-left-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .sm\:rounded-t-lg {
+    border-top-left-radius: 0.5rem;
+    border-top-right-radius: 0.5rem;
+  }
+
+  .sm\:rounded-r-lg {
+    border-top-right-radius: 0.5rem;
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .sm\:rounded-b-lg {
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .sm\:rounded-l-lg {
+    border-top-left-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .sm\:rounded-t-full {
+    border-top-left-radius: 9999px;
+    border-top-right-radius: 9999px;
+  }
+
+  .sm\:rounded-r-full {
+    border-top-right-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+  }
+
+  .sm\:rounded-b-full {
+    border-bottom-right-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .sm\:rounded-l-full {
+    border-top-left-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .sm\:rounded-tl-none {
+    border-top-left-radius: 0;
+  }
+
+  .sm\:rounded-tr-none {
+    border-top-right-radius: 0;
+  }
+
+  .sm\:rounded-br-none {
+    border-bottom-right-radius: 0;
+  }
+
+  .sm\:rounded-bl-none {
+    border-bottom-left-radius: 0;
+  }
+
+  .sm\:rounded-tl-sm {
+    border-top-left-radius: 0.125rem;
+  }
+
+  .sm\:rounded-tr-sm {
+    border-top-right-radius: 0.125rem;
+  }
+
+  .sm\:rounded-br-sm {
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .sm\:rounded-bl-sm {
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .sm\:rounded-tl {
+    border-top-left-radius: 0.25rem;
+  }
+
+  .sm\:rounded-tr {
+    border-top-right-radius: 0.25rem;
+  }
+
+  .sm\:rounded-br {
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .sm\:rounded-bl {
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .sm\:rounded-tl-md {
+    border-top-left-radius: 0.375rem;
+  }
+
+  .sm\:rounded-tr-md {
+    border-top-right-radius: 0.375rem;
+  }
+
+  .sm\:rounded-br-md {
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .sm\:rounded-bl-md {
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .sm\:rounded-tl-lg {
+    border-top-left-radius: 0.5rem;
+  }
+
+  .sm\:rounded-tr-lg {
+    border-top-right-radius: 0.5rem;
+  }
+
+  .sm\:rounded-br-lg {
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .sm\:rounded-bl-lg {
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .sm\:rounded-tl-full {
+    border-top-left-radius: 9999px;
+  }
+
+  .sm\:rounded-tr-full {
+    border-top-right-radius: 9999px;
+  }
+
+  .sm\:rounded-br-full {
+    border-bottom-right-radius: 9999px;
+  }
+
+  .sm\:rounded-bl-full {
+    border-bottom-left-radius: 9999px;
+  }
+
+  .sm\:border-solid {
+    border-style: solid;
+  }
+
+  .sm\:border-dashed {
+    border-style: dashed;
+  }
+
+  .sm\:border-dotted {
+    border-style: dotted;
+  }
+
+  .sm\:border-double {
+    border-style: double;
+  }
+
+  .sm\:border-none {
+    border-style: none;
+  }
+
+  .sm\:border-0 {
+    border-width: 0;
+  }
+
+  .sm\:border-2 {
+    border-width: 2px;
+  }
+
+  .sm\:border-4 {
+    border-width: 4px;
+  }
+
+  .sm\:border-8 {
+    border-width: 8px;
+  }
+
+  .sm\:border {
+    border-width: 1px;
+  }
+
+  .sm\:border-t-0 {
+    border-top-width: 0;
+  }
+
+  .sm\:border-r-0 {
+    border-right-width: 0;
+  }
+
+  .sm\:border-b-0 {
+    border-bottom-width: 0;
+  }
+
+  .sm\:border-l-0 {
+    border-left-width: 0;
+  }
+
+  .sm\:border-t-2 {
+    border-top-width: 2px;
+  }
+
+  .sm\:border-r-2 {
+    border-right-width: 2px;
+  }
+
+  .sm\:border-b-2 {
+    border-bottom-width: 2px;
+  }
+
+  .sm\:border-l-2 {
+    border-left-width: 2px;
+  }
+
+  .sm\:border-t-4 {
+    border-top-width: 4px;
+  }
+
+  .sm\:border-r-4 {
+    border-right-width: 4px;
+  }
+
+  .sm\:border-b-4 {
+    border-bottom-width: 4px;
+  }
+
+  .sm\:border-l-4 {
+    border-left-width: 4px;
+  }
+
+  .sm\:border-t-8 {
+    border-top-width: 8px;
+  }
+
+  .sm\:border-r-8 {
+    border-right-width: 8px;
+  }
+
+  .sm\:border-b-8 {
+    border-bottom-width: 8px;
+  }
+
+  .sm\:border-l-8 {
+    border-left-width: 8px;
+  }
+
+  .sm\:border-t {
+    border-top-width: 1px;
+  }
+
+  .sm\:border-r {
+    border-right-width: 1px;
+  }
+
+  .sm\:border-b {
+    border-bottom-width: 1px;
+  }
+
+  .sm\:border-l {
+    border-left-width: 1px;
+  }
+
+  .sm\:box-border {
+    box-sizing: border-box;
+  }
+
+  .sm\:box-content {
+    box-sizing: content-box;
+  }
+
+  .sm\:cursor-auto {
+    cursor: auto;
+  }
+
+  .sm\:cursor-default {
+    cursor: default;
+  }
+
+  .sm\:cursor-pointer {
+    cursor: pointer;
+  }
+
+  .sm\:cursor-wait {
+    cursor: wait;
+  }
+
+  .sm\:cursor-text {
+    cursor: text;
+  }
+
+  .sm\:cursor-move {
+    cursor: move;
+  }
+
+  .sm\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
+  .sm\:block {
+    display: block;
+  }
+
+  .sm\:inline-block {
+    display: inline-block;
+  }
+
+  .sm\:inline {
+    display: inline;
+  }
+
+  .sm\:flex {
+    display: flex;
+  }
+
+  .sm\:inline-flex {
+    display: inline-flex;
+  }
+
+  .sm\:table {
+    display: table;
+  }
+
+  .sm\:table-caption {
+    display: table-caption;
+  }
+
+  .sm\:table-cell {
+    display: table-cell;
+  }
+
+  .sm\:table-column {
+    display: table-column;
+  }
+
+  .sm\:table-column-group {
+    display: table-column-group;
+  }
+
+  .sm\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .sm\:table-header-group {
+    display: table-header-group;
+  }
+
+  .sm\:table-row-group {
+    display: table-row-group;
+  }
+
+  .sm\:table-row {
+    display: table-row;
+  }
+
+  .sm\:flow-root {
+    display: flow-root;
+  }
+
+  .sm\:grid {
+    display: grid;
+  }
+
+  .sm\:inline-grid {
+    display: inline-grid;
+  }
+
+  .sm\:hidden {
+    display: none;
+  }
+
+  .sm\:flex-row {
+    flex-direction: row;
+  }
+
+  .sm\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .sm\:flex-col {
+    flex-direction: column;
+  }
+
+  .sm\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .sm\:flex-wrap {
+    flex-wrap: wrap;
+  }
+
+  .sm\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+
+  .sm\:flex-no-wrap {
+    flex-wrap: nowrap;
+  }
+
+  .sm\:items-start {
+    align-items: flex-start;
+  }
+
+  .sm\:items-end {
+    align-items: flex-end;
+  }
+
+  .sm\:items-center {
+    align-items: center;
+  }
+
+  .sm\:items-baseline {
+    align-items: baseline;
+  }
+
+  .sm\:items-stretch {
+    align-items: stretch;
+  }
+
+  .sm\:self-auto {
+    align-self: auto;
+  }
+
+  .sm\:self-start {
+    align-self: flex-start;
+  }
+
+  .sm\:self-end {
+    align-self: flex-end;
+  }
+
+  .sm\:self-center {
+    align-self: center;
+  }
+
+  .sm\:self-stretch {
+    align-self: stretch;
+  }
+
+  .sm\:justify-start {
+    justify-content: flex-start;
+  }
+
+  .sm\:justify-end {
+    justify-content: flex-end;
+  }
+
+  .sm\:justify-center {
+    justify-content: center;
+  }
+
+  .sm\:justify-between {
+    justify-content: space-between;
+  }
+
+  .sm\:justify-around {
+    justify-content: space-around;
+  }
+
+  .sm\:justify-evenly {
+    justify-content: space-evenly;
+  }
+
+  .sm\:content-center {
+    align-content: center;
+  }
+
+  .sm\:content-start {
+    align-content: flex-start;
+  }
+
+  .sm\:content-end {
+    align-content: flex-end;
+  }
+
+  .sm\:content-between {
+    align-content: space-between;
+  }
+
+  .sm\:content-around {
+    align-content: space-around;
+  }
+
+  .sm\:flex-1 {
+    flex: 1 1 0%;
+  }
+
+  .sm\:flex-auto {
+    flex: 1 1 auto;
+  }
+
+  .sm\:flex-initial {
+    flex: 0 1 auto;
+  }
+
+  .sm\:flex-none {
+    flex: none;
+  }
+
+  .sm\:flex-grow-0 {
+    flex-grow: 0;
+  }
+
+  .sm\:flex-grow {
+    flex-grow: 1;
+  }
+
+  .sm\:flex-shrink-0 {
+    flex-shrink: 0;
+  }
+
+  .sm\:flex-shrink {
+    flex-shrink: 1;
+  }
+
+  .sm\:order-1 {
+    order: 1;
+  }
+
+  .sm\:order-2 {
+    order: 2;
+  }
+
+  .sm\:order-3 {
+    order: 3;
+  }
+
+  .sm\:order-4 {
+    order: 4;
+  }
+
+  .sm\:order-5 {
+    order: 5;
+  }
+
+  .sm\:order-6 {
+    order: 6;
+  }
+
+  .sm\:order-7 {
+    order: 7;
+  }
+
+  .sm\:order-8 {
+    order: 8;
+  }
+
+  .sm\:order-9 {
+    order: 9;
+  }
+
+  .sm\:order-10 {
+    order: 10;
+  }
+
+  .sm\:order-11 {
+    order: 11;
+  }
+
+  .sm\:order-12 {
+    order: 12;
+  }
+
+  .sm\:order-first {
+    order: -9999;
+  }
+
+  .sm\:order-last {
+    order: 9999;
+  }
+
+  .sm\:order-none {
+    order: 0;
+  }
+
+  .sm\:float-right {
+    float: right;
+  }
+
+  .sm\:float-left {
+    float: left;
+  }
+
+  .sm\:float-none {
+    float: none;
+  }
+
+  .sm\:clearfix:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+
+  .sm\:clear-left {
+    clear: left;
+  }
+
+  .sm\:clear-right {
+    clear: right;
+  }
+
+  .sm\:clear-both {
+    clear: both;
+  }
+
+  .sm\:clear-none {
+    clear: none;
+  }
+
+  .sm\:font-sans {
+    font-family: Open Sans, 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";
+  }
+
+  .sm\:font-serif {
+    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
+  }
+
+  .sm\:font-mono {
+    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }
+
+  .sm\:font-hairline {
+    font-weight: 100;
+  }
+
+  .sm\:font-thin {
+    font-weight: 200;
+  }
+
+  .sm\:font-light {
+    font-weight: 300;
+  }
+
+  .sm\:font-normal {
+    font-weight: 400;
+  }
+
+  .sm\:font-medium {
+    font-weight: 500;
+  }
+
+  .sm\:font-semibold {
+    font-weight: 600;
+  }
+
+  .sm\:font-bold {
+    font-weight: 700;
+  }
+
+  .sm\:font-extrabold {
+    font-weight: 800;
+  }
+
+  .sm\:font-black {
+    font-weight: 900;
+  }
+
+  .sm\:hover\:font-hairline:hover {
+    font-weight: 100;
+  }
+
+  .sm\:hover\:font-thin:hover {
+    font-weight: 200;
+  }
+
+  .sm\:hover\:font-light:hover {
+    font-weight: 300;
+  }
+
+  .sm\:hover\:font-normal:hover {
+    font-weight: 400;
+  }
+
+  .sm\:hover\:font-medium:hover {
+    font-weight: 500;
+  }
+
+  .sm\:hover\:font-semibold:hover {
+    font-weight: 600;
+  }
+
+  .sm\:hover\:font-bold:hover {
+    font-weight: 700;
+  }
+
+  .sm\:hover\:font-extrabold:hover {
+    font-weight: 800;
+  }
+
+  .sm\:hover\:font-black:hover {
+    font-weight: 900;
+  }
+
+  .sm\:focus\:font-hairline:focus {
+    font-weight: 100;
+  }
+
+  .sm\:focus\:font-thin:focus {
+    font-weight: 200;
+  }
+
+  .sm\:focus\:font-light:focus {
+    font-weight: 300;
+  }
+
+  .sm\:focus\:font-normal:focus {
+    font-weight: 400;
+  }
+
+  .sm\:focus\:font-medium:focus {
+    font-weight: 500;
+  }
+
+  .sm\:focus\:font-semibold:focus {
+    font-weight: 600;
+  }
+
+  .sm\:focus\:font-bold:focus {
+    font-weight: 700;
+  }
+
+  .sm\:focus\:font-extrabold:focus {
+    font-weight: 800;
+  }
+
+  .sm\:focus\:font-black:focus {
+    font-weight: 900;
+  }
+
+  .sm\:h-0 {
+    height: 0;
+  }
+
+  .sm\:h-1 {
+    height: 0.25rem;
+  }
+
+  .sm\:h-2 {
+    height: 0.5rem;
+  }
+
+  .sm\:h-3 {
+    height: 0.75rem;
+  }
+
+  .sm\:h-4 {
+    height: 1rem;
+  }
+
+  .sm\:h-5 {
+    height: 1.25rem;
+  }
+
+  .sm\:h-6 {
+    height: 1.5rem;
+  }
+
+  .sm\:h-7 {
+    height: 1.75rem;
+  }
+
+  .sm\:h-8 {
+    height: 2rem;
+  }
+
+  .sm\:h-9 {
+    height: 2.25rem;
+  }
+
+  .sm\:h-10 {
+    height: 2.5rem;
+  }
+
+  .sm\:h-11 {
+    height: 2.75rem;
+  }
+
+  .sm\:h-12 {
+    height: 3rem;
+  }
+
+  .sm\:h-13 {
+    height: 3.25rem;
+  }
+
+  .sm\:h-14 {
+    height: 3.5rem;
+  }
+
+  .sm\:h-15 {
+    height: 3.75rem;
+  }
+
+  .sm\:h-16 {
+    height: 4rem;
+  }
+
+  .sm\:h-20 {
+    height: 5rem;
+  }
+
+  .sm\:h-24 {
+    height: 6rem;
+  }
+
+  .sm\:h-28 {
+    height: 7rem;
+  }
+
+  .sm\:h-32 {
+    height: 8rem;
+  }
+
+  .sm\:h-36 {
+    height: 9rem;
+  }
+
+  .sm\:h-40 {
+    height: 10rem;
+  }
+
+  .sm\:h-48 {
+    height: 12rem;
+  }
+
+  .sm\:h-56 {
+    height: 14rem;
+  }
+
+  .sm\:h-60 {
+    height: 15rem;
+  }
+
+  .sm\:h-64 {
+    height: 16rem;
+  }
+
+  .sm\:h-72 {
+    height: 18rem;
+  }
+
+  .sm\:h-80 {
+    height: 20rem;
+  }
+
+  .sm\:h-96 {
+    height: 24rem;
+  }
+
+  .sm\:h-auto {
+    height: auto;
+  }
+
+  .sm\:h-px {
+    height: 1px;
+  }
+
+  .sm\:h-0\.5 {
+    height: 0.125rem;
+  }
+
+  .sm\:h-1\.5 {
+    height: 0.375rem;
+  }
+
+  .sm\:h-2\.5 {
+    height: 0.625rem;
+  }
+
+  .sm\:h-3\.5 {
+    height: 0.875rem;
+  }
+
+  .sm\:h-1\/2 {
+    height: 50%;
+  }
+
+  .sm\:h-1\/3 {
+    height: 33.333333%;
+  }
+
+  .sm\:h-2\/3 {
+    height: 66.666667%;
+  }
+
+  .sm\:h-1\/4 {
+    height: 25%;
+  }
+
+  .sm\:h-2\/4 {
+    height: 50%;
+  }
+
+  .sm\:h-3\/4 {
+    height: 75%;
+  }
+
+  .sm\:h-1\/5 {
+    height: 20%;
+  }
+
+  .sm\:h-2\/5 {
+    height: 40%;
+  }
+
+  .sm\:h-3\/5 {
+    height: 60%;
+  }
+
+  .sm\:h-4\/5 {
+    height: 80%;
+  }
+
+  .sm\:h-1\/6 {
+    height: 16.666667%;
+  }
+
+  .sm\:h-2\/6 {
+    height: 33.333333%;
+  }
+
+  .sm\:h-3\/6 {
+    height: 50%;
+  }
+
+  .sm\:h-4\/6 {
+    height: 66.666667%;
+  }
+
+  .sm\:h-5\/6 {
+    height: 83.333333%;
+  }
+
+  .sm\:h-1\/12 {
+    height: 8.333333%;
+  }
+
+  .sm\:h-2\/12 {
+    height: 16.666667%;
+  }
+
+  .sm\:h-3\/12 {
+    height: 25%;
+  }
+
+  .sm\:h-4\/12 {
+    height: 33.333333%;
+  }
+
+  .sm\:h-5\/12 {
+    height: 41.666667%;
+  }
+
+  .sm\:h-6\/12 {
+    height: 50%;
+  }
+
+  .sm\:h-7\/12 {
+    height: 58.333333%;
+  }
+
+  .sm\:h-8\/12 {
+    height: 66.666667%;
+  }
+
+  .sm\:h-9\/12 {
+    height: 75%;
+  }
+
+  .sm\:h-10\/12 {
+    height: 83.333333%;
+  }
+
+  .sm\:h-11\/12 {
+    height: 91.666667%;
+  }
+
+  .sm\:h-full {
+    height: 100%;
+  }
+
+  .sm\:h-screen {
+    height: 100vh;
+  }
+
+  .sm\:text-xs {
+    font-size: 0.75rem;
+  }
+
+  .sm\:text-sm {
+    font-size: 0.875rem;
+  }
+
+  .sm\:text-base {
+    font-size: 1rem;
+  }
+
+  .sm\:text-lg {
+    font-size: 1.125rem;
+  }
+
+  .sm\:text-xl {
+    font-size: 1.25rem;
+  }
+
+  .sm\:text-2xl {
+    font-size: 1.5rem;
+  }
+
+  .sm\:text-3xl {
+    font-size: 1.875rem;
+  }
+
+  .sm\:text-4xl {
+    font-size: 2.25rem;
+  }
+
+  .sm\:text-5xl {
+    font-size: 3rem;
+  }
+
+  .sm\:text-6xl {
+    font-size: 4rem;
+  }
+
+  .sm\:leading-3 {
+    line-height: .75rem;
+  }
+
+  .sm\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .sm\:leading-5 {
+    line-height: 1.25rem;
+  }
+
+  .sm\:leading-6 {
+    line-height: 1.5rem;
+  }
+
+  .sm\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .sm\:leading-8 {
+    line-height: 2rem;
+  }
+
+  .sm\:leading-9 {
+    line-height: 2.25rem;
+  }
+
+  .sm\:leading-10 {
+    line-height: 2.5rem;
+  }
+
+  .sm\:leading-none {
+    line-height: 1;
+  }
+
+  .sm\:leading-tight {
+    line-height: 1.25;
+  }
+
+  .sm\:leading-snug {
+    line-height: 1.375;
+  }
+
+  .sm\:leading-normal {
+    line-height: 1.5;
+  }
+
+  .sm\:leading-relaxed {
+    line-height: 1.625;
+  }
+
+  .sm\:leading-loose {
+    line-height: 2;
+  }
+
+  .sm\:list-inside {
+    list-style-position: inside;
+  }
+
+  .sm\:list-outside {
+    list-style-position: outside;
+  }
+
+  .sm\:list-none {
+    list-style-type: none;
+  }
+
+  .sm\:list-disc {
+    list-style-type: disc;
+  }
+
+  .sm\:list-decimal {
+    list-style-type: decimal;
+  }
+
+  .sm\:m-0 {
+    margin: 0;
+  }
+
+  .sm\:m-1 {
+    margin: 0.25rem;
+  }
+
+  .sm\:m-2 {
+    margin: 0.5rem;
+  }
+
+  .sm\:m-3 {
+    margin: 0.75rem;
+  }
+
+  .sm\:m-4 {
+    margin: 1rem;
+  }
+
+  .sm\:m-5 {
+    margin: 1.25rem;
+  }
+
+  .sm\:m-6 {
+    margin: 1.5rem;
+  }
+
+  .sm\:m-7 {
+    margin: 1.75rem;
+  }
+
+  .sm\:m-8 {
+    margin: 2rem;
+  }
+
+  .sm\:m-9 {
+    margin: 2.25rem;
+  }
+
+  .sm\:m-10 {
+    margin: 2.5rem;
+  }
+
+  .sm\:m-11 {
+    margin: 2.75rem;
+  }
+
+  .sm\:m-12 {
+    margin: 3rem;
+  }
+
+  .sm\:m-13 {
+    margin: 3.25rem;
+  }
+
+  .sm\:m-14 {
+    margin: 3.5rem;
+  }
+
+  .sm\:m-15 {
+    margin: 3.75rem;
+  }
+
+  .sm\:m-16 {
+    margin: 4rem;
+  }
+
+  .sm\:m-20 {
+    margin: 5rem;
+  }
+
+  .sm\:m-24 {
+    margin: 6rem;
+  }
+
+  .sm\:m-28 {
+    margin: 7rem;
+  }
+
+  .sm\:m-32 {
+    margin: 8rem;
+  }
+
+  .sm\:m-36 {
+    margin: 9rem;
+  }
+
+  .sm\:m-40 {
+    margin: 10rem;
+  }
+
+  .sm\:m-48 {
+    margin: 12rem;
+  }
+
+  .sm\:m-56 {
+    margin: 14rem;
+  }
+
+  .sm\:m-60 {
+    margin: 15rem;
+  }
+
+  .sm\:m-64 {
+    margin: 16rem;
+  }
+
+  .sm\:m-72 {
+    margin: 18rem;
+  }
+
+  .sm\:m-80 {
+    margin: 20rem;
+  }
+
+  .sm\:m-96 {
+    margin: 24rem;
+  }
+
+  .sm\:m-auto {
+    margin: auto;
+  }
+
+  .sm\:m-px {
+    margin: 1px;
+  }
+
+  .sm\:m-0\.5 {
+    margin: 0.125rem;
+  }
+
+  .sm\:m-1\.5 {
+    margin: 0.375rem;
+  }
+
+  .sm\:m-2\.5 {
+    margin: 0.625rem;
+  }
+
+  .sm\:m-3\.5 {
+    margin: 0.875rem;
+  }
+
+  .sm\:m-1\/2 {
+    margin: 50%;
+  }
+
+  .sm\:m-1\/3 {
+    margin: 33.333333%;
+  }
+
+  .sm\:m-2\/3 {
+    margin: 66.666667%;
+  }
+
+  .sm\:m-1\/4 {
+    margin: 25%;
+  }
+
+  .sm\:m-2\/4 {
+    margin: 50%;
+  }
+
+  .sm\:m-3\/4 {
+    margin: 75%;
+  }
+
+  .sm\:m-1\/5 {
+    margin: 20%;
+  }
+
+  .sm\:m-2\/5 {
+    margin: 40%;
+  }
+
+  .sm\:m-3\/5 {
+    margin: 60%;
+  }
+
+  .sm\:m-4\/5 {
+    margin: 80%;
+  }
+
+  .sm\:m-1\/6 {
+    margin: 16.666667%;
+  }
+
+  .sm\:m-2\/6 {
+    margin: 33.333333%;
+  }
+
+  .sm\:m-3\/6 {
+    margin: 50%;
+  }
+
+  .sm\:m-4\/6 {
+    margin: 66.666667%;
+  }
+
+  .sm\:m-5\/6 {
+    margin: 83.333333%;
+  }
+
+  .sm\:m-1\/12 {
+    margin: 8.333333%;
+  }
+
+  .sm\:m-2\/12 {
+    margin: 16.666667%;
+  }
+
+  .sm\:m-3\/12 {
+    margin: 25%;
+  }
+
+  .sm\:m-4\/12 {
+    margin: 33.333333%;
+  }
+
+  .sm\:m-5\/12 {
+    margin: 41.666667%;
+  }
+
+  .sm\:m-6\/12 {
+    margin: 50%;
+  }
+
+  .sm\:m-7\/12 {
+    margin: 58.333333%;
+  }
+
+  .sm\:m-8\/12 {
+    margin: 66.666667%;
+  }
+
+  .sm\:m-9\/12 {
+    margin: 75%;
+  }
+
+  .sm\:m-10\/12 {
+    margin: 83.333333%;
+  }
+
+  .sm\:m-11\/12 {
+    margin: 91.666667%;
+  }
+
+  .sm\:m-full {
+    margin: 100%;
+  }
+
+  .sm\:-m-1 {
+    margin: -0.25rem;
+  }
+
+  .sm\:-m-2 {
+    margin: -0.5rem;
+  }
+
+  .sm\:-m-3 {
+    margin: -0.75rem;
+  }
+
+  .sm\:-m-4 {
+    margin: -1rem;
+  }
+
+  .sm\:-m-5 {
+    margin: -1.25rem;
+  }
+
+  .sm\:-m-6 {
+    margin: -1.5rem;
+  }
+
+  .sm\:-m-7 {
+    margin: -1.75rem;
+  }
+
+  .sm\:-m-8 {
+    margin: -2rem;
+  }
+
+  .sm\:-m-9 {
+    margin: -2.25rem;
+  }
+
+  .sm\:-m-10 {
+    margin: -2.5rem;
+  }
+
+  .sm\:-m-11 {
+    margin: -2.75rem;
+  }
+
+  .sm\:-m-12 {
+    margin: -3rem;
+  }
+
+  .sm\:-m-13 {
+    margin: -3.25rem;
+  }
+
+  .sm\:-m-14 {
+    margin: -3.5rem;
+  }
+
+  .sm\:-m-15 {
+    margin: -3.75rem;
+  }
+
+  .sm\:-m-16 {
+    margin: -4rem;
+  }
+
+  .sm\:-m-20 {
+    margin: -5rem;
+  }
+
+  .sm\:-m-24 {
+    margin: -6rem;
+  }
+
+  .sm\:-m-28 {
+    margin: -7rem;
+  }
+
+  .sm\:-m-32 {
+    margin: -8rem;
+  }
+
+  .sm\:-m-36 {
+    margin: -9rem;
+  }
+
+  .sm\:-m-40 {
+    margin: -10rem;
+  }
+
+  .sm\:-m-48 {
+    margin: -12rem;
+  }
+
+  .sm\:-m-56 {
+    margin: -14rem;
+  }
+
+  .sm\:-m-60 {
+    margin: -15rem;
+  }
+
+  .sm\:-m-64 {
+    margin: -16rem;
+  }
+
+  .sm\:-m-72 {
+    margin: -18rem;
+  }
+
+  .sm\:-m-80 {
+    margin: -20rem;
+  }
+
+  .sm\:-m-96 {
+    margin: -24rem;
+  }
+
+  .sm\:-m-px {
+    margin: -1px;
+  }
+
+  .sm\:-m-0\.5 {
+    margin: -0.125rem;
+  }
+
+  .sm\:-m-1\.5 {
+    margin: -0.375rem;
+  }
+
+  .sm\:-m-2\.5 {
+    margin: -0.625rem;
+  }
+
+  .sm\:-m-3\.5 {
+    margin: -0.875rem;
+  }
+
+  .sm\:-m-1\/2 {
+    margin: -50%;
+  }
+
+  .sm\:-m-1\/3 {
+    margin: -33.33333%;
+  }
+
+  .sm\:-m-2\/3 {
+    margin: -66.66667%;
+  }
+
+  .sm\:-m-1\/4 {
+    margin: -25%;
+  }
+
+  .sm\:-m-2\/4 {
+    margin: -50%;
+  }
+
+  .sm\:-m-3\/4 {
+    margin: -75%;
+  }
+
+  .sm\:-m-1\/5 {
+    margin: -20%;
+  }
+
+  .sm\:-m-2\/5 {
+    margin: -40%;
+  }
+
+  .sm\:-m-3\/5 {
+    margin: -60%;
+  }
+
+  .sm\:-m-4\/5 {
+    margin: -80%;
+  }
+
+  .sm\:-m-1\/6 {
+    margin: -16.66667%;
+  }
+
+  .sm\:-m-2\/6 {
+    margin: -33.33333%;
+  }
+
+  .sm\:-m-3\/6 {
+    margin: -50%;
+  }
+
+  .sm\:-m-4\/6 {
+    margin: -66.66667%;
+  }
+
+  .sm\:-m-5\/6 {
+    margin: -83.33333%;
+  }
+
+  .sm\:-m-1\/12 {
+    margin: -8.33333%;
+  }
+
+  .sm\:-m-2\/12 {
+    margin: -16.66667%;
+  }
+
+  .sm\:-m-3\/12 {
+    margin: -25%;
+  }
+
+  .sm\:-m-4\/12 {
+    margin: -33.33333%;
+  }
+
+  .sm\:-m-5\/12 {
+    margin: -41.66667%;
+  }
+
+  .sm\:-m-6\/12 {
+    margin: -50%;
+  }
+
+  .sm\:-m-7\/12 {
+    margin: -58.33333%;
+  }
+
+  .sm\:-m-8\/12 {
+    margin: -66.66667%;
+  }
+
+  .sm\:-m-9\/12 {
+    margin: -75%;
+  }
+
+  .sm\:-m-10\/12 {
+    margin: -83.33333%;
+  }
+
+  .sm\:-m-11\/12 {
+    margin: -91.66667%;
+  }
+
+  .sm\:-m-full {
+    margin: -100%;
+  }
+
+  .sm\:my-0 {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .sm\:mx-0 {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .sm\:my-1 {
+    margin-top: 0.25rem;
+    margin-bottom: 0.25rem;
+  }
+
+  .sm\:mx-1 {
+    margin-left: 0.25rem;
+    margin-right: 0.25rem;
+  }
+
+  .sm\:my-2 {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .sm\:mx-2 {
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+
+  .sm\:my-3 {
+    margin-top: 0.75rem;
+    margin-bottom: 0.75rem;
+  }
+
+  .sm\:mx-3 {
+    margin-left: 0.75rem;
+    margin-right: 0.75rem;
+  }
+
+  .sm\:my-4 {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+
+  .sm\:mx-4 {
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+
+  .sm\:my-5 {
+    margin-top: 1.25rem;
+    margin-bottom: 1.25rem;
+  }
+
+  .sm\:mx-5 {
+    margin-left: 1.25rem;
+    margin-right: 1.25rem;
+  }
+
+  .sm\:my-6 {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .sm\:mx-6 {
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+  }
+
+  .sm\:my-7 {
+    margin-top: 1.75rem;
+    margin-bottom: 1.75rem;
+  }
+
+  .sm\:mx-7 {
+    margin-left: 1.75rem;
+    margin-right: 1.75rem;
+  }
+
+  .sm\:my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+
+  .sm\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
+  }
+
+  .sm\:my-9 {
+    margin-top: 2.25rem;
+    margin-bottom: 2.25rem;
+  }
+
+  .sm\:mx-9 {
+    margin-left: 2.25rem;
+    margin-right: 2.25rem;
+  }
+
+  .sm\:my-10 {
+    margin-top: 2.5rem;
+    margin-bottom: 2.5rem;
+  }
+
+  .sm\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+
+  .sm\:my-11 {
+    margin-top: 2.75rem;
+    margin-bottom: 2.75rem;
+  }
+
+  .sm\:mx-11 {
+    margin-left: 2.75rem;
+    margin-right: 2.75rem;
+  }
+
+  .sm\:my-12 {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+  }
+
+  .sm\:mx-12 {
+    margin-left: 3rem;
+    margin-right: 3rem;
+  }
+
+  .sm\:my-13 {
+    margin-top: 3.25rem;
+    margin-bottom: 3.25rem;
+  }
+
+  .sm\:mx-13 {
+    margin-left: 3.25rem;
+    margin-right: 3.25rem;
+  }
+
+  .sm\:my-14 {
+    margin-top: 3.5rem;
+    margin-bottom: 3.5rem;
+  }
+
+  .sm\:mx-14 {
+    margin-left: 3.5rem;
+    margin-right: 3.5rem;
+  }
+
+  .sm\:my-15 {
+    margin-top: 3.75rem;
+    margin-bottom: 3.75rem;
+  }
+
+  .sm\:mx-15 {
+    margin-left: 3.75rem;
+    margin-right: 3.75rem;
+  }
+
+  .sm\:my-16 {
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+  }
+
+  .sm\:mx-16 {
+    margin-left: 4rem;
+    margin-right: 4rem;
+  }
+
+  .sm\:my-20 {
+    margin-top: 5rem;
+    margin-bottom: 5rem;
+  }
+
+  .sm\:mx-20 {
+    margin-left: 5rem;
+    margin-right: 5rem;
+  }
+
+  .sm\:my-24 {
+    margin-top: 6rem;
+    margin-bottom: 6rem;
+  }
+
+  .sm\:mx-24 {
+    margin-left: 6rem;
+    margin-right: 6rem;
+  }
+
+  .sm\:my-28 {
+    margin-top: 7rem;
+    margin-bottom: 7rem;
+  }
+
+  .sm\:mx-28 {
+    margin-left: 7rem;
+    margin-right: 7rem;
+  }
+
+  .sm\:my-32 {
+    margin-top: 8rem;
+    margin-bottom: 8rem;
+  }
+
+  .sm\:mx-32 {
+    margin-left: 8rem;
+    margin-right: 8rem;
+  }
+
+  .sm\:my-36 {
+    margin-top: 9rem;
+    margin-bottom: 9rem;
+  }
+
+  .sm\:mx-36 {
+    margin-left: 9rem;
+    margin-right: 9rem;
+  }
+
+  .sm\:my-40 {
+    margin-top: 10rem;
+    margin-bottom: 10rem;
+  }
+
+  .sm\:mx-40 {
+    margin-left: 10rem;
+    margin-right: 10rem;
+  }
+
+  .sm\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .sm\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .sm\:my-56 {
+    margin-top: 14rem;
+    margin-bottom: 14rem;
+  }
+
+  .sm\:mx-56 {
+    margin-left: 14rem;
+    margin-right: 14rem;
+  }
+
+  .sm\:my-60 {
+    margin-top: 15rem;
+    margin-bottom: 15rem;
+  }
+
+  .sm\:mx-60 {
+    margin-left: 15rem;
+    margin-right: 15rem;
+  }
+
+  .sm\:my-64 {
+    margin-top: 16rem;
+    margin-bottom: 16rem;
+  }
+
+  .sm\:mx-64 {
+    margin-left: 16rem;
+    margin-right: 16rem;
+  }
+
+  .sm\:my-72 {
+    margin-top: 18rem;
+    margin-bottom: 18rem;
+  }
+
+  .sm\:mx-72 {
+    margin-left: 18rem;
+    margin-right: 18rem;
+  }
+
+  .sm\:my-80 {
+    margin-top: 20rem;
+    margin-bottom: 20rem;
+  }
+
+  .sm\:mx-80 {
+    margin-left: 20rem;
+    margin-right: 20rem;
+  }
+
+  .sm\:my-96 {
+    margin-top: 24rem;
+    margin-bottom: 24rem;
+  }
+
+  .sm\:mx-96 {
+    margin-left: 24rem;
+    margin-right: 24rem;
+  }
+
+  .sm\:my-auto {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+
+  .sm\:mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .sm\:my-px {
+    margin-top: 1px;
+    margin-bottom: 1px;
+  }
+
+  .sm\:mx-px {
+    margin-left: 1px;
+    margin-right: 1px;
+  }
+
+  .sm\:my-0\.5 {
+    margin-top: 0.125rem;
+    margin-bottom: 0.125rem;
+  }
+
+  .sm\:mx-0\.5 {
+    margin-left: 0.125rem;
+    margin-right: 0.125rem;
+  }
+
+  .sm\:my-1\.5 {
+    margin-top: 0.375rem;
+    margin-bottom: 0.375rem;
+  }
+
+  .sm\:mx-1\.5 {
+    margin-left: 0.375rem;
+    margin-right: 0.375rem;
+  }
+
+  .sm\:my-2\.5 {
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem;
+  }
+
+  .sm\:mx-2\.5 {
+    margin-left: 0.625rem;
+    margin-right: 0.625rem;
+  }
+
+  .sm\:my-3\.5 {
+    margin-top: 0.875rem;
+    margin-bottom: 0.875rem;
+  }
+
+  .sm\:mx-3\.5 {
+    margin-left: 0.875rem;
+    margin-right: 0.875rem;
+  }
+
+  .sm\:my-1\/2 {
+    margin-top: 50%;
+    margin-bottom: 50%;
+  }
+
+  .sm\:mx-1\/2 {
+    margin-left: 50%;
+    margin-right: 50%;
+  }
+
+  .sm\:my-1\/3 {
+    margin-top: 33.333333%;
+    margin-bottom: 33.333333%;
+  }
+
+  .sm\:mx-1\/3 {
+    margin-left: 33.333333%;
+    margin-right: 33.333333%;
+  }
+
+  .sm\:my-2\/3 {
+    margin-top: 66.666667%;
+    margin-bottom: 66.666667%;
+  }
+
+  .sm\:mx-2\/3 {
+    margin-left: 66.666667%;
+    margin-right: 66.666667%;
+  }
+
+  .sm\:my-1\/4 {
+    margin-top: 25%;
+    margin-bottom: 25%;
+  }
+
+  .sm\:mx-1\/4 {
+    margin-left: 25%;
+    margin-right: 25%;
+  }
+
+  .sm\:my-2\/4 {
+    margin-top: 50%;
+    margin-bottom: 50%;
+  }
+
+  .sm\:mx-2\/4 {
+    margin-left: 50%;
+    margin-right: 50%;
+  }
+
+  .sm\:my-3\/4 {
+    margin-top: 75%;
+    margin-bottom: 75%;
+  }
+
+  .sm\:mx-3\/4 {
+    margin-left: 75%;
+    margin-right: 75%;
+  }
+
+  .sm\:my-1\/5 {
+    margin-top: 20%;
+    margin-bottom: 20%;
+  }
+
+  .sm\:mx-1\/5 {
+    margin-left: 20%;
+    margin-right: 20%;
+  }
+
+  .sm\:my-2\/5 {
+    margin-top: 40%;
+    margin-bottom: 40%;
+  }
+
+  .sm\:mx-2\/5 {
+    margin-left: 40%;
+    margin-right: 40%;
+  }
+
+  .sm\:my-3\/5 {
+    margin-top: 60%;
+    margin-bottom: 60%;
+  }
+
+  .sm\:mx-3\/5 {
+    margin-left: 60%;
+    margin-right: 60%;
+  }
+
+  .sm\:my-4\/5 {
+    margin-top: 80%;
+    margin-bottom: 80%;
+  }
+
+  .sm\:mx-4\/5 {
+    margin-left: 80%;
+    margin-right: 80%;
+  }
+
+  .sm\:my-1\/6 {
+    margin-top: 16.666667%;
+    margin-bottom: 16.666667%;
+  }
+
+  .sm\:mx-1\/6 {
+    margin-left: 16.666667%;
+    margin-right: 16.666667%;
+  }
+
+  .sm\:my-2\/6 {
+    margin-top: 33.333333%;
+    margin-bottom: 33.333333%;
+  }
+
+  .sm\:mx-2\/6 {
+    margin-left: 33.333333%;
+    margin-right: 33.333333%;
+  }
+
+  .sm\:my-3\/6 {
+    margin-top: 50%;
+    margin-bottom: 50%;
+  }
+
+  .sm\:mx-3\/6 {
+    margin-left: 50%;
+    margin-right: 50%;
+  }
+
+  .sm\:my-4\/6 {
+    margin-top: 66.666667%;
+    margin-bottom: 66.666667%;
+  }
+
+  .sm\:mx-4\/6 {
+    margin-left: 66.666667%;
+    margin-right: 66.666667%;
+  }
+
+  .sm\:my-5\/6 {
+    margin-top: 83.333333%;
+    margin-bottom: 83.333333%;
+  }
+
+  .sm\:mx-5\/6 {
+    margin-left: 83.333333%;
+    margin-right: 83.333333%;
+  }
+
+  .sm\:my-1\/12 {
+    margin-top: 8.333333%;
+    margin-bottom: 8.333333%;
+  }
+
+  .sm\:mx-1\/12 {
+    margin-left: 8.333333%;
+    margin-right: 8.333333%;
+  }
+
+  .sm\:my-2\/12 {
+    margin-top: 16.666667%;
+    margin-bottom: 16.666667%;
+  }
+
+  .sm\:mx-2\/12 {
+    margin-left: 16.666667%;
+    margin-right: 16.666667%;
+  }
+
+  .sm\:my-3\/12 {
+    margin-top: 25%;
+    margin-bottom: 25%;
+  }
+
+  .sm\:mx-3\/12 {
+    margin-left: 25%;
+    margin-right: 25%;
+  }
+
+  .sm\:my-4\/12 {
+    margin-top: 33.333333%;
+    margin-bottom: 33.333333%;
+  }
+
+  .sm\:mx-4\/12 {
+    margin-left: 33.333333%;
+    margin-right: 33.333333%;
+  }
+
+  .sm\:my-5\/12 {
+    margin-top: 41.666667%;
+    margin-bottom: 41.666667%;
+  }
+
+  .sm\:mx-5\/12 {
+    margin-left: 41.666667%;
+    margin-right: 41.666667%;
+  }
+
+  .sm\:my-6\/12 {
+    margin-top: 50%;
+    margin-bottom: 50%;
+  }
+
+  .sm\:mx-6\/12 {
+    margin-left: 50%;
+    margin-right: 50%;
+  }
+
+  .sm\:my-7\/12 {
+    margin-top: 58.333333%;
+    margin-bottom: 58.333333%;
+  }
+
+  .sm\:mx-7\/12 {
+    margin-left: 58.333333%;
+    margin-right: 58.333333%;
+  }
+
+  .sm\:my-8\/12 {
+    margin-top: 66.666667%;
+    margin-bottom: 66.666667%;
+  }
+
+  .sm\:mx-8\/12 {
+    margin-left: 66.666667%;
+    margin-right: 66.666667%;
+  }
+
+  .sm\:my-9\/12 {
+    margin-top: 75%;
+    margin-bottom: 75%;
+  }
+
+  .sm\:mx-9\/12 {
+    margin-left: 75%;
+    margin-right: 75%;
+  }
+
+  .sm\:my-10\/12 {
+    margin-top: 83.333333%;
+    margin-bottom: 83.333333%;
+  }
+
+  .sm\:mx-10\/12 {
+    margin-left: 83.333333%;
+    margin-right: 83.333333%;
+  }
+
+  .sm\:my-11\/12 {
+    margin-top: 91.666667%;
+    margin-bottom: 91.666667%;
+  }
+
+  .sm\:mx-11\/12 {
+    margin-left: 91.666667%;
+    margin-right: 91.666667%;
+  }
+
+  .sm\:my-full {
+    margin-top: 100%;
+    margin-bottom: 100%;
+  }
+
+  .sm\:mx-full {
+    margin-left: 100%;
+    margin-right: 100%;
+  }
+
+  .sm\:-my-1 {
+    margin-top: -0.25rem;
+    margin-bottom: -0.25rem;
+  }
+
+  .sm\:-mx-1 {
+    margin-left: -0.25rem;
+    margin-right: -0.25rem;
+  }
+
+  .sm\:-my-2 {
+    margin-top: -0.5rem;
+    margin-bottom: -0.5rem;
+  }
+
+  .sm\:-mx-2 {
+    margin-left: -0.5rem;
+    margin-right: -0.5rem;
+  }
+
+  .sm\:-my-3 {
+    margin-top: -0.75rem;
+    margin-bottom: -0.75rem;
+  }
+
+  .sm\:-mx-3 {
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
+  }
+
+  .sm\:-my-4 {
+    margin-top: -1rem;
+    margin-bottom: -1rem;
+  }
+
+  .sm\:-mx-4 {
+    margin-left: -1rem;
+    margin-right: -1rem;
+  }
+
+  .sm\:-my-5 {
+    margin-top: -1.25rem;
+    margin-bottom: -1.25rem;
+  }
+
+  .sm\:-mx-5 {
+    margin-left: -1.25rem;
+    margin-right: -1.25rem;
+  }
+
+  .sm\:-my-6 {
+    margin-top: -1.5rem;
+    margin-bottom: -1.5rem;
+  }
+
+  .sm\:-mx-6 {
+    margin-left: -1.5rem;
+    margin-right: -1.5rem;
+  }
+
+  .sm\:-my-7 {
+    margin-top: -1.75rem;
+    margin-bottom: -1.75rem;
+  }
+
+  .sm\:-mx-7 {
+    margin-left: -1.75rem;
+    margin-right: -1.75rem;
+  }
+
+  .sm\:-my-8 {
+    margin-top: -2rem;
+    margin-bottom: -2rem;
+  }
+
+  .sm\:-mx-8 {
+    margin-left: -2rem;
+    margin-right: -2rem;
+  }
+
+  .sm\:-my-9 {
+    margin-top: -2.25rem;
+    margin-bottom: -2.25rem;
+  }
+
+  .sm\:-mx-9 {
+    margin-left: -2.25rem;
+    margin-right: -2.25rem;
+  }
+
+  .sm\:-my-10 {
+    margin-top: -2.5rem;
+    margin-bottom: -2.5rem;
+  }
+
+  .sm\:-mx-10 {
+    margin-left: -2.5rem;
+    margin-right: -2.5rem;
+  }
+
+  .sm\:-my-11 {
+    margin-top: -2.75rem;
+    margin-bottom: -2.75rem;
+  }
+
+  .sm\:-mx-11 {
+    margin-left: -2.75rem;
+    margin-right: -2.75rem;
+  }
+
+  .sm\:-my-12 {
+    margin-top: -3rem;
+    margin-bottom: -3rem;
+  }
+
+  .sm\:-mx-12 {
+    margin-left: -3rem;
+    margin-right: -3rem;
+  }
+
+  .sm\:-my-13 {
+    margin-top: -3.25rem;
+    margin-bottom: -3.25rem;
+  }
+
+  .sm\:-mx-13 {
+    margin-left: -3.25rem;
+    margin-right: -3.25rem;
+  }
+
+  .sm\:-my-14 {
+    margin-top: -3.5rem;
+    margin-bottom: -3.5rem;
+  }
+
+  .sm\:-mx-14 {
+    margin-left: -3.5rem;
+    margin-right: -3.5rem;
+  }
+
+  .sm\:-my-15 {
+    margin-top: -3.75rem;
+    margin-bottom: -3.75rem;
+  }
+
+  .sm\:-mx-15 {
+    margin-left: -3.75rem;
+    margin-right: -3.75rem;
+  }
+
+  .sm\:-my-16 {
+    margin-top: -4rem;
+    margin-bottom: -4rem;
+  }
+
+  .sm\:-mx-16 {
+    margin-left: -4rem;
+    margin-right: -4rem;
+  }
+
+  .sm\:-my-20 {
+    margin-top: -5rem;
+    margin-bottom: -5rem;
+  }
+
+  .sm\:-mx-20 {
+    margin-left: -5rem;
+    margin-right: -5rem;
+  }
+
+  .sm\:-my-24 {
+    margin-top: -6rem;
+    margin-bottom: -6rem;
+  }
+
+  .sm\:-mx-24 {
+    margin-left: -6rem;
+    margin-right: -6rem;
+  }
+
+  .sm\:-my-28 {
+    margin-top: -7rem;
+    margin-bottom: -7rem;
+  }
+
+  .sm\:-mx-28 {
+    margin-left: -7rem;
+    margin-right: -7rem;
+  }
+
+  .sm\:-my-32 {
+    margin-top: -8rem;
+    margin-bottom: -8rem;
+  }
+
+  .sm\:-mx-32 {
+    margin-left: -8rem;
+    margin-right: -8rem;
+  }
+
+  .sm\:-my-36 {
+    margin-top: -9rem;
+    margin-bottom: -9rem;
+  }
+
+  .sm\:-mx-36 {
+    margin-left: -9rem;
+    margin-right: -9rem;
+  }
+
+  .sm\:-my-40 {
+    margin-top: -10rem;
+    margin-bottom: -10rem;
+  }
+
+  .sm\:-mx-40 {
+    margin-left: -10rem;
+    margin-right: -10rem;
+  }
+
+  .sm\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .sm\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .sm\:-my-56 {
+    margin-top: -14rem;
+    margin-bottom: -14rem;
+  }
+
+  .sm\:-mx-56 {
+    margin-left: -14rem;
+    margin-right: -14rem;
+  }
+
+  .sm\:-my-60 {
+    margin-top: -15rem;
+    margin-bottom: -15rem;
+  }
+
+  .sm\:-mx-60 {
+    margin-left: -15rem;
+    margin-right: -15rem;
+  }
+
+  .sm\:-my-64 {
+    margin-top: -16rem;
+    margin-bottom: -16rem;
+  }
+
+  .sm\:-mx-64 {
+    margin-left: -16rem;
+    margin-right: -16rem;
+  }
+
+  .sm\:-my-72 {
+    margin-top: -18rem;
+    margin-bottom: -18rem;
+  }
+
+  .sm\:-mx-72 {
+    margin-left: -18rem;
+    margin-right: -18rem;
+  }
+
+  .sm\:-my-80 {
+    margin-top: -20rem;
+    margin-bottom: -20rem;
+  }
+
+  .sm\:-mx-80 {
+    margin-left: -20rem;
+    margin-right: -20rem;
+  }
+
+  .sm\:-my-96 {
+    margin-top: -24rem;
+    margin-bottom: -24rem;
+  }
+
+  .sm\:-mx-96 {
+    margin-left: -24rem;
+    margin-right: -24rem;
+  }
+
+  .sm\:-my-px {
+    margin-top: -1px;
+    margin-bottom: -1px;
+  }
+
+  .sm\:-mx-px {
+    margin-left: -1px;
+    margin-right: -1px;
+  }
+
+  .sm\:-my-0\.5 {
+    margin-top: -0.125rem;
+    margin-bottom: -0.125rem;
+  }
+
+  .sm\:-mx-0\.5 {
+    margin-left: -0.125rem;
+    margin-right: -0.125rem;
+  }
+
+  .sm\:-my-1\.5 {
+    margin-top: -0.375rem;
+    margin-bottom: -0.375rem;
+  }
+
+  .sm\:-mx-1\.5 {
+    margin-left: -0.375rem;
+    margin-right: -0.375rem;
+  }
+
+  .sm\:-my-2\.5 {
+    margin-top: -0.625rem;
+    margin-bottom: -0.625rem;
+  }
+
+  .sm\:-mx-2\.5 {
+    margin-left: -0.625rem;
+    margin-right: -0.625rem;
+  }
+
+  .sm\:-my-3\.5 {
+    margin-top: -0.875rem;
+    margin-bottom: -0.875rem;
+  }
+
+  .sm\:-mx-3\.5 {
+    margin-left: -0.875rem;
+    margin-right: -0.875rem;
+  }
+
+  .sm\:-my-1\/2 {
+    margin-top: -50%;
+    margin-bottom: -50%;
+  }
+
+  .sm\:-mx-1\/2 {
+    margin-left: -50%;
+    margin-right: -50%;
+  }
+
+  .sm\:-my-1\/3 {
+    margin-top: -33.33333%;
+    margin-bottom: -33.33333%;
+  }
+
+  .sm\:-mx-1\/3 {
+    margin-left: -33.33333%;
+    margin-right: -33.33333%;
+  }
+
+  .sm\:-my-2\/3 {
+    margin-top: -66.66667%;
+    margin-bottom: -66.66667%;
+  }
+
+  .sm\:-mx-2\/3 {
+    margin-left: -66.66667%;
+    margin-right: -66.66667%;
+  }
+
+  .sm\:-my-1\/4 {
+    margin-top: -25%;
+    margin-bottom: -25%;
+  }
+
+  .sm\:-mx-1\/4 {
+    margin-left: -25%;
+    margin-right: -25%;
+  }
+
+  .sm\:-my-2\/4 {
+    margin-top: -50%;
+    margin-bottom: -50%;
+  }
+
+  .sm\:-mx-2\/4 {
+    margin-left: -50%;
+    margin-right: -50%;
+  }
+
+  .sm\:-my-3\/4 {
+    margin-top: -75%;
+    margin-bottom: -75%;
+  }
+
+  .sm\:-mx-3\/4 {
+    margin-left: -75%;
+    margin-right: -75%;
+  }
+
+  .sm\:-my-1\/5 {
+    margin-top: -20%;
+    margin-bottom: -20%;
+  }
+
+  .sm\:-mx-1\/5 {
+    margin-left: -20%;
+    margin-right: -20%;
+  }
+
+  .sm\:-my-2\/5 {
+    margin-top: -40%;
+    margin-bottom: -40%;
+  }
+
+  .sm\:-mx-2\/5 {
+    margin-left: -40%;
+    margin-right: -40%;
+  }
+
+  .sm\:-my-3\/5 {
+    margin-top: -60%;
+    margin-bottom: -60%;
+  }
+
+  .sm\:-mx-3\/5 {
+    margin-left: -60%;
+    margin-right: -60%;
+  }
+
+  .sm\:-my-4\/5 {
+    margin-top: -80%;
+    margin-bottom: -80%;
+  }
+
+  .sm\:-mx-4\/5 {
+    margin-left: -80%;
+    margin-right: -80%;
+  }
+
+  .sm\:-my-1\/6 {
+    margin-top: -16.66667%;
+    margin-bottom: -16.66667%;
+  }
+
+  .sm\:-mx-1\/6 {
+    margin-left: -16.66667%;
+    margin-right: -16.66667%;
+  }
+
+  .sm\:-my-2\/6 {
+    margin-top: -33.33333%;
+    margin-bottom: -33.33333%;
+  }
+
+  .sm\:-mx-2\/6 {
+    margin-left: -33.33333%;
+    margin-right: -33.33333%;
+  }
+
+  .sm\:-my-3\/6 {
+    margin-top: -50%;
+    margin-bottom: -50%;
+  }
+
+  .sm\:-mx-3\/6 {
+    margin-left: -50%;
+    margin-right: -50%;
+  }
+
+  .sm\:-my-4\/6 {
+    margin-top: -66.66667%;
+    margin-bottom: -66.66667%;
+  }
+
+  .sm\:-mx-4\/6 {
+    margin-left: -66.66667%;
+    margin-right: -66.66667%;
+  }
+
+  .sm\:-my-5\/6 {
+    margin-top: -83.33333%;
+    margin-bottom: -83.33333%;
+  }
+
+  .sm\:-mx-5\/6 {
+    margin-left: -83.33333%;
+    margin-right: -83.33333%;
+  }
+
+  .sm\:-my-1\/12 {
+    margin-top: -8.33333%;
+    margin-bottom: -8.33333%;
+  }
+
+  .sm\:-mx-1\/12 {
+    margin-left: -8.33333%;
+    margin-right: -8.33333%;
+  }
+
+  .sm\:-my-2\/12 {
+    margin-top: -16.66667%;
+    margin-bottom: -16.66667%;
+  }
+
+  .sm\:-mx-2\/12 {
+    margin-left: -16.66667%;
+    margin-right: -16.66667%;
+  }
+
+  .sm\:-my-3\/12 {
+    margin-top: -25%;
+    margin-bottom: -25%;
+  }
+
+  .sm\:-mx-3\/12 {
+    margin-left: -25%;
+    margin-right: -25%;
+  }
+
+  .sm\:-my-4\/12 {
+    margin-top: -33.33333%;
+    margin-bottom: -33.33333%;
+  }
+
+  .sm\:-mx-4\/12 {
+    margin-left: -33.33333%;
+    margin-right: -33.33333%;
+  }
+
+  .sm\:-my-5\/12 {
+    margin-top: -41.66667%;
+    margin-bottom: -41.66667%;
+  }
+
+  .sm\:-mx-5\/12 {
+    margin-left: -41.66667%;
+    margin-right: -41.66667%;
+  }
+
+  .sm\:-my-6\/12 {
+    margin-top: -50%;
+    margin-bottom: -50%;
+  }
+
+  .sm\:-mx-6\/12 {
+    margin-left: -50%;
+    margin-right: -50%;
+  }
+
+  .sm\:-my-7\/12 {
+    margin-top: -58.33333%;
+    margin-bottom: -58.33333%;
+  }
+
+  .sm\:-mx-7\/12 {
+    margin-left: -58.33333%;
+    margin-right: -58.33333%;
+  }
+
+  .sm\:-my-8\/12 {
+    margin-top: -66.66667%;
+    margin-bottom: -66.66667%;
+  }
+
+  .sm\:-mx-8\/12 {
+    margin-left: -66.66667%;
+    margin-right: -66.66667%;
+  }
+
+  .sm\:-my-9\/12 {
+    margin-top: -75%;
+    margin-bottom: -75%;
+  }
+
+  .sm\:-mx-9\/12 {
+    margin-left: -75%;
+    margin-right: -75%;
+  }
+
+  .sm\:-my-10\/12 {
+    margin-top: -83.33333%;
+    margin-bottom: -83.33333%;
+  }
+
+  .sm\:-mx-10\/12 {
+    margin-left: -83.33333%;
+    margin-right: -83.33333%;
+  }
+
+  .sm\:-my-11\/12 {
+    margin-top: -91.66667%;
+    margin-bottom: -91.66667%;
+  }
+
+  .sm\:-mx-11\/12 {
+    margin-left: -91.66667%;
+    margin-right: -91.66667%;
+  }
+
+  .sm\:-my-full {
+    margin-top: -100%;
+    margin-bottom: -100%;
+  }
+
+  .sm\:-mx-full {
+    margin-left: -100%;
+    margin-right: -100%;
+  }
+
+  .sm\:mt-0 {
+    margin-top: 0;
+  }
+
+  .sm\:mr-0 {
+    margin-right: 0;
+  }
+
+  .sm\:mb-0 {
+    margin-bottom: 0;
+  }
+
+  .sm\:ml-0 {
+    margin-left: 0;
+  }
+
+  .sm\:mt-1 {
+    margin-top: 0.25rem;
+  }
+
+  .sm\:mr-1 {
+    margin-right: 0.25rem;
+  }
+
+  .sm\:mb-1 {
+    margin-bottom: 0.25rem;
+  }
+
+  .sm\:ml-1 {
+    margin-left: 0.25rem;
+  }
+
+  .sm\:mt-2 {
+    margin-top: 0.5rem;
+  }
+
+  .sm\:mr-2 {
+    margin-right: 0.5rem;
+  }
+
+  .sm\:mb-2 {
+    margin-bottom: 0.5rem;
+  }
+
+  .sm\:ml-2 {
+    margin-left: 0.5rem;
+  }
+
+  .sm\:mt-3 {
+    margin-top: 0.75rem;
+  }
+
+  .sm\:mr-3 {
+    margin-right: 0.75rem;
+  }
+
+  .sm\:mb-3 {
+    margin-bottom: 0.75rem;
+  }
+
+  .sm\:ml-3 {
+    margin-left: 0.75rem;
+  }
+
+  .sm\:mt-4 {
+    margin-top: 1rem;
+  }
+
+  .sm\:mr-4 {
+    margin-right: 1rem;
+  }
+
+  .sm\:mb-4 {
+    margin-bottom: 1rem;
+  }
+
+  .sm\:ml-4 {
+    margin-left: 1rem;
+  }
+
+  .sm\:mt-5 {
+    margin-top: 1.25rem;
+  }
+
+  .sm\:mr-5 {
+    margin-right: 1.25rem;
+  }
+
+  .sm\:mb-5 {
+    margin-bottom: 1.25rem;
+  }
+
+  .sm\:ml-5 {
+    margin-left: 1.25rem;
+  }
+
+  .sm\:mt-6 {
+    margin-top: 1.5rem;
+  }
+
+  .sm\:mr-6 {
+    margin-right: 1.5rem;
+  }
+
+  .sm\:mb-6 {
+    margin-bottom: 1.5rem;
+  }
+
+  .sm\:ml-6 {
+    margin-left: 1.5rem;
+  }
+
+  .sm\:mt-7 {
+    margin-top: 1.75rem;
+  }
+
+  .sm\:mr-7 {
+    margin-right: 1.75rem;
+  }
+
+  .sm\:mb-7 {
+    margin-bottom: 1.75rem;
+  }
+
+  .sm\:ml-7 {
+    margin-left: 1.75rem;
+  }
+
+  .sm\:mt-8 {
+    margin-top: 2rem;
+  }
+
+  .sm\:mr-8 {
+    margin-right: 2rem;
+  }
+
+  .sm\:mb-8 {
+    margin-bottom: 2rem;
+  }
+
+  .sm\:ml-8 {
+    margin-left: 2rem;
+  }
+
+  .sm\:mt-9 {
+    margin-top: 2.25rem;
+  }
+
+  .sm\:mr-9 {
+    margin-right: 2.25rem;
+  }
+
+  .sm\:mb-9 {
+    margin-bottom: 2.25rem;
+  }
+
+  .sm\:ml-9 {
+    margin-left: 2.25rem;
+  }
+
+  .sm\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
+  .sm\:mr-10 {
+    margin-right: 2.5rem;
+  }
+
+  .sm\:mb-10 {
+    margin-bottom: 2.5rem;
+  }
+
+  .sm\:ml-10 {
+    margin-left: 2.5rem;
+  }
+
+  .sm\:mt-11 {
+    margin-top: 2.75rem;
+  }
+
+  .sm\:mr-11 {
+    margin-right: 2.75rem;
+  }
+
+  .sm\:mb-11 {
+    margin-bottom: 2.75rem;
+  }
+
+  .sm\:ml-11 {
+    margin-left: 2.75rem;
+  }
+
+  .sm\:mt-12 {
+    margin-top: 3rem;
+  }
+
+  .sm\:mr-12 {
+    margin-right: 3rem;
+  }
+
+  .sm\:mb-12 {
+    margin-bottom: 3rem;
+  }
+
+  .sm\:ml-12 {
+    margin-left: 3rem;
+  }
+
+  .sm\:mt-13 {
+    margin-top: 3.25rem;
+  }
+
+  .sm\:mr-13 {
+    margin-right: 3.25rem;
+  }
+
+  .sm\:mb-13 {
+    margin-bottom: 3.25rem;
+  }
+
+  .sm\:ml-13 {
+    margin-left: 3.25rem;
+  }
+
+  .sm\:mt-14 {
+    margin-top: 3.5rem;
+  }
+
+  .sm\:mr-14 {
+    margin-right: 3.5rem;
+  }
+
+  .sm\:mb-14 {
+    margin-bottom: 3.5rem;
+  }
+
+  .sm\:ml-14 {
+    margin-left: 3.5rem;
+  }
+
+  .sm\:mt-15 {
+    margin-top: 3.75rem;
+  }
+
+  .sm\:mr-15 {
+    margin-right: 3.75rem;
+  }
+
+  .sm\:mb-15 {
+    margin-bottom: 3.75rem;
+  }
+
+  .sm\:ml-15 {
+    margin-left: 3.75rem;
+  }
+
+  .sm\:mt-16 {
+    margin-top: 4rem;
+  }
+
+  .sm\:mr-16 {
+    margin-right: 4rem;
+  }
+
+  .sm\:mb-16 {
+    margin-bottom: 4rem;
+  }
+
+  .sm\:ml-16 {
+    margin-left: 4rem;
+  }
+
+  .sm\:mt-20 {
+    margin-top: 5rem;
+  }
+
+  .sm\:mr-20 {
+    margin-right: 5rem;
+  }
+
+  .sm\:mb-20 {
+    margin-bottom: 5rem;
+  }
+
+  .sm\:ml-20 {
+    margin-left: 5rem;
+  }
+
+  .sm\:mt-24 {
+    margin-top: 6rem;
+  }
+
+  .sm\:mr-24 {
+    margin-right: 6rem;
+  }
+
+  .sm\:mb-24 {
+    margin-bottom: 6rem;
+  }
+
+  .sm\:ml-24 {
+    margin-left: 6rem;
+  }
+
+  .sm\:mt-28 {
+    margin-top: 7rem;
+  }
+
+  .sm\:mr-28 {
+    margin-right: 7rem;
+  }
+
+  .sm\:mb-28 {
+    margin-bottom: 7rem;
+  }
+
+  .sm\:ml-28 {
+    margin-left: 7rem;
+  }
+
+  .sm\:mt-32 {
+    margin-top: 8rem;
+  }
+
+  .sm\:mr-32 {
+    margin-right: 8rem;
+  }
+
+  .sm\:mb-32 {
+    margin-bottom: 8rem;
+  }
+
+  .sm\:ml-32 {
+    margin-left: 8rem;
+  }
+
+  .sm\:mt-36 {
+    margin-top: 9rem;
+  }
+
+  .sm\:mr-36 {
+    margin-right: 9rem;
+  }
+
+  .sm\:mb-36 {
+    margin-bottom: 9rem;
+  }
+
+  .sm\:ml-36 {
+    margin-left: 9rem;
+  }
+
+  .sm\:mt-40 {
+    margin-top: 10rem;
+  }
+
+  .sm\:mr-40 {
+    margin-right: 10rem;
+  }
+
+  .sm\:mb-40 {
+    margin-bottom: 10rem;
+  }
+
+  .sm\:ml-40 {
+    margin-left: 10rem;
+  }
+
+  .sm\:mt-48 {
+    margin-top: 12rem;
+  }
+
+  .sm\:mr-48 {
+    margin-right: 12rem;
+  }
+
+  .sm\:mb-48 {
+    margin-bottom: 12rem;
+  }
+
+  .sm\:ml-48 {
+    margin-left: 12rem;
+  }
+
+  .sm\:mt-56 {
+    margin-top: 14rem;
+  }
+
+  .sm\:mr-56 {
+    margin-right: 14rem;
+  }
+
+  .sm\:mb-56 {
+    margin-bottom: 14rem;
+  }
+
+  .sm\:ml-56 {
+    margin-left: 14rem;
+  }
+
+  .sm\:mt-60 {
+    margin-top: 15rem;
+  }
+
+  .sm\:mr-60 {
+    margin-right: 15rem;
+  }
+
+  .sm\:mb-60 {
+    margin-bottom: 15rem;
+  }
+
+  .sm\:ml-60 {
+    margin-left: 15rem;
+  }
+
+  .sm\:mt-64 {
+    margin-top: 16rem;
+  }
+
+  .sm\:mr-64 {
+    margin-right: 16rem;
+  }
+
+  .sm\:mb-64 {
+    margin-bottom: 16rem;
+  }
+
+  .sm\:ml-64 {
+    margin-left: 16rem;
+  }
+
+  .sm\:mt-72 {
+    margin-top: 18rem;
+  }
+
+  .sm\:mr-72 {
+    margin-right: 18rem;
+  }
+
+  .sm\:mb-72 {
+    margin-bottom: 18rem;
+  }
+
+  .sm\:ml-72 {
+    margin-left: 18rem;
+  }
+
+  .sm\:mt-80 {
+    margin-top: 20rem;
+  }
+
+  .sm\:mr-80 {
+    margin-right: 20rem;
+  }
+
+  .sm\:mb-80 {
+    margin-bottom: 20rem;
+  }
+
+  .sm\:ml-80 {
+    margin-left: 20rem;
+  }
+
+  .sm\:mt-96 {
+    margin-top: 24rem;
+  }
+
+  .sm\:mr-96 {
+    margin-right: 24rem;
+  }
+
+  .sm\:mb-96 {
+    margin-bottom: 24rem;
+  }
+
+  .sm\:ml-96 {
+    margin-left: 24rem;
+  }
+
+  .sm\:mt-auto {
+    margin-top: auto;
+  }
+
+  .sm\:mr-auto {
+    margin-right: auto;
+  }
+
+  .sm\:mb-auto {
+    margin-bottom: auto;
+  }
+
+  .sm\:ml-auto {
+    margin-left: auto;
+  }
+
+  .sm\:mt-px {
+    margin-top: 1px;
+  }
+
+  .sm\:mr-px {
+    margin-right: 1px;
+  }
+
+  .sm\:mb-px {
+    margin-bottom: 1px;
+  }
+
+  .sm\:ml-px {
+    margin-left: 1px;
+  }
+
+  .sm\:mt-0\.5 {
+    margin-top: 0.125rem;
+  }
+
+  .sm\:mr-0\.5 {
+    margin-right: 0.125rem;
+  }
+
+  .sm\:mb-0\.5 {
+    margin-bottom: 0.125rem;
+  }
+
+  .sm\:ml-0\.5 {
+    margin-left: 0.125rem;
+  }
+
+  .sm\:mt-1\.5 {
+    margin-top: 0.375rem;
+  }
+
+  .sm\:mr-1\.5 {
+    margin-right: 0.375rem;
+  }
+
+  .sm\:mb-1\.5 {
+    margin-bottom: 0.375rem;
+  }
+
+  .sm\:ml-1\.5 {
+    margin-left: 0.375rem;
+  }
+
+  .sm\:mt-2\.5 {
+    margin-top: 0.625rem;
+  }
+
+  .sm\:mr-2\.5 {
+    margin-right: 0.625rem;
+  }
+
+  .sm\:mb-2\.5 {
+    margin-bottom: 0.625rem;
+  }
+
+  .sm\:ml-2\.5 {
+    margin-left: 0.625rem;
+  }
+
+  .sm\:mt-3\.5 {
+    margin-top: 0.875rem;
+  }
+
+  .sm\:mr-3\.5 {
+    margin-right: 0.875rem;
+  }
+
+  .sm\:mb-3\.5 {
+    margin-bottom: 0.875rem;
+  }
+
+  .sm\:ml-3\.5 {
+    margin-left: 0.875rem;
+  }
+
+  .sm\:mt-1\/2 {
+    margin-top: 50%;
+  }
+
+  .sm\:mr-1\/2 {
+    margin-right: 50%;
+  }
+
+  .sm\:mb-1\/2 {
+    margin-bottom: 50%;
+  }
+
+  .sm\:ml-1\/2 {
+    margin-left: 50%;
+  }
+
+  .sm\:mt-1\/3 {
+    margin-top: 33.333333%;
+  }
+
+  .sm\:mr-1\/3 {
+    margin-right: 33.333333%;
+  }
+
+  .sm\:mb-1\/3 {
+    margin-bottom: 33.333333%;
+  }
+
+  .sm\:ml-1\/3 {
+    margin-left: 33.333333%;
+  }
+
+  .sm\:mt-2\/3 {
+    margin-top: 66.666667%;
+  }
+
+  .sm\:mr-2\/3 {
+    margin-right: 66.666667%;
+  }
+
+  .sm\:mb-2\/3 {
+    margin-bottom: 66.666667%;
+  }
+
+  .sm\:ml-2\/3 {
+    margin-left: 66.666667%;
+  }
+
+  .sm\:mt-1\/4 {
+    margin-top: 25%;
+  }
+
+  .sm\:mr-1\/4 {
+    margin-right: 25%;
+  }
+
+  .sm\:mb-1\/4 {
+    margin-bottom: 25%;
+  }
+
+  .sm\:ml-1\/4 {
+    margin-left: 25%;
+  }
+
+  .sm\:mt-2\/4 {
+    margin-top: 50%;
+  }
+
+  .sm\:mr-2\/4 {
+    margin-right: 50%;
+  }
+
+  .sm\:mb-2\/4 {
+    margin-bottom: 50%;
+  }
+
+  .sm\:ml-2\/4 {
+    margin-left: 50%;
+  }
+
+  .sm\:mt-3\/4 {
+    margin-top: 75%;
+  }
+
+  .sm\:mr-3\/4 {
+    margin-right: 75%;
+  }
+
+  .sm\:mb-3\/4 {
+    margin-bottom: 75%;
+  }
+
+  .sm\:ml-3\/4 {
+    margin-left: 75%;
+  }
+
+  .sm\:mt-1\/5 {
+    margin-top: 20%;
+  }
+
+  .sm\:mr-1\/5 {
+    margin-right: 20%;
+  }
+
+  .sm\:mb-1\/5 {
+    margin-bottom: 20%;
+  }
+
+  .sm\:ml-1\/5 {
+    margin-left: 20%;
+  }
+
+  .sm\:mt-2\/5 {
+    margin-top: 40%;
+  }
+
+  .sm\:mr-2\/5 {
+    margin-right: 40%;
+  }
+
+  .sm\:mb-2\/5 {
+    margin-bottom: 40%;
+  }
+
+  .sm\:ml-2\/5 {
+    margin-left: 40%;
+  }
+
+  .sm\:mt-3\/5 {
+    margin-top: 60%;
+  }
+
+  .sm\:mr-3\/5 {
+    margin-right: 60%;
+  }
+
+  .sm\:mb-3\/5 {
+    margin-bottom: 60%;
+  }
+
+  .sm\:ml-3\/5 {
+    margin-left: 60%;
+  }
+
+  .sm\:mt-4\/5 {
+    margin-top: 80%;
+  }
+
+  .sm\:mr-4\/5 {
+    margin-right: 80%;
+  }
+
+  .sm\:mb-4\/5 {
+    margin-bottom: 80%;
+  }
+
+  .sm\:ml-4\/5 {
+    margin-left: 80%;
+  }
+
+  .sm\:mt-1\/6 {
+    margin-top: 16.666667%;
+  }
+
+  .sm\:mr-1\/6 {
+    margin-right: 16.666667%;
+  }
+
+  .sm\:mb-1\/6 {
+    margin-bottom: 16.666667%;
+  }
+
+  .sm\:ml-1\/6 {
+    margin-left: 16.666667%;
+  }
+
+  .sm\:mt-2\/6 {
+    margin-top: 33.333333%;
+  }
+
+  .sm\:mr-2\/6 {
+    margin-right: 33.333333%;
+  }
+
+  .sm\:mb-2\/6 {
+    margin-bottom: 33.333333%;
+  }
+
+  .sm\:ml-2\/6 {
+    margin-left: 33.333333%;
+  }
+
+  .sm\:mt-3\/6 {
+    margin-top: 50%;
+  }
+
+  .sm\:mr-3\/6 {
+    margin-right: 50%;
+  }
+
+  .sm\:mb-3\/6 {
+    margin-bottom: 50%;
+  }
+
+  .sm\:ml-3\/6 {
+    margin-left: 50%;
+  }
+
+  .sm\:mt-4\/6 {
+    margin-top: 66.666667%;
+  }
+
+  .sm\:mr-4\/6 {
+    margin-right: 66.666667%;
+  }
+
+  .sm\:mb-4\/6 {
+    margin-bottom: 66.666667%;
+  }
+
+  .sm\:ml-4\/6 {
+    margin-left: 66.666667%;
+  }
+
+  .sm\:mt-5\/6 {
+    margin-top: 83.333333%;
+  }
+
+  .sm\:mr-5\/6 {
+    margin-right: 83.333333%;
+  }
+
+  .sm\:mb-5\/6 {
+    margin-bottom: 83.333333%;
+  }
+
+  .sm\:ml-5\/6 {
+    margin-left: 83.333333%;
+  }
+
+  .sm\:mt-1\/12 {
+    margin-top: 8.333333%;
+  }
+
+  .sm\:mr-1\/12 {
+    margin-right: 8.333333%;
+  }
+
+  .sm\:mb-1\/12 {
+    margin-bottom: 8.333333%;
+  }
+
+  .sm\:ml-1\/12 {
+    margin-left: 8.333333%;
+  }
+
+  .sm\:mt-2\/12 {
+    margin-top: 16.666667%;
+  }
+
+  .sm\:mr-2\/12 {
+    margin-right: 16.666667%;
+  }
+
+  .sm\:mb-2\/12 {
+    margin-bottom: 16.666667%;
+  }
+
+  .sm\:ml-2\/12 {
+    margin-left: 16.666667%;
+  }
+
+  .sm\:mt-3\/12 {
+    margin-top: 25%;
+  }
+
+  .sm\:mr-3\/12 {
+    margin-right: 25%;
+  }
+
+  .sm\:mb-3\/12 {
+    margin-bottom: 25%;
+  }
+
+  .sm\:ml-3\/12 {
+    margin-left: 25%;
+  }
+
+  .sm\:mt-4\/12 {
+    margin-top: 33.333333%;
+  }
+
+  .sm\:mr-4\/12 {
+    margin-right: 33.333333%;
+  }
+
+  .sm\:mb-4\/12 {
+    margin-bottom: 33.333333%;
+  }
+
+  .sm\:ml-4\/12 {
+    margin-left: 33.333333%;
+  }
+
+  .sm\:mt-5\/12 {
+    margin-top: 41.666667%;
+  }
+
+  .sm\:mr-5\/12 {
+    margin-right: 41.666667%;
+  }
+
+  .sm\:mb-5\/12 {
+    margin-bottom: 41.666667%;
+  }
+
+  .sm\:ml-5\/12 {
+    margin-left: 41.666667%;
+  }
+
+  .sm\:mt-6\/12 {
+    margin-top: 50%;
+  }
+
+  .sm\:mr-6\/12 {
+    margin-right: 50%;
+  }
+
+  .sm\:mb-6\/12 {
+    margin-bottom: 50%;
+  }
+
+  .sm\:ml-6\/12 {
+    margin-left: 50%;
+  }
+
+  .sm\:mt-7\/12 {
+    margin-top: 58.333333%;
+  }
+
+  .sm\:mr-7\/12 {
+    margin-right: 58.333333%;
+  }
+
+  .sm\:mb-7\/12 {
+    margin-bottom: 58.333333%;
+  }
+
+  .sm\:ml-7\/12 {
+    margin-left: 58.333333%;
+  }
+
+  .sm\:mt-8\/12 {
+    margin-top: 66.666667%;
+  }
+
+  .sm\:mr-8\/12 {
+    margin-right: 66.666667%;
+  }
+
+  .sm\:mb-8\/12 {
+    margin-bottom: 66.666667%;
+  }
+
+  .sm\:ml-8\/12 {
+    margin-left: 66.666667%;
+  }
+
+  .sm\:mt-9\/12 {
+    margin-top: 75%;
+  }
+
+  .sm\:mr-9\/12 {
+    margin-right: 75%;
+  }
+
+  .sm\:mb-9\/12 {
+    margin-bottom: 75%;
+  }
+
+  .sm\:ml-9\/12 {
+    margin-left: 75%;
+  }
+
+  .sm\:mt-10\/12 {
+    margin-top: 83.333333%;
+  }
+
+  .sm\:mr-10\/12 {
+    margin-right: 83.333333%;
+  }
+
+  .sm\:mb-10\/12 {
+    margin-bottom: 83.333333%;
+  }
+
+  .sm\:ml-10\/12 {
+    margin-left: 83.333333%;
+  }
+
+  .sm\:mt-11\/12 {
+    margin-top: 91.666667%;
+  }
+
+  .sm\:mr-11\/12 {
+    margin-right: 91.666667%;
+  }
+
+  .sm\:mb-11\/12 {
+    margin-bottom: 91.666667%;
+  }
+
+  .sm\:ml-11\/12 {
+    margin-left: 91.666667%;
+  }
+
+  .sm\:mt-full {
+    margin-top: 100%;
+  }
+
+  .sm\:mr-full {
+    margin-right: 100%;
+  }
+
+  .sm\:mb-full {
+    margin-bottom: 100%;
+  }
+
+  .sm\:ml-full {
+    margin-left: 100%;
+  }
+
+  .sm\:-mt-1 {
+    margin-top: -0.25rem;
+  }
+
+  .sm\:-mr-1 {
+    margin-right: -0.25rem;
+  }
+
+  .sm\:-mb-1 {
+    margin-bottom: -0.25rem;
+  }
+
+  .sm\:-ml-1 {
+    margin-left: -0.25rem;
+  }
+
+  .sm\:-mt-2 {
+    margin-top: -0.5rem;
+  }
+
+  .sm\:-mr-2 {
+    margin-right: -0.5rem;
+  }
+
+  .sm\:-mb-2 {
+    margin-bottom: -0.5rem;
+  }
+
+  .sm\:-ml-2 {
+    margin-left: -0.5rem;
+  }
+
+  .sm\:-mt-3 {
+    margin-top: -0.75rem;
+  }
+
+  .sm\:-mr-3 {
+    margin-right: -0.75rem;
+  }
+
+  .sm\:-mb-3 {
+    margin-bottom: -0.75rem;
+  }
+
+  .sm\:-ml-3 {
+    margin-left: -0.75rem;
+  }
+
+  .sm\:-mt-4 {
+    margin-top: -1rem;
+  }
+
+  .sm\:-mr-4 {
+    margin-right: -1rem;
+  }
+
+  .sm\:-mb-4 {
+    margin-bottom: -1rem;
+  }
+
+  .sm\:-ml-4 {
+    margin-left: -1rem;
+  }
+
+  .sm\:-mt-5 {
+    margin-top: -1.25rem;
+  }
+
+  .sm\:-mr-5 {
+    margin-right: -1.25rem;
+  }
+
+  .sm\:-mb-5 {
+    margin-bottom: -1.25rem;
+  }
+
+  .sm\:-ml-5 {
+    margin-left: -1.25rem;
+  }
+
+  .sm\:-mt-6 {
+    margin-top: -1.5rem;
+  }
+
+  .sm\:-mr-6 {
+    margin-right: -1.5rem;
+  }
+
+  .sm\:-mb-6 {
+    margin-bottom: -1.5rem;
+  }
+
+  .sm\:-ml-6 {
+    margin-left: -1.5rem;
+  }
+
+  .sm\:-mt-7 {
+    margin-top: -1.75rem;
+  }
+
+  .sm\:-mr-7 {
+    margin-right: -1.75rem;
+  }
+
+  .sm\:-mb-7 {
+    margin-bottom: -1.75rem;
+  }
+
+  .sm\:-ml-7 {
+    margin-left: -1.75rem;
+  }
+
+  .sm\:-mt-8 {
+    margin-top: -2rem;
+  }
+
+  .sm\:-mr-8 {
+    margin-right: -2rem;
+  }
+
+  .sm\:-mb-8 {
+    margin-bottom: -2rem;
+  }
+
+  .sm\:-ml-8 {
+    margin-left: -2rem;
+  }
+
+  .sm\:-mt-9 {
+    margin-top: -2.25rem;
+  }
+
+  .sm\:-mr-9 {
+    margin-right: -2.25rem;
+  }
+
+  .sm\:-mb-9 {
+    margin-bottom: -2.25rem;
+  }
+
+  .sm\:-ml-9 {
+    margin-left: -2.25rem;
+  }
+
+  .sm\:-mt-10 {
+    margin-top: -2.5rem;
+  }
+
+  .sm\:-mr-10 {
+    margin-right: -2.5rem;
+  }
+
+  .sm\:-mb-10 {
+    margin-bottom: -2.5rem;
+  }
+
+  .sm\:-ml-10 {
+    margin-left: -2.5rem;
+  }
+
+  .sm\:-mt-11 {
+    margin-top: -2.75rem;
+  }
+
+  .sm\:-mr-11 {
+    margin-right: -2.75rem;
+  }
+
+  .sm\:-mb-11 {
+    margin-bottom: -2.75rem;
+  }
+
+  .sm\:-ml-11 {
+    margin-left: -2.75rem;
+  }
+
+  .sm\:-mt-12 {
+    margin-top: -3rem;
+  }
+
+  .sm\:-mr-12 {
+    margin-right: -3rem;
+  }
+
+  .sm\:-mb-12 {
+    margin-bottom: -3rem;
+  }
+
+  .sm\:-ml-12 {
+    margin-left: -3rem;
+  }
+
+  .sm\:-mt-13 {
+    margin-top: -3.25rem;
+  }
+
+  .sm\:-mr-13 {
+    margin-right: -3.25rem;
+  }
+
+  .sm\:-mb-13 {
+    margin-bottom: -3.25rem;
+  }
+
+  .sm\:-ml-13 {
+    margin-left: -3.25rem;
+  }
+
+  .sm\:-mt-14 {
+    margin-top: -3.5rem;
+  }
+
+  .sm\:-mr-14 {
+    margin-right: -3.5rem;
+  }
+
+  .sm\:-mb-14 {
+    margin-bottom: -3.5rem;
+  }
+
+  .sm\:-ml-14 {
+    margin-left: -3.5rem;
+  }
+
+  .sm\:-mt-15 {
+    margin-top: -3.75rem;
+  }
+
+  .sm\:-mr-15 {
+    margin-right: -3.75rem;
+  }
+
+  .sm\:-mb-15 {
+    margin-bottom: -3.75rem;
+  }
+
+  .sm\:-ml-15 {
+    margin-left: -3.75rem;
+  }
+
+  .sm\:-mt-16 {
+    margin-top: -4rem;
+  }
+
+  .sm\:-mr-16 {
+    margin-right: -4rem;
+  }
+
+  .sm\:-mb-16 {
+    margin-bottom: -4rem;
+  }
+
+  .sm\:-ml-16 {
+    margin-left: -4rem;
+  }
+
+  .sm\:-mt-20 {
+    margin-top: -5rem;
+  }
+
+  .sm\:-mr-20 {
+    margin-right: -5rem;
+  }
+
+  .sm\:-mb-20 {
+    margin-bottom: -5rem;
+  }
+
+  .sm\:-ml-20 {
+    margin-left: -5rem;
+  }
+
+  .sm\:-mt-24 {
+    margin-top: -6rem;
+  }
+
+  .sm\:-mr-24 {
+    margin-right: -6rem;
+  }
+
+  .sm\:-mb-24 {
+    margin-bottom: -6rem;
+  }
+
+  .sm\:-ml-24 {
+    margin-left: -6rem;
+  }
+
+  .sm\:-mt-28 {
+    margin-top: -7rem;
+  }
+
+  .sm\:-mr-28 {
+    margin-right: -7rem;
+  }
+
+  .sm\:-mb-28 {
+    margin-bottom: -7rem;
+  }
+
+  .sm\:-ml-28 {
+    margin-left: -7rem;
+  }
+
+  .sm\:-mt-32 {
+    margin-top: -8rem;
+  }
+
+  .sm\:-mr-32 {
+    margin-right: -8rem;
+  }
+
+  .sm\:-mb-32 {
+    margin-bottom: -8rem;
+  }
+
+  .sm\:-ml-32 {
+    margin-left: -8rem;
+  }
+
+  .sm\:-mt-36 {
+    margin-top: -9rem;
+  }
+
+  .sm\:-mr-36 {
+    margin-right: -9rem;
+  }
+
+  .sm\:-mb-36 {
+    margin-bottom: -9rem;
+  }
+
+  .sm\:-ml-36 {
+    margin-left: -9rem;
+  }
+
+  .sm\:-mt-40 {
+    margin-top: -10rem;
+  }
+
+  .sm\:-mr-40 {
+    margin-right: -10rem;
+  }
+
+  .sm\:-mb-40 {
+    margin-bottom: -10rem;
+  }
+
+  .sm\:-ml-40 {
+    margin-left: -10rem;
+  }
+
+  .sm\:-mt-48 {
+    margin-top: -12rem;
+  }
+
+  .sm\:-mr-48 {
+    margin-right: -12rem;
+  }
+
+  .sm\:-mb-48 {
+    margin-bottom: -12rem;
+  }
+
+  .sm\:-ml-48 {
+    margin-left: -12rem;
+  }
+
+  .sm\:-mt-56 {
+    margin-top: -14rem;
+  }
+
+  .sm\:-mr-56 {
+    margin-right: -14rem;
+  }
+
+  .sm\:-mb-56 {
+    margin-bottom: -14rem;
+  }
+
+  .sm\:-ml-56 {
+    margin-left: -14rem;
+  }
+
+  .sm\:-mt-60 {
+    margin-top: -15rem;
+  }
+
+  .sm\:-mr-60 {
+    margin-right: -15rem;
+  }
+
+  .sm\:-mb-60 {
+    margin-bottom: -15rem;
+  }
+
+  .sm\:-ml-60 {
+    margin-left: -15rem;
+  }
+
+  .sm\:-mt-64 {
+    margin-top: -16rem;
+  }
+
+  .sm\:-mr-64 {
+    margin-right: -16rem;
+  }
+
+  .sm\:-mb-64 {
+    margin-bottom: -16rem;
+  }
+
+  .sm\:-ml-64 {
+    margin-left: -16rem;
+  }
+
+  .sm\:-mt-72 {
+    margin-top: -18rem;
+  }
+
+  .sm\:-mr-72 {
+    margin-right: -18rem;
+  }
+
+  .sm\:-mb-72 {
+    margin-bottom: -18rem;
+  }
+
+  .sm\:-ml-72 {
+    margin-left: -18rem;
+  }
+
+  .sm\:-mt-80 {
+    margin-top: -20rem;
+  }
+
+  .sm\:-mr-80 {
+    margin-right: -20rem;
+  }
+
+  .sm\:-mb-80 {
+    margin-bottom: -20rem;
+  }
+
+  .sm\:-ml-80 {
+    margin-left: -20rem;
+  }
+
+  .sm\:-mt-96 {
+    margin-top: -24rem;
+  }
+
+  .sm\:-mr-96 {
+    margin-right: -24rem;
+  }
+
+  .sm\:-mb-96 {
+    margin-bottom: -24rem;
+  }
+
+  .sm\:-ml-96 {
+    margin-left: -24rem;
+  }
+
+  .sm\:-mt-px {
+    margin-top: -1px;
+  }
+
+  .sm\:-mr-px {
+    margin-right: -1px;
+  }
+
+  .sm\:-mb-px {
+    margin-bottom: -1px;
+  }
+
+  .sm\:-ml-px {
+    margin-left: -1px;
+  }
+
+  .sm\:-mt-0\.5 {
+    margin-top: -0.125rem;
+  }
+
+  .sm\:-mr-0\.5 {
+    margin-right: -0.125rem;
+  }
+
+  .sm\:-mb-0\.5 {
+    margin-bottom: -0.125rem;
+  }
+
+  .sm\:-ml-0\.5 {
+    margin-left: -0.125rem;
+  }
+
+  .sm\:-mt-1\.5 {
+    margin-top: -0.375rem;
+  }
+
+  .sm\:-mr-1\.5 {
+    margin-right: -0.375rem;
+  }
+
+  .sm\:-mb-1\.5 {
+    margin-bottom: -0.375rem;
+  }
+
+  .sm\:-ml-1\.5 {
+    margin-left: -0.375rem;
+  }
+
+  .sm\:-mt-2\.5 {
+    margin-top: -0.625rem;
+  }
+
+  .sm\:-mr-2\.5 {
+    margin-right: -0.625rem;
+  }
+
+  .sm\:-mb-2\.5 {
+    margin-bottom: -0.625rem;
+  }
+
+  .sm\:-ml-2\.5 {
+    margin-left: -0.625rem;
+  }
+
+  .sm\:-mt-3\.5 {
+    margin-top: -0.875rem;
+  }
+
+  .sm\:-mr-3\.5 {
+    margin-right: -0.875rem;
+  }
+
+  .sm\:-mb-3\.5 {
+    margin-bottom: -0.875rem;
+  }
+
+  .sm\:-ml-3\.5 {
+    margin-left: -0.875rem;
+  }
+
+  .sm\:-mt-1\/2 {
+    margin-top: -50%;
+  }
+
+  .sm\:-mr-1\/2 {
+    margin-right: -50%;
+  }
+
+  .sm\:-mb-1\/2 {
+    margin-bottom: -50%;
+  }
+
+  .sm\:-ml-1\/2 {
+    margin-left: -50%;
+  }
+
+  .sm\:-mt-1\/3 {
+    margin-top: -33.33333%;
+  }
+
+  .sm\:-mr-1\/3 {
+    margin-right: -33.33333%;
+  }
+
+  .sm\:-mb-1\/3 {
+    margin-bottom: -33.33333%;
+  }
+
+  .sm\:-ml-1\/3 {
+    margin-left: -33.33333%;
+  }
+
+  .sm\:-mt-2\/3 {
+    margin-top: -66.66667%;
+  }
+
+  .sm\:-mr-2\/3 {
+    margin-right: -66.66667%;
+  }
+
+  .sm\:-mb-2\/3 {
+    margin-bottom: -66.66667%;
+  }
+
+  .sm\:-ml-2\/3 {
+    margin-left: -66.66667%;
+  }
+
+  .sm\:-mt-1\/4 {
+    margin-top: -25%;
+  }
+
+  .sm\:-mr-1\/4 {
+    margin-right: -25%;
+  }
+
+  .sm\:-mb-1\/4 {
+    margin-bottom: -25%;
+  }
+
+  .sm\:-ml-1\/4 {
+    margin-left: -25%;
+  }
+
+  .sm\:-mt-2\/4 {
+    margin-top: -50%;
+  }
+
+  .sm\:-mr-2\/4 {
+    margin-right: -50%;
+  }
+
+  .sm\:-mb-2\/4 {
+    margin-bottom: -50%;
+  }
+
+  .sm\:-ml-2\/4 {
+    margin-left: -50%;
+  }
+
+  .sm\:-mt-3\/4 {
+    margin-top: -75%;
+  }
+
+  .sm\:-mr-3\/4 {
+    margin-right: -75%;
+  }
+
+  .sm\:-mb-3\/4 {
+    margin-bottom: -75%;
+  }
+
+  .sm\:-ml-3\/4 {
+    margin-left: -75%;
+  }
+
+  .sm\:-mt-1\/5 {
+    margin-top: -20%;
+  }
+
+  .sm\:-mr-1\/5 {
+    margin-right: -20%;
+  }
+
+  .sm\:-mb-1\/5 {
+    margin-bottom: -20%;
+  }
+
+  .sm\:-ml-1\/5 {
+    margin-left: -20%;
+  }
+
+  .sm\:-mt-2\/5 {
+    margin-top: -40%;
+  }
+
+  .sm\:-mr-2\/5 {
+    margin-right: -40%;
+  }
+
+  .sm\:-mb-2\/5 {
+    margin-bottom: -40%;
+  }
+
+  .sm\:-ml-2\/5 {
+    margin-left: -40%;
+  }
+
+  .sm\:-mt-3\/5 {
+    margin-top: -60%;
+  }
+
+  .sm\:-mr-3\/5 {
+    margin-right: -60%;
+  }
+
+  .sm\:-mb-3\/5 {
+    margin-bottom: -60%;
+  }
+
+  .sm\:-ml-3\/5 {
+    margin-left: -60%;
+  }
+
+  .sm\:-mt-4\/5 {
+    margin-top: -80%;
+  }
+
+  .sm\:-mr-4\/5 {
+    margin-right: -80%;
+  }
+
+  .sm\:-mb-4\/5 {
+    margin-bottom: -80%;
+  }
+
+  .sm\:-ml-4\/5 {
+    margin-left: -80%;
+  }
+
+  .sm\:-mt-1\/6 {
+    margin-top: -16.66667%;
+  }
+
+  .sm\:-mr-1\/6 {
+    margin-right: -16.66667%;
+  }
+
+  .sm\:-mb-1\/6 {
+    margin-bottom: -16.66667%;
+  }
+
+  .sm\:-ml-1\/6 {
+    margin-left: -16.66667%;
+  }
+
+  .sm\:-mt-2\/6 {
+    margin-top: -33.33333%;
+  }
+
+  .sm\:-mr-2\/6 {
+    margin-right: -33.33333%;
+  }
+
+  .sm\:-mb-2\/6 {
+    margin-bottom: -33.33333%;
+  }
+
+  .sm\:-ml-2\/6 {
+    margin-left: -33.33333%;
+  }
+
+  .sm\:-mt-3\/6 {
+    margin-top: -50%;
+  }
+
+  .sm\:-mr-3\/6 {
+    margin-right: -50%;
+  }
+
+  .sm\:-mb-3\/6 {
+    margin-bottom: -50%;
+  }
+
+  .sm\:-ml-3\/6 {
+    margin-left: -50%;
+  }
+
+  .sm\:-mt-4\/6 {
+    margin-top: -66.66667%;
+  }
+
+  .sm\:-mr-4\/6 {
+    margin-right: -66.66667%;
+  }
+
+  .sm\:-mb-4\/6 {
+    margin-bottom: -66.66667%;
+  }
+
+  .sm\:-ml-4\/6 {
+    margin-left: -66.66667%;
+  }
+
+  .sm\:-mt-5\/6 {
+    margin-top: -83.33333%;
+  }
+
+  .sm\:-mr-5\/6 {
+    margin-right: -83.33333%;
+  }
+
+  .sm\:-mb-5\/6 {
+    margin-bottom: -83.33333%;
+  }
+
+  .sm\:-ml-5\/6 {
+    margin-left: -83.33333%;
+  }
+
+  .sm\:-mt-1\/12 {
+    margin-top: -8.33333%;
+  }
+
+  .sm\:-mr-1\/12 {
+    margin-right: -8.33333%;
+  }
+
+  .sm\:-mb-1\/12 {
+    margin-bottom: -8.33333%;
+  }
+
+  .sm\:-ml-1\/12 {
+    margin-left: -8.33333%;
+  }
+
+  .sm\:-mt-2\/12 {
+    margin-top: -16.66667%;
+  }
+
+  .sm\:-mr-2\/12 {
+    margin-right: -16.66667%;
+  }
+
+  .sm\:-mb-2\/12 {
+    margin-bottom: -16.66667%;
+  }
+
+  .sm\:-ml-2\/12 {
+    margin-left: -16.66667%;
+  }
+
+  .sm\:-mt-3\/12 {
+    margin-top: -25%;
+  }
+
+  .sm\:-mr-3\/12 {
+    margin-right: -25%;
+  }
+
+  .sm\:-mb-3\/12 {
+    margin-bottom: -25%;
+  }
+
+  .sm\:-ml-3\/12 {
+    margin-left: -25%;
+  }
+
+  .sm\:-mt-4\/12 {
+    margin-top: -33.33333%;
+  }
+
+  .sm\:-mr-4\/12 {
+    margin-right: -33.33333%;
+  }
+
+  .sm\:-mb-4\/12 {
+    margin-bottom: -33.33333%;
+  }
+
+  .sm\:-ml-4\/12 {
+    margin-left: -33.33333%;
+  }
+
+  .sm\:-mt-5\/12 {
+    margin-top: -41.66667%;
+  }
+
+  .sm\:-mr-5\/12 {
+    margin-right: -41.66667%;
+  }
+
+  .sm\:-mb-5\/12 {
+    margin-bottom: -41.66667%;
+  }
+
+  .sm\:-ml-5\/12 {
+    margin-left: -41.66667%;
+  }
+
+  .sm\:-mt-6\/12 {
+    margin-top: -50%;
+  }
+
+  .sm\:-mr-6\/12 {
+    margin-right: -50%;
+  }
+
+  .sm\:-mb-6\/12 {
+    margin-bottom: -50%;
+  }
+
+  .sm\:-ml-6\/12 {
+    margin-left: -50%;
+  }
+
+  .sm\:-mt-7\/12 {
+    margin-top: -58.33333%;
+  }
+
+  .sm\:-mr-7\/12 {
+    margin-right: -58.33333%;
+  }
+
+  .sm\:-mb-7\/12 {
+    margin-bottom: -58.33333%;
+  }
+
+  .sm\:-ml-7\/12 {
+    margin-left: -58.33333%;
+  }
+
+  .sm\:-mt-8\/12 {
+    margin-top: -66.66667%;
+  }
+
+  .sm\:-mr-8\/12 {
+    margin-right: -66.66667%;
+  }
+
+  .sm\:-mb-8\/12 {
+    margin-bottom: -66.66667%;
+  }
+
+  .sm\:-ml-8\/12 {
+    margin-left: -66.66667%;
+  }
+
+  .sm\:-mt-9\/12 {
+    margin-top: -75%;
+  }
+
+  .sm\:-mr-9\/12 {
+    margin-right: -75%;
+  }
+
+  .sm\:-mb-9\/12 {
+    margin-bottom: -75%;
+  }
+
+  .sm\:-ml-9\/12 {
+    margin-left: -75%;
+  }
+
+  .sm\:-mt-10\/12 {
+    margin-top: -83.33333%;
+  }
+
+  .sm\:-mr-10\/12 {
+    margin-right: -83.33333%;
+  }
+
+  .sm\:-mb-10\/12 {
+    margin-bottom: -83.33333%;
+  }
+
+  .sm\:-ml-10\/12 {
+    margin-left: -83.33333%;
+  }
+
+  .sm\:-mt-11\/12 {
+    margin-top: -91.66667%;
+  }
+
+  .sm\:-mr-11\/12 {
+    margin-right: -91.66667%;
+  }
+
+  .sm\:-mb-11\/12 {
+    margin-bottom: -91.66667%;
+  }
+
+  .sm\:-ml-11\/12 {
+    margin-left: -91.66667%;
+  }
+
+  .sm\:-mt-full {
+    margin-top: -100%;
+  }
+
+  .sm\:-mr-full {
+    margin-right: -100%;
+  }
+
+  .sm\:-mb-full {
+    margin-bottom: -100%;
+  }
+
+  .sm\:-ml-full {
+    margin-left: -100%;
+  }
+
+  .sm\:max-h-0 {
+    max-height: 0;
+  }
+
+  .sm\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .sm\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .sm\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .sm\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .sm\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .sm\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .sm\:max-h-7 {
+    max-height: 1.75rem;
+  }
+
+  .sm\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .sm\:max-h-9 {
+    max-height: 2.25rem;
+  }
+
+  .sm\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .sm\:max-h-11 {
+    max-height: 2.75rem;
+  }
+
+  .sm\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .sm\:max-h-13 {
+    max-height: 3.25rem;
+  }
+
+  .sm\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .sm\:max-h-15 {
+    max-height: 3.75rem;
+  }
+
+  .sm\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .sm\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .sm\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .sm\:max-h-28 {
+    max-height: 7rem;
+  }
+
+  .sm\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .sm\:max-h-36 {
+    max-height: 9rem;
+  }
+
+  .sm\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .sm\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .sm\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .sm\:max-h-60 {
+    max-height: 15rem;
+  }
+
+  .sm\:max-h-64 {
+    max-height: 16rem;
+  }
+
+  .sm\:max-h-72 {
+    max-height: 18rem;
+  }
+
+  .sm\:max-h-80 {
+    max-height: 20rem;
+  }
+
+  .sm\:max-h-96 {
+    max-height: 24rem;
+  }
+
+  .sm\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .sm\:max-h-px {
+    max-height: 1px;
+  }
+
+  .sm\:max-h-0\.5 {
+    max-height: 0.125rem;
+  }
+
+  .sm\:max-h-1\.5 {
+    max-height: 0.375rem;
+  }
+
+  .sm\:max-h-2\.5 {
+    max-height: 0.625rem;
+  }
+
+  .sm\:max-h-3\.5 {
+    max-height: 0.875rem;
+  }
+
+  .sm\:max-h-1\/2 {
+    max-height: 50%;
+  }
+
+  .sm\:max-h-1\/3 {
+    max-height: 33.333333%;
+  }
+
+  .sm\:max-h-2\/3 {
+    max-height: 66.666667%;
+  }
+
+  .sm\:max-h-1\/4 {
+    max-height: 25%;
+  }
+
+  .sm\:max-h-2\/4 {
+    max-height: 50%;
+  }
+
+  .sm\:max-h-3\/4 {
+    max-height: 75%;
+  }
+
+  .sm\:max-h-1\/5 {
+    max-height: 20%;
+  }
+
+  .sm\:max-h-2\/5 {
+    max-height: 40%;
+  }
+
+  .sm\:max-h-3\/5 {
+    max-height: 60%;
+  }
+
+  .sm\:max-h-4\/5 {
+    max-height: 80%;
+  }
+
+  .sm\:max-h-1\/6 {
+    max-height: 16.666667%;
+  }
+
+  .sm\:max-h-2\/6 {
+    max-height: 33.333333%;
+  }
+
+  .sm\:max-h-3\/6 {
+    max-height: 50%;
+  }
+
+  .sm\:max-h-4\/6 {
+    max-height: 66.666667%;
+  }
+
+  .sm\:max-h-5\/6 {
+    max-height: 83.333333%;
+  }
+
+  .sm\:max-h-1\/12 {
+    max-height: 8.333333%;
+  }
+
+  .sm\:max-h-2\/12 {
+    max-height: 16.666667%;
+  }
+
+  .sm\:max-h-3\/12 {
+    max-height: 25%;
+  }
+
+  .sm\:max-h-4\/12 {
+    max-height: 33.333333%;
+  }
+
+  .sm\:max-h-5\/12 {
+    max-height: 41.666667%;
+  }
+
+  .sm\:max-h-6\/12 {
+    max-height: 50%;
+  }
+
+  .sm\:max-h-7\/12 {
+    max-height: 58.333333%;
+  }
+
+  .sm\:max-h-8\/12 {
+    max-height: 66.666667%;
+  }
+
+  .sm\:max-h-9\/12 {
+    max-height: 75%;
+  }
+
+  .sm\:max-h-10\/12 {
+    max-height: 83.333333%;
+  }
+
+  .sm\:max-h-11\/12 {
+    max-height: 91.666667%;
+  }
+
+  .sm\:max-h-full {
+    max-height: 100%;
+  }
+
+  .sm\:max-w-none {
+    max-width: none;
+  }
+
+  .sm\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .sm\:max-w-sm {
+    max-width: 24rem;
+  }
+
+  .sm\:max-w-md {
+    max-width: 28rem;
+  }
+
+  .sm\:max-w-lg {
+    max-width: 32rem;
+  }
+
+  .sm\:max-w-xl {
+    max-width: 36rem;
+  }
+
+  .sm\:max-w-2xl {
+    max-width: 42rem;
+  }
+
+  .sm\:max-w-3xl {
+    max-width: 48rem;
+  }
+
+  .sm\:max-w-4xl {
+    max-width: 56rem;
+  }
+
+  .sm\:max-w-5xl {
+    max-width: 64rem;
+  }
+
+  .sm\:max-w-6xl {
+    max-width: 72rem;
+  }
+
+  .sm\:max-w-7xl {
+    max-width: 80rem;
+  }
+
+  .sm\:max-w-full {
+    max-width: 100%;
+  }
+
+  .sm\:max-w-screen-sm {
+    max-width: 640px;
+  }
+
+  .sm\:max-w-screen-md {
+    max-width: 768px;
+  }
+
+  .sm\:max-w-screen-lg {
+    max-width: 1024px;
+  }
+
+  .sm\:max-w-screen-xl {
+    max-width: 1280px;
+  }
+
+  .sm\:min-h-0 {
+    min-height: 0;
+  }
+
+  .sm\:min-h-full {
+    min-height: 100%;
+  }
+
+  .sm\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .sm\:min-w-0 {
+    min-width: 0;
+  }
+
+  .sm\:min-w-full {
+    min-width: 100%;
+  }
+
+  .sm\:object-contain {
+    -o-object-fit: contain;
+       object-fit: contain;
+  }
+
+  .sm\:object-cover {
+    -o-object-fit: cover;
+       object-fit: cover;
+  }
+
+  .sm\:object-fill {
+    -o-object-fit: fill;
+       object-fit: fill;
+  }
+
+  .sm\:object-none {
+    -o-object-fit: none;
+       object-fit: none;
+  }
+
+  .sm\:object-scale-down {
+    -o-object-fit: scale-down;
+       object-fit: scale-down;
+  }
+
+  .sm\:object-bottom {
+    -o-object-position: bottom;
+       object-position: bottom;
+  }
+
+  .sm\:object-center {
+    -o-object-position: center;
+       object-position: center;
+  }
+
+  .sm\:object-left {
+    -o-object-position: left;
+       object-position: left;
+  }
+
+  .sm\:object-left-bottom {
+    -o-object-position: left bottom;
+       object-position: left bottom;
+  }
+
+  .sm\:object-left-top {
+    -o-object-position: left top;
+       object-position: left top;
+  }
+
+  .sm\:object-right {
+    -o-object-position: right;
+       object-position: right;
+  }
+
+  .sm\:object-right-bottom {
+    -o-object-position: right bottom;
+       object-position: right bottom;
+  }
+
+  .sm\:object-right-top {
+    -o-object-position: right top;
+       object-position: right top;
+  }
+
+  .sm\:object-top {
+    -o-object-position: top;
+       object-position: top;
+  }
+
+  .sm\:opacity-0 {
+    opacity: 0;
+  }
+
+  .sm\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .sm\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .sm\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .sm\:opacity-100 {
+    opacity: 1;
+  }
+
+  .sm\:hover\:opacity-0:hover {
+    opacity: 0;
+  }
+
+  .sm\:hover\:opacity-25:hover {
+    opacity: 0.25;
+  }
+
+  .sm\:hover\:opacity-50:hover {
+    opacity: 0.5;
+  }
+
+  .sm\:hover\:opacity-75:hover {
+    opacity: 0.75;
+  }
+
+  .sm\:hover\:opacity-100:hover {
+    opacity: 1;
+  }
+
+  .sm\:focus\:opacity-0:focus {
+    opacity: 0;
+  }
+
+  .sm\:focus\:opacity-25:focus {
+    opacity: 0.25;
+  }
+
+  .sm\:focus\:opacity-50:focus {
+    opacity: 0.5;
+  }
+
+  .sm\:focus\:opacity-75:focus {
+    opacity: 0.75;
+  }
+
+  .sm\:focus\:opacity-100:focus {
+    opacity: 1;
+  }
+
+  .sm\:outline-none {
+    outline: 0;
+  }
+
+  .sm\:focus\:outline-none:focus {
+    outline: 0;
+  }
+
+  .sm\:overflow-auto {
+    overflow: auto;
+  }
+
+  .sm\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .sm\:overflow-visible {
+    overflow: visible;
+  }
+
+  .sm\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .sm\:overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .sm\:overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .sm\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .sm\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
+  .sm\:overflow-x-visible {
+    overflow-x: visible;
+  }
+
+  .sm\:overflow-y-visible {
+    overflow-y: visible;
+  }
+
+  .sm\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
+  .sm\:overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
+  .sm\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .sm\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
+  }
+
+  .sm\:overscroll-auto {
+    -ms-scroll-chaining: chained;
+        overscroll-behavior: auto;
+  }
+
+  .sm\:overscroll-contain {
+    -ms-scroll-chaining: none;
+        overscroll-behavior: contain;
+  }
+
+  .sm\:overscroll-none {
+    -ms-scroll-chaining: none;
+        overscroll-behavior: none;
+  }
+
+  .sm\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .sm\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .sm\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .sm\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .sm\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .sm\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .sm\:p-0 {
+    padding: 0;
+  }
+
+  .sm\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .sm\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .sm\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .sm\:p-4 {
+    padding: 1rem;
+  }
+
+  .sm\:p-5 {
+    padding: 1.25rem;
+  }
+
+  .sm\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .sm\:p-7 {
+    padding: 1.75rem;
+  }
+
+  .sm\:p-8 {
+    padding: 2rem;
+  }
+
+  .sm\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .sm\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .sm\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .sm\:p-12 {
+    padding: 3rem;
+  }
+
+  .sm\:p-13 {
+    padding: 3.25rem;
+  }
+
+  .sm\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .sm\:p-15 {
+    padding: 3.75rem;
+  }
+
+  .sm\:p-16 {
+    padding: 4rem;
+  }
+
+  .sm\:p-20 {
+    padding: 5rem;
+  }
+
+  .sm\:p-24 {
+    padding: 6rem;
+  }
+
+  .sm\:p-28 {
+    padding: 7rem;
+  }
+
+  .sm\:p-32 {
+    padding: 8rem;
+  }
+
+  .sm\:p-36 {
+    padding: 9rem;
+  }
+
+  .sm\:p-40 {
+    padding: 10rem;
+  }
+
+  .sm\:p-48 {
+    padding: 12rem;
+  }
+
+  .sm\:p-56 {
+    padding: 14rem;
+  }
+
+  .sm\:p-60 {
+    padding: 15rem;
+  }
+
+  .sm\:p-64 {
+    padding: 16rem;
+  }
+
+  .sm\:p-72 {
+    padding: 18rem;
+  }
+
+  .sm\:p-80 {
+    padding: 20rem;
+  }
+
+  .sm\:p-96 {
+    padding: 24rem;
+  }
+
+  .sm\:p-px {
+    padding: 1px;
+  }
+
+  .sm\:p-0\.5 {
+    padding: 0.125rem;
+  }
+
+  .sm\:p-1\.5 {
+    padding: 0.375rem;
+  }
+
+  .sm\:p-2\.5 {
+    padding: 0.625rem;
+  }
+
+  .sm\:p-3\.5 {
+    padding: 0.875rem;
+  }
+
+  .sm\:p-1\/2 {
+    padding: 50%;
+  }
+
+  .sm\:p-1\/3 {
+    padding: 33.333333%;
+  }
+
+  .sm\:p-2\/3 {
+    padding: 66.666667%;
+  }
+
+  .sm\:p-1\/4 {
+    padding: 25%;
+  }
+
+  .sm\:p-2\/4 {
+    padding: 50%;
+  }
+
+  .sm\:p-3\/4 {
+    padding: 75%;
+  }
+
+  .sm\:p-1\/5 {
+    padding: 20%;
+  }
+
+  .sm\:p-2\/5 {
+    padding: 40%;
+  }
+
+  .sm\:p-3\/5 {
+    padding: 60%;
+  }
+
+  .sm\:p-4\/5 {
+    padding: 80%;
+  }
+
+  .sm\:p-1\/6 {
+    padding: 16.666667%;
+  }
+
+  .sm\:p-2\/6 {
+    padding: 33.333333%;
+  }
+
+  .sm\:p-3\/6 {
+    padding: 50%;
+  }
+
+  .sm\:p-4\/6 {
+    padding: 66.666667%;
+  }
+
+  .sm\:p-5\/6 {
+    padding: 83.333333%;
+  }
+
+  .sm\:p-1\/12 {
+    padding: 8.333333%;
+  }
+
+  .sm\:p-2\/12 {
+    padding: 16.666667%;
+  }
+
+  .sm\:p-3\/12 {
+    padding: 25%;
+  }
+
+  .sm\:p-4\/12 {
+    padding: 33.333333%;
+  }
+
+  .sm\:p-5\/12 {
+    padding: 41.666667%;
+  }
+
+  .sm\:p-6\/12 {
+    padding: 50%;
+  }
+
+  .sm\:p-7\/12 {
+    padding: 58.333333%;
+  }
+
+  .sm\:p-8\/12 {
+    padding: 66.666667%;
+  }
+
+  .sm\:p-9\/12 {
+    padding: 75%;
+  }
+
+  .sm\:p-10\/12 {
+    padding: 83.333333%;
+  }
+
+  .sm\:p-11\/12 {
+    padding: 91.666667%;
+  }
+
+  .sm\:p-full {
+    padding: 100%;
+  }
+
+  .sm\:py-0 {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .sm\:px-0 {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .sm\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .sm\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .sm\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .sm\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .sm\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .sm\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .sm\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .sm\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .sm\:py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+
+  .sm\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .sm\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .sm\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .sm\:py-7 {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+
+  .sm\:px-7 {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+
+  .sm\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .sm\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .sm\:py-9 {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+
+  .sm\:px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+
+  .sm\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
+  .sm\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .sm\:py-11 {
+    padding-top: 2.75rem;
+    padding-bottom: 2.75rem;
+  }
+
+  .sm\:px-11 {
+    padding-left: 2.75rem;
+    padding-right: 2.75rem;
+  }
+
+  .sm\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .sm\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .sm\:py-13 {
+    padding-top: 3.25rem;
+    padding-bottom: 3.25rem;
+  }
+
+  .sm\:px-13 {
+    padding-left: 3.25rem;
+    padding-right: 3.25rem;
+  }
+
+  .sm\:py-14 {
+    padding-top: 3.5rem;
+    padding-bottom: 3.5rem;
+  }
+
+  .sm\:px-14 {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
+  }
+
+  .sm\:py-15 {
+    padding-top: 3.75rem;
+    padding-bottom: 3.75rem;
+  }
+
+  .sm\:px-15 {
+    padding-left: 3.75rem;
+    padding-right: 3.75rem;
+  }
+
+  .sm\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .sm\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
+  .sm\:py-20 {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
+  }
+
+  .sm\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
+  }
+
+  .sm\:py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+  }
+
+  .sm\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
+  }
+
+  .sm\:py-28 {
+    padding-top: 7rem;
+    padding-bottom: 7rem;
+  }
+
+  .sm\:px-28 {
+    padding-left: 7rem;
+    padding-right: 7rem;
+  }
+
+  .sm\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+
+  .sm\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
+  }
+
+  .sm\:py-36 {
+    padding-top: 9rem;
+    padding-bottom: 9rem;
+  }
+
+  .sm\:px-36 {
+    padding-left: 9rem;
+    padding-right: 9rem;
+  }
+
+  .sm\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
+  }
+
+  .sm\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
+  }
+
+  .sm\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .sm\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .sm\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
+  }
+
+  .sm\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
+  }
+
+  .sm\:py-60 {
+    padding-top: 15rem;
+    padding-bottom: 15rem;
+  }
+
+  .sm\:px-60 {
+    padding-left: 15rem;
+    padding-right: 15rem;
+  }
+
+  .sm\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
+  }
+
+  .sm\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
+  }
+
+  .sm\:py-72 {
+    padding-top: 18rem;
+    padding-bottom: 18rem;
+  }
+
+  .sm\:px-72 {
+    padding-left: 18rem;
+    padding-right: 18rem;
+  }
+
+  .sm\:py-80 {
+    padding-top: 20rem;
+    padding-bottom: 20rem;
+  }
+
+  .sm\:px-80 {
+    padding-left: 20rem;
+    padding-right: 20rem;
+  }
+
+  .sm\:py-96 {
+    padding-top: 24rem;
+    padding-bottom: 24rem;
+  }
+
+  .sm\:px-96 {
+    padding-left: 24rem;
+    padding-right: 24rem;
+  }
+
+  .sm\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .sm\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .sm\:py-0\.5 {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+  }
+
+  .sm\:px-0\.5 {
+    padding-left: 0.125rem;
+    padding-right: 0.125rem;
+  }
+
+  .sm\:py-1\.5 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }
+
+  .sm\:px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+
+  .sm\:py-2\.5 {
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+
+  .sm\:px-2\.5 {
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+  }
+
+  .sm\:py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+  }
+
+  .sm\:px-3\.5 {
+    padding-left: 0.875rem;
+    padding-right: 0.875rem;
+  }
+
+  .sm\:py-1\/2 {
+    padding-top: 50%;
+    padding-bottom: 50%;
+  }
+
+  .sm\:px-1\/2 {
+    padding-left: 50%;
+    padding-right: 50%;
+  }
+
+  .sm\:py-1\/3 {
+    padding-top: 33.333333%;
+    padding-bottom: 33.333333%;
+  }
+
+  .sm\:px-1\/3 {
+    padding-left: 33.333333%;
+    padding-right: 33.333333%;
+  }
+
+  .sm\:py-2\/3 {
+    padding-top: 66.666667%;
+    padding-bottom: 66.666667%;
+  }
+
+  .sm\:px-2\/3 {
+    padding-left: 66.666667%;
+    padding-right: 66.666667%;
+  }
+
+  .sm\:py-1\/4 {
+    padding-top: 25%;
+    padding-bottom: 25%;
+  }
+
+  .sm\:px-1\/4 {
+    padding-left: 25%;
+    padding-right: 25%;
+  }
+
+  .sm\:py-2\/4 {
+    padding-top: 50%;
+    padding-bottom: 50%;
+  }
+
+  .sm\:px-2\/4 {
+    padding-left: 50%;
+    padding-right: 50%;
+  }
+
+  .sm\:py-3\/4 {
+    padding-top: 75%;
+    padding-bottom: 75%;
+  }
+
+  .sm\:px-3\/4 {
+    padding-left: 75%;
+    padding-right: 75%;
+  }
+
+  .sm\:py-1\/5 {
+    padding-top: 20%;
+    padding-bottom: 20%;
+  }
+
+  .sm\:px-1\/5 {
+    padding-left: 20%;
+    padding-right: 20%;
+  }
+
+  .sm\:py-2\/5 {
+    padding-top: 40%;
+    padding-bottom: 40%;
+  }
+
+  .sm\:px-2\/5 {
+    padding-left: 40%;
+    padding-right: 40%;
+  }
+
+  .sm\:py-3\/5 {
+    padding-top: 60%;
+    padding-bottom: 60%;
+  }
+
+  .sm\:px-3\/5 {
+    padding-left: 60%;
+    padding-right: 60%;
+  }
+
+  .sm\:py-4\/5 {
+    padding-top: 80%;
+    padding-bottom: 80%;
+  }
+
+  .sm\:px-4\/5 {
+    padding-left: 80%;
+    padding-right: 80%;
+  }
+
+  .sm\:py-1\/6 {
+    padding-top: 16.666667%;
+    padding-bottom: 16.666667%;
+  }
+
+  .sm\:px-1\/6 {
+    padding-left: 16.666667%;
+    padding-right: 16.666667%;
+  }
+
+  .sm\:py-2\/6 {
+    padding-top: 33.333333%;
+    padding-bottom: 33.333333%;
+  }
+
+  .sm\:px-2\/6 {
+    padding-left: 33.333333%;
+    padding-right: 33.333333%;
+  }
+
+  .sm\:py-3\/6 {
+    padding-top: 50%;
+    padding-bottom: 50%;
+  }
+
+  .sm\:px-3\/6 {
+    padding-left: 50%;
+    padding-right: 50%;
+  }
+
+  .sm\:py-4\/6 {
+    padding-top: 66.666667%;
+    padding-bottom: 66.666667%;
+  }
+
+  .sm\:px-4\/6 {
+    padding-left: 66.666667%;
+    padding-right: 66.666667%;
+  }
+
+  .sm\:py-5\/6 {
+    padding-top: 83.333333%;
+    padding-bottom: 83.333333%;
+  }
+
+  .sm\:px-5\/6 {
+    padding-left: 83.333333%;
+    padding-right: 83.333333%;
+  }
+
+  .sm\:py-1\/12 {
+    padding-top: 8.333333%;
+    padding-bottom: 8.333333%;
+  }
+
+  .sm\:px-1\/12 {
+    padding-left: 8.333333%;
+    padding-right: 8.333333%;
+  }
+
+  .sm\:py-2\/12 {
+    padding-top: 16.666667%;
+    padding-bottom: 16.666667%;
+  }
+
+  .sm\:px-2\/12 {
+    padding-left: 16.666667%;
+    padding-right: 16.666667%;
+  }
+
+  .sm\:py-3\/12 {
+    padding-top: 25%;
+    padding-bottom: 25%;
+  }
+
+  .sm\:px-3\/12 {
+    padding-left: 25%;
+    padding-right: 25%;
+  }
+
+  .sm\:py-4\/12 {
+    padding-top: 33.333333%;
+    padding-bottom: 33.333333%;
+  }
+
+  .sm\:px-4\/12 {
+    padding-left: 33.333333%;
+    padding-right: 33.333333%;
+  }
+
+  .sm\:py-5\/12 {
+    padding-top: 41.666667%;
+    padding-bottom: 41.666667%;
+  }
+
+  .sm\:px-5\/12 {
+    padding-left: 41.666667%;
+    padding-right: 41.666667%;
+  }
+
+  .sm\:py-6\/12 {
+    padding-top: 50%;
+    padding-bottom: 50%;
+  }
+
+  .sm\:px-6\/12 {
+    padding-left: 50%;
+    padding-right: 50%;
+  }
+
+  .sm\:py-7\/12 {
+    padding-top: 58.333333%;
+    padding-bottom: 58.333333%;
+  }
+
+  .sm\:px-7\/12 {
+    padding-left: 58.333333%;
+    padding-right: 58.333333%;
+  }
+
+  .sm\:py-8\/12 {
+    padding-top: 66.666667%;
+    padding-bottom: 66.666667%;
+  }
+
+  .sm\:px-8\/12 {
+    padding-left: 66.666667%;
+    padding-right: 66.666667%;
+  }
+
+  .sm\:py-9\/12 {
+    padding-top: 75%;
+    padding-bottom: 75%;
+  }
+
+  .sm\:px-9\/12 {
+    padding-left: 75%;
+    padding-right: 75%;
+  }
+
+  .sm\:py-10\/12 {
+    padding-top: 83.333333%;
+    padding-bottom: 83.333333%;
+  }
+
+  .sm\:px-10\/12 {
+    padding-left: 83.333333%;
+    padding-right: 83.333333%;
+  }
+
+  .sm\:py-11\/12 {
+    padding-top: 91.666667%;
+    padding-bottom: 91.666667%;
+  }
+
+  .sm\:px-11\/12 {
+    padding-left: 91.666667%;
+    padding-right: 91.666667%;
+  }
+
+  .sm\:py-full {
+    padding-top: 100%;
+    padding-bottom: 100%;
+  }
+
+  .sm\:px-full {
+    padding-left: 100%;
+    padding-right: 100%;
+  }
+
+  .sm\:pt-0 {
+    padding-top: 0;
+  }
+
+  .sm\:pr-0 {
+    padding-right: 0;
+  }
+
+  .sm\:pb-0 {
+    padding-bottom: 0;
+  }
+
+  .sm\:pl-0 {
+    padding-left: 0;
+  }
+
+  .sm\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .sm\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .sm\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .sm\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .sm\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .sm\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .sm\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .sm\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .sm\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .sm\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .sm\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .sm\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .sm\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .sm\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .sm\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .sm\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .sm\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
+  .sm\:pr-5 {
+    padding-right: 1.25rem;
+  }
+
+  .sm\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
+
+  .sm\:pl-5 {
+    padding-left: 1.25rem;
+  }
+
+  .sm\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .sm\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .sm\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .sm\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .sm\:pt-7 {
+    padding-top: 1.75rem;
+  }
+
+  .sm\:pr-7 {
+    padding-right: 1.75rem;
+  }
+
+  .sm\:pb-7 {
+    padding-bottom: 1.75rem;
+  }
+
+  .sm\:pl-7 {
+    padding-left: 1.75rem;
+  }
+
+  .sm\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .sm\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .sm\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .sm\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .sm\:pt-9 {
+    padding-top: 2.25rem;
+  }
+
+  .sm\:pr-9 {
+    padding-right: 2.25rem;
+  }
+
+  .sm\:pb-9 {
+    padding-bottom: 2.25rem;
+  }
+
+  .sm\:pl-9 {
+    padding-left: 2.25rem;
+  }
+
+  .sm\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
+  .sm\:pr-10 {
+    padding-right: 2.5rem;
+  }
+
+  .sm\:pb-10 {
+    padding-bottom: 2.5rem;
+  }
+
+  .sm\:pl-10 {
+    padding-left: 2.5rem;
+  }
+
+  .sm\:pt-11 {
+    padding-top: 2.75rem;
+  }
+
+  .sm\:pr-11 {
+    padding-right: 2.75rem;
+  }
+
+  .sm\:pb-11 {
+    padding-bottom: 2.75rem;
+  }
+
+  .sm\:pl-11 {
+    padding-left: 2.75rem;
+  }
+
+  .sm\:pt-12 {
+    padding-top: 3rem;
+  }
+
+  .sm\:pr-12 {
+    padding-right: 3rem;
+  }
+
+  .sm\:pb-12 {
+    padding-bottom: 3rem;
+  }
+
+  .sm\:pl-12 {
+    padding-left: 3rem;
+  }
+
+  .sm\:pt-13 {
+    padding-top: 3.25rem;
+  }
+
+  .sm\:pr-13 {
+    padding-right: 3.25rem;
+  }
+
+  .sm\:pb-13 {
+    padding-bottom: 3.25rem;
+  }
+
+  .sm\:pl-13 {
+    padding-left: 3.25rem;
+  }
+
+  .sm\:pt-14 {
+    padding-top: 3.5rem;
+  }
+
+  .sm\:pr-14 {
+    padding-right: 3.5rem;
+  }
+
+  .sm\:pb-14 {
+    padding-bottom: 3.5rem;
+  }
+
+  .sm\:pl-14 {
+    padding-left: 3.5rem;
+  }
+
+  .sm\:pt-15 {
+    padding-top: 3.75rem;
+  }
+
+  .sm\:pr-15 {
+    padding-right: 3.75rem;
+  }
+
+  .sm\:pb-15 {
+    padding-bottom: 3.75rem;
+  }
+
+  .sm\:pl-15 {
+    padding-left: 3.75rem;
+  }
+
+  .sm\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .sm\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .sm\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .sm\:pl-16 {
+    padding-left: 4rem;
+  }
+
+  .sm\:pt-20 {
+    padding-top: 5rem;
+  }
+
+  .sm\:pr-20 {
+    padding-right: 5rem;
+  }
+
+  .sm\:pb-20 {
+    padding-bottom: 5rem;
+  }
+
+  .sm\:pl-20 {
+    padding-left: 5rem;
+  }
+
+  .sm\:pt-24 {
+    padding-top: 6rem;
+  }
+
+  .sm\:pr-24 {
+    padding-right: 6rem;
+  }
+
+  .sm\:pb-24 {
+    padding-bottom: 6rem;
+  }
+
+  .sm\:pl-24 {
+    padding-left: 6rem;
+  }
+
+  .sm\:pt-28 {
+    padding-top: 7rem;
+  }
+
+  .sm\:pr-28 {
+    padding-right: 7rem;
+  }
+
+  .sm\:pb-28 {
+    padding-bottom: 7rem;
+  }
+
+  .sm\:pl-28 {
+    padding-left: 7rem;
+  }
+
+  .sm\:pt-32 {
+    padding-top: 8rem;
+  }
+
+  .sm\:pr-32 {
+    padding-right: 8rem;
+  }
+
+  .sm\:pb-32 {
+    padding-bottom: 8rem;
+  }
+
+  .sm\:pl-32 {
+    padding-left: 8rem;
+  }
+
+  .sm\:pt-36 {
+    padding-top: 9rem;
+  }
+
+  .sm\:pr-36 {
+    padding-right: 9rem;
+  }
+
+  .sm\:pb-36 {
+    padding-bottom: 9rem;
+  }
+
+  .sm\:pl-36 {
+    padding-left: 9rem;
+  }
+
+  .sm\:pt-40 {
+    padding-top: 10rem;
+  }
+
+  .sm\:pr-40 {
+    padding-right: 10rem;
+  }
+
+  .sm\:pb-40 {
+    padding-bottom: 10rem;
+  }
+
+  .sm\:pl-40 {
+    padding-left: 10rem;
+  }
+
+  .sm\:pt-48 {
+    padding-top: 12rem;
+  }
+
+  .sm\:pr-48 {
+    padding-right: 12rem;
+  }
+
+  .sm\:pb-48 {
+    padding-bottom: 12rem;
+  }
+
+  .sm\:pl-48 {
+    padding-left: 12rem;
+  }
+
+  .sm\:pt-56 {
+    padding-top: 14rem;
+  }
+
+  .sm\:pr-56 {
+    padding-right: 14rem;
+  }
+
+  .sm\:pb-56 {
+    padding-bottom: 14rem;
+  }
+
+  .sm\:pl-56 {
+    padding-left: 14rem;
+  }
+
+  .sm\:pt-60 {
+    padding-top: 15rem;
+  }
+
+  .sm\:pr-60 {
+    padding-right: 15rem;
+  }
+
+  .sm\:pb-60 {
+    padding-bottom: 15rem;
+  }
+
+  .sm\:pl-60 {
+    padding-left: 15rem;
+  }
+
+  .sm\:pt-64 {
+    padding-top: 16rem;
+  }
+
+  .sm\:pr-64 {
+    padding-right: 16rem;
+  }
+
+  .sm\:pb-64 {
+    padding-bottom: 16rem;
+  }
+
+  .sm\:pl-64 {
+    padding-left: 16rem;
+  }
+
+  .sm\:pt-72 {
+    padding-top: 18rem;
+  }
+
+  .sm\:pr-72 {
+    padding-right: 18rem;
+  }
+
+  .sm\:pb-72 {
+    padding-bottom: 18rem;
+  }
+
+  .sm\:pl-72 {
+    padding-left: 18rem;
+  }
+
+  .sm\:pt-80 {
+    padding-top: 20rem;
+  }
+
+  .sm\:pr-80 {
+    padding-right: 20rem;
+  }
+
+  .sm\:pb-80 {
+    padding-bottom: 20rem;
+  }
+
+  .sm\:pl-80 {
+    padding-left: 20rem;
+  }
+
+  .sm\:pt-96 {
+    padding-top: 24rem;
+  }
+
+  .sm\:pr-96 {
+    padding-right: 24rem;
+  }
+
+  .sm\:pb-96 {
+    padding-bottom: 24rem;
+  }
+
+  .sm\:pl-96 {
+    padding-left: 24rem;
+  }
+
+  .sm\:pt-px {
+    padding-top: 1px;
+  }
+
+  .sm\:pr-px {
+    padding-right: 1px;
+  }
+
+  .sm\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .sm\:pl-px {
+    padding-left: 1px;
+  }
+
+  .sm\:pt-0\.5 {
+    padding-top: 0.125rem;
+  }
+
+  .sm\:pr-0\.5 {
+    padding-right: 0.125rem;
+  }
+
+  .sm\:pb-0\.5 {
+    padding-bottom: 0.125rem;
+  }
+
+  .sm\:pl-0\.5 {
+    padding-left: 0.125rem;
+  }
+
+  .sm\:pt-1\.5 {
+    padding-top: 0.375rem;
+  }
+
+  .sm\:pr-1\.5 {
+    padding-right: 0.375rem;
+  }
+
+  .sm\:pb-1\.5 {
+    padding-bottom: 0.375rem;
+  }
+
+  .sm\:pl-1\.5 {
+    padding-left: 0.375rem;
+  }
+
+  .sm\:pt-2\.5 {
+    padding-top: 0.625rem;
+  }
+
+  .sm\:pr-2\.5 {
+    padding-right: 0.625rem;
+  }
+
+  .sm\:pb-2\.5 {
+    padding-bottom: 0.625rem;
+  }
+
+  .sm\:pl-2\.5 {
+    padding-left: 0.625rem;
+  }
+
+  .sm\:pt-3\.5 {
+    padding-top: 0.875rem;
+  }
+
+  .sm\:pr-3\.5 {
+    padding-right: 0.875rem;
+  }
+
+  .sm\:pb-3\.5 {
+    padding-bottom: 0.875rem;
+  }
+
+  .sm\:pl-3\.5 {
+    padding-left: 0.875rem;
+  }
+
+  .sm\:pt-1\/2 {
+    padding-top: 50%;
+  }
+
+  .sm\:pr-1\/2 {
+    padding-right: 50%;
+  }
+
+  .sm\:pb-1\/2 {
+    padding-bottom: 50%;
+  }
+
+  .sm\:pl-1\/2 {
+    padding-left: 50%;
+  }
+
+  .sm\:pt-1\/3 {
+    padding-top: 33.333333%;
+  }
+
+  .sm\:pr-1\/3 {
+    padding-right: 33.333333%;
+  }
+
+  .sm\:pb-1\/3 {
+    padding-bottom: 33.333333%;
+  }
+
+  .sm\:pl-1\/3 {
+    padding-left: 33.333333%;
+  }
+
+  .sm\:pt-2\/3 {
+    padding-top: 66.666667%;
+  }
+
+  .sm\:pr-2\/3 {
+    padding-right: 66.666667%;
+  }
+
+  .sm\:pb-2\/3 {
+    padding-bottom: 66.666667%;
+  }
+
+  .sm\:pl-2\/3 {
+    padding-left: 66.666667%;
+  }
+
+  .sm\:pt-1\/4 {
+    padding-top: 25%;
+  }
+
+  .sm\:pr-1\/4 {
+    padding-right: 25%;
+  }
+
+  .sm\:pb-1\/4 {
+    padding-bottom: 25%;
+  }
+
+  .sm\:pl-1\/4 {
+    padding-left: 25%;
+  }
+
+  .sm\:pt-2\/4 {
+    padding-top: 50%;
+  }
+
+  .sm\:pr-2\/4 {
+    padding-right: 50%;
+  }
+
+  .sm\:pb-2\/4 {
+    padding-bottom: 50%;
+  }
+
+  .sm\:pl-2\/4 {
+    padding-left: 50%;
+  }
+
+  .sm\:pt-3\/4 {
+    padding-top: 75%;
+  }
+
+  .sm\:pr-3\/4 {
+    padding-right: 75%;
+  }
+
+  .sm\:pb-3\/4 {
+    padding-bottom: 75%;
+  }
+
+  .sm\:pl-3\/4 {
+    padding-left: 75%;
+  }
+
+  .sm\:pt-1\/5 {
+    padding-top: 20%;
+  }
+
+  .sm\:pr-1\/5 {
+    padding-right: 20%;
+  }
+
+  .sm\:pb-1\/5 {
+    padding-bottom: 20%;
+  }
+
+  .sm\:pl-1\/5 {
+    padding-left: 20%;
+  }
+
+  .sm\:pt-2\/5 {
+    padding-top: 40%;
+  }
+
+  .sm\:pr-2\/5 {
+    padding-right: 40%;
+  }
+
+  .sm\:pb-2\/5 {
+    padding-bottom: 40%;
+  }
+
+  .sm\:pl-2\/5 {
+    padding-left: 40%;
+  }
+
+  .sm\:pt-3\/5 {
+    padding-top: 60%;
+  }
+
+  .sm\:pr-3\/5 {
+    padding-right: 60%;
+  }
+
+  .sm\:pb-3\/5 {
+    padding-bottom: 60%;
+  }
+
+  .sm\:pl-3\/5 {
+    padding-left: 60%;
+  }
+
+  .sm\:pt-4\/5 {
+    padding-top: 80%;
+  }
+
+  .sm\:pr-4\/5 {
+    padding-right: 80%;
+  }
+
+  .sm\:pb-4\/5 {
+    padding-bottom: 80%;
+  }
+
+  .sm\:pl-4\/5 {
+    padding-left: 80%;
+  }
+
+  .sm\:pt-1\/6 {
+    padding-top: 16.666667%;
+  }
+
+  .sm\:pr-1\/6 {
+    padding-right: 16.666667%;
+  }
+
+  .sm\:pb-1\/6 {
+    padding-bottom: 16.666667%;
+  }
+
+  .sm\:pl-1\/6 {
+    padding-left: 16.666667%;
+  }
+
+  .sm\:pt-2\/6 {
+    padding-top: 33.333333%;
+  }
+
+  .sm\:pr-2\/6 {
+    padding-right: 33.333333%;
+  }
+
+  .sm\:pb-2\/6 {
+    padding-bottom: 33.333333%;
+  }
+
+  .sm\:pl-2\/6 {
+    padding-left: 33.333333%;
+  }
+
+  .sm\:pt-3\/6 {
+    padding-top: 50%;
+  }
+
+  .sm\:pr-3\/6 {
+    padding-right: 50%;
+  }
+
+  .sm\:pb-3\/6 {
+    padding-bottom: 50%;
+  }
+
+  .sm\:pl-3\/6 {
+    padding-left: 50%;
+  }
+
+  .sm\:pt-4\/6 {
+    padding-top: 66.666667%;
+  }
+
+  .sm\:pr-4\/6 {
+    padding-right: 66.666667%;
+  }
+
+  .sm\:pb-4\/6 {
+    padding-bottom: 66.666667%;
+  }
+
+  .sm\:pl-4\/6 {
+    padding-left: 66.666667%;
+  }
+
+  .sm\:pt-5\/6 {
+    padding-top: 83.333333%;
+  }
+
+  .sm\:pr-5\/6 {
+    padding-right: 83.333333%;
+  }
+
+  .sm\:pb-5\/6 {
+    padding-bottom: 83.333333%;
+  }
+
+  .sm\:pl-5\/6 {
+    padding-left: 83.333333%;
+  }
+
+  .sm\:pt-1\/12 {
+    padding-top: 8.333333%;
+  }
+
+  .sm\:pr-1\/12 {
+    padding-right: 8.333333%;
+  }
+
+  .sm\:pb-1\/12 {
+    padding-bottom: 8.333333%;
+  }
+
+  .sm\:pl-1\/12 {
+    padding-left: 8.333333%;
+  }
+
+  .sm\:pt-2\/12 {
+    padding-top: 16.666667%;
+  }
+
+  .sm\:pr-2\/12 {
+    padding-right: 16.666667%;
+  }
+
+  .sm\:pb-2\/12 {
+    padding-bottom: 16.666667%;
+  }
+
+  .sm\:pl-2\/12 {
+    padding-left: 16.666667%;
+  }
+
+  .sm\:pt-3\/12 {
+    padding-top: 25%;
+  }
+
+  .sm\:pr-3\/12 {
+    padding-right: 25%;
+  }
+
+  .sm\:pb-3\/12 {
+    padding-bottom: 25%;
+  }
+
+  .sm\:pl-3\/12 {
+    padding-left: 25%;
+  }
+
+  .sm\:pt-4\/12 {
+    padding-top: 33.333333%;
+  }
+
+  .sm\:pr-4\/12 {
+    padding-right: 33.333333%;
+  }
+
+  .sm\:pb-4\/12 {
+    padding-bottom: 33.333333%;
+  }
+
+  .sm\:pl-4\/12 {
+    padding-left: 33.333333%;
+  }
+
+  .sm\:pt-5\/12 {
+    padding-top: 41.666667%;
+  }
+
+  .sm\:pr-5\/12 {
+    padding-right: 41.666667%;
+  }
+
+  .sm\:pb-5\/12 {
+    padding-bottom: 41.666667%;
+  }
+
+  .sm\:pl-5\/12 {
+    padding-left: 41.666667%;
+  }
+
+  .sm\:pt-6\/12 {
+    padding-top: 50%;
+  }
+
+  .sm\:pr-6\/12 {
+    padding-right: 50%;
+  }
+
+  .sm\:pb-6\/12 {
+    padding-bottom: 50%;
+  }
+
+  .sm\:pl-6\/12 {
+    padding-left: 50%;
+  }
+
+  .sm\:pt-7\/12 {
+    padding-top: 58.333333%;
+  }
+
+  .sm\:pr-7\/12 {
+    padding-right: 58.333333%;
+  }
+
+  .sm\:pb-7\/12 {
+    padding-bottom: 58.333333%;
+  }
+
+  .sm\:pl-7\/12 {
+    padding-left: 58.333333%;
+  }
+
+  .sm\:pt-8\/12 {
+    padding-top: 66.666667%;
+  }
+
+  .sm\:pr-8\/12 {
+    padding-right: 66.666667%;
+  }
+
+  .sm\:pb-8\/12 {
+    padding-bottom: 66.666667%;
+  }
+
+  .sm\:pl-8\/12 {
+    padding-left: 66.666667%;
+  }
+
+  .sm\:pt-9\/12 {
+    padding-top: 75%;
+  }
+
+  .sm\:pr-9\/12 {
+    padding-right: 75%;
+  }
+
+  .sm\:pb-9\/12 {
+    padding-bottom: 75%;
+  }
+
+  .sm\:pl-9\/12 {
+    padding-left: 75%;
+  }
+
+  .sm\:pt-10\/12 {
+    padding-top: 83.333333%;
+  }
+
+  .sm\:pr-10\/12 {
+    padding-right: 83.333333%;
+  }
+
+  .sm\:pb-10\/12 {
+    padding-bottom: 83.333333%;
+  }
+
+  .sm\:pl-10\/12 {
+    padding-left: 83.333333%;
+  }
+
+  .sm\:pt-11\/12 {
+    padding-top: 91.666667%;
+  }
+
+  .sm\:pr-11\/12 {
+    padding-right: 91.666667%;
+  }
+
+  .sm\:pb-11\/12 {
+    padding-bottom: 91.666667%;
+  }
+
+  .sm\:pl-11\/12 {
+    padding-left: 91.666667%;
+  }
+
+  .sm\:pt-full {
+    padding-top: 100%;
+  }
+
+  .sm\:pr-full {
+    padding-right: 100%;
+  }
+
+  .sm\:pb-full {
+    padding-bottom: 100%;
+  }
+
+  .sm\:pl-full {
+    padding-left: 100%;
+  }
+
+  .sm\:placeholder-transparent::-moz-placeholder {
+    color: transparent;
+  }
+
+  .sm\:placeholder-transparent:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .sm\:placeholder-transparent::-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .sm\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .sm\:placeholder-white::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-white:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-white::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-white::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-black::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-black:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-black::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-black::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-cool-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-transparent:focus::-moz-placeholder {
+    color: transparent;
+  }
+
+  .sm\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .sm\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .sm\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .sm\:focus\:placeholder-white:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-white:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-white:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-black:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-black:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-black:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-cool-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-opacity-0::-moz-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .sm\:placeholder-opacity-0:-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .sm\:placeholder-opacity-0::-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .sm\:placeholder-opacity-0::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .sm\:placeholder-opacity-25::-moz-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .sm\:placeholder-opacity-25:-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .sm\:placeholder-opacity-25::-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .sm\:placeholder-opacity-25::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .sm\:placeholder-opacity-50::-moz-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .sm\:placeholder-opacity-50:-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .sm\:placeholder-opacity-50::-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .sm\:placeholder-opacity-50::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .sm\:placeholder-opacity-75::-moz-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .sm\:placeholder-opacity-75:-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .sm\:placeholder-opacity-75::-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .sm\:placeholder-opacity-75::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .sm\:placeholder-opacity-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .sm\:placeholder-opacity-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .sm\:placeholder-opacity-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .sm\:placeholder-opacity-100::placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .sm\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .sm\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .sm\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .sm\:focus\:placeholder-opacity-0:focus::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .sm\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .sm\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .sm\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .sm\:focus\:placeholder-opacity-25:focus::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .sm\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .sm\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .sm\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .sm\:focus\:placeholder-opacity-50:focus::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .sm\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .sm\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .sm\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .sm\:focus\:placeholder-opacity-75:focus::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .sm\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .sm\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .sm\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .sm\:focus\:placeholder-opacity-100:focus::placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .sm\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .sm\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
+  .sm\:static {
+    position: static;
+  }
+
+  .sm\:fixed {
+    position: fixed;
+  }
+
+  .sm\:absolute {
+    position: absolute;
+  }
+
+  .sm\:relative {
+    position: relative;
+  }
+
+  .sm\:sticky {
+    position: -webkit-sticky;
+    position: sticky;
+  }
+
+  .sm\:inset-0 {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  .sm\:inset-1 {
+    top: 0.25rem;
+    right: 0.25rem;
+    bottom: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .sm\:inset-2 {
+    top: 0.5rem;
+    right: 0.5rem;
+    bottom: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .sm\:inset-3 {
+    top: 0.75rem;
+    right: 0.75rem;
+    bottom: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .sm\:inset-4 {
+    top: 1rem;
+    right: 1rem;
+    bottom: 1rem;
+    left: 1rem;
+  }
+
+  .sm\:inset-5 {
+    top: 1.25rem;
+    right: 1.25rem;
+    bottom: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .sm\:inset-6 {
+    top: 1.5rem;
+    right: 1.5rem;
+    bottom: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .sm\:inset-7 {
+    top: 1.75rem;
+    right: 1.75rem;
+    bottom: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .sm\:inset-8 {
+    top: 2rem;
+    right: 2rem;
+    bottom: 2rem;
+    left: 2rem;
+  }
+
+  .sm\:inset-9 {
+    top: 2.25rem;
+    right: 2.25rem;
+    bottom: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .sm\:inset-10 {
+    top: 2.5rem;
+    right: 2.5rem;
+    bottom: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .sm\:inset-11 {
+    top: 2.75rem;
+    right: 2.75rem;
+    bottom: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .sm\:inset-12 {
+    top: 3rem;
+    right: 3rem;
+    bottom: 3rem;
+    left: 3rem;
+  }
+
+  .sm\:inset-13 {
+    top: 3.25rem;
+    right: 3.25rem;
+    bottom: 3.25rem;
+    left: 3.25rem;
+  }
+
+  .sm\:inset-14 {
+    top: 3.5rem;
+    right: 3.5rem;
+    bottom: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .sm\:inset-15 {
+    top: 3.75rem;
+    right: 3.75rem;
+    bottom: 3.75rem;
+    left: 3.75rem;
+  }
+
+  .sm\:inset-16 {
+    top: 4rem;
+    right: 4rem;
+    bottom: 4rem;
+    left: 4rem;
+  }
+
+  .sm\:inset-20 {
+    top: 5rem;
+    right: 5rem;
+    bottom: 5rem;
+    left: 5rem;
+  }
+
+  .sm\:inset-24 {
+    top: 6rem;
+    right: 6rem;
+    bottom: 6rem;
+    left: 6rem;
+  }
+
+  .sm\:inset-28 {
+    top: 7rem;
+    right: 7rem;
+    bottom: 7rem;
+    left: 7rem;
+  }
+
+  .sm\:inset-32 {
+    top: 8rem;
+    right: 8rem;
+    bottom: 8rem;
+    left: 8rem;
+  }
+
+  .sm\:inset-36 {
+    top: 9rem;
+    right: 9rem;
+    bottom: 9rem;
+    left: 9rem;
+  }
+
+  .sm\:inset-40 {
+    top: 10rem;
+    right: 10rem;
+    bottom: 10rem;
+    left: 10rem;
+  }
+
+  .sm\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .sm\:inset-56 {
+    top: 14rem;
+    right: 14rem;
+    bottom: 14rem;
+    left: 14rem;
+  }
+
+  .sm\:inset-60 {
+    top: 15rem;
+    right: 15rem;
+    bottom: 15rem;
+    left: 15rem;
+  }
+
+  .sm\:inset-64 {
+    top: 16rem;
+    right: 16rem;
+    bottom: 16rem;
+    left: 16rem;
+  }
+
+  .sm\:inset-72 {
+    top: 18rem;
+    right: 18rem;
+    bottom: 18rem;
+    left: 18rem;
+  }
+
+  .sm\:inset-80 {
+    top: 20rem;
+    right: 20rem;
+    bottom: 20rem;
+    left: 20rem;
+  }
+
+  .sm\:inset-96 {
+    top: 24rem;
+    right: 24rem;
+    bottom: 24rem;
+    left: 24rem;
+  }
+
+  .sm\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .sm\:inset-px {
+    top: 1px;
+    right: 1px;
+    bottom: 1px;
+    left: 1px;
+  }
+
+  .sm\:inset-0\.5 {
+    top: 0.125rem;
+    right: 0.125rem;
+    bottom: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .sm\:inset-1\.5 {
+    top: 0.375rem;
+    right: 0.375rem;
+    bottom: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .sm\:inset-2\.5 {
+    top: 0.625rem;
+    right: 0.625rem;
+    bottom: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .sm\:inset-3\.5 {
+    top: 0.875rem;
+    right: 0.875rem;
+    bottom: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .sm\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .sm\:inset-1\/3 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .sm\:inset-2\/3 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .sm\:inset-1\/4 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .sm\:inset-2\/4 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .sm\:inset-3\/4 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .sm\:inset-1\/5 {
+    top: 20%;
+    right: 20%;
+    bottom: 20%;
+    left: 20%;
+  }
+
+  .sm\:inset-2\/5 {
+    top: 40%;
+    right: 40%;
+    bottom: 40%;
+    left: 40%;
+  }
+
+  .sm\:inset-3\/5 {
+    top: 60%;
+    right: 60%;
+    bottom: 60%;
+    left: 60%;
+  }
+
+  .sm\:inset-4\/5 {
+    top: 80%;
+    right: 80%;
+    bottom: 80%;
+    left: 80%;
+  }
+
+  .sm\:inset-1\/6 {
+    top: 16.666667%;
+    right: 16.666667%;
+    bottom: 16.666667%;
+    left: 16.666667%;
+  }
+
+  .sm\:inset-2\/6 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .sm\:inset-3\/6 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .sm\:inset-4\/6 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .sm\:inset-5\/6 {
+    top: 83.333333%;
+    right: 83.333333%;
+    bottom: 83.333333%;
+    left: 83.333333%;
+  }
+
+  .sm\:inset-1\/12 {
+    top: 8.333333%;
+    right: 8.333333%;
+    bottom: 8.333333%;
+    left: 8.333333%;
+  }
+
+  .sm\:inset-2\/12 {
+    top: 16.666667%;
+    right: 16.666667%;
+    bottom: 16.666667%;
+    left: 16.666667%;
+  }
+
+  .sm\:inset-3\/12 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .sm\:inset-4\/12 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .sm\:inset-5\/12 {
+    top: 41.666667%;
+    right: 41.666667%;
+    bottom: 41.666667%;
+    left: 41.666667%;
+  }
+
+  .sm\:inset-6\/12 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .sm\:inset-7\/12 {
+    top: 58.333333%;
+    right: 58.333333%;
+    bottom: 58.333333%;
+    left: 58.333333%;
+  }
+
+  .sm\:inset-8\/12 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .sm\:inset-9\/12 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .sm\:inset-10\/12 {
+    top: 83.333333%;
+    right: 83.333333%;
+    bottom: 83.333333%;
+    left: 83.333333%;
+  }
+
+  .sm\:inset-11\/12 {
+    top: 91.666667%;
+    right: 91.666667%;
+    bottom: 91.666667%;
+    left: 91.666667%;
+  }
+
+  .sm\:inset-full {
+    top: 100%;
+    right: 100%;
+    bottom: 100%;
+    left: 100%;
+  }
+
+  .sm\:inset-y-0 {
+    top: 0;
+    bottom: 0;
+  }
+
+  .sm\:inset-x-0 {
+    right: 0;
+    left: 0;
+  }
+
+  .sm\:inset-y-1 {
+    top: 0.25rem;
+    bottom: 0.25rem;
+  }
+
+  .sm\:inset-x-1 {
+    right: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .sm\:inset-y-2 {
+    top: 0.5rem;
+    bottom: 0.5rem;
+  }
+
+  .sm\:inset-x-2 {
+    right: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .sm\:inset-y-3 {
+    top: 0.75rem;
+    bottom: 0.75rem;
+  }
+
+  .sm\:inset-x-3 {
+    right: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .sm\:inset-y-4 {
+    top: 1rem;
+    bottom: 1rem;
+  }
+
+  .sm\:inset-x-4 {
+    right: 1rem;
+    left: 1rem;
+  }
+
+  .sm\:inset-y-5 {
+    top: 1.25rem;
+    bottom: 1.25rem;
+  }
+
+  .sm\:inset-x-5 {
+    right: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .sm\:inset-y-6 {
+    top: 1.5rem;
+    bottom: 1.5rem;
+  }
+
+  .sm\:inset-x-6 {
+    right: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .sm\:inset-y-7 {
+    top: 1.75rem;
+    bottom: 1.75rem;
+  }
+
+  .sm\:inset-x-7 {
+    right: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .sm\:inset-y-8 {
+    top: 2rem;
+    bottom: 2rem;
+  }
+
+  .sm\:inset-x-8 {
+    right: 2rem;
+    left: 2rem;
+  }
+
+  .sm\:inset-y-9 {
+    top: 2.25rem;
+    bottom: 2.25rem;
+  }
+
+  .sm\:inset-x-9 {
+    right: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .sm\:inset-y-10 {
+    top: 2.5rem;
+    bottom: 2.5rem;
+  }
+
+  .sm\:inset-x-10 {
+    right: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .sm\:inset-y-11 {
+    top: 2.75rem;
+    bottom: 2.75rem;
+  }
+
+  .sm\:inset-x-11 {
+    right: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .sm\:inset-y-12 {
+    top: 3rem;
+    bottom: 3rem;
+  }
+
+  .sm\:inset-x-12 {
+    right: 3rem;
+    left: 3rem;
+  }
+
+  .sm\:inset-y-13 {
+    top: 3.25rem;
+    bottom: 3.25rem;
+  }
+
+  .sm\:inset-x-13 {
+    right: 3.25rem;
+    left: 3.25rem;
+  }
+
+  .sm\:inset-y-14 {
+    top: 3.5rem;
+    bottom: 3.5rem;
+  }
+
+  .sm\:inset-x-14 {
+    right: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .sm\:inset-y-15 {
+    top: 3.75rem;
+    bottom: 3.75rem;
+  }
+
+  .sm\:inset-x-15 {
+    right: 3.75rem;
+    left: 3.75rem;
+  }
+
+  .sm\:inset-y-16 {
+    top: 4rem;
+    bottom: 4rem;
+  }
+
+  .sm\:inset-x-16 {
+    right: 4rem;
+    left: 4rem;
+  }
+
+  .sm\:inset-y-20 {
+    top: 5rem;
+    bottom: 5rem;
+  }
+
+  .sm\:inset-x-20 {
+    right: 5rem;
+    left: 5rem;
+  }
+
+  .sm\:inset-y-24 {
+    top: 6rem;
+    bottom: 6rem;
+  }
+
+  .sm\:inset-x-24 {
+    right: 6rem;
+    left: 6rem;
+  }
+
+  .sm\:inset-y-28 {
+    top: 7rem;
+    bottom: 7rem;
+  }
+
+  .sm\:inset-x-28 {
+    right: 7rem;
+    left: 7rem;
+  }
+
+  .sm\:inset-y-32 {
+    top: 8rem;
+    bottom: 8rem;
+  }
+
+  .sm\:inset-x-32 {
+    right: 8rem;
+    left: 8rem;
+  }
+
+  .sm\:inset-y-36 {
+    top: 9rem;
+    bottom: 9rem;
+  }
+
+  .sm\:inset-x-36 {
+    right: 9rem;
+    left: 9rem;
+  }
+
+  .sm\:inset-y-40 {
+    top: 10rem;
+    bottom: 10rem;
+  }
+
+  .sm\:inset-x-40 {
+    right: 10rem;
+    left: 10rem;
+  }
+
+  .sm\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .sm\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .sm\:inset-y-56 {
+    top: 14rem;
+    bottom: 14rem;
+  }
+
+  .sm\:inset-x-56 {
+    right: 14rem;
+    left: 14rem;
+  }
+
+  .sm\:inset-y-60 {
+    top: 15rem;
+    bottom: 15rem;
+  }
+
+  .sm\:inset-x-60 {
+    right: 15rem;
+    left: 15rem;
+  }
+
+  .sm\:inset-y-64 {
+    top: 16rem;
+    bottom: 16rem;
+  }
+
+  .sm\:inset-x-64 {
+    right: 16rem;
+    left: 16rem;
+  }
+
+  .sm\:inset-y-72 {
+    top: 18rem;
+    bottom: 18rem;
+  }
+
+  .sm\:inset-x-72 {
+    right: 18rem;
+    left: 18rem;
+  }
+
+  .sm\:inset-y-80 {
+    top: 20rem;
+    bottom: 20rem;
+  }
+
+  .sm\:inset-x-80 {
+    right: 20rem;
+    left: 20rem;
+  }
+
+  .sm\:inset-y-96 {
+    top: 24rem;
+    bottom: 24rem;
+  }
+
+  .sm\:inset-x-96 {
+    right: 24rem;
+    left: 24rem;
+  }
+
+  .sm\:inset-y-auto {
+    top: auto;
+    bottom: auto;
+  }
+
+  .sm\:inset-x-auto {
+    right: auto;
+    left: auto;
+  }
+
+  .sm\:inset-y-px {
+    top: 1px;
+    bottom: 1px;
+  }
+
+  .sm\:inset-x-px {
+    right: 1px;
+    left: 1px;
+  }
+
+  .sm\:inset-y-0\.5 {
+    top: 0.125rem;
+    bottom: 0.125rem;
+  }
+
+  .sm\:inset-x-0\.5 {
+    right: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .sm\:inset-y-1\.5 {
+    top: 0.375rem;
+    bottom: 0.375rem;
+  }
+
+  .sm\:inset-x-1\.5 {
+    right: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .sm\:inset-y-2\.5 {
+    top: 0.625rem;
+    bottom: 0.625rem;
+  }
+
+  .sm\:inset-x-2\.5 {
+    right: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .sm\:inset-y-3\.5 {
+    top: 0.875rem;
+    bottom: 0.875rem;
+  }
+
+  .sm\:inset-x-3\.5 {
+    right: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .sm\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .sm\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .sm\:inset-y-1\/3 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .sm\:inset-x-1\/3 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .sm\:inset-y-2\/3 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .sm\:inset-x-2\/3 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .sm\:inset-y-1\/4 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .sm\:inset-x-1\/4 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .sm\:inset-y-2\/4 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .sm\:inset-x-2\/4 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .sm\:inset-y-3\/4 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .sm\:inset-x-3\/4 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .sm\:inset-y-1\/5 {
+    top: 20%;
+    bottom: 20%;
+  }
+
+  .sm\:inset-x-1\/5 {
+    right: 20%;
+    left: 20%;
+  }
+
+  .sm\:inset-y-2\/5 {
+    top: 40%;
+    bottom: 40%;
+  }
+
+  .sm\:inset-x-2\/5 {
+    right: 40%;
+    left: 40%;
+  }
+
+  .sm\:inset-y-3\/5 {
+    top: 60%;
+    bottom: 60%;
+  }
+
+  .sm\:inset-x-3\/5 {
+    right: 60%;
+    left: 60%;
+  }
+
+  .sm\:inset-y-4\/5 {
+    top: 80%;
+    bottom: 80%;
+  }
+
+  .sm\:inset-x-4\/5 {
+    right: 80%;
+    left: 80%;
+  }
+
+  .sm\:inset-y-1\/6 {
+    top: 16.666667%;
+    bottom: 16.666667%;
+  }
+
+  .sm\:inset-x-1\/6 {
+    right: 16.666667%;
+    left: 16.666667%;
+  }
+
+  .sm\:inset-y-2\/6 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .sm\:inset-x-2\/6 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .sm\:inset-y-3\/6 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .sm\:inset-x-3\/6 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .sm\:inset-y-4\/6 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .sm\:inset-x-4\/6 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .sm\:inset-y-5\/6 {
+    top: 83.333333%;
+    bottom: 83.333333%;
+  }
+
+  .sm\:inset-x-5\/6 {
+    right: 83.333333%;
+    left: 83.333333%;
+  }
+
+  .sm\:inset-y-1\/12 {
+    top: 8.333333%;
+    bottom: 8.333333%;
+  }
+
+  .sm\:inset-x-1\/12 {
+    right: 8.333333%;
+    left: 8.333333%;
+  }
+
+  .sm\:inset-y-2\/12 {
+    top: 16.666667%;
+    bottom: 16.666667%;
+  }
+
+  .sm\:inset-x-2\/12 {
+    right: 16.666667%;
+    left: 16.666667%;
+  }
+
+  .sm\:inset-y-3\/12 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .sm\:inset-x-3\/12 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .sm\:inset-y-4\/12 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .sm\:inset-x-4\/12 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .sm\:inset-y-5\/12 {
+    top: 41.666667%;
+    bottom: 41.666667%;
+  }
+
+  .sm\:inset-x-5\/12 {
+    right: 41.666667%;
+    left: 41.666667%;
+  }
+
+  .sm\:inset-y-6\/12 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .sm\:inset-x-6\/12 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .sm\:inset-y-7\/12 {
+    top: 58.333333%;
+    bottom: 58.333333%;
+  }
+
+  .sm\:inset-x-7\/12 {
+    right: 58.333333%;
+    left: 58.333333%;
+  }
+
+  .sm\:inset-y-8\/12 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .sm\:inset-x-8\/12 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .sm\:inset-y-9\/12 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .sm\:inset-x-9\/12 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .sm\:inset-y-10\/12 {
+    top: 83.333333%;
+    bottom: 83.333333%;
+  }
+
+  .sm\:inset-x-10\/12 {
+    right: 83.333333%;
+    left: 83.333333%;
+  }
+
+  .sm\:inset-y-11\/12 {
+    top: 91.666667%;
+    bottom: 91.666667%;
+  }
+
+  .sm\:inset-x-11\/12 {
+    right: 91.666667%;
+    left: 91.666667%;
+  }
+
+  .sm\:inset-y-full {
+    top: 100%;
+    bottom: 100%;
+  }
+
+  .sm\:inset-x-full {
+    right: 100%;
+    left: 100%;
+  }
+
+  .sm\:top-0 {
+    top: 0;
+  }
+
+  .sm\:right-0 {
+    right: 0;
+  }
+
+  .sm\:bottom-0 {
+    bottom: 0;
+  }
+
+  .sm\:left-0 {
+    left: 0;
+  }
+
+  .sm\:top-1 {
+    top: 0.25rem;
+  }
+
+  .sm\:right-1 {
+    right: 0.25rem;
+  }
+
+  .sm\:bottom-1 {
+    bottom: 0.25rem;
+  }
+
+  .sm\:left-1 {
+    left: 0.25rem;
+  }
+
+  .sm\:top-2 {
+    top: 0.5rem;
+  }
+
+  .sm\:right-2 {
+    right: 0.5rem;
+  }
+
+  .sm\:bottom-2 {
+    bottom: 0.5rem;
+  }
+
+  .sm\:left-2 {
+    left: 0.5rem;
+  }
+
+  .sm\:top-3 {
+    top: 0.75rem;
+  }
+
+  .sm\:right-3 {
+    right: 0.75rem;
+  }
+
+  .sm\:bottom-3 {
+    bottom: 0.75rem;
+  }
+
+  .sm\:left-3 {
+    left: 0.75rem;
+  }
+
+  .sm\:top-4 {
+    top: 1rem;
+  }
+
+  .sm\:right-4 {
+    right: 1rem;
+  }
+
+  .sm\:bottom-4 {
+    bottom: 1rem;
+  }
+
+  .sm\:left-4 {
+    left: 1rem;
+  }
+
+  .sm\:top-5 {
+    top: 1.25rem;
+  }
+
+  .sm\:right-5 {
+    right: 1.25rem;
+  }
+
+  .sm\:bottom-5 {
+    bottom: 1.25rem;
+  }
+
+  .sm\:left-5 {
+    left: 1.25rem;
+  }
+
+  .sm\:top-6 {
+    top: 1.5rem;
+  }
+
+  .sm\:right-6 {
+    right: 1.5rem;
+  }
+
+  .sm\:bottom-6 {
+    bottom: 1.5rem;
+  }
+
+  .sm\:left-6 {
+    left: 1.5rem;
+  }
+
+  .sm\:top-7 {
+    top: 1.75rem;
+  }
+
+  .sm\:right-7 {
+    right: 1.75rem;
+  }
+
+  .sm\:bottom-7 {
+    bottom: 1.75rem;
+  }
+
+  .sm\:left-7 {
+    left: 1.75rem;
+  }
+
+  .sm\:top-8 {
+    top: 2rem;
+  }
+
+  .sm\:right-8 {
+    right: 2rem;
+  }
+
+  .sm\:bottom-8 {
+    bottom: 2rem;
+  }
+
+  .sm\:left-8 {
+    left: 2rem;
+  }
+
+  .sm\:top-9 {
+    top: 2.25rem;
+  }
+
+  .sm\:right-9 {
+    right: 2.25rem;
+  }
+
+  .sm\:bottom-9 {
+    bottom: 2.25rem;
+  }
+
+  .sm\:left-9 {
+    left: 2.25rem;
+  }
+
+  .sm\:top-10 {
+    top: 2.5rem;
+  }
+
+  .sm\:right-10 {
+    right: 2.5rem;
+  }
+
+  .sm\:bottom-10 {
+    bottom: 2.5rem;
+  }
+
+  .sm\:left-10 {
+    left: 2.5rem;
+  }
+
+  .sm\:top-11 {
+    top: 2.75rem;
+  }
+
+  .sm\:right-11 {
+    right: 2.75rem;
+  }
+
+  .sm\:bottom-11 {
+    bottom: 2.75rem;
+  }
+
+  .sm\:left-11 {
+    left: 2.75rem;
+  }
+
+  .sm\:top-12 {
+    top: 3rem;
+  }
+
+  .sm\:right-12 {
+    right: 3rem;
+  }
+
+  .sm\:bottom-12 {
+    bottom: 3rem;
+  }
+
+  .sm\:left-12 {
+    left: 3rem;
+  }
+
+  .sm\:top-13 {
+    top: 3.25rem;
+  }
+
+  .sm\:right-13 {
+    right: 3.25rem;
+  }
+
+  .sm\:bottom-13 {
+    bottom: 3.25rem;
+  }
+
+  .sm\:left-13 {
+    left: 3.25rem;
+  }
+
+  .sm\:top-14 {
+    top: 3.5rem;
+  }
+
+  .sm\:right-14 {
+    right: 3.5rem;
+  }
+
+  .sm\:bottom-14 {
+    bottom: 3.5rem;
+  }
+
+  .sm\:left-14 {
+    left: 3.5rem;
+  }
+
+  .sm\:top-15 {
+    top: 3.75rem;
+  }
+
+  .sm\:right-15 {
+    right: 3.75rem;
+  }
+
+  .sm\:bottom-15 {
+    bottom: 3.75rem;
+  }
+
+  .sm\:left-15 {
+    left: 3.75rem;
+  }
+
+  .sm\:top-16 {
+    top: 4rem;
+  }
+
+  .sm\:right-16 {
+    right: 4rem;
+  }
+
+  .sm\:bottom-16 {
+    bottom: 4rem;
+  }
+
+  .sm\:left-16 {
+    left: 4rem;
+  }
+
+  .sm\:top-20 {
+    top: 5rem;
+  }
+
+  .sm\:right-20 {
+    right: 5rem;
+  }
+
+  .sm\:bottom-20 {
+    bottom: 5rem;
+  }
+
+  .sm\:left-20 {
+    left: 5rem;
+  }
+
+  .sm\:top-24 {
+    top: 6rem;
+  }
+
+  .sm\:right-24 {
+    right: 6rem;
+  }
+
+  .sm\:bottom-24 {
+    bottom: 6rem;
+  }
+
+  .sm\:left-24 {
+    left: 6rem;
+  }
+
+  .sm\:top-28 {
+    top: 7rem;
+  }
+
+  .sm\:right-28 {
+    right: 7rem;
+  }
+
+  .sm\:bottom-28 {
+    bottom: 7rem;
+  }
+
+  .sm\:left-28 {
+    left: 7rem;
+  }
+
+  .sm\:top-32 {
+    top: 8rem;
+  }
+
+  .sm\:right-32 {
+    right: 8rem;
+  }
+
+  .sm\:bottom-32 {
+    bottom: 8rem;
+  }
+
+  .sm\:left-32 {
+    left: 8rem;
+  }
+
+  .sm\:top-36 {
+    top: 9rem;
+  }
+
+  .sm\:right-36 {
+    right: 9rem;
+  }
+
+  .sm\:bottom-36 {
+    bottom: 9rem;
+  }
+
+  .sm\:left-36 {
+    left: 9rem;
+  }
+
+  .sm\:top-40 {
+    top: 10rem;
+  }
+
+  .sm\:right-40 {
+    right: 10rem;
+  }
+
+  .sm\:bottom-40 {
+    bottom: 10rem;
+  }
+
+  .sm\:left-40 {
+    left: 10rem;
+  }
+
+  .sm\:top-48 {
+    top: 12rem;
+  }
+
+  .sm\:right-48 {
+    right: 12rem;
+  }
+
+  .sm\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .sm\:left-48 {
+    left: 12rem;
+  }
+
+  .sm\:top-56 {
+    top: 14rem;
+  }
+
+  .sm\:right-56 {
+    right: 14rem;
+  }
+
+  .sm\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .sm\:left-56 {
+    left: 14rem;
+  }
+
+  .sm\:top-60 {
+    top: 15rem;
+  }
+
+  .sm\:right-60 {
+    right: 15rem;
+  }
+
+  .sm\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .sm\:left-60 {
+    left: 15rem;
+  }
+
+  .sm\:top-64 {
+    top: 16rem;
+  }
+
+  .sm\:right-64 {
+    right: 16rem;
+  }
+
+  .sm\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .sm\:left-64 {
+    left: 16rem;
+  }
+
+  .sm\:top-72 {
+    top: 18rem;
+  }
+
+  .sm\:right-72 {
+    right: 18rem;
+  }
+
+  .sm\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .sm\:left-72 {
+    left: 18rem;
+  }
+
+  .sm\:top-80 {
+    top: 20rem;
+  }
+
+  .sm\:right-80 {
+    right: 20rem;
+  }
+
+  .sm\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .sm\:left-80 {
+    left: 20rem;
+  }
+
+  .sm\:top-96 {
+    top: 24rem;
+  }
+
+  .sm\:right-96 {
+    right: 24rem;
+  }
+
+  .sm\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .sm\:left-96 {
+    left: 24rem;
+  }
+
+  .sm\:top-auto {
+    top: auto;
+  }
+
+  .sm\:right-auto {
+    right: auto;
+  }
+
+  .sm\:bottom-auto {
+    bottom: auto;
+  }
+
+  .sm\:left-auto {
+    left: auto;
+  }
+
+  .sm\:top-px {
+    top: 1px;
+  }
+
+  .sm\:right-px {
+    right: 1px;
+  }
+
+  .sm\:bottom-px {
+    bottom: 1px;
+  }
+
+  .sm\:left-px {
+    left: 1px;
+  }
+
+  .sm\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .sm\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .sm\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .sm\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .sm\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .sm\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .sm\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .sm\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .sm\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .sm\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .sm\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .sm\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .sm\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .sm\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .sm\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .sm\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .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\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .sm\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .sm\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .sm\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .sm\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .sm\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .sm\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .sm\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .sm\:top-1\/4 {
+    top: 25%;
+  }
+
+  .sm\:right-1\/4 {
+    right: 25%;
+  }
+
+  .sm\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .sm\:left-1\/4 {
+    left: 25%;
+  }
+
+  .sm\:top-2\/4 {
+    top: 50%;
+  }
+
+  .sm\:right-2\/4 {
+    right: 50%;
+  }
+
+  .sm\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .sm\:left-2\/4 {
+    left: 50%;
+  }
+
+  .sm\:top-3\/4 {
+    top: 75%;
+  }
+
+  .sm\:right-3\/4 {
+    right: 75%;
+  }
+
+  .sm\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .sm\:left-3\/4 {
+    left: 75%;
+  }
+
+  .sm\:top-1\/5 {
+    top: 20%;
+  }
+
+  .sm\:right-1\/5 {
+    right: 20%;
+  }
+
+  .sm\:bottom-1\/5 {
+    bottom: 20%;
+  }
+
+  .sm\:left-1\/5 {
+    left: 20%;
+  }
+
+  .sm\:top-2\/5 {
+    top: 40%;
+  }
+
+  .sm\:right-2\/5 {
+    right: 40%;
+  }
+
+  .sm\:bottom-2\/5 {
+    bottom: 40%;
+  }
+
+  .sm\:left-2\/5 {
+    left: 40%;
+  }
+
+  .sm\:top-3\/5 {
+    top: 60%;
+  }
+
+  .sm\:right-3\/5 {
+    right: 60%;
+  }
+
+  .sm\:bottom-3\/5 {
+    bottom: 60%;
+  }
+
+  .sm\:left-3\/5 {
+    left: 60%;
+  }
+
+  .sm\:top-4\/5 {
+    top: 80%;
+  }
+
+  .sm\:right-4\/5 {
+    right: 80%;
+  }
+
+  .sm\:bottom-4\/5 {
+    bottom: 80%;
+  }
+
+  .sm\:left-4\/5 {
+    left: 80%;
+  }
+
+  .sm\:top-1\/6 {
+    top: 16.666667%;
+  }
+
+  .sm\:right-1\/6 {
+    right: 16.666667%;
+  }
+
+  .sm\:bottom-1\/6 {
+    bottom: 16.666667%;
+  }
+
+  .sm\:left-1\/6 {
+    left: 16.666667%;
+  }
+
+  .sm\:top-2\/6 {
+    top: 33.333333%;
+  }
+
+  .sm\:right-2\/6 {
+    right: 33.333333%;
+  }
+
+  .sm\:bottom-2\/6 {
+    bottom: 33.333333%;
+  }
+
+  .sm\:left-2\/6 {
+    left: 33.333333%;
+  }
+
+  .sm\:top-3\/6 {
+    top: 50%;
+  }
+
+  .sm\:right-3\/6 {
+    right: 50%;
+  }
+
+  .sm\:bottom-3\/6 {
+    bottom: 50%;
+  }
+
+  .sm\:left-3\/6 {
+    left: 50%;
+  }
+
+  .sm\:top-4\/6 {
+    top: 66.666667%;
+  }
+
+  .sm\:right-4\/6 {
+    right: 66.666667%;
+  }
+
+  .sm\:bottom-4\/6 {
+    bottom: 66.666667%;
+  }
+
+  .sm\:left-4\/6 {
+    left: 66.666667%;
+  }
+
+  .sm\:top-5\/6 {
+    top: 83.333333%;
+  }
+
+  .sm\:right-5\/6 {
+    right: 83.333333%;
+  }
+
+  .sm\:bottom-5\/6 {
+    bottom: 83.333333%;
+  }
+
+  .sm\:left-5\/6 {
+    left: 83.333333%;
+  }
+
+  .sm\:top-1\/12 {
+    top: 8.333333%;
+  }
+
+  .sm\:right-1\/12 {
+    right: 8.333333%;
+  }
+
+  .sm\:bottom-1\/12 {
+    bottom: 8.333333%;
+  }
+
+  .sm\:left-1\/12 {
+    left: 8.333333%;
+  }
+
+  .sm\:top-2\/12 {
+    top: 16.666667%;
+  }
+
+  .sm\:right-2\/12 {
+    right: 16.666667%;
+  }
+
+  .sm\:bottom-2\/12 {
+    bottom: 16.666667%;
+  }
+
+  .sm\:left-2\/12 {
+    left: 16.666667%;
+  }
+
+  .sm\:top-3\/12 {
+    top: 25%;
+  }
+
+  .sm\:right-3\/12 {
+    right: 25%;
+  }
+
+  .sm\:bottom-3\/12 {
+    bottom: 25%;
+  }
+
+  .sm\:left-3\/12 {
+    left: 25%;
+  }
+
+  .sm\:top-4\/12 {
+    top: 33.333333%;
+  }
+
+  .sm\:right-4\/12 {
+    right: 33.333333%;
+  }
+
+  .sm\:bottom-4\/12 {
+    bottom: 33.333333%;
+  }
+
+  .sm\:left-4\/12 {
+    left: 33.333333%;
+  }
+
+  .sm\:top-5\/12 {
+    top: 41.666667%;
+  }
+
+  .sm\:right-5\/12 {
+    right: 41.666667%;
+  }
+
+  .sm\:bottom-5\/12 {
+    bottom: 41.666667%;
+  }
+
+  .sm\:left-5\/12 {
+    left: 41.666667%;
+  }
+
+  .sm\:top-6\/12 {
+    top: 50%;
+  }
+
+  .sm\:right-6\/12 {
+    right: 50%;
+  }
+
+  .sm\:bottom-6\/12 {
+    bottom: 50%;
+  }
+
+  .sm\:left-6\/12 {
+    left: 50%;
+  }
+
+  .sm\:top-7\/12 {
+    top: 58.333333%;
+  }
+
+  .sm\:right-7\/12 {
+    right: 58.333333%;
+  }
+
+  .sm\:bottom-7\/12 {
+    bottom: 58.333333%;
+  }
+
+  .sm\:left-7\/12 {
+    left: 58.333333%;
+  }
+
+  .sm\:top-8\/12 {
+    top: 66.666667%;
+  }
+
+  .sm\:right-8\/12 {
+    right: 66.666667%;
+  }
+
+  .sm\:bottom-8\/12 {
+    bottom: 66.666667%;
+  }
+
+  .sm\:left-8\/12 {
+    left: 66.666667%;
+  }
+
+  .sm\:top-9\/12 {
+    top: 75%;
+  }
+
+  .sm\:right-9\/12 {
+    right: 75%;
+  }
+
+  .sm\:bottom-9\/12 {
+    bottom: 75%;
+  }
+
+  .sm\:left-9\/12 {
+    left: 75%;
+  }
+
+  .sm\:top-10\/12 {
+    top: 83.333333%;
+  }
+
+  .sm\:right-10\/12 {
+    right: 83.333333%;
+  }
+
+  .sm\:bottom-10\/12 {
+    bottom: 83.333333%;
+  }
+
+  .sm\:left-10\/12 {
+    left: 83.333333%;
+  }
+
+  .sm\:top-11\/12 {
+    top: 91.666667%;
+  }
+
+  .sm\:right-11\/12 {
+    right: 91.666667%;
+  }
+
+  .sm\:bottom-11\/12 {
+    bottom: 91.666667%;
+  }
+
+  .sm\:left-11\/12 {
+    left: 91.666667%;
+  }
+
+  .sm\:top-full {
+    top: 100%;
+  }
+
+  .sm\:right-full {
+    right: 100%;
+  }
+
+  .sm\:bottom-full {
+    bottom: 100%;
+  }
+
+  .sm\:left-full {
+    left: 100%;
+  }
+
+  .sm\:resize-none {
+    resize: none;
+  }
+
+  .sm\:resize-y {
+    resize: vertical;
+  }
+
+  .sm\:resize-x {
+    resize: horizontal;
+  }
+
+  .sm\:resize {
+    resize: both;
+  }
+
+  .sm\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .sm\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .sm\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .sm\:shadow-none {
+    box-shadow: none;
+  }
+
+  .sm\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .sm\:shadow-outline-gray {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .sm\:shadow-outline-blue {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .sm\:shadow-outline-teal {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .sm\:shadow-outline-green {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .sm\:shadow-outline-yellow {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .sm\:shadow-outline-orange {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .sm\:shadow-outline-red {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .sm\:shadow-outline-pink {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .sm\:shadow-outline-purple {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .sm\:shadow-outline-indigo {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .sm\:group-focus\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-none {
+    box-shadow: none;
+  }
+
+  .group:focus .sm\:group-focus\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-gray {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-blue {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-teal {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-green {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-yellow {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-orange {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-red {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-pink {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-purple {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .group:focus .sm\:group-focus\:shadow-outline-indigo {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .sm\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\: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);
+  }
+
+  .sm\: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);
+  }
+
+  .sm\: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);
+  }
+
+  .sm\: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);
+  }
+
+  .sm\:hover\:shadow-2xl:hover {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .sm\:hover\:shadow-inner:hover {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:hover\:shadow-outline:hover {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .sm\:hover\:shadow-none:hover {
+    box-shadow: none;
+  }
+
+  .sm\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .sm\:hover\:shadow-outline-gray:hover {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-blue:hover {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-teal:hover {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-green:hover {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-yellow:hover {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-orange:hover {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-red:hover {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-pink:hover {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-purple:hover {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .sm\:hover\:shadow-outline-indigo:hover {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .sm\:focus\:shadow-xs:focus {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\: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);
+  }
+
+  .sm\: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);
+  }
+
+  .sm\: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);
+  }
+
+  .sm\: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);
+  }
+
+  .sm\:focus\:shadow-2xl:focus {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .sm\:focus\:shadow-inner:focus {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:focus\:shadow-outline:focus {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .sm\:focus\:shadow-none:focus {
+    box-shadow: none;
+  }
+
+  .sm\:focus\:shadow-solid:focus {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .sm\:focus\:shadow-outline-gray:focus {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .sm\:focus\:shadow-outline-blue:focus {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .sm\:focus\:shadow-outline-teal:focus {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .sm\:focus\:shadow-outline-green:focus {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .sm\:focus\:shadow-outline-yellow:focus {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .sm\:focus\:shadow-outline-orange:focus {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .sm\:focus\:shadow-outline-red:focus {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .sm\:focus\:shadow-outline-pink:focus {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .sm\:focus\:shadow-outline-purple:focus {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .sm\:focus\:shadow-outline-indigo:focus {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .sm\:fill-current {
+    fill: currentColor;
+  }
+
+  .sm\:stroke-current {
+    stroke: currentColor;
+  }
+
+  .sm\:stroke-0 {
+    stroke-width: 0;
+  }
+
+  .sm\:stroke-1 {
+    stroke-width: 1;
+  }
+
+  .sm\:stroke-2 {
+    stroke-width: 2;
+  }
+
+  .sm\:table-auto {
+    table-layout: auto;
+  }
+
+  .sm\:table-fixed {
+    table-layout: fixed;
+  }
+
+  .sm\:text-left {
+    text-align: left;
+  }
+
+  .sm\:text-center {
+    text-align: center;
+  }
+
+  .sm\:text-right {
+    text-align: right;
+  }
+
+  .sm\:text-justify {
+    text-align: justify;
+  }
+
+  .sm\:text-transparent {
+    color: transparent;
+  }
+
+  .sm\:text-white {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .sm\:text-black {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .sm\:text-gray-50 {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .sm\:text-gray-100 {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .sm\:text-gray-200 {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .sm\:text-gray-300 {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .sm\:text-gray-400 {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .sm\:text-gray-500 {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .sm\:text-gray-600 {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .sm\:text-gray-700 {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .sm\:text-gray-800 {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .sm\:text-gray-900 {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .sm\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .sm\:text-cool-gray-100 {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .sm\:text-cool-gray-200 {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .sm\:text-cool-gray-300 {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .sm\:text-cool-gray-400 {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .sm\:text-cool-gray-500 {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .sm\:text-cool-gray-600 {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .sm\:text-cool-gray-700 {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .sm\:text-cool-gray-800 {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .sm\:text-cool-gray-900 {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .sm\:text-red-50 {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .sm\:text-red-100 {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .sm\:text-red-200 {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .sm\:text-red-300 {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .sm\:text-red-400 {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .sm\:text-red-500 {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .sm\:text-red-600 {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .sm\:text-red-700 {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .sm\:text-red-800 {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .sm\:text-red-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .sm\:text-orange-50 {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .sm\:text-orange-100 {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .sm\:text-orange-200 {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .sm\:text-orange-300 {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .sm\:text-orange-400 {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .sm\:text-orange-500 {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .sm\:text-orange-600 {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .sm\:text-orange-700 {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .sm\:text-orange-800 {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .sm\:text-orange-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .sm\:text-yellow-50 {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .sm\:text-yellow-100 {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .sm\:text-yellow-200 {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .sm\:text-yellow-300 {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .sm\:text-yellow-400 {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .sm\:text-yellow-500 {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .sm\:text-yellow-600 {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .sm\:text-yellow-700 {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .sm\:text-yellow-800 {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .sm\:text-yellow-900 {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .sm\:text-green-50 {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .sm\:text-green-100 {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .sm\:text-green-200 {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .sm\:text-green-300 {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .sm\:text-green-400 {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .sm\:text-green-500 {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .sm\:text-green-600 {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .sm\:text-green-700 {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .sm\:text-green-800 {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .sm\:text-green-900 {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .sm\:text-teal-50 {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .sm\:text-teal-100 {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .sm\:text-teal-200 {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .sm\:text-teal-300 {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .sm\:text-teal-400 {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .sm\:text-teal-500 {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .sm\:text-teal-600 {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .sm\:text-teal-700 {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .sm\:text-teal-800 {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .sm\:text-teal-900 {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .sm\:text-blue-50 {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .sm\:text-blue-100 {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .sm\:text-blue-200 {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .sm\:text-blue-300 {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .sm\:text-blue-400 {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .sm\:text-blue-500 {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .sm\:text-blue-600 {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .sm\:text-blue-700 {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .sm\:text-blue-800 {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .sm\:text-blue-900 {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .sm\:text-indigo-50 {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .sm\:text-indigo-100 {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .sm\:text-indigo-200 {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .sm\:text-indigo-300 {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .sm\:text-indigo-400 {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .sm\:text-indigo-500 {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .sm\:text-indigo-600 {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .sm\:text-indigo-700 {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .sm\:text-indigo-800 {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .sm\:text-indigo-900 {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .sm\:text-purple-50 {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .sm\:text-purple-100 {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .sm\:text-purple-200 {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .sm\:text-purple-300 {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .sm\:text-purple-400 {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .sm\:text-purple-500 {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .sm\:text-purple-600 {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .sm\:text-purple-700 {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .sm\:text-purple-800 {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .sm\:text-purple-900 {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .sm\:text-pink-50 {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .sm\:text-pink-100 {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .sm\:text-pink-200 {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .sm\:text-pink-300 {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .sm\:text-pink-400 {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .sm\:text-pink-500 {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .sm\:text-pink-600 {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .sm\:text-pink-700 {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .sm\:text-pink-800 {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .sm\:text-pink-900 {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-transparent {
+    color: transparent;
+  }
+
+  .group:hover .sm\:group-hover\:text-white {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-black {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-50 {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-100 {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-200 {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-300 {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-400 {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-500 {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-600 {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-700 {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-800 {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-900 {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-cool-gray-100 {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-cool-gray-200 {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-cool-gray-300 {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-cool-gray-400 {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-cool-gray-500 {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-cool-gray-600 {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-cool-gray-700 {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-cool-gray-800 {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-cool-gray-900 {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-50 {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-100 {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-200 {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-300 {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-400 {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-500 {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-600 {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-700 {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-800 {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-50 {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-100 {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-200 {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-300 {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-400 {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-500 {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-600 {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-700 {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-800 {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-50 {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-100 {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-200 {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-300 {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-400 {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-500 {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-600 {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-700 {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-800 {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-900 {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-50 {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-100 {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-200 {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-300 {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-400 {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-500 {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-600 {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-700 {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-800 {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-900 {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-teal-50 {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-teal-100 {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-teal-200 {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-teal-300 {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-teal-400 {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-teal-500 {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-teal-600 {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-teal-700 {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-teal-800 {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-teal-900 {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-50 {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-100 {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-200 {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-300 {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-400 {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-500 {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-600 {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-700 {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-800 {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-900 {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-50 {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-100 {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-200 {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-300 {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-400 {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-500 {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-600 {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-700 {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-800 {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-900 {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-50 {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-100 {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-200 {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-300 {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-400 {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-500 {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-600 {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-700 {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-800 {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-900 {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-50 {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-100 {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-200 {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-300 {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-400 {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-500 {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-600 {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-700 {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-800 {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-900 {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-transparent {
+    color: transparent;
+  }
+
+  .group:focus .sm\:group-focus\:text-white {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-black {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-gray-50 {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-gray-100 {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-gray-200 {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-gray-300 {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-gray-400 {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-gray-500 {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-gray-600 {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-gray-700 {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-gray-800 {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-gray-900 {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-cool-gray-100 {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-cool-gray-200 {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-cool-gray-300 {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-cool-gray-400 {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-cool-gray-500 {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-cool-gray-600 {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-cool-gray-700 {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-cool-gray-800 {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-cool-gray-900 {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-red-50 {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-red-100 {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-red-200 {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-red-300 {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-red-400 {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-red-500 {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-red-600 {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-red-700 {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-red-800 {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-red-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-orange-50 {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-orange-100 {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-orange-200 {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-orange-300 {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-orange-400 {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-orange-500 {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-orange-600 {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-orange-700 {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-orange-800 {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-orange-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-yellow-50 {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-yellow-100 {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-yellow-200 {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-yellow-300 {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-yellow-400 {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-yellow-500 {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-yellow-600 {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-yellow-700 {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-yellow-800 {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-yellow-900 {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-green-50 {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-green-100 {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-green-200 {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-green-300 {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-green-400 {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-green-500 {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-green-600 {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-green-700 {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-green-800 {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-green-900 {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-teal-50 {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-teal-100 {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-teal-200 {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-teal-300 {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-teal-400 {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-teal-500 {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-teal-600 {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-teal-700 {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-teal-800 {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-teal-900 {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-blue-50 {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-blue-100 {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-blue-200 {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-blue-300 {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-blue-400 {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-blue-500 {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-blue-600 {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-blue-700 {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-blue-800 {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-blue-900 {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-indigo-50 {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-indigo-100 {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-indigo-200 {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-indigo-300 {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-indigo-400 {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-indigo-500 {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-indigo-600 {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-indigo-700 {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-indigo-800 {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-indigo-900 {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-purple-50 {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-purple-100 {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-purple-200 {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-purple-300 {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-purple-400 {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-purple-500 {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-purple-600 {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-purple-700 {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-purple-800 {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-purple-900 {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-pink-50 {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-pink-100 {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-pink-200 {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-pink-300 {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-pink-400 {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-pink-500 {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-pink-600 {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-pink-700 {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-pink-800 {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .group:focus .sm\:group-focus\:text-pink-900 {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .sm\:hover\:text-white:hover {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-black:hover {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-gray-50:hover {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-gray-100:hover {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-gray-200:hover {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-gray-300:hover {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-gray-400:hover {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-gray-500:hover {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-gray-600:hover {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-gray-700:hover {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-gray-800:hover {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-gray-900:hover {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-cool-gray-50:hover {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-cool-gray-100:hover {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-cool-gray-200:hover {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-cool-gray-300:hover {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-cool-gray-400:hover {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-cool-gray-500:hover {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-cool-gray-600:hover {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-cool-gray-700:hover {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-cool-gray-800:hover {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-cool-gray-900:hover {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-red-50:hover {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-red-100:hover {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-red-200:hover {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-red-300:hover {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-red-400:hover {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-red-500:hover {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-red-600:hover {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-red-700:hover {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-red-800:hover {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-red-900:hover {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-orange-50:hover {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-orange-100:hover {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-orange-200:hover {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-orange-300:hover {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-orange-400:hover {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-orange-500:hover {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-orange-600:hover {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-orange-700:hover {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-orange-800:hover {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-orange-900:hover {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-50:hover {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-100:hover {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-200:hover {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-300:hover {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-400:hover {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-500:hover {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-600:hover {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-700:hover {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-800:hover {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-900:hover {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-green-50:hover {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-green-100:hover {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-green-200:hover {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-green-300:hover {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-green-400:hover {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-green-500:hover {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-green-600:hover {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-green-700:hover {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-green-800:hover {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-green-900:hover {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-teal-50:hover {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-teal-100:hover {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-teal-200:hover {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-teal-300:hover {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-teal-400:hover {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-teal-500:hover {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-teal-600:hover {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-teal-700:hover {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-teal-800:hover {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-teal-900:hover {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-blue-50:hover {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-blue-100:hover {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-blue-200:hover {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-blue-300:hover {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-blue-400:hover {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-blue-500:hover {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-blue-600:hover {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-blue-700:hover {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-blue-800:hover {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-blue-900:hover {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-50:hover {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-100:hover {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-200:hover {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-300:hover {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-400:hover {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-500:hover {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-600:hover {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-700:hover {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-800:hover {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-900:hover {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-purple-50:hover {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-purple-100:hover {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-purple-200:hover {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-purple-300:hover {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-purple-400:hover {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-purple-500:hover {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-purple-600:hover {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-purple-700:hover {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-purple-800:hover {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-purple-900:hover {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-pink-50:hover {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-pink-100:hover {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-pink-200:hover {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-pink-300:hover {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-pink-400:hover {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-pink-500:hover {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-pink-600:hover {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-pink-700:hover {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-pink-800:hover {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .sm\:hover\:text-pink-900:hover {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .sm\:focus-within\:text-white:focus-within {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-black:focus-within {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-cool-gray-50:focus-within {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-cool-gray-100:focus-within {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-cool-gray-200:focus-within {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-cool-gray-300:focus-within {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-cool-gray-400:focus-within {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-cool-gray-500:focus-within {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-cool-gray-600:focus-within {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-cool-gray-700:focus-within {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-cool-gray-800:focus-within {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-cool-gray-900:focus-within {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-orange-50:focus-within {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-orange-100:focus-within {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-orange-200:focus-within {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-orange-300:focus-within {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-orange-400:focus-within {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-orange-500:focus-within {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-orange-600:focus-within {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-orange-700:focus-within {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-orange-800:focus-within {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-orange-900:focus-within {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-teal-50:focus-within {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-teal-100:focus-within {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-teal-200:focus-within {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-teal-300:focus-within {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-teal-400:focus-within {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-teal-500:focus-within {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-teal-600:focus-within {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-teal-700:focus-within {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-teal-800:focus-within {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-teal-900:focus-within {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-transparent:focus {
+    color: transparent;
+  }
+
+  .sm\:focus\:text-white:focus {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-black:focus {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-gray-50:focus {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-gray-100:focus {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-gray-200:focus {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-gray-300:focus {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-gray-400:focus {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-gray-500:focus {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-gray-600:focus {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-gray-700:focus {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-gray-800:focus {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-gray-900:focus {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-cool-gray-50:focus {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-cool-gray-100:focus {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-cool-gray-200:focus {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-cool-gray-300:focus {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-cool-gray-400:focus {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-cool-gray-500:focus {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-cool-gray-600:focus {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-cool-gray-700:focus {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-cool-gray-800:focus {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-cool-gray-900:focus {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-red-50:focus {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-red-100:focus {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-red-200:focus {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-red-300:focus {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-red-400:focus {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-red-500:focus {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-red-600:focus {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-red-700:focus {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-red-800:focus {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-red-900:focus {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-orange-50:focus {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-orange-100:focus {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-orange-200:focus {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-orange-300:focus {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-orange-400:focus {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-orange-500:focus {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-orange-600:focus {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-orange-700:focus {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-orange-800:focus {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-orange-900:focus {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-50:focus {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-100:focus {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-200:focus {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-300:focus {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-400:focus {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-500:focus {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-600:focus {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-700:focus {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-800:focus {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-900:focus {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-green-50:focus {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-green-100:focus {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-green-200:focus {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-green-300:focus {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-green-400:focus {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-green-500:focus {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-green-600:focus {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-green-700:focus {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-green-800:focus {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-green-900:focus {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-teal-50:focus {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-teal-100:focus {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-teal-200:focus {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-teal-300:focus {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-teal-400:focus {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-teal-500:focus {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-teal-600:focus {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-teal-700:focus {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-teal-800:focus {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-teal-900:focus {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-blue-50:focus {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-blue-100:focus {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-blue-200:focus {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-blue-300:focus {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-blue-400:focus {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-blue-500:focus {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-blue-600:focus {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-blue-700:focus {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-blue-800:focus {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-blue-900:focus {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-50:focus {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-100:focus {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-200:focus {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-300:focus {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-400:focus {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-500:focus {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-600:focus {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-700:focus {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-800:focus {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-900:focus {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-purple-50:focus {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-purple-100:focus {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-purple-200:focus {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-purple-300:focus {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-purple-400:focus {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-purple-500:focus {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-purple-600:focus {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-purple-700:focus {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-purple-800:focus {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-purple-900:focus {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-pink-50:focus {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-pink-100:focus {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-pink-200:focus {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-pink-300:focus {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-pink-400:focus {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-pink-500:focus {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-pink-600:focus {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-pink-700:focus {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-pink-800:focus {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .sm\:focus\:text-pink-900:focus {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .sm\:active\:text-transparent:active {
+    color: transparent;
+  }
+
+  .sm\:active\:text-white:active {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .sm\:active\:text-black:active {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .sm\:active\:text-gray-50:active {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .sm\:active\:text-gray-100:active {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .sm\:active\:text-gray-200:active {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .sm\:active\:text-gray-300:active {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .sm\:active\:text-gray-400:active {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .sm\:active\:text-gray-500:active {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .sm\:active\:text-gray-600:active {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .sm\:active\:text-gray-700:active {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .sm\:active\:text-gray-800:active {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .sm\:active\:text-gray-900:active {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .sm\:active\:text-cool-gray-50:active {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .sm\:active\:text-cool-gray-100:active {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .sm\:active\:text-cool-gray-200:active {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .sm\:active\:text-cool-gray-300:active {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .sm\:active\:text-cool-gray-400:active {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .sm\:active\:text-cool-gray-500:active {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .sm\:active\:text-cool-gray-600:active {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .sm\:active\:text-cool-gray-700:active {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .sm\:active\:text-cool-gray-800:active {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .sm\:active\:text-cool-gray-900:active {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .sm\:active\:text-red-50:active {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .sm\:active\:text-red-100:active {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .sm\:active\:text-red-200:active {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .sm\:active\:text-red-300:active {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .sm\:active\:text-red-400:active {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .sm\:active\:text-red-500:active {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .sm\:active\:text-red-600:active {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .sm\:active\:text-red-700:active {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .sm\:active\:text-red-800:active {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .sm\:active\:text-red-900:active {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .sm\:active\:text-orange-50:active {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .sm\:active\:text-orange-100:active {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .sm\:active\:text-orange-200:active {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .sm\:active\:text-orange-300:active {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .sm\:active\:text-orange-400:active {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .sm\:active\:text-orange-500:active {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .sm\:active\:text-orange-600:active {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .sm\:active\:text-orange-700:active {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .sm\:active\:text-orange-800:active {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .sm\:active\:text-orange-900:active {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .sm\:active\:text-yellow-50:active {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .sm\:active\:text-yellow-100:active {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .sm\:active\:text-yellow-200:active {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .sm\:active\:text-yellow-300:active {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .sm\:active\:text-yellow-400:active {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .sm\:active\:text-yellow-500:active {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .sm\:active\:text-yellow-600:active {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .sm\:active\:text-yellow-700:active {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .sm\:active\:text-yellow-800:active {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .sm\:active\:text-yellow-900:active {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .sm\:active\:text-green-50:active {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .sm\:active\:text-green-100:active {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .sm\:active\:text-green-200:active {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .sm\:active\:text-green-300:active {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .sm\:active\:text-green-400:active {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .sm\:active\:text-green-500:active {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .sm\:active\:text-green-600:active {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .sm\:active\:text-green-700:active {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .sm\:active\:text-green-800:active {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .sm\:active\:text-green-900:active {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .sm\:active\:text-teal-50:active {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .sm\:active\:text-teal-100:active {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .sm\:active\:text-teal-200:active {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .sm\:active\:text-teal-300:active {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .sm\:active\:text-teal-400:active {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .sm\:active\:text-teal-500:active {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .sm\:active\:text-teal-600:active {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .sm\:active\:text-teal-700:active {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .sm\:active\:text-teal-800:active {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .sm\:active\:text-teal-900:active {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .sm\:active\:text-blue-50:active {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .sm\:active\:text-blue-100:active {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .sm\:active\:text-blue-200:active {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .sm\:active\:text-blue-300:active {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .sm\:active\:text-blue-400:active {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .sm\:active\:text-blue-500:active {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .sm\:active\:text-blue-600:active {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .sm\:active\:text-blue-700:active {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .sm\:active\:text-blue-800:active {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .sm\:active\:text-blue-900:active {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .sm\:active\:text-indigo-50:active {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .sm\:active\:text-indigo-100:active {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .sm\:active\:text-indigo-200:active {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .sm\:active\:text-indigo-300:active {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .sm\:active\:text-indigo-400:active {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .sm\:active\:text-indigo-500:active {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .sm\:active\:text-indigo-600:active {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .sm\:active\:text-indigo-700:active {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .sm\:active\:text-indigo-800:active {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .sm\:active\:text-indigo-900:active {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .sm\:active\:text-purple-50:active {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .sm\:active\:text-purple-100:active {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .sm\:active\:text-purple-200:active {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .sm\:active\:text-purple-300:active {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .sm\:active\:text-purple-400:active {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .sm\:active\:text-purple-500:active {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .sm\:active\:text-purple-600:active {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .sm\:active\:text-purple-700:active {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .sm\:active\:text-purple-800:active {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .sm\:active\:text-purple-900:active {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .sm\:active\:text-pink-50:active {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .sm\:active\:text-pink-100:active {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .sm\:active\:text-pink-200:active {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .sm\:active\:text-pink-300:active {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .sm\:active\:text-pink-400:active {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .sm\:active\:text-pink-500:active {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .sm\:active\:text-pink-600:active {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .sm\:active\:text-pink-700:active {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .sm\:active\:text-pink-800:active {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .sm\:active\:text-pink-900:active {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .sm\:text-opacity-0 {
+    --text-opacity: 0;
+  }
+
+  .sm\:text-opacity-25 {
+    --text-opacity: 0.25;
+  }
+
+  .sm\:text-opacity-50 {
+    --text-opacity: 0.5;
+  }
+
+  .sm\:text-opacity-75 {
+    --text-opacity: 0.75;
+  }
+
+  .sm\:text-opacity-100 {
+    --text-opacity: 1;
+  }
+
+  .sm\:hover\:text-opacity-0:hover {
+    --text-opacity: 0;
+  }
+
+  .sm\:hover\:text-opacity-25:hover {
+    --text-opacity: 0.25;
+  }
+
+  .sm\:hover\:text-opacity-50:hover {
+    --text-opacity: 0.5;
+  }
+
+  .sm\:hover\:text-opacity-75:hover {
+    --text-opacity: 0.75;
+  }
+
+  .sm\:hover\:text-opacity-100:hover {
+    --text-opacity: 1;
+  }
+
+  .sm\:focus\:text-opacity-0:focus {
+    --text-opacity: 0;
+  }
+
+  .sm\:focus\:text-opacity-25:focus {
+    --text-opacity: 0.25;
+  }
+
+  .sm\:focus\:text-opacity-50:focus {
+    --text-opacity: 0.5;
+  }
+
+  .sm\:focus\:text-opacity-75:focus {
+    --text-opacity: 0.75;
+  }
+
+  .sm\:focus\:text-opacity-100:focus {
+    --text-opacity: 1;
+  }
+
+  .sm\:italic {
+    font-style: italic;
+  }
+
+  .sm\:not-italic {
+    font-style: normal;
+  }
+
+  .sm\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .sm\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .sm\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .sm\:normal-case {
+    text-transform: none;
+  }
+
+  .sm\:underline {
+    text-decoration: underline;
+  }
+
+  .sm\:line-through {
+    text-decoration: line-through;
+  }
+
+  .sm\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:hover .sm\:group-hover\:underline {
+    text-decoration: underline;
+  }
+
+  .group:hover .sm\:group-hover\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:hover .sm\:group-hover\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:focus .sm\:group-focus\:underline {
+    text-decoration: underline;
+  }
+
+  .group:focus .sm\:group-focus\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:focus .sm\:group-focus\:no-underline {
+    text-decoration: none;
+  }
+
+  .sm\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .sm\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .sm\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .sm\:focus\:underline:focus {
+    text-decoration: underline;
+  }
+
+  .sm\:focus\:line-through:focus {
+    text-decoration: line-through;
+  }
+
+  .sm\:focus\:no-underline:focus {
+    text-decoration: none;
+  }
+
+  .sm\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .sm\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .sm\:tracking-tighter {
+    letter-spacing: -0.05em;
+  }
+
+  .sm\:tracking-tight {
+    letter-spacing: -0.025em;
+  }
+
+  .sm\:tracking-normal {
+    letter-spacing: 0;
+  }
+
+  .sm\:tracking-wide {
+    letter-spacing: 0.025em;
+  }
+
+  .sm\:tracking-wider {
+    letter-spacing: 0.05em;
+  }
+
+  .sm\:tracking-widest {
+    letter-spacing: 0.1em;
+  }
+
+  .sm\:select-none {
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+  }
+
+  .sm\:select-text {
+    -webkit-user-select: text;
+       -moz-user-select: text;
+        -ms-user-select: text;
+            user-select: text;
+  }
+
+  .sm\:select-all {
+    -webkit-user-select: all;
+       -moz-user-select: all;
+        -ms-user-select: all;
+            user-select: all;
+  }
+
+  .sm\:select-auto {
+    -webkit-user-select: auto;
+       -moz-user-select: auto;
+        -ms-user-select: auto;
+            user-select: auto;
+  }
+
+  .sm\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .sm\:align-top {
+    vertical-align: top;
+  }
+
+  .sm\:align-middle {
+    vertical-align: middle;
+  }
+
+  .sm\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .sm\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .sm\:align-text-bottom {
+    vertical-align: text-bottom;
+  }
+
+  .sm\:visible {
+    visibility: visible;
+  }
+
+  .sm\:invisible {
+    visibility: hidden;
+  }
+
+  .sm\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .sm\:whitespace-no-wrap {
+    white-space: nowrap;
+  }
+
+  .sm\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .sm\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .sm\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .sm\:break-normal {
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .sm\:break-words {
+    overflow-wrap: break-word;
+  }
+
+  .sm\:break-all {
+    word-break: break-all;
+  }
+
+  .sm\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .sm\:w-0 {
+    width: 0;
+  }
+
+  .sm\:w-1 {
+    width: 0.25rem;
+  }
+
+  .sm\:w-2 {
+    width: 0.5rem;
+  }
+
+  .sm\:w-3 {
+    width: 0.75rem;
+  }
+
+  .sm\:w-4 {
+    width: 1rem;
+  }
+
+  .sm\:w-5 {
+    width: 1.25rem;
+  }
+
+  .sm\:w-6 {
+    width: 1.5rem;
+  }
+
+  .sm\:w-7 {
+    width: 1.75rem;
+  }
+
+  .sm\:w-8 {
+    width: 2rem;
+  }
+
+  .sm\:w-9 {
+    width: 2.25rem;
+  }
+
+  .sm\:w-10 {
+    width: 2.5rem;
+  }
+
+  .sm\:w-11 {
+    width: 2.75rem;
+  }
+
+  .sm\:w-12 {
+    width: 3rem;
+  }
+
+  .sm\:w-13 {
+    width: 3.25rem;
+  }
+
+  .sm\:w-14 {
+    width: 3.5rem;
+  }
+
+  .sm\:w-15 {
+    width: 3.75rem;
+  }
+
+  .sm\:w-16 {
+    width: 4rem;
+  }
+
+  .sm\:w-20 {
+    width: 5rem;
+  }
+
+  .sm\:w-24 {
+    width: 6rem;
+  }
+
+  .sm\:w-28 {
+    width: 7rem;
+  }
+
+  .sm\:w-32 {
+    width: 8rem;
+  }
+
+  .sm\:w-36 {
+    width: 9rem;
+  }
+
+  .sm\:w-40 {
+    width: 10rem;
+  }
+
+  .sm\:w-48 {
+    width: 12rem;
+  }
+
+  .sm\:w-56 {
+    width: 14rem;
+  }
+
+  .sm\:w-60 {
+    width: 15rem;
+  }
+
+  .sm\:w-64 {
+    width: 16rem;
+  }
+
+  .sm\:w-72 {
+    width: 18rem;
+  }
+
+  .sm\:w-80 {
+    width: 20rem;
+  }
+
+  .sm\:w-96 {
+    width: 24rem;
+  }
+
+  .sm\:w-auto {
+    width: auto;
+  }
+
+  .sm\:w-px {
+    width: 1px;
+  }
+
+  .sm\:w-0\.5 {
+    width: 0.125rem;
+  }
+
+  .sm\:w-1\.5 {
+    width: 0.375rem;
+  }
+
+  .sm\:w-2\.5 {
+    width: 0.625rem;
+  }
+
+  .sm\:w-3\.5 {
+    width: 0.875rem;
+  }
+
+  .sm\:w-1\/2 {
+    width: 50%;
+  }
+
+  .sm\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .sm\:w-2\/3 {
+    width: 66.666667%;
+  }
+
+  .sm\:w-1\/4 {
+    width: 25%;
+  }
+
+  .sm\:w-2\/4 {
+    width: 50%;
+  }
+
+  .sm\:w-3\/4 {
+    width: 75%;
+  }
+
+  .sm\:w-1\/5 {
+    width: 20%;
+  }
+
+  .sm\:w-2\/5 {
+    width: 40%;
+  }
+
+  .sm\:w-3\/5 {
+    width: 60%;
+  }
+
+  .sm\:w-4\/5 {
+    width: 80%;
+  }
+
+  .sm\:w-1\/6 {
+    width: 16.666667%;
+  }
+
+  .sm\:w-2\/6 {
+    width: 33.333333%;
+  }
+
+  .sm\:w-3\/6 {
+    width: 50%;
+  }
+
+  .sm\:w-4\/6 {
+    width: 66.666667%;
+  }
+
+  .sm\:w-5\/6 {
+    width: 83.333333%;
+  }
+
+  .sm\:w-1\/12 {
+    width: 8.333333%;
+  }
+
+  .sm\:w-2\/12 {
+    width: 16.666667%;
+  }
+
+  .sm\:w-3\/12 {
+    width: 25%;
+  }
+
+  .sm\:w-4\/12 {
+    width: 33.333333%;
+  }
+
+  .sm\:w-5\/12 {
+    width: 41.666667%;
+  }
+
+  .sm\:w-6\/12 {
+    width: 50%;
+  }
+
+  .sm\:w-7\/12 {
+    width: 58.333333%;
+  }
+
+  .sm\:w-8\/12 {
+    width: 66.666667%;
+  }
+
+  .sm\:w-9\/12 {
+    width: 75%;
+  }
+
+  .sm\:w-10\/12 {
+    width: 83.333333%;
+  }
+
+  .sm\:w-11\/12 {
+    width: 91.666667%;
+  }
+
+  .sm\:w-full {
+    width: 100%;
+  }
+
+  .sm\:w-screen {
+    width: 100vw;
+  }
+
+  .sm\:z-0 {
+    z-index: 0;
+  }
+
+  .sm\:z-10 {
+    z-index: 10;
+  }
+
+  .sm\:z-20 {
+    z-index: 20;
+  }
+
+  .sm\:z-30 {
+    z-index: 30;
+  }
+
+  .sm\:z-40 {
+    z-index: 40;
+  }
+
+  .sm\:z-50 {
+    z-index: 50;
+  }
+
+  .sm\:z-auto {
+    z-index: auto;
+  }
+
+  .sm\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .sm\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .sm\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .sm\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .sm\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .sm\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .sm\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
+  .sm\:focus\:z-0:focus {
+    z-index: 0;
+  }
+
+  .sm\:focus\:z-10:focus {
+    z-index: 10;
+  }
+
+  .sm\:focus\:z-20:focus {
+    z-index: 20;
+  }
+
+  .sm\:focus\:z-30:focus {
+    z-index: 30;
+  }
+
+  .sm\:focus\:z-40:focus {
+    z-index: 40;
+  }
+
+  .sm\:focus\:z-50:focus {
+    z-index: 50;
+  }
+
+  .sm\:focus\:z-auto:focus {
+    z-index: auto;
+  }
+
+  .sm\:gap-0 {
+    grid-gap: 0;
+    gap: 0;
+  }
+
+  .sm\:gap-1 {
+    grid-gap: 0.25rem;
+    gap: 0.25rem;
+  }
+
+  .sm\:gap-2 {
+    grid-gap: 0.5rem;
+    gap: 0.5rem;
+  }
+
+  .sm\:gap-3 {
+    grid-gap: 0.75rem;
+    gap: 0.75rem;
+  }
+
+  .sm\:gap-4 {
+    grid-gap: 1rem;
+    gap: 1rem;
+  }
+
+  .sm\:gap-5 {
+    grid-gap: 1.25rem;
+    gap: 1.25rem;
+  }
+
+  .sm\:gap-6 {
+    grid-gap: 1.5rem;
+    gap: 1.5rem;
+  }
+
+  .sm\:gap-7 {
+    grid-gap: 1.75rem;
+    gap: 1.75rem;
+  }
+
+  .sm\:gap-8 {
+    grid-gap: 2rem;
+    gap: 2rem;
+  }
+
+  .sm\:gap-9 {
+    grid-gap: 2.25rem;
+    gap: 2.25rem;
+  }
+
+  .sm\:gap-10 {
+    grid-gap: 2.5rem;
+    gap: 2.5rem;
+  }
+
+  .sm\:gap-11 {
+    grid-gap: 2.75rem;
+    gap: 2.75rem;
+  }
+
+  .sm\:gap-12 {
+    grid-gap: 3rem;
+    gap: 3rem;
+  }
+
+  .sm\:gap-13 {
+    grid-gap: 3.25rem;
+    gap: 3.25rem;
+  }
+
+  .sm\:gap-14 {
+    grid-gap: 3.5rem;
+    gap: 3.5rem;
+  }
+
+  .sm\:gap-15 {
+    grid-gap: 3.75rem;
+    gap: 3.75rem;
+  }
+
+  .sm\:gap-16 {
+    grid-gap: 4rem;
+    gap: 4rem;
+  }
+
+  .sm\:gap-20 {
+    grid-gap: 5rem;
+    gap: 5rem;
+  }
+
+  .sm\:gap-24 {
+    grid-gap: 6rem;
+    gap: 6rem;
+  }
+
+  .sm\:gap-28 {
+    grid-gap: 7rem;
+    gap: 7rem;
+  }
+
+  .sm\:gap-32 {
+    grid-gap: 8rem;
+    gap: 8rem;
+  }
+
+  .sm\:gap-36 {
+    grid-gap: 9rem;
+    gap: 9rem;
+  }
+
+  .sm\:gap-40 {
+    grid-gap: 10rem;
+    gap: 10rem;
+  }
+
+  .sm\:gap-48 {
+    grid-gap: 12rem;
+    gap: 12rem;
+  }
+
+  .sm\:gap-56 {
+    grid-gap: 14rem;
+    gap: 14rem;
+  }
+
+  .sm\:gap-60 {
+    grid-gap: 15rem;
+    gap: 15rem;
+  }
+
+  .sm\:gap-64 {
+    grid-gap: 16rem;
+    gap: 16rem;
+  }
+
+  .sm\:gap-72 {
+    grid-gap: 18rem;
+    gap: 18rem;
+  }
+
+  .sm\:gap-80 {
+    grid-gap: 20rem;
+    gap: 20rem;
+  }
+
+  .sm\:gap-96 {
+    grid-gap: 24rem;
+    gap: 24rem;
+  }
+
+  .sm\:gap-px {
+    grid-gap: 1px;
+    gap: 1px;
+  }
+
+  .sm\:gap-0\.5 {
+    grid-gap: 0.125rem;
+    gap: 0.125rem;
+  }
+
+  .sm\:gap-1\.5 {
+    grid-gap: 0.375rem;
+    gap: 0.375rem;
+  }
+
+  .sm\:gap-2\.5 {
+    grid-gap: 0.625rem;
+    gap: 0.625rem;
+  }
+
+  .sm\:gap-3\.5 {
+    grid-gap: 0.875rem;
+    gap: 0.875rem;
+  }
+
+  .sm\:gap-1\/2 {
+    grid-gap: 50%;
+    gap: 50%;
+  }
+
+  .sm\:gap-1\/3 {
+    grid-gap: 33.333333%;
+    gap: 33.333333%;
+  }
+
+  .sm\:gap-2\/3 {
+    grid-gap: 66.666667%;
+    gap: 66.666667%;
+  }
+
+  .sm\:gap-1\/4 {
+    grid-gap: 25%;
+    gap: 25%;
+  }
+
+  .sm\:gap-2\/4 {
+    grid-gap: 50%;
+    gap: 50%;
+  }
+
+  .sm\:gap-3\/4 {
+    grid-gap: 75%;
+    gap: 75%;
+  }
+
+  .sm\:gap-1\/5 {
+    grid-gap: 20%;
+    gap: 20%;
+  }
+
+  .sm\:gap-2\/5 {
+    grid-gap: 40%;
+    gap: 40%;
+  }
+
+  .sm\:gap-3\/5 {
+    grid-gap: 60%;
+    gap: 60%;
+  }
+
+  .sm\:gap-4\/5 {
+    grid-gap: 80%;
+    gap: 80%;
+  }
+
+  .sm\:gap-1\/6 {
+    grid-gap: 16.666667%;
+    gap: 16.666667%;
+  }
+
+  .sm\:gap-2\/6 {
+    grid-gap: 33.333333%;
+    gap: 33.333333%;
+  }
+
+  .sm\:gap-3\/6 {
+    grid-gap: 50%;
+    gap: 50%;
+  }
+
+  .sm\:gap-4\/6 {
+    grid-gap: 66.666667%;
+    gap: 66.666667%;
+  }
+
+  .sm\:gap-5\/6 {
+    grid-gap: 83.333333%;
+    gap: 83.333333%;
+  }
+
+  .sm\:gap-1\/12 {
+    grid-gap: 8.333333%;
+    gap: 8.333333%;
+  }
+
+  .sm\:gap-2\/12 {
+    grid-gap: 16.666667%;
+    gap: 16.666667%;
+  }
+
+  .sm\:gap-3\/12 {
+    grid-gap: 25%;
+    gap: 25%;
+  }
+
+  .sm\:gap-4\/12 {
+    grid-gap: 33.333333%;
+    gap: 33.333333%;
+  }
+
+  .sm\:gap-5\/12 {
+    grid-gap: 41.666667%;
+    gap: 41.666667%;
+  }
+
+  .sm\:gap-6\/12 {
+    grid-gap: 50%;
+    gap: 50%;
+  }
+
+  .sm\:gap-7\/12 {
+    grid-gap: 58.333333%;
+    gap: 58.333333%;
+  }
+
+  .sm\:gap-8\/12 {
+    grid-gap: 66.666667%;
+    gap: 66.666667%;
+  }
+
+  .sm\:gap-9\/12 {
+    grid-gap: 75%;
+    gap: 75%;
+  }
+
+  .sm\:gap-10\/12 {
+    grid-gap: 83.333333%;
+    gap: 83.333333%;
+  }
+
+  .sm\:gap-11\/12 {
+    grid-gap: 91.666667%;
+    gap: 91.666667%;
+  }
+
+  .sm\:gap-full {
+    grid-gap: 100%;
+    gap: 100%;
+  }
+
+  .sm\:col-gap-0 {
+    grid-column-gap: 0;
+    -moz-column-gap: 0;
+         column-gap: 0;
+  }
+
+  .sm\:col-gap-1 {
+    grid-column-gap: 0.25rem;
+    -moz-column-gap: 0.25rem;
+         column-gap: 0.25rem;
+  }
+
+  .sm\:col-gap-2 {
+    grid-column-gap: 0.5rem;
+    -moz-column-gap: 0.5rem;
+         column-gap: 0.5rem;
+  }
+
+  .sm\:col-gap-3 {
+    grid-column-gap: 0.75rem;
+    -moz-column-gap: 0.75rem;
+         column-gap: 0.75rem;
+  }
+
+  .sm\:col-gap-4 {
+    grid-column-gap: 1rem;
+    -moz-column-gap: 1rem;
+         column-gap: 1rem;
+  }
+
+  .sm\:col-gap-5 {
+    grid-column-gap: 1.25rem;
+    -moz-column-gap: 1.25rem;
+         column-gap: 1.25rem;
+  }
+
+  .sm\:col-gap-6 {
+    grid-column-gap: 1.5rem;
+    -moz-column-gap: 1.5rem;
+         column-gap: 1.5rem;
+  }
+
+  .sm\:col-gap-7 {
+    grid-column-gap: 1.75rem;
+    -moz-column-gap: 1.75rem;
+         column-gap: 1.75rem;
+  }
+
+  .sm\:col-gap-8 {
+    grid-column-gap: 2rem;
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
+  }
+
+  .sm\:col-gap-9 {
+    grid-column-gap: 2.25rem;
+    -moz-column-gap: 2.25rem;
+         column-gap: 2.25rem;
+  }
+
+  .sm\:col-gap-10 {
+    grid-column-gap: 2.5rem;
+    -moz-column-gap: 2.5rem;
+         column-gap: 2.5rem;
+  }
+
+  .sm\:col-gap-11 {
+    grid-column-gap: 2.75rem;
+    -moz-column-gap: 2.75rem;
+         column-gap: 2.75rem;
+  }
+
+  .sm\:col-gap-12 {
+    grid-column-gap: 3rem;
+    -moz-column-gap: 3rem;
+         column-gap: 3rem;
+  }
+
+  .sm\:col-gap-13 {
+    grid-column-gap: 3.25rem;
+    -moz-column-gap: 3.25rem;
+         column-gap: 3.25rem;
+  }
+
+  .sm\:col-gap-14 {
+    grid-column-gap: 3.5rem;
+    -moz-column-gap: 3.5rem;
+         column-gap: 3.5rem;
+  }
+
+  .sm\:col-gap-15 {
+    grid-column-gap: 3.75rem;
+    -moz-column-gap: 3.75rem;
+         column-gap: 3.75rem;
+  }
+
+  .sm\:col-gap-16 {
+    grid-column-gap: 4rem;
+    -moz-column-gap: 4rem;
+         column-gap: 4rem;
+  }
+
+  .sm\:col-gap-20 {
+    grid-column-gap: 5rem;
+    -moz-column-gap: 5rem;
+         column-gap: 5rem;
+  }
+
+  .sm\:col-gap-24 {
+    grid-column-gap: 6rem;
+    -moz-column-gap: 6rem;
+         column-gap: 6rem;
+  }
+
+  .sm\:col-gap-28 {
+    grid-column-gap: 7rem;
+    -moz-column-gap: 7rem;
+         column-gap: 7rem;
+  }
+
+  .sm\:col-gap-32 {
+    grid-column-gap: 8rem;
+    -moz-column-gap: 8rem;
+         column-gap: 8rem;
+  }
+
+  .sm\:col-gap-36 {
+    grid-column-gap: 9rem;
+    -moz-column-gap: 9rem;
+         column-gap: 9rem;
+  }
+
+  .sm\:col-gap-40 {
+    grid-column-gap: 10rem;
+    -moz-column-gap: 10rem;
+         column-gap: 10rem;
+  }
+
+  .sm\:col-gap-48 {
+    grid-column-gap: 12rem;
+    -moz-column-gap: 12rem;
+         column-gap: 12rem;
+  }
+
+  .sm\:col-gap-56 {
+    grid-column-gap: 14rem;
+    -moz-column-gap: 14rem;
+         column-gap: 14rem;
+  }
+
+  .sm\:col-gap-60 {
+    grid-column-gap: 15rem;
+    -moz-column-gap: 15rem;
+         column-gap: 15rem;
+  }
+
+  .sm\:col-gap-64 {
+    grid-column-gap: 16rem;
+    -moz-column-gap: 16rem;
+         column-gap: 16rem;
+  }
+
+  .sm\:col-gap-72 {
+    grid-column-gap: 18rem;
+    -moz-column-gap: 18rem;
+         column-gap: 18rem;
+  }
+
+  .sm\:col-gap-80 {
+    grid-column-gap: 20rem;
+    -moz-column-gap: 20rem;
+         column-gap: 20rem;
+  }
+
+  .sm\:col-gap-96 {
+    grid-column-gap: 24rem;
+    -moz-column-gap: 24rem;
+         column-gap: 24rem;
+  }
+
+  .sm\:col-gap-px {
+    grid-column-gap: 1px;
+    -moz-column-gap: 1px;
+         column-gap: 1px;
+  }
+
+  .sm\:col-gap-0\.5 {
+    grid-column-gap: 0.125rem;
+    -moz-column-gap: 0.125rem;
+         column-gap: 0.125rem;
+  }
+
+  .sm\:col-gap-1\.5 {
+    grid-column-gap: 0.375rem;
+    -moz-column-gap: 0.375rem;
+         column-gap: 0.375rem;
+  }
+
+  .sm\:col-gap-2\.5 {
+    grid-column-gap: 0.625rem;
+    -moz-column-gap: 0.625rem;
+         column-gap: 0.625rem;
+  }
+
+  .sm\:col-gap-3\.5 {
+    grid-column-gap: 0.875rem;
+    -moz-column-gap: 0.875rem;
+         column-gap: 0.875rem;
+  }
+
+  .sm\:col-gap-1\/2 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .sm\:col-gap-1\/3 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .sm\:col-gap-2\/3 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .sm\:col-gap-1\/4 {
+    grid-column-gap: 25%;
+    -moz-column-gap: 25%;
+         column-gap: 25%;
+  }
+
+  .sm\:col-gap-2\/4 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .sm\:col-gap-3\/4 {
+    grid-column-gap: 75%;
+    -moz-column-gap: 75%;
+         column-gap: 75%;
+  }
+
+  .sm\:col-gap-1\/5 {
+    grid-column-gap: 20%;
+    -moz-column-gap: 20%;
+         column-gap: 20%;
+  }
+
+  .sm\:col-gap-2\/5 {
+    grid-column-gap: 40%;
+    -moz-column-gap: 40%;
+         column-gap: 40%;
+  }
+
+  .sm\:col-gap-3\/5 {
+    grid-column-gap: 60%;
+    -moz-column-gap: 60%;
+         column-gap: 60%;
+  }
+
+  .sm\:col-gap-4\/5 {
+    grid-column-gap: 80%;
+    -moz-column-gap: 80%;
+         column-gap: 80%;
+  }
+
+  .sm\:col-gap-1\/6 {
+    grid-column-gap: 16.666667%;
+    -moz-column-gap: 16.666667%;
+         column-gap: 16.666667%;
+  }
+
+  .sm\:col-gap-2\/6 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .sm\:col-gap-3\/6 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .sm\:col-gap-4\/6 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .sm\:col-gap-5\/6 {
+    grid-column-gap: 83.333333%;
+    -moz-column-gap: 83.333333%;
+         column-gap: 83.333333%;
+  }
+
+  .sm\:col-gap-1\/12 {
+    grid-column-gap: 8.333333%;
+    -moz-column-gap: 8.333333%;
+         column-gap: 8.333333%;
+  }
+
+  .sm\:col-gap-2\/12 {
+    grid-column-gap: 16.666667%;
+    -moz-column-gap: 16.666667%;
+         column-gap: 16.666667%;
+  }
+
+  .sm\:col-gap-3\/12 {
+    grid-column-gap: 25%;
+    -moz-column-gap: 25%;
+         column-gap: 25%;
+  }
+
+  .sm\:col-gap-4\/12 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .sm\:col-gap-5\/12 {
+    grid-column-gap: 41.666667%;
+    -moz-column-gap: 41.666667%;
+         column-gap: 41.666667%;
+  }
+
+  .sm\:col-gap-6\/12 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .sm\:col-gap-7\/12 {
+    grid-column-gap: 58.333333%;
+    -moz-column-gap: 58.333333%;
+         column-gap: 58.333333%;
+  }
+
+  .sm\:col-gap-8\/12 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .sm\:col-gap-9\/12 {
+    grid-column-gap: 75%;
+    -moz-column-gap: 75%;
+         column-gap: 75%;
+  }
+
+  .sm\:col-gap-10\/12 {
+    grid-column-gap: 83.333333%;
+    -moz-column-gap: 83.333333%;
+         column-gap: 83.333333%;
+  }
+
+  .sm\:col-gap-11\/12 {
+    grid-column-gap: 91.666667%;
+    -moz-column-gap: 91.666667%;
+         column-gap: 91.666667%;
+  }
+
+  .sm\:col-gap-full {
+    grid-column-gap: 100%;
+    -moz-column-gap: 100%;
+         column-gap: 100%;
+  }
+
+  .sm\:row-gap-0 {
+    grid-row-gap: 0;
+    row-gap: 0;
+  }
+
+  .sm\:row-gap-1 {
+    grid-row-gap: 0.25rem;
+    row-gap: 0.25rem;
+  }
+
+  .sm\:row-gap-2 {
+    grid-row-gap: 0.5rem;
+    row-gap: 0.5rem;
+  }
+
+  .sm\:row-gap-3 {
+    grid-row-gap: 0.75rem;
+    row-gap: 0.75rem;
+  }
+
+  .sm\:row-gap-4 {
+    grid-row-gap: 1rem;
+    row-gap: 1rem;
+  }
+
+  .sm\:row-gap-5 {
+    grid-row-gap: 1.25rem;
+    row-gap: 1.25rem;
+  }
+
+  .sm\:row-gap-6 {
+    grid-row-gap: 1.5rem;
+    row-gap: 1.5rem;
+  }
+
+  .sm\:row-gap-7 {
+    grid-row-gap: 1.75rem;
+    row-gap: 1.75rem;
+  }
+
+  .sm\:row-gap-8 {
+    grid-row-gap: 2rem;
+    row-gap: 2rem;
+  }
+
+  .sm\:row-gap-9 {
+    grid-row-gap: 2.25rem;
+    row-gap: 2.25rem;
+  }
+
+  .sm\:row-gap-10 {
+    grid-row-gap: 2.5rem;
+    row-gap: 2.5rem;
+  }
+
+  .sm\:row-gap-11 {
+    grid-row-gap: 2.75rem;
+    row-gap: 2.75rem;
+  }
+
+  .sm\:row-gap-12 {
+    grid-row-gap: 3rem;
+    row-gap: 3rem;
+  }
+
+  .sm\:row-gap-13 {
+    grid-row-gap: 3.25rem;
+    row-gap: 3.25rem;
+  }
+
+  .sm\:row-gap-14 {
+    grid-row-gap: 3.5rem;
+    row-gap: 3.5rem;
+  }
+
+  .sm\:row-gap-15 {
+    grid-row-gap: 3.75rem;
+    row-gap: 3.75rem;
+  }
+
+  .sm\:row-gap-16 {
+    grid-row-gap: 4rem;
+    row-gap: 4rem;
+  }
+
+  .sm\:row-gap-20 {
+    grid-row-gap: 5rem;
+    row-gap: 5rem;
+  }
+
+  .sm\:row-gap-24 {
+    grid-row-gap: 6rem;
+    row-gap: 6rem;
+  }
+
+  .sm\:row-gap-28 {
+    grid-row-gap: 7rem;
+    row-gap: 7rem;
+  }
+
+  .sm\:row-gap-32 {
+    grid-row-gap: 8rem;
+    row-gap: 8rem;
+  }
+
+  .sm\:row-gap-36 {
+    grid-row-gap: 9rem;
+    row-gap: 9rem;
+  }
+
+  .sm\:row-gap-40 {
+    grid-row-gap: 10rem;
+    row-gap: 10rem;
+  }
+
+  .sm\:row-gap-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem;
+  }
+
+  .sm\:row-gap-56 {
+    grid-row-gap: 14rem;
+    row-gap: 14rem;
+  }
+
+  .sm\:row-gap-60 {
+    grid-row-gap: 15rem;
+    row-gap: 15rem;
+  }
+
+  .sm\:row-gap-64 {
+    grid-row-gap: 16rem;
+    row-gap: 16rem;
+  }
+
+  .sm\:row-gap-72 {
+    grid-row-gap: 18rem;
+    row-gap: 18rem;
+  }
+
+  .sm\:row-gap-80 {
+    grid-row-gap: 20rem;
+    row-gap: 20rem;
+  }
+
+  .sm\:row-gap-96 {
+    grid-row-gap: 24rem;
+    row-gap: 24rem;
+  }
+
+  .sm\:row-gap-px {
+    grid-row-gap: 1px;
+    row-gap: 1px;
+  }
+
+  .sm\:row-gap-0\.5 {
+    grid-row-gap: 0.125rem;
+    row-gap: 0.125rem;
+  }
+
+  .sm\:row-gap-1\.5 {
+    grid-row-gap: 0.375rem;
+    row-gap: 0.375rem;
+  }
+
+  .sm\:row-gap-2\.5 {
+    grid-row-gap: 0.625rem;
+    row-gap: 0.625rem;
+  }
+
+  .sm\:row-gap-3\.5 {
+    grid-row-gap: 0.875rem;
+    row-gap: 0.875rem;
+  }
+
+  .sm\:row-gap-1\/2 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .sm\:row-gap-1\/3 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .sm\:row-gap-2\/3 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .sm\:row-gap-1\/4 {
+    grid-row-gap: 25%;
+    row-gap: 25%;
+  }
+
+  .sm\:row-gap-2\/4 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .sm\:row-gap-3\/4 {
+    grid-row-gap: 75%;
+    row-gap: 75%;
+  }
+
+  .sm\:row-gap-1\/5 {
+    grid-row-gap: 20%;
+    row-gap: 20%;
+  }
+
+  .sm\:row-gap-2\/5 {
+    grid-row-gap: 40%;
+    row-gap: 40%;
+  }
+
+  .sm\:row-gap-3\/5 {
+    grid-row-gap: 60%;
+    row-gap: 60%;
+  }
+
+  .sm\:row-gap-4\/5 {
+    grid-row-gap: 80%;
+    row-gap: 80%;
+  }
+
+  .sm\:row-gap-1\/6 {
+    grid-row-gap: 16.666667%;
+    row-gap: 16.666667%;
+  }
+
+  .sm\:row-gap-2\/6 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .sm\:row-gap-3\/6 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .sm\:row-gap-4\/6 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .sm\:row-gap-5\/6 {
+    grid-row-gap: 83.333333%;
+    row-gap: 83.333333%;
+  }
+
+  .sm\:row-gap-1\/12 {
+    grid-row-gap: 8.333333%;
+    row-gap: 8.333333%;
+  }
+
+  .sm\:row-gap-2\/12 {
+    grid-row-gap: 16.666667%;
+    row-gap: 16.666667%;
+  }
+
+  .sm\:row-gap-3\/12 {
+    grid-row-gap: 25%;
+    row-gap: 25%;
+  }
+
+  .sm\:row-gap-4\/12 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .sm\:row-gap-5\/12 {
+    grid-row-gap: 41.666667%;
+    row-gap: 41.666667%;
+  }
+
+  .sm\:row-gap-6\/12 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .sm\:row-gap-7\/12 {
+    grid-row-gap: 58.333333%;
+    row-gap: 58.333333%;
+  }
+
+  .sm\:row-gap-8\/12 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .sm\:row-gap-9\/12 {
+    grid-row-gap: 75%;
+    row-gap: 75%;
+  }
+
+  .sm\:row-gap-10\/12 {
+    grid-row-gap: 83.333333%;
+    row-gap: 83.333333%;
+  }
+
+  .sm\:row-gap-11\/12 {
+    grid-row-gap: 91.666667%;
+    row-gap: 91.666667%;
+  }
+
+  .sm\:row-gap-full {
+    grid-row-gap: 100%;
+    row-gap: 100%;
+  }
+
+  .sm\:grid-flow-row {
+    grid-auto-flow: row;
+  }
+
+  .sm\:grid-flow-col {
+    grid-auto-flow: column;
+  }
+
+  .sm\:grid-flow-row-dense {
+    grid-auto-flow: row dense;
+  }
+
+  .sm\:grid-flow-col-dense {
+    grid-auto-flow: column dense;
+  }
+
+  .sm\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .sm\:col-auto {
+    grid-column: auto;
+  }
+
+  .sm\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .sm\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .sm\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .sm\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .sm\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .sm\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .sm\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .sm\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .sm\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .sm\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .sm\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .sm\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .sm\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .sm\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .sm\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .sm\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .sm\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .sm\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .sm\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .sm\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .sm\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .sm\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .sm\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .sm\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .sm\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .sm\:col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .sm\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .sm\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .sm\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .sm\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .sm\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .sm\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .sm\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .sm\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .sm\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .sm\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .sm\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .sm\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .sm\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .sm\:col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .sm\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-none {
+    grid-template-rows: none;
+  }
+
+  .sm\:row-auto {
+    grid-row: auto;
+  }
+
+  .sm\:row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .sm\:row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .sm\:row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .sm\:row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .sm\:row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .sm\:row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .sm\:row-start-1 {
+    grid-row-start: 1;
+  }
+
+  .sm\:row-start-2 {
+    grid-row-start: 2;
+  }
+
+  .sm\:row-start-3 {
+    grid-row-start: 3;
+  }
+
+  .sm\:row-start-4 {
+    grid-row-start: 4;
+  }
+
+  .sm\:row-start-5 {
+    grid-row-start: 5;
+  }
+
+  .sm\:row-start-6 {
+    grid-row-start: 6;
+  }
+
+  .sm\:row-start-7 {
+    grid-row-start: 7;
+  }
+
+  .sm\:row-start-auto {
+    grid-row-start: auto;
+  }
+
+  .sm\:row-end-1 {
+    grid-row-end: 1;
+  }
+
+  .sm\:row-end-2 {
+    grid-row-end: 2;
+  }
+
+  .sm\:row-end-3 {
+    grid-row-end: 3;
+  }
+
+  .sm\:row-end-4 {
+    grid-row-end: 4;
+  }
+
+  .sm\:row-end-5 {
+    grid-row-end: 5;
+  }
+
+  .sm\:row-end-6 {
+    grid-row-end: 6;
+  }
+
+  .sm\:row-end-7 {
+    grid-row-end: 7;
+  }
+
+  .sm\:row-end-auto {
+    grid-row-end: auto;
+  }
+
+  .sm\: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));
+  }
+
+  .sm\:transform-none {
+    transform: none;
+  }
+
+  .sm\:origin-center {
+    transform-origin: center;
+  }
+
+  .sm\:origin-top {
+    transform-origin: top;
+  }
+
+  .sm\:origin-top-right {
+    transform-origin: top right;
+  }
+
+  .sm\:origin-right {
+    transform-origin: right;
+  }
+
+  .sm\:origin-bottom-right {
+    transform-origin: bottom right;
+  }
+
+  .sm\:origin-bottom {
+    transform-origin: bottom;
+  }
+
+  .sm\:origin-bottom-left {
+    transform-origin: bottom left;
+  }
+
+  .sm\:origin-left {
+    transform-origin: left;
+  }
+
+  .sm\:origin-top-left {
+    transform-origin: top left;
+  }
+
+  .sm\:scale-0 {
+    --transform-scale-x: 0;
+    --transform-scale-y: 0;
+  }
+
+  .sm\:scale-50 {
+    --transform-scale-x: .5;
+    --transform-scale-y: .5;
+  }
+
+  .sm\:scale-75 {
+    --transform-scale-x: .75;
+    --transform-scale-y: .75;
+  }
+
+  .sm\:scale-90 {
+    --transform-scale-x: .9;
+    --transform-scale-y: .9;
+  }
+
+  .sm\:scale-95 {
+    --transform-scale-x: .95;
+    --transform-scale-y: .95;
+  }
+
+  .sm\:scale-100 {
+    --transform-scale-x: 1;
+    --transform-scale-y: 1;
+  }
+
+  .sm\:scale-105 {
+    --transform-scale-x: 1.05;
+    --transform-scale-y: 1.05;
+  }
+
+  .sm\:scale-110 {
+    --transform-scale-x: 1.1;
+    --transform-scale-y: 1.1;
+  }
+
+  .sm\:scale-125 {
+    --transform-scale-x: 1.25;
+    --transform-scale-y: 1.25;
+  }
+
+  .sm\:scale-150 {
+    --transform-scale-x: 1.5;
+    --transform-scale-y: 1.5;
+  }
+
+  .sm\:scale-x-0 {
+    --transform-scale-x: 0;
+  }
+
+  .sm\:scale-x-50 {
+    --transform-scale-x: .5;
+  }
+
+  .sm\:scale-x-75 {
+    --transform-scale-x: .75;
+  }
+
+  .sm\:scale-x-90 {
+    --transform-scale-x: .9;
+  }
+
+  .sm\:scale-x-95 {
+    --transform-scale-x: .95;
+  }
+
+  .sm\:scale-x-100 {
+    --transform-scale-x: 1;
+  }
+
+  .sm\:scale-x-105 {
+    --transform-scale-x: 1.05;
+  }
+
+  .sm\:scale-x-110 {
+    --transform-scale-x: 1.1;
+  }
+
+  .sm\:scale-x-125 {
+    --transform-scale-x: 1.25;
+  }
+
+  .sm\:scale-x-150 {
+    --transform-scale-x: 1.5;
+  }
+
+  .sm\:scale-y-0 {
+    --transform-scale-y: 0;
+  }
+
+  .sm\:scale-y-50 {
+    --transform-scale-y: .5;
+  }
+
+  .sm\:scale-y-75 {
+    --transform-scale-y: .75;
+  }
+
+  .sm\:scale-y-90 {
+    --transform-scale-y: .9;
+  }
+
+  .sm\:scale-y-95 {
+    --transform-scale-y: .95;
+  }
+
+  .sm\:scale-y-100 {
+    --transform-scale-y: 1;
+  }
+
+  .sm\:scale-y-105 {
+    --transform-scale-y: 1.05;
+  }
+
+  .sm\:scale-y-110 {
+    --transform-scale-y: 1.1;
+  }
+
+  .sm\:scale-y-125 {
+    --transform-scale-y: 1.25;
+  }
+
+  .sm\:scale-y-150 {
+    --transform-scale-y: 1.5;
+  }
+
+  .sm\:hover\:scale-0:hover {
+    --transform-scale-x: 0;
+    --transform-scale-y: 0;
+  }
+
+  .sm\:hover\:scale-50:hover {
+    --transform-scale-x: .5;
+    --transform-scale-y: .5;
+  }
+
+  .sm\:hover\:scale-75:hover {
+    --transform-scale-x: .75;
+    --transform-scale-y: .75;
+  }
+
+  .sm\:hover\:scale-90:hover {
+    --transform-scale-x: .9;
+    --transform-scale-y: .9;
+  }
+
+  .sm\:hover\:scale-95:hover {
+    --transform-scale-x: .95;
+    --transform-scale-y: .95;
+  }
+
+  .sm\:hover\:scale-100:hover {
+    --transform-scale-x: 1;
+    --transform-scale-y: 1;
+  }
+
+  .sm\:hover\:scale-105:hover {
+    --transform-scale-x: 1.05;
+    --transform-scale-y: 1.05;
+  }
+
+  .sm\:hover\:scale-110:hover {
+    --transform-scale-x: 1.1;
+    --transform-scale-y: 1.1;
+  }
+
+  .sm\:hover\:scale-125:hover {
+    --transform-scale-x: 1.25;
+    --transform-scale-y: 1.25;
+  }
+
+  .sm\:hover\:scale-150:hover {
+    --transform-scale-x: 1.5;
+    --transform-scale-y: 1.5;
+  }
+
+  .sm\:hover\:scale-x-0:hover {
+    --transform-scale-x: 0;
+  }
+
+  .sm\:hover\:scale-x-50:hover {
+    --transform-scale-x: .5;
+  }
+
+  .sm\:hover\:scale-x-75:hover {
+    --transform-scale-x: .75;
+  }
+
+  .sm\:hover\:scale-x-90:hover {
+    --transform-scale-x: .9;
+  }
+
+  .sm\:hover\:scale-x-95:hover {
+    --transform-scale-x: .95;
+  }
+
+  .sm\:hover\:scale-x-100:hover {
+    --transform-scale-x: 1;
+  }
+
+  .sm\:hover\:scale-x-105:hover {
+    --transform-scale-x: 1.05;
+  }
+
+  .sm\:hover\:scale-x-110:hover {
+    --transform-scale-x: 1.1;
+  }
+
+  .sm\:hover\:scale-x-125:hover {
+    --transform-scale-x: 1.25;
+  }
+
+  .sm\:hover\:scale-x-150:hover {
+    --transform-scale-x: 1.5;
+  }
+
+  .sm\:hover\:scale-y-0:hover {
+    --transform-scale-y: 0;
+  }
+
+  .sm\:hover\:scale-y-50:hover {
+    --transform-scale-y: .5;
+  }
+
+  .sm\:hover\:scale-y-75:hover {
+    --transform-scale-y: .75;
+  }
+
+  .sm\:hover\:scale-y-90:hover {
+    --transform-scale-y: .9;
+  }
+
+  .sm\:hover\:scale-y-95:hover {
+    --transform-scale-y: .95;
+  }
+
+  .sm\:hover\:scale-y-100:hover {
+    --transform-scale-y: 1;
+  }
+
+  .sm\:hover\:scale-y-105:hover {
+    --transform-scale-y: 1.05;
+  }
+
+  .sm\:hover\:scale-y-110:hover {
+    --transform-scale-y: 1.1;
+  }
+
+  .sm\:hover\:scale-y-125:hover {
+    --transform-scale-y: 1.25;
+  }
+
+  .sm\:hover\:scale-y-150:hover {
+    --transform-scale-y: 1.5;
+  }
+
+  .sm\:focus\:scale-0:focus {
+    --transform-scale-x: 0;
+    --transform-scale-y: 0;
+  }
+
+  .sm\:focus\:scale-50:focus {
+    --transform-scale-x: .5;
+    --transform-scale-y: .5;
+  }
+
+  .sm\:focus\:scale-75:focus {
+    --transform-scale-x: .75;
+    --transform-scale-y: .75;
+  }
+
+  .sm\:focus\:scale-90:focus {
+    --transform-scale-x: .9;
+    --transform-scale-y: .9;
+  }
+
+  .sm\:focus\:scale-95:focus {
+    --transform-scale-x: .95;
+    --transform-scale-y: .95;
+  }
+
+  .sm\:focus\:scale-100:focus {
+    --transform-scale-x: 1;
+    --transform-scale-y: 1;
+  }
+
+  .sm\:focus\:scale-105:focus {
+    --transform-scale-x: 1.05;
+    --transform-scale-y: 1.05;
+  }
+
+  .sm\:focus\:scale-110:focus {
+    --transform-scale-x: 1.1;
+    --transform-scale-y: 1.1;
+  }
+
+  .sm\:focus\:scale-125:focus {
+    --transform-scale-x: 1.25;
+    --transform-scale-y: 1.25;
+  }
+
+  .sm\:focus\:scale-150:focus {
+    --transform-scale-x: 1.5;
+    --transform-scale-y: 1.5;
+  }
+
+  .sm\:focus\:scale-x-0:focus {
+    --transform-scale-x: 0;
+  }
+
+  .sm\:focus\:scale-x-50:focus {
+    --transform-scale-x: .5;
+  }
+
+  .sm\:focus\:scale-x-75:focus {
+    --transform-scale-x: .75;
+  }
+
+  .sm\:focus\:scale-x-90:focus {
+    --transform-scale-x: .9;
+  }
+
+  .sm\:focus\:scale-x-95:focus {
+    --transform-scale-x: .95;
+  }
+
+  .sm\:focus\:scale-x-100:focus {
+    --transform-scale-x: 1;
+  }
+
+  .sm\:focus\:scale-x-105:focus {
+    --transform-scale-x: 1.05;
+  }
+
+  .sm\:focus\:scale-x-110:focus {
+    --transform-scale-x: 1.1;
+  }
+
+  .sm\:focus\:scale-x-125:focus {
+    --transform-scale-x: 1.25;
+  }
+
+  .sm\:focus\:scale-x-150:focus {
+    --transform-scale-x: 1.5;
+  }
+
+  .sm\:focus\:scale-y-0:focus {
+    --transform-scale-y: 0;
+  }
+
+  .sm\:focus\:scale-y-50:focus {
+    --transform-scale-y: .5;
+  }
+
+  .sm\:focus\:scale-y-75:focus {
+    --transform-scale-y: .75;
+  }
+
+  .sm\:focus\:scale-y-90:focus {
+    --transform-scale-y: .9;
+  }
+
+  .sm\:focus\:scale-y-95:focus {
+    --transform-scale-y: .95;
+  }
+
+  .sm\:focus\:scale-y-100:focus {
+    --transform-scale-y: 1;
+  }
+
+  .sm\:focus\:scale-y-105:focus {
+    --transform-scale-y: 1.05;
+  }
+
+  .sm\:focus\:scale-y-110:focus {
+    --transform-scale-y: 1.1;
+  }
+
+  .sm\:focus\:scale-y-125:focus {
+    --transform-scale-y: 1.25;
+  }
+
+  .sm\:focus\:scale-y-150:focus {
+    --transform-scale-y: 1.5;
+  }
+
+  .sm\:rotate-0 {
+    --transform-rotate: 0;
+  }
+
+  .sm\:rotate-45 {
+    --transform-rotate: 45deg;
+  }
+
+  .sm\:rotate-90 {
+    --transform-rotate: 90deg;
+  }
+
+  .sm\:rotate-180 {
+    --transform-rotate: 180deg;
+  }
+
+  .sm\:-rotate-180 {
+    --transform-rotate: -180deg;
+  }
+
+  .sm\:-rotate-90 {
+    --transform-rotate: -90deg;
+  }
+
+  .sm\:-rotate-45 {
+    --transform-rotate: -45deg;
+  }
+
+  .sm\:hover\:rotate-0:hover {
+    --transform-rotate: 0;
+  }
+
+  .sm\:hover\:rotate-45:hover {
+    --transform-rotate: 45deg;
+  }
+
+  .sm\:hover\:rotate-90:hover {
+    --transform-rotate: 90deg;
+  }
+
+  .sm\:hover\:rotate-180:hover {
+    --transform-rotate: 180deg;
+  }
+
+  .sm\:hover\:-rotate-180:hover {
+    --transform-rotate: -180deg;
+  }
+
+  .sm\:hover\:-rotate-90:hover {
+    --transform-rotate: -90deg;
+  }
+
+  .sm\:hover\:-rotate-45:hover {
+    --transform-rotate: -45deg;
+  }
+
+  .sm\:focus\:rotate-0:focus {
+    --transform-rotate: 0;
+  }
+
+  .sm\:focus\:rotate-45:focus {
+    --transform-rotate: 45deg;
+  }
+
+  .sm\:focus\:rotate-90:focus {
+    --transform-rotate: 90deg;
+  }
+
+  .sm\:focus\:rotate-180:focus {
+    --transform-rotate: 180deg;
+  }
+
+  .sm\:focus\:-rotate-180:focus {
+    --transform-rotate: -180deg;
+  }
+
+  .sm\:focus\:-rotate-90:focus {
+    --transform-rotate: -90deg;
+  }
+
+  .sm\:focus\:-rotate-45:focus {
+    --transform-rotate: -45deg;
+  }
+
+  .sm\:translate-x-0 {
+    --transform-translate-x: 0;
+  }
+
+  .sm\:translate-x-1 {
+    --transform-translate-x: 0.25rem;
+  }
+
+  .sm\:translate-x-2 {
+    --transform-translate-x: 0.5rem;
+  }
+
+  .sm\:translate-x-3 {
+    --transform-translate-x: 0.75rem;
+  }
+
+  .sm\:translate-x-4 {
+    --transform-translate-x: 1rem;
+  }
+
+  .sm\:translate-x-5 {
+    --transform-translate-x: 1.25rem;
+  }
+
+  .sm\:translate-x-6 {
+    --transform-translate-x: 1.5rem;
+  }
+
+  .sm\:translate-x-7 {
+    --transform-translate-x: 1.75rem;
+  }
+
+  .sm\:translate-x-8 {
+    --transform-translate-x: 2rem;
+  }
+
+  .sm\:translate-x-9 {
+    --transform-translate-x: 2.25rem;
+  }
+
+  .sm\:translate-x-10 {
+    --transform-translate-x: 2.5rem;
+  }
+
+  .sm\:translate-x-11 {
+    --transform-translate-x: 2.75rem;
+  }
+
+  .sm\:translate-x-12 {
+    --transform-translate-x: 3rem;
+  }
+
+  .sm\:translate-x-13 {
+    --transform-translate-x: 3.25rem;
+  }
+
+  .sm\:translate-x-14 {
+    --transform-translate-x: 3.5rem;
+  }
+
+  .sm\:translate-x-15 {
+    --transform-translate-x: 3.75rem;
+  }
+
+  .sm\:translate-x-16 {
+    --transform-translate-x: 4rem;
+  }
+
+  .sm\:translate-x-20 {
+    --transform-translate-x: 5rem;
+  }
+
+  .sm\:translate-x-24 {
+    --transform-translate-x: 6rem;
+  }
+
+  .sm\:translate-x-28 {
+    --transform-translate-x: 7rem;
+  }
+
+  .sm\:translate-x-32 {
+    --transform-translate-x: 8rem;
+  }
+
+  .sm\:translate-x-36 {
+    --transform-translate-x: 9rem;
+  }
+
+  .sm\:translate-x-40 {
+    --transform-translate-x: 10rem;
+  }
+
+  .sm\:translate-x-48 {
+    --transform-translate-x: 12rem;
+  }
+
+  .sm\:translate-x-56 {
+    --transform-translate-x: 14rem;
+  }
+
+  .sm\:translate-x-60 {
+    --transform-translate-x: 15rem;
+  }
+
+  .sm\:translate-x-64 {
+    --transform-translate-x: 16rem;
+  }
+
+  .sm\:translate-x-72 {
+    --transform-translate-x: 18rem;
+  }
+
+  .sm\:translate-x-80 {
+    --transform-translate-x: 20rem;
+  }
+
+  .sm\:translate-x-96 {
+    --transform-translate-x: 24rem;
+  }
+
+  .sm\:translate-x-px {
+    --transform-translate-x: 1px;
+  }
+
+  .sm\:translate-x-0\.5 {
+    --transform-translate-x: 0.125rem;
+  }
+
+  .sm\:translate-x-1\.5 {
+    --transform-translate-x: 0.375rem;
+  }
+
+  .sm\:translate-x-2\.5 {
+    --transform-translate-x: 0.625rem;
+  }
+
+  .sm\:translate-x-3\.5 {
+    --transform-translate-x: 0.875rem;
+  }
+
+  .sm\:translate-x-1\/2 {
+    --transform-translate-x: 50%;
+  }
+
+  .sm\:translate-x-1\/3 {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .sm\:translate-x-2\/3 {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .sm\:translate-x-1\/4 {
+    --transform-translate-x: 25%;
+  }
+
+  .sm\:translate-x-2\/4 {
+    --transform-translate-x: 50%;
+  }
+
+  .sm\:translate-x-3\/4 {
+    --transform-translate-x: 75%;
+  }
+
+  .sm\:translate-x-1\/5 {
+    --transform-translate-x: 20%;
+  }
+
+  .sm\:translate-x-2\/5 {
+    --transform-translate-x: 40%;
+  }
+
+  .sm\:translate-x-3\/5 {
+    --transform-translate-x: 60%;
+  }
+
+  .sm\:translate-x-4\/5 {
+    --transform-translate-x: 80%;
+  }
+
+  .sm\:translate-x-1\/6 {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .sm\:translate-x-2\/6 {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .sm\:translate-x-3\/6 {
+    --transform-translate-x: 50%;
+  }
+
+  .sm\:translate-x-4\/6 {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .sm\:translate-x-5\/6 {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .sm\:translate-x-1\/12 {
+    --transform-translate-x: 8.333333%;
+  }
+
+  .sm\:translate-x-2\/12 {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .sm\:translate-x-3\/12 {
+    --transform-translate-x: 25%;
+  }
+
+  .sm\:translate-x-4\/12 {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .sm\:translate-x-5\/12 {
+    --transform-translate-x: 41.666667%;
+  }
+
+  .sm\:translate-x-6\/12 {
+    --transform-translate-x: 50%;
+  }
+
+  .sm\:translate-x-7\/12 {
+    --transform-translate-x: 58.333333%;
+  }
+
+  .sm\:translate-x-8\/12 {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .sm\:translate-x-9\/12 {
+    --transform-translate-x: 75%;
+  }
+
+  .sm\:translate-x-10\/12 {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .sm\:translate-x-11\/12 {
+    --transform-translate-x: 91.666667%;
+  }
+
+  .sm\:translate-x-full {
+    --transform-translate-x: 100%;
+  }
+
+  .sm\:-translate-x-1 {
+    --transform-translate-x: -0.25rem;
+  }
+
+  .sm\:-translate-x-2 {
+    --transform-translate-x: -0.5rem;
+  }
+
+  .sm\:-translate-x-3 {
+    --transform-translate-x: -0.75rem;
+  }
+
+  .sm\:-translate-x-4 {
+    --transform-translate-x: -1rem;
+  }
+
+  .sm\:-translate-x-5 {
+    --transform-translate-x: -1.25rem;
+  }
+
+  .sm\:-translate-x-6 {
+    --transform-translate-x: -1.5rem;
+  }
+
+  .sm\:-translate-x-7 {
+    --transform-translate-x: -1.75rem;
+  }
+
+  .sm\:-translate-x-8 {
+    --transform-translate-x: -2rem;
+  }
+
+  .sm\:-translate-x-9 {
+    --transform-translate-x: -2.25rem;
+  }
+
+  .sm\:-translate-x-10 {
+    --transform-translate-x: -2.5rem;
+  }
+
+  .sm\:-translate-x-11 {
+    --transform-translate-x: -2.75rem;
+  }
+
+  .sm\:-translate-x-12 {
+    --transform-translate-x: -3rem;
+  }
+
+  .sm\:-translate-x-13 {
+    --transform-translate-x: -3.25rem;
+  }
+
+  .sm\:-translate-x-14 {
+    --transform-translate-x: -3.5rem;
+  }
+
+  .sm\:-translate-x-15 {
+    --transform-translate-x: -3.75rem;
+  }
+
+  .sm\:-translate-x-16 {
+    --transform-translate-x: -4rem;
+  }
+
+  .sm\:-translate-x-20 {
+    --transform-translate-x: -5rem;
+  }
+
+  .sm\:-translate-x-24 {
+    --transform-translate-x: -6rem;
+  }
+
+  .sm\:-translate-x-28 {
+    --transform-translate-x: -7rem;
+  }
+
+  .sm\:-translate-x-32 {
+    --transform-translate-x: -8rem;
+  }
+
+  .sm\:-translate-x-36 {
+    --transform-translate-x: -9rem;
+  }
+
+  .sm\:-translate-x-40 {
+    --transform-translate-x: -10rem;
+  }
+
+  .sm\:-translate-x-48 {
+    --transform-translate-x: -12rem;
+  }
+
+  .sm\:-translate-x-56 {
+    --transform-translate-x: -14rem;
+  }
+
+  .sm\:-translate-x-60 {
+    --transform-translate-x: -15rem;
+  }
+
+  .sm\:-translate-x-64 {
+    --transform-translate-x: -16rem;
+  }
+
+  .sm\:-translate-x-72 {
+    --transform-translate-x: -18rem;
+  }
+
+  .sm\:-translate-x-80 {
+    --transform-translate-x: -20rem;
+  }
+
+  .sm\:-translate-x-96 {
+    --transform-translate-x: -24rem;
+  }
+
+  .sm\:-translate-x-px {
+    --transform-translate-x: -1px;
+  }
+
+  .sm\:-translate-x-0\.5 {
+    --transform-translate-x: -0.125rem;
+  }
+
+  .sm\:-translate-x-1\.5 {
+    --transform-translate-x: -0.375rem;
+  }
+
+  .sm\:-translate-x-2\.5 {
+    --transform-translate-x: -0.625rem;
+  }
+
+  .sm\:-translate-x-3\.5 {
+    --transform-translate-x: -0.875rem;
+  }
+
+  .sm\:-translate-x-1\/2 {
+    --transform-translate-x: -50%;
+  }
+
+  .sm\:-translate-x-1\/3 {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .sm\:-translate-x-2\/3 {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .sm\:-translate-x-1\/4 {
+    --transform-translate-x: -25%;
+  }
+
+  .sm\:-translate-x-2\/4 {
+    --transform-translate-x: -50%;
+  }
+
+  .sm\:-translate-x-3\/4 {
+    --transform-translate-x: -75%;
+  }
+
+  .sm\:-translate-x-1\/5 {
+    --transform-translate-x: -20%;
+  }
+
+  .sm\:-translate-x-2\/5 {
+    --transform-translate-x: -40%;
+  }
+
+  .sm\:-translate-x-3\/5 {
+    --transform-translate-x: -60%;
+  }
+
+  .sm\:-translate-x-4\/5 {
+    --transform-translate-x: -80%;
+  }
+
+  .sm\:-translate-x-1\/6 {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .sm\:-translate-x-2\/6 {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .sm\:-translate-x-3\/6 {
+    --transform-translate-x: -50%;
+  }
+
+  .sm\:-translate-x-4\/6 {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .sm\:-translate-x-5\/6 {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .sm\:-translate-x-1\/12 {
+    --transform-translate-x: -8.33333%;
+  }
+
+  .sm\:-translate-x-2\/12 {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .sm\:-translate-x-3\/12 {
+    --transform-translate-x: -25%;
+  }
+
+  .sm\:-translate-x-4\/12 {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .sm\:-translate-x-5\/12 {
+    --transform-translate-x: -41.66667%;
+  }
+
+  .sm\:-translate-x-6\/12 {
+    --transform-translate-x: -50%;
+  }
+
+  .sm\:-translate-x-7\/12 {
+    --transform-translate-x: -58.33333%;
+  }
+
+  .sm\:-translate-x-8\/12 {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .sm\:-translate-x-9\/12 {
+    --transform-translate-x: -75%;
+  }
+
+  .sm\:-translate-x-10\/12 {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .sm\:-translate-x-11\/12 {
+    --transform-translate-x: -91.66667%;
+  }
+
+  .sm\:-translate-x-full {
+    --transform-translate-x: -100%;
+  }
+
+  .sm\:translate-y-0 {
+    --transform-translate-y: 0;
+  }
+
+  .sm\:translate-y-1 {
+    --transform-translate-y: 0.25rem;
+  }
+
+  .sm\:translate-y-2 {
+    --transform-translate-y: 0.5rem;
+  }
+
+  .sm\:translate-y-3 {
+    --transform-translate-y: 0.75rem;
+  }
+
+  .sm\:translate-y-4 {
+    --transform-translate-y: 1rem;
+  }
+
+  .sm\:translate-y-5 {
+    --transform-translate-y: 1.25rem;
+  }
+
+  .sm\:translate-y-6 {
+    --transform-translate-y: 1.5rem;
+  }
+
+  .sm\:translate-y-7 {
+    --transform-translate-y: 1.75rem;
+  }
+
+  .sm\:translate-y-8 {
+    --transform-translate-y: 2rem;
+  }
+
+  .sm\:translate-y-9 {
+    --transform-translate-y: 2.25rem;
+  }
+
+  .sm\:translate-y-10 {
+    --transform-translate-y: 2.5rem;
+  }
+
+  .sm\:translate-y-11 {
+    --transform-translate-y: 2.75rem;
+  }
+
+  .sm\:translate-y-12 {
+    --transform-translate-y: 3rem;
+  }
+
+  .sm\:translate-y-13 {
+    --transform-translate-y: 3.25rem;
+  }
+
+  .sm\:translate-y-14 {
+    --transform-translate-y: 3.5rem;
+  }
+
+  .sm\:translate-y-15 {
+    --transform-translate-y: 3.75rem;
+  }
+
+  .sm\:translate-y-16 {
+    --transform-translate-y: 4rem;
+  }
+
+  .sm\:translate-y-20 {
+    --transform-translate-y: 5rem;
+  }
+
+  .sm\:translate-y-24 {
+    --transform-translate-y: 6rem;
+  }
+
+  .sm\:translate-y-28 {
+    --transform-translate-y: 7rem;
+  }
+
+  .sm\:translate-y-32 {
+    --transform-translate-y: 8rem;
+  }
+
+  .sm\:translate-y-36 {
+    --transform-translate-y: 9rem;
+  }
+
+  .sm\:translate-y-40 {
+    --transform-translate-y: 10rem;
+  }
+
+  .sm\:translate-y-48 {
+    --transform-translate-y: 12rem;
+  }
+
+  .sm\:translate-y-56 {
+    --transform-translate-y: 14rem;
+  }
+
+  .sm\:translate-y-60 {
+    --transform-translate-y: 15rem;
+  }
+
+  .sm\:translate-y-64 {
+    --transform-translate-y: 16rem;
+  }
+
+  .sm\:translate-y-72 {
+    --transform-translate-y: 18rem;
+  }
+
+  .sm\:translate-y-80 {
+    --transform-translate-y: 20rem;
+  }
+
+  .sm\:translate-y-96 {
+    --transform-translate-y: 24rem;
+  }
+
+  .sm\:translate-y-px {
+    --transform-translate-y: 1px;
+  }
+
+  .sm\:translate-y-0\.5 {
+    --transform-translate-y: 0.125rem;
+  }
+
+  .sm\:translate-y-1\.5 {
+    --transform-translate-y: 0.375rem;
+  }
+
+  .sm\:translate-y-2\.5 {
+    --transform-translate-y: 0.625rem;
+  }
+
+  .sm\:translate-y-3\.5 {
+    --transform-translate-y: 0.875rem;
+  }
+
+  .sm\:translate-y-1\/2 {
+    --transform-translate-y: 50%;
+  }
+
+  .sm\:translate-y-1\/3 {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .sm\:translate-y-2\/3 {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .sm\:translate-y-1\/4 {
+    --transform-translate-y: 25%;
+  }
+
+  .sm\:translate-y-2\/4 {
+    --transform-translate-y: 50%;
+  }
+
+  .sm\:translate-y-3\/4 {
+    --transform-translate-y: 75%;
+  }
+
+  .sm\:translate-y-1\/5 {
+    --transform-translate-y: 20%;
+  }
+
+  .sm\:translate-y-2\/5 {
+    --transform-translate-y: 40%;
+  }
+
+  .sm\:translate-y-3\/5 {
+    --transform-translate-y: 60%;
+  }
+
+  .sm\:translate-y-4\/5 {
+    --transform-translate-y: 80%;
+  }
+
+  .sm\:translate-y-1\/6 {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .sm\:translate-y-2\/6 {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .sm\:translate-y-3\/6 {
+    --transform-translate-y: 50%;
+  }
+
+  .sm\:translate-y-4\/6 {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .sm\:translate-y-5\/6 {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .sm\:translate-y-1\/12 {
+    --transform-translate-y: 8.333333%;
+  }
+
+  .sm\:translate-y-2\/12 {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .sm\:translate-y-3\/12 {
+    --transform-translate-y: 25%;
+  }
+
+  .sm\:translate-y-4\/12 {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .sm\:translate-y-5\/12 {
+    --transform-translate-y: 41.666667%;
+  }
+
+  .sm\:translate-y-6\/12 {
+    --transform-translate-y: 50%;
+  }
+
+  .sm\:translate-y-7\/12 {
+    --transform-translate-y: 58.333333%;
+  }
+
+  .sm\:translate-y-8\/12 {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .sm\:translate-y-9\/12 {
+    --transform-translate-y: 75%;
+  }
+
+  .sm\:translate-y-10\/12 {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .sm\:translate-y-11\/12 {
+    --transform-translate-y: 91.666667%;
+  }
+
+  .sm\:translate-y-full {
+    --transform-translate-y: 100%;
+  }
+
+  .sm\:-translate-y-1 {
+    --transform-translate-y: -0.25rem;
+  }
+
+  .sm\:-translate-y-2 {
+    --transform-translate-y: -0.5rem;
+  }
+
+  .sm\:-translate-y-3 {
+    --transform-translate-y: -0.75rem;
+  }
+
+  .sm\:-translate-y-4 {
+    --transform-translate-y: -1rem;
+  }
+
+  .sm\:-translate-y-5 {
+    --transform-translate-y: -1.25rem;
+  }
+
+  .sm\:-translate-y-6 {
+    --transform-translate-y: -1.5rem;
+  }
+
+  .sm\:-translate-y-7 {
+    --transform-translate-y: -1.75rem;
+  }
+
+  .sm\:-translate-y-8 {
+    --transform-translate-y: -2rem;
+  }
+
+  .sm\:-translate-y-9 {
+    --transform-translate-y: -2.25rem;
+  }
+
+  .sm\:-translate-y-10 {
+    --transform-translate-y: -2.5rem;
+  }
+
+  .sm\:-translate-y-11 {
+    --transform-translate-y: -2.75rem;
+  }
+
+  .sm\:-translate-y-12 {
+    --transform-translate-y: -3rem;
+  }
+
+  .sm\:-translate-y-13 {
+    --transform-translate-y: -3.25rem;
+  }
+
+  .sm\:-translate-y-14 {
+    --transform-translate-y: -3.5rem;
+  }
+
+  .sm\:-translate-y-15 {
+    --transform-translate-y: -3.75rem;
+  }
+
+  .sm\:-translate-y-16 {
+    --transform-translate-y: -4rem;
+  }
+
+  .sm\:-translate-y-20 {
+    --transform-translate-y: -5rem;
+  }
+
+  .sm\:-translate-y-24 {
+    --transform-translate-y: -6rem;
+  }
+
+  .sm\:-translate-y-28 {
+    --transform-translate-y: -7rem;
+  }
+
+  .sm\:-translate-y-32 {
+    --transform-translate-y: -8rem;
+  }
+
+  .sm\:-translate-y-36 {
+    --transform-translate-y: -9rem;
+  }
+
+  .sm\:-translate-y-40 {
+    --transform-translate-y: -10rem;
+  }
+
+  .sm\:-translate-y-48 {
+    --transform-translate-y: -12rem;
+  }
+
+  .sm\:-translate-y-56 {
+    --transform-translate-y: -14rem;
+  }
+
+  .sm\:-translate-y-60 {
+    --transform-translate-y: -15rem;
+  }
+
+  .sm\:-translate-y-64 {
+    --transform-translate-y: -16rem;
+  }
+
+  .sm\:-translate-y-72 {
+    --transform-translate-y: -18rem;
+  }
+
+  .sm\:-translate-y-80 {
+    --transform-translate-y: -20rem;
+  }
+
+  .sm\:-translate-y-96 {
+    --transform-translate-y: -24rem;
+  }
+
+  .sm\:-translate-y-px {
+    --transform-translate-y: -1px;
+  }
+
+  .sm\:-translate-y-0\.5 {
+    --transform-translate-y: -0.125rem;
+  }
+
+  .sm\:-translate-y-1\.5 {
+    --transform-translate-y: -0.375rem;
+  }
+
+  .sm\:-translate-y-2\.5 {
+    --transform-translate-y: -0.625rem;
+  }
+
+  .sm\:-translate-y-3\.5 {
+    --transform-translate-y: -0.875rem;
+  }
+
+  .sm\:-translate-y-1\/2 {
+    --transform-translate-y: -50%;
+  }
+
+  .sm\:-translate-y-1\/3 {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .sm\:-translate-y-2\/3 {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .sm\:-translate-y-1\/4 {
+    --transform-translate-y: -25%;
+  }
+
+  .sm\:-translate-y-2\/4 {
+    --transform-translate-y: -50%;
+  }
+
+  .sm\:-translate-y-3\/4 {
+    --transform-translate-y: -75%;
+  }
+
+  .sm\:-translate-y-1\/5 {
+    --transform-translate-y: -20%;
+  }
+
+  .sm\:-translate-y-2\/5 {
+    --transform-translate-y: -40%;
+  }
+
+  .sm\:-translate-y-3\/5 {
+    --transform-translate-y: -60%;
+  }
+
+  .sm\:-translate-y-4\/5 {
+    --transform-translate-y: -80%;
+  }
+
+  .sm\:-translate-y-1\/6 {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .sm\:-translate-y-2\/6 {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .sm\:-translate-y-3\/6 {
+    --transform-translate-y: -50%;
+  }
+
+  .sm\:-translate-y-4\/6 {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .sm\:-translate-y-5\/6 {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .sm\:-translate-y-1\/12 {
+    --transform-translate-y: -8.33333%;
+  }
+
+  .sm\:-translate-y-2\/12 {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .sm\:-translate-y-3\/12 {
+    --transform-translate-y: -25%;
+  }
+
+  .sm\:-translate-y-4\/12 {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .sm\:-translate-y-5\/12 {
+    --transform-translate-y: -41.66667%;
+  }
+
+  .sm\:-translate-y-6\/12 {
+    --transform-translate-y: -50%;
+  }
+
+  .sm\:-translate-y-7\/12 {
+    --transform-translate-y: -58.33333%;
+  }
+
+  .sm\:-translate-y-8\/12 {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .sm\:-translate-y-9\/12 {
+    --transform-translate-y: -75%;
+  }
+
+  .sm\:-translate-y-10\/12 {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .sm\:-translate-y-11\/12 {
+    --transform-translate-y: -91.66667%;
+  }
+
+  .sm\:-translate-y-full {
+    --transform-translate-y: -100%;
+  }
+
+  .sm\:hover\:translate-x-0:hover {
+    --transform-translate-x: 0;
+  }
+
+  .sm\:hover\:translate-x-1:hover {
+    --transform-translate-x: 0.25rem;
+  }
+
+  .sm\:hover\:translate-x-2:hover {
+    --transform-translate-x: 0.5rem;
+  }
+
+  .sm\:hover\:translate-x-3:hover {
+    --transform-translate-x: 0.75rem;
+  }
+
+  .sm\:hover\:translate-x-4:hover {
+    --transform-translate-x: 1rem;
+  }
+
+  .sm\:hover\:translate-x-5:hover {
+    --transform-translate-x: 1.25rem;
+  }
+
+  .sm\:hover\:translate-x-6:hover {
+    --transform-translate-x: 1.5rem;
+  }
+
+  .sm\:hover\:translate-x-7:hover {
+    --transform-translate-x: 1.75rem;
+  }
+
+  .sm\:hover\:translate-x-8:hover {
+    --transform-translate-x: 2rem;
+  }
+
+  .sm\:hover\:translate-x-9:hover {
+    --transform-translate-x: 2.25rem;
+  }
+
+  .sm\:hover\:translate-x-10:hover {
+    --transform-translate-x: 2.5rem;
+  }
+
+  .sm\:hover\:translate-x-11:hover {
+    --transform-translate-x: 2.75rem;
+  }
+
+  .sm\:hover\:translate-x-12:hover {
+    --transform-translate-x: 3rem;
+  }
+
+  .sm\:hover\:translate-x-13:hover {
+    --transform-translate-x: 3.25rem;
+  }
+
+  .sm\:hover\:translate-x-14:hover {
+    --transform-translate-x: 3.5rem;
+  }
+
+  .sm\:hover\:translate-x-15:hover {
+    --transform-translate-x: 3.75rem;
+  }
+
+  .sm\:hover\:translate-x-16:hover {
+    --transform-translate-x: 4rem;
+  }
+
+  .sm\:hover\:translate-x-20:hover {
+    --transform-translate-x: 5rem;
+  }
+
+  .sm\:hover\:translate-x-24:hover {
+    --transform-translate-x: 6rem;
+  }
+
+  .sm\:hover\:translate-x-28:hover {
+    --transform-translate-x: 7rem;
+  }
+
+  .sm\:hover\:translate-x-32:hover {
+    --transform-translate-x: 8rem;
+  }
+
+  .sm\:hover\:translate-x-36:hover {
+    --transform-translate-x: 9rem;
+  }
+
+  .sm\:hover\:translate-x-40:hover {
+    --transform-translate-x: 10rem;
+  }
+
+  .sm\:hover\:translate-x-48:hover {
+    --transform-translate-x: 12rem;
+  }
+
+  .sm\:hover\:translate-x-56:hover {
+    --transform-translate-x: 14rem;
+  }
+
+  .sm\:hover\:translate-x-60:hover {
+    --transform-translate-x: 15rem;
+  }
+
+  .sm\:hover\:translate-x-64:hover {
+    --transform-translate-x: 16rem;
+  }
+
+  .sm\:hover\:translate-x-72:hover {
+    --transform-translate-x: 18rem;
+  }
+
+  .sm\:hover\:translate-x-80:hover {
+    --transform-translate-x: 20rem;
+  }
+
+  .sm\:hover\:translate-x-96:hover {
+    --transform-translate-x: 24rem;
+  }
+
+  .sm\:hover\:translate-x-px:hover {
+    --transform-translate-x: 1px;
+  }
+
+  .sm\:hover\:translate-x-0\.5:hover {
+    --transform-translate-x: 0.125rem;
+  }
+
+  .sm\:hover\:translate-x-1\.5:hover {
+    --transform-translate-x: 0.375rem;
+  }
+
+  .sm\:hover\:translate-x-2\.5:hover {
+    --transform-translate-x: 0.625rem;
+  }
+
+  .sm\:hover\:translate-x-3\.5:hover {
+    --transform-translate-x: 0.875rem;
+  }
+
+  .sm\:hover\:translate-x-1\/2:hover {
+    --transform-translate-x: 50%;
+  }
+
+  .sm\:hover\:translate-x-1\/3:hover {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .sm\:hover\:translate-x-2\/3:hover {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .sm\:hover\:translate-x-1\/4:hover {
+    --transform-translate-x: 25%;
+  }
+
+  .sm\:hover\:translate-x-2\/4:hover {
+    --transform-translate-x: 50%;
+  }
+
+  .sm\:hover\:translate-x-3\/4:hover {
+    --transform-translate-x: 75%;
+  }
+
+  .sm\:hover\:translate-x-1\/5:hover {
+    --transform-translate-x: 20%;
+  }
+
+  .sm\:hover\:translate-x-2\/5:hover {
+    --transform-translate-x: 40%;
+  }
+
+  .sm\:hover\:translate-x-3\/5:hover {
+    --transform-translate-x: 60%;
+  }
+
+  .sm\:hover\:translate-x-4\/5:hover {
+    --transform-translate-x: 80%;
+  }
+
+  .sm\:hover\:translate-x-1\/6:hover {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .sm\:hover\:translate-x-2\/6:hover {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .sm\:hover\:translate-x-3\/6:hover {
+    --transform-translate-x: 50%;
+  }
+
+  .sm\:hover\:translate-x-4\/6:hover {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .sm\:hover\:translate-x-5\/6:hover {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .sm\:hover\:translate-x-1\/12:hover {
+    --transform-translate-x: 8.333333%;
+  }
+
+  .sm\:hover\:translate-x-2\/12:hover {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .sm\:hover\:translate-x-3\/12:hover {
+    --transform-translate-x: 25%;
+  }
+
+  .sm\:hover\:translate-x-4\/12:hover {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .sm\:hover\:translate-x-5\/12:hover {
+    --transform-translate-x: 41.666667%;
+  }
+
+  .sm\:hover\:translate-x-6\/12:hover {
+    --transform-translate-x: 50%;
+  }
+
+  .sm\:hover\:translate-x-7\/12:hover {
+    --transform-translate-x: 58.333333%;
+  }
+
+  .sm\:hover\:translate-x-8\/12:hover {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .sm\:hover\:translate-x-9\/12:hover {
+    --transform-translate-x: 75%;
+  }
+
+  .sm\:hover\:translate-x-10\/12:hover {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .sm\:hover\:translate-x-11\/12:hover {
+    --transform-translate-x: 91.666667%;
+  }
+
+  .sm\:hover\:translate-x-full:hover {
+    --transform-translate-x: 100%;
+  }
+
+  .sm\:hover\:-translate-x-1:hover {
+    --transform-translate-x: -0.25rem;
+  }
+
+  .sm\:hover\:-translate-x-2:hover {
+    --transform-translate-x: -0.5rem;
+  }
+
+  .sm\:hover\:-translate-x-3:hover {
+    --transform-translate-x: -0.75rem;
+  }
+
+  .sm\:hover\:-translate-x-4:hover {
+    --transform-translate-x: -1rem;
+  }
+
+  .sm\:hover\:-translate-x-5:hover {
+    --transform-translate-x: -1.25rem;
+  }
+
+  .sm\:hover\:-translate-x-6:hover {
+    --transform-translate-x: -1.5rem;
+  }
+
+  .sm\:hover\:-translate-x-7:hover {
+    --transform-translate-x: -1.75rem;
+  }
+
+  .sm\:hover\:-translate-x-8:hover {
+    --transform-translate-x: -2rem;
+  }
+
+  .sm\:hover\:-translate-x-9:hover {
+    --transform-translate-x: -2.25rem;
+  }
+
+  .sm\:hover\:-translate-x-10:hover {
+    --transform-translate-x: -2.5rem;
+  }
+
+  .sm\:hover\:-translate-x-11:hover {
+    --transform-translate-x: -2.75rem;
+  }
+
+  .sm\:hover\:-translate-x-12:hover {
+    --transform-translate-x: -3rem;
+  }
+
+  .sm\:hover\:-translate-x-13:hover {
+    --transform-translate-x: -3.25rem;
+  }
+
+  .sm\:hover\:-translate-x-14:hover {
+    --transform-translate-x: -3.5rem;
+  }
+
+  .sm\:hover\:-translate-x-15:hover {
+    --transform-translate-x: -3.75rem;
+  }
+
+  .sm\:hover\:-translate-x-16:hover {
+    --transform-translate-x: -4rem;
+  }
+
+  .sm\:hover\:-translate-x-20:hover {
+    --transform-translate-x: -5rem;
+  }
+
+  .sm\:hover\:-translate-x-24:hover {
+    --transform-translate-x: -6rem;
+  }
+
+  .sm\:hover\:-translate-x-28:hover {
+    --transform-translate-x: -7rem;
+  }
+
+  .sm\:hover\:-translate-x-32:hover {
+    --transform-translate-x: -8rem;
+  }
+
+  .sm\:hover\:-translate-x-36:hover {
+    --transform-translate-x: -9rem;
+  }
+
+  .sm\:hover\:-translate-x-40:hover {
+    --transform-translate-x: -10rem;
+  }
+
+  .sm\:hover\:-translate-x-48:hover {
+    --transform-translate-x: -12rem;
+  }
+
+  .sm\:hover\:-translate-x-56:hover {
+    --transform-translate-x: -14rem;
+  }
+
+  .sm\:hover\:-translate-x-60:hover {
+    --transform-translate-x: -15rem;
+  }
+
+  .sm\:hover\:-translate-x-64:hover {
+    --transform-translate-x: -16rem;
+  }
+
+  .sm\:hover\:-translate-x-72:hover {
+    --transform-translate-x: -18rem;
+  }
+
+  .sm\:hover\:-translate-x-80:hover {
+    --transform-translate-x: -20rem;
+  }
+
+  .sm\:hover\:-translate-x-96:hover {
+    --transform-translate-x: -24rem;
+  }
+
+  .sm\:hover\:-translate-x-px:hover {
+    --transform-translate-x: -1px;
+  }
+
+  .sm\:hover\:-translate-x-0\.5:hover {
+    --transform-translate-x: -0.125rem;
+  }
+
+  .sm\:hover\:-translate-x-1\.5:hover {
+    --transform-translate-x: -0.375rem;
+  }
+
+  .sm\:hover\:-translate-x-2\.5:hover {
+    --transform-translate-x: -0.625rem;
+  }
+
+  .sm\:hover\:-translate-x-3\.5:hover {
+    --transform-translate-x: -0.875rem;
+  }
+
+  .sm\:hover\:-translate-x-1\/2:hover {
+    --transform-translate-x: -50%;
+  }
+
+  .sm\:hover\:-translate-x-1\/3:hover {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .sm\:hover\:-translate-x-2\/3:hover {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .sm\:hover\:-translate-x-1\/4:hover {
+    --transform-translate-x: -25%;
+  }
+
+  .sm\:hover\:-translate-x-2\/4:hover {
+    --transform-translate-x: -50%;
+  }
+
+  .sm\:hover\:-translate-x-3\/4:hover {
+    --transform-translate-x: -75%;
+  }
+
+  .sm\:hover\:-translate-x-1\/5:hover {
+    --transform-translate-x: -20%;
+  }
+
+  .sm\:hover\:-translate-x-2\/5:hover {
+    --transform-translate-x: -40%;
+  }
+
+  .sm\:hover\:-translate-x-3\/5:hover {
+    --transform-translate-x: -60%;
+  }
+
+  .sm\:hover\:-translate-x-4\/5:hover {
+    --transform-translate-x: -80%;
+  }
+
+  .sm\:hover\:-translate-x-1\/6:hover {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .sm\:hover\:-translate-x-2\/6:hover {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .sm\:hover\:-translate-x-3\/6:hover {
+    --transform-translate-x: -50%;
+  }
+
+  .sm\:hover\:-translate-x-4\/6:hover {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .sm\:hover\:-translate-x-5\/6:hover {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .sm\:hover\:-translate-x-1\/12:hover {
+    --transform-translate-x: -8.33333%;
+  }
+
+  .sm\:hover\:-translate-x-2\/12:hover {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .sm\:hover\:-translate-x-3\/12:hover {
+    --transform-translate-x: -25%;
+  }
+
+  .sm\:hover\:-translate-x-4\/12:hover {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .sm\:hover\:-translate-x-5\/12:hover {
+    --transform-translate-x: -41.66667%;
+  }
+
+  .sm\:hover\:-translate-x-6\/12:hover {
+    --transform-translate-x: -50%;
+  }
+
+  .sm\:hover\:-translate-x-7\/12:hover {
+    --transform-translate-x: -58.33333%;
+  }
+
+  .sm\:hover\:-translate-x-8\/12:hover {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .sm\:hover\:-translate-x-9\/12:hover {
+    --transform-translate-x: -75%;
+  }
+
+  .sm\:hover\:-translate-x-10\/12:hover {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .sm\:hover\:-translate-x-11\/12:hover {
+    --transform-translate-x: -91.66667%;
+  }
+
+  .sm\:hover\:-translate-x-full:hover {
+    --transform-translate-x: -100%;
+  }
+
+  .sm\:hover\:translate-y-0:hover {
+    --transform-translate-y: 0;
+  }
+
+  .sm\:hover\:translate-y-1:hover {
+    --transform-translate-y: 0.25rem;
+  }
+
+  .sm\:hover\:translate-y-2:hover {
+    --transform-translate-y: 0.5rem;
+  }
+
+  .sm\:hover\:translate-y-3:hover {
+    --transform-translate-y: 0.75rem;
+  }
+
+  .sm\:hover\:translate-y-4:hover {
+    --transform-translate-y: 1rem;
+  }
+
+  .sm\:hover\:translate-y-5:hover {
+    --transform-translate-y: 1.25rem;
+  }
+
+  .sm\:hover\:translate-y-6:hover {
+    --transform-translate-y: 1.5rem;
+  }
+
+  .sm\:hover\:translate-y-7:hover {
+    --transform-translate-y: 1.75rem;
+  }
+
+  .sm\:hover\:translate-y-8:hover {
+    --transform-translate-y: 2rem;
+  }
+
+  .sm\:hover\:translate-y-9:hover {
+    --transform-translate-y: 2.25rem;
+  }
+
+  .sm\:hover\:translate-y-10:hover {
+    --transform-translate-y: 2.5rem;
+  }
+
+  .sm\:hover\:translate-y-11:hover {
+    --transform-translate-y: 2.75rem;
+  }
+
+  .sm\:hover\:translate-y-12:hover {
+    --transform-translate-y: 3rem;
+  }
+
+  .sm\:hover\:translate-y-13:hover {
+    --transform-translate-y: 3.25rem;
+  }
+
+  .sm\:hover\:translate-y-14:hover {
+    --transform-translate-y: 3.5rem;
+  }
+
+  .sm\:hover\:translate-y-15:hover {
+    --transform-translate-y: 3.75rem;
+  }
+
+  .sm\:hover\:translate-y-16:hover {
+    --transform-translate-y: 4rem;
+  }
+
+  .sm\:hover\:translate-y-20:hover {
+    --transform-translate-y: 5rem;
+  }
+
+  .sm\:hover\:translate-y-24:hover {
+    --transform-translate-y: 6rem;
+  }
+
+  .sm\:hover\:translate-y-28:hover {
+    --transform-translate-y: 7rem;
+  }
+
+  .sm\:hover\:translate-y-32:hover {
+    --transform-translate-y: 8rem;
+  }
+
+  .sm\:hover\:translate-y-36:hover {
+    --transform-translate-y: 9rem;
+  }
+
+  .sm\:hover\:translate-y-40:hover {
+    --transform-translate-y: 10rem;
+  }
+
+  .sm\:hover\:translate-y-48:hover {
+    --transform-translate-y: 12rem;
+  }
+
+  .sm\:hover\:translate-y-56:hover {
+    --transform-translate-y: 14rem;
+  }
+
+  .sm\:hover\:translate-y-60:hover {
+    --transform-translate-y: 15rem;
+  }
+
+  .sm\:hover\:translate-y-64:hover {
+    --transform-translate-y: 16rem;
+  }
+
+  .sm\:hover\:translate-y-72:hover {
+    --transform-translate-y: 18rem;
+  }
+
+  .sm\:hover\:translate-y-80:hover {
+    --transform-translate-y: 20rem;
+  }
+
+  .sm\:hover\:translate-y-96:hover {
+    --transform-translate-y: 24rem;
+  }
+
+  .sm\:hover\:translate-y-px:hover {
+    --transform-translate-y: 1px;
+  }
+
+  .sm\:hover\:translate-y-0\.5:hover {
+    --transform-translate-y: 0.125rem;
+  }
+
+  .sm\:hover\:translate-y-1\.5:hover {
+    --transform-translate-y: 0.375rem;
+  }
+
+  .sm\:hover\:translate-y-2\.5:hover {
+    --transform-translate-y: 0.625rem;
+  }
+
+  .sm\:hover\:translate-y-3\.5:hover {
+    --transform-translate-y: 0.875rem;
+  }
+
+  .sm\:hover\:translate-y-1\/2:hover {
+    --transform-translate-y: 50%;
+  }
+
+  .sm\:hover\:translate-y-1\/3:hover {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .sm\:hover\:translate-y-2\/3:hover {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .sm\:hover\:translate-y-1\/4:hover {
+    --transform-translate-y: 25%;
+  }
+
+  .sm\:hover\:translate-y-2\/4:hover {
+    --transform-translate-y: 50%;
+  }
+
+  .sm\:hover\:translate-y-3\/4:hover {
+    --transform-translate-y: 75%;
+  }
+
+  .sm\:hover\:translate-y-1\/5:hover {
+    --transform-translate-y: 20%;
+  }
+
+  .sm\:hover\:translate-y-2\/5:hover {
+    --transform-translate-y: 40%;
+  }
+
+  .sm\:hover\:translate-y-3\/5:hover {
+    --transform-translate-y: 60%;
+  }
+
+  .sm\:hover\:translate-y-4\/5:hover {
+    --transform-translate-y: 80%;
+  }
+
+  .sm\:hover\:translate-y-1\/6:hover {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .sm\:hover\:translate-y-2\/6:hover {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .sm\:hover\:translate-y-3\/6:hover {
+    --transform-translate-y: 50%;
+  }
+
+  .sm\:hover\:translate-y-4\/6:hover {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .sm\:hover\:translate-y-5\/6:hover {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .sm\:hover\:translate-y-1\/12:hover {
+    --transform-translate-y: 8.333333%;
+  }
+
+  .sm\:hover\:translate-y-2\/12:hover {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .sm\:hover\:translate-y-3\/12:hover {
+    --transform-translate-y: 25%;
+  }
+
+  .sm\:hover\:translate-y-4\/12:hover {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .sm\:hover\:translate-y-5\/12:hover {
+    --transform-translate-y: 41.666667%;
+  }
+
+  .sm\:hover\:translate-y-6\/12:hover {
+    --transform-translate-y: 50%;
+  }
+
+  .sm\:hover\:translate-y-7\/12:hover {
+    --transform-translate-y: 58.333333%;
+  }
+
+  .sm\:hover\:translate-y-8\/12:hover {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .sm\:hover\:translate-y-9\/12:hover {
+    --transform-translate-y: 75%;
+  }
+
+  .sm\:hover\:translate-y-10\/12:hover {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .sm\:hover\:translate-y-11\/12:hover {
+    --transform-translate-y: 91.666667%;
+  }
+
+  .sm\:hover\:translate-y-full:hover {
+    --transform-translate-y: 100%;
+  }
+
+  .sm\:hover\:-translate-y-1:hover {
+    --transform-translate-y: -0.25rem;
+  }
+
+  .sm\:hover\:-translate-y-2:hover {
+    --transform-translate-y: -0.5rem;
+  }
+
+  .sm\:hover\:-translate-y-3:hover {
+    --transform-translate-y: -0.75rem;
+  }
+
+  .sm\:hover\:-translate-y-4:hover {
+    --transform-translate-y: -1rem;
+  }
+
+  .sm\:hover\:-translate-y-5:hover {
+    --transform-translate-y: -1.25rem;
+  }
+
+  .sm\:hover\:-translate-y-6:hover {
+    --transform-translate-y: -1.5rem;
+  }
+
+  .sm\:hover\:-translate-y-7:hover {
+    --transform-translate-y: -1.75rem;
+  }
+
+  .sm\:hover\:-translate-y-8:hover {
+    --transform-translate-y: -2rem;
+  }
+
+  .sm\:hover\:-translate-y-9:hover {
+    --transform-translate-y: -2.25rem;
+  }
+
+  .sm\:hover\:-translate-y-10:hover {
+    --transform-translate-y: -2.5rem;
+  }
+
+  .sm\:hover\:-translate-y-11:hover {
+    --transform-translate-y: -2.75rem;
+  }
+
+  .sm\:hover\:-translate-y-12:hover {
+    --transform-translate-y: -3rem;
+  }
+
+  .sm\:hover\:-translate-y-13:hover {
+    --transform-translate-y: -3.25rem;
+  }
+
+  .sm\:hover\:-translate-y-14:hover {
+    --transform-translate-y: -3.5rem;
+  }
+
+  .sm\:hover\:-translate-y-15:hover {
+    --transform-translate-y: -3.75rem;
+  }
+
+  .sm\:hover\:-translate-y-16:hover {
+    --transform-translate-y: -4rem;
+  }
+
+  .sm\:hover\:-translate-y-20:hover {
+    --transform-translate-y: -5rem;
+  }
+
+  .sm\:hover\:-translate-y-24:hover {
+    --transform-translate-y: -6rem;
+  }
+
+  .sm\:hover\:-translate-y-28:hover {
+    --transform-translate-y: -7rem;
+  }
+
+  .sm\:hover\:-translate-y-32:hover {
+    --transform-translate-y: -8rem;
+  }
+
+  .sm\:hover\:-translate-y-36:hover {
+    --transform-translate-y: -9rem;
+  }
+
+  .sm\:hover\:-translate-y-40:hover {
+    --transform-translate-y: -10rem;
+  }
+
+  .sm\:hover\:-translate-y-48:hover {
+    --transform-translate-y: -12rem;
+  }
+
+  .sm\:hover\:-translate-y-56:hover {
+    --transform-translate-y: -14rem;
+  }
+
+  .sm\:hover\:-translate-y-60:hover {
+    --transform-translate-y: -15rem;
+  }
+
+  .sm\:hover\:-translate-y-64:hover {
+    --transform-translate-y: -16rem;
+  }
+
+  .sm\:hover\:-translate-y-72:hover {
+    --transform-translate-y: -18rem;
+  }
+
+  .sm\:hover\:-translate-y-80:hover {
+    --transform-translate-y: -20rem;
+  }
+
+  .sm\:hover\:-translate-y-96:hover {
+    --transform-translate-y: -24rem;
+  }
+
+  .sm\:hover\:-translate-y-px:hover {
+    --transform-translate-y: -1px;
+  }
+
+  .sm\:hover\:-translate-y-0\.5:hover {
+    --transform-translate-y: -0.125rem;
+  }
+
+  .sm\:hover\:-translate-y-1\.5:hover {
+    --transform-translate-y: -0.375rem;
+  }
+
+  .sm\:hover\:-translate-y-2\.5:hover {
+    --transform-translate-y: -0.625rem;
+  }
+
+  .sm\:hover\:-translate-y-3\.5:hover {
+    --transform-translate-y: -0.875rem;
+  }
+
+  .sm\:hover\:-translate-y-1\/2:hover {
+    --transform-translate-y: -50%;
+  }
+
+  .sm\:hover\:-translate-y-1\/3:hover {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .sm\:hover\:-translate-y-2\/3:hover {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .sm\:hover\:-translate-y-1\/4:hover {
+    --transform-translate-y: -25%;
+  }
+
+  .sm\:hover\:-translate-y-2\/4:hover {
+    --transform-translate-y: -50%;
+  }
+
+  .sm\:hover\:-translate-y-3\/4:hover {
+    --transform-translate-y: -75%;
+  }
+
+  .sm\:hover\:-translate-y-1\/5:hover {
+    --transform-translate-y: -20%;
+  }
+
+  .sm\:hover\:-translate-y-2\/5:hover {
+    --transform-translate-y: -40%;
+  }
+
+  .sm\:hover\:-translate-y-3\/5:hover {
+    --transform-translate-y: -60%;
+  }
+
+  .sm\:hover\:-translate-y-4\/5:hover {
+    --transform-translate-y: -80%;
+  }
+
+  .sm\:hover\:-translate-y-1\/6:hover {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .sm\:hover\:-translate-y-2\/6:hover {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .sm\:hover\:-translate-y-3\/6:hover {
+    --transform-translate-y: -50%;
+  }
+
+  .sm\:hover\:-translate-y-4\/6:hover {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .sm\:hover\:-translate-y-5\/6:hover {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .sm\:hover\:-translate-y-1\/12:hover {
+    --transform-translate-y: -8.33333%;
+  }
+
+  .sm\:hover\:-translate-y-2\/12:hover {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .sm\:hover\:-translate-y-3\/12:hover {
+    --transform-translate-y: -25%;
+  }
+
+  .sm\:hover\:-translate-y-4\/12:hover {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .sm\:hover\:-translate-y-5\/12:hover {
+    --transform-translate-y: -41.66667%;
+  }
+
+  .sm\:hover\:-translate-y-6\/12:hover {
+    --transform-translate-y: -50%;
+  }
+
+  .sm\:hover\:-translate-y-7\/12:hover {
+    --transform-translate-y: -58.33333%;
+  }
+
+  .sm\:hover\:-translate-y-8\/12:hover {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .sm\:hover\:-translate-y-9\/12:hover {
+    --transform-translate-y: -75%;
+  }
+
+  .sm\:hover\:-translate-y-10\/12:hover {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .sm\:hover\:-translate-y-11\/12:hover {
+    --transform-translate-y: -91.66667%;
+  }
+
+  .sm\:hover\:-translate-y-full:hover {
+    --transform-translate-y: -100%;
+  }
+
+  .sm\:focus\:translate-x-0:focus {
+    --transform-translate-x: 0;
+  }
+
+  .sm\:focus\:translate-x-1:focus {
+    --transform-translate-x: 0.25rem;
+  }
+
+  .sm\:focus\:translate-x-2:focus {
+    --transform-translate-x: 0.5rem;
+  }
+
+  .sm\:focus\:translate-x-3:focus {
+    --transform-translate-x: 0.75rem;
+  }
+
+  .sm\:focus\:translate-x-4:focus {
+    --transform-translate-x: 1rem;
+  }
+
+  .sm\:focus\:translate-x-5:focus {
+    --transform-translate-x: 1.25rem;
+  }
+
+  .sm\:focus\:translate-x-6:focus {
+    --transform-translate-x: 1.5rem;
+  }
+
+  .sm\:focus\:translate-x-7:focus {
+    --transform-translate-x: 1.75rem;
+  }
+
+  .sm\:focus\:translate-x-8:focus {
+    --transform-translate-x: 2rem;
+  }
+
+  .sm\:focus\:translate-x-9:focus {
+    --transform-translate-x: 2.25rem;
+  }
+
+  .sm\:focus\:translate-x-10:focus {
+    --transform-translate-x: 2.5rem;
+  }
+
+  .sm\:focus\:translate-x-11:focus {
+    --transform-translate-x: 2.75rem;
+  }
+
+  .sm\:focus\:translate-x-12:focus {
+    --transform-translate-x: 3rem;
+  }
+
+  .sm\:focus\:translate-x-13:focus {
+    --transform-translate-x: 3.25rem;
+  }
+
+  .sm\:focus\:translate-x-14:focus {
+    --transform-translate-x: 3.5rem;
+  }
+
+  .sm\:focus\:translate-x-15:focus {
+    --transform-translate-x: 3.75rem;
+  }
+
+  .sm\:focus\:translate-x-16:focus {
+    --transform-translate-x: 4rem;
+  }
+
+  .sm\:focus\:translate-x-20:focus {
+    --transform-translate-x: 5rem;
+  }
+
+  .sm\:focus\:translate-x-24:focus {
+    --transform-translate-x: 6rem;
+  }
+
+  .sm\:focus\:translate-x-28:focus {
+    --transform-translate-x: 7rem;
+  }
+
+  .sm\:focus\:translate-x-32:focus {
+    --transform-translate-x: 8rem;
+  }
+
+  .sm\:focus\:translate-x-36:focus {
+    --transform-translate-x: 9rem;
+  }
+
+  .sm\:focus\:translate-x-40:focus {
+    --transform-translate-x: 10rem;
+  }
+
+  .sm\:focus\:translate-x-48:focus {
+    --transform-translate-x: 12rem;
+  }
+
+  .sm\:focus\:translate-x-56:focus {
+    --transform-translate-x: 14rem;
+  }
+
+  .sm\:focus\:translate-x-60:focus {
+    --transform-translate-x: 15rem;
+  }
+
+  .sm\:focus\:translate-x-64:focus {
+    --transform-translate-x: 16rem;
+  }
+
+  .sm\:focus\:translate-x-72:focus {
+    --transform-translate-x: 18rem;
+  }
+
+  .sm\:focus\:translate-x-80:focus {
+    --transform-translate-x: 20rem;
+  }
+
+  .sm\:focus\:translate-x-96:focus {
+    --transform-translate-x: 24rem;
+  }
+
+  .sm\:focus\:translate-x-px:focus {
+    --transform-translate-x: 1px;
+  }
+
+  .sm\:focus\:translate-x-0\.5:focus {
+    --transform-translate-x: 0.125rem;
+  }
+
+  .sm\:focus\:translate-x-1\.5:focus {
+    --transform-translate-x: 0.375rem;
+  }
+
+  .sm\:focus\:translate-x-2\.5:focus {
+    --transform-translate-x: 0.625rem;
+  }
+
+  .sm\:focus\:translate-x-3\.5:focus {
+    --transform-translate-x: 0.875rem;
+  }
+
+  .sm\:focus\:translate-x-1\/2:focus {
+    --transform-translate-x: 50%;
+  }
+
+  .sm\:focus\:translate-x-1\/3:focus {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .sm\:focus\:translate-x-2\/3:focus {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .sm\:focus\:translate-x-1\/4:focus {
+    --transform-translate-x: 25%;
+  }
+
+  .sm\:focus\:translate-x-2\/4:focus {
+    --transform-translate-x: 50%;
+  }
+
+  .sm\:focus\:translate-x-3\/4:focus {
+    --transform-translate-x: 75%;
+  }
+
+  .sm\:focus\:translate-x-1\/5:focus {
+    --transform-translate-x: 20%;
+  }
+
+  .sm\:focus\:translate-x-2\/5:focus {
+    --transform-translate-x: 40%;
+  }
+
+  .sm\:focus\:translate-x-3\/5:focus {
+    --transform-translate-x: 60%;
+  }
+
+  .sm\:focus\:translate-x-4\/5:focus {
+    --transform-translate-x: 80%;
+  }
+
+  .sm\:focus\:translate-x-1\/6:focus {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .sm\:focus\:translate-x-2\/6:focus {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .sm\:focus\:translate-x-3\/6:focus {
+    --transform-translate-x: 50%;
+  }
+
+  .sm\:focus\:translate-x-4\/6:focus {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .sm\:focus\:translate-x-5\/6:focus {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .sm\:focus\:translate-x-1\/12:focus {
+    --transform-translate-x: 8.333333%;
+  }
+
+  .sm\:focus\:translate-x-2\/12:focus {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .sm\:focus\:translate-x-3\/12:focus {
+    --transform-translate-x: 25%;
+  }
+
+  .sm\:focus\:translate-x-4\/12:focus {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .sm\:focus\:translate-x-5\/12:focus {
+    --transform-translate-x: 41.666667%;
+  }
+
+  .sm\:focus\:translate-x-6\/12:focus {
+    --transform-translate-x: 50%;
+  }
+
+  .sm\:focus\:translate-x-7\/12:focus {
+    --transform-translate-x: 58.333333%;
+  }
+
+  .sm\:focus\:translate-x-8\/12:focus {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .sm\:focus\:translate-x-9\/12:focus {
+    --transform-translate-x: 75%;
+  }
+
+  .sm\:focus\:translate-x-10\/12:focus {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .sm\:focus\:translate-x-11\/12:focus {
+    --transform-translate-x: 91.666667%;
+  }
+
+  .sm\:focus\:translate-x-full:focus {
+    --transform-translate-x: 100%;
+  }
+
+  .sm\:focus\:-translate-x-1:focus {
+    --transform-translate-x: -0.25rem;
+  }
+
+  .sm\:focus\:-translate-x-2:focus {
+    --transform-translate-x: -0.5rem;
+  }
+
+  .sm\:focus\:-translate-x-3:focus {
+    --transform-translate-x: -0.75rem;
+  }
+
+  .sm\:focus\:-translate-x-4:focus {
+    --transform-translate-x: -1rem;
+  }
+
+  .sm\:focus\:-translate-x-5:focus {
+    --transform-translate-x: -1.25rem;
+  }
+
+  .sm\:focus\:-translate-x-6:focus {
+    --transform-translate-x: -1.5rem;
+  }
+
+  .sm\:focus\:-translate-x-7:focus {
+    --transform-translate-x: -1.75rem;
+  }
+
+  .sm\:focus\:-translate-x-8:focus {
+    --transform-translate-x: -2rem;
+  }
+
+  .sm\:focus\:-translate-x-9:focus {
+    --transform-translate-x: -2.25rem;
+  }
+
+  .sm\:focus\:-translate-x-10:focus {
+    --transform-translate-x: -2.5rem;
+  }
+
+  .sm\:focus\:-translate-x-11:focus {
+    --transform-translate-x: -2.75rem;
+  }
+
+  .sm\:focus\:-translate-x-12:focus {
+    --transform-translate-x: -3rem;
+  }
+
+  .sm\:focus\:-translate-x-13:focus {
+    --transform-translate-x: -3.25rem;
+  }
+
+  .sm\:focus\:-translate-x-14:focus {
+    --transform-translate-x: -3.5rem;
+  }
+
+  .sm\:focus\:-translate-x-15:focus {
+    --transform-translate-x: -3.75rem;
+  }
+
+  .sm\:focus\:-translate-x-16:focus {
+    --transform-translate-x: -4rem;
+  }
+
+  .sm\:focus\:-translate-x-20:focus {
+    --transform-translate-x: -5rem;
+  }
+
+  .sm\:focus\:-translate-x-24:focus {
+    --transform-translate-x: -6rem;
+  }
+
+  .sm\:focus\:-translate-x-28:focus {
+    --transform-translate-x: -7rem;
+  }
+
+  .sm\:focus\:-translate-x-32:focus {
+    --transform-translate-x: -8rem;
+  }
+
+  .sm\:focus\:-translate-x-36:focus {
+    --transform-translate-x: -9rem;
+  }
+
+  .sm\:focus\:-translate-x-40:focus {
+    --transform-translate-x: -10rem;
+  }
+
+  .sm\:focus\:-translate-x-48:focus {
+    --transform-translate-x: -12rem;
+  }
+
+  .sm\:focus\:-translate-x-56:focus {
+    --transform-translate-x: -14rem;
+  }
+
+  .sm\:focus\:-translate-x-60:focus {
+    --transform-translate-x: -15rem;
+  }
+
+  .sm\:focus\:-translate-x-64:focus {
+    --transform-translate-x: -16rem;
+  }
+
+  .sm\:focus\:-translate-x-72:focus {
+    --transform-translate-x: -18rem;
+  }
+
+  .sm\:focus\:-translate-x-80:focus {
+    --transform-translate-x: -20rem;
+  }
+
+  .sm\:focus\:-translate-x-96:focus {
+    --transform-translate-x: -24rem;
+  }
+
+  .sm\:focus\:-translate-x-px:focus {
+    --transform-translate-x: -1px;
+  }
+
+  .sm\:focus\:-translate-x-0\.5:focus {
+    --transform-translate-x: -0.125rem;
+  }
+
+  .sm\:focus\:-translate-x-1\.5:focus {
+    --transform-translate-x: -0.375rem;
+  }
+
+  .sm\:focus\:-translate-x-2\.5:focus {
+    --transform-translate-x: -0.625rem;
+  }
+
+  .sm\:focus\:-translate-x-3\.5:focus {
+    --transform-translate-x: -0.875rem;
+  }
+
+  .sm\:focus\:-translate-x-1\/2:focus {
+    --transform-translate-x: -50%;
+  }
+
+  .sm\:focus\:-translate-x-1\/3:focus {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .sm\:focus\:-translate-x-2\/3:focus {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .sm\:focus\:-translate-x-1\/4:focus {
+    --transform-translate-x: -25%;
+  }
+
+  .sm\:focus\:-translate-x-2\/4:focus {
+    --transform-translate-x: -50%;
+  }
+
+  .sm\:focus\:-translate-x-3\/4:focus {
+    --transform-translate-x: -75%;
+  }
+
+  .sm\:focus\:-translate-x-1\/5:focus {
+    --transform-translate-x: -20%;
+  }
+
+  .sm\:focus\:-translate-x-2\/5:focus {
+    --transform-translate-x: -40%;
+  }
+
+  .sm\:focus\:-translate-x-3\/5:focus {
+    --transform-translate-x: -60%;
+  }
+
+  .sm\:focus\:-translate-x-4\/5:focus {
+    --transform-translate-x: -80%;
+  }
+
+  .sm\:focus\:-translate-x-1\/6:focus {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .sm\:focus\:-translate-x-2\/6:focus {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .sm\:focus\:-translate-x-3\/6:focus {
+    --transform-translate-x: -50%;
+  }
+
+  .sm\:focus\:-translate-x-4\/6:focus {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .sm\:focus\:-translate-x-5\/6:focus {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .sm\:focus\:-translate-x-1\/12:focus {
+    --transform-translate-x: -8.33333%;
+  }
+
+  .sm\:focus\:-translate-x-2\/12:focus {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .sm\:focus\:-translate-x-3\/12:focus {
+    --transform-translate-x: -25%;
+  }
+
+  .sm\:focus\:-translate-x-4\/12:focus {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .sm\:focus\:-translate-x-5\/12:focus {
+    --transform-translate-x: -41.66667%;
+  }
+
+  .sm\:focus\:-translate-x-6\/12:focus {
+    --transform-translate-x: -50%;
+  }
+
+  .sm\:focus\:-translate-x-7\/12:focus {
+    --transform-translate-x: -58.33333%;
+  }
+
+  .sm\:focus\:-translate-x-8\/12:focus {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .sm\:focus\:-translate-x-9\/12:focus {
+    --transform-translate-x: -75%;
+  }
+
+  .sm\:focus\:-translate-x-10\/12:focus {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .sm\:focus\:-translate-x-11\/12:focus {
+    --transform-translate-x: -91.66667%;
+  }
+
+  .sm\:focus\:-translate-x-full:focus {
+    --transform-translate-x: -100%;
+  }
+
+  .sm\:focus\:translate-y-0:focus {
+    --transform-translate-y: 0;
+  }
+
+  .sm\:focus\:translate-y-1:focus {
+    --transform-translate-y: 0.25rem;
+  }
+
+  .sm\:focus\:translate-y-2:focus {
+    --transform-translate-y: 0.5rem;
+  }
+
+  .sm\:focus\:translate-y-3:focus {
+    --transform-translate-y: 0.75rem;
+  }
+
+  .sm\:focus\:translate-y-4:focus {
+    --transform-translate-y: 1rem;
+  }
+
+  .sm\:focus\:translate-y-5:focus {
+    --transform-translate-y: 1.25rem;
+  }
+
+  .sm\:focus\:translate-y-6:focus {
+    --transform-translate-y: 1.5rem;
+  }
+
+  .sm\:focus\:translate-y-7:focus {
+    --transform-translate-y: 1.75rem;
+  }
+
+  .sm\:focus\:translate-y-8:focus {
+    --transform-translate-y: 2rem;
+  }
+
+  .sm\:focus\:translate-y-9:focus {
+    --transform-translate-y: 2.25rem;
+  }
+
+  .sm\:focus\:translate-y-10:focus {
+    --transform-translate-y: 2.5rem;
+  }
+
+  .sm\:focus\:translate-y-11:focus {
+    --transform-translate-y: 2.75rem;
+  }
+
+  .sm\:focus\:translate-y-12:focus {
+    --transform-translate-y: 3rem;
+  }
+
+  .sm\:focus\:translate-y-13:focus {
+    --transform-translate-y: 3.25rem;
+  }
+
+  .sm\:focus\:translate-y-14:focus {
+    --transform-translate-y: 3.5rem;
+  }
+
+  .sm\:focus\:translate-y-15:focus {
+    --transform-translate-y: 3.75rem;
+  }
+
+  .sm\:focus\:translate-y-16:focus {
+    --transform-translate-y: 4rem;
+  }
+
+  .sm\:focus\:translate-y-20:focus {
+    --transform-translate-y: 5rem;
+  }
+
+  .sm\:focus\:translate-y-24:focus {
+    --transform-translate-y: 6rem;
+  }
+
+  .sm\:focus\:translate-y-28:focus {
+    --transform-translate-y: 7rem;
+  }
+
+  .sm\:focus\:translate-y-32:focus {
+    --transform-translate-y: 8rem;
+  }
+
+  .sm\:focus\:translate-y-36:focus {
+    --transform-translate-y: 9rem;
+  }
+
+  .sm\:focus\:translate-y-40:focus {
+    --transform-translate-y: 10rem;
+  }
+
+  .sm\:focus\:translate-y-48:focus {
+    --transform-translate-y: 12rem;
+  }
+
+  .sm\:focus\:translate-y-56:focus {
+    --transform-translate-y: 14rem;
+  }
+
+  .sm\:focus\:translate-y-60:focus {
+    --transform-translate-y: 15rem;
+  }
+
+  .sm\:focus\:translate-y-64:focus {
+    --transform-translate-y: 16rem;
+  }
+
+  .sm\:focus\:translate-y-72:focus {
+    --transform-translate-y: 18rem;
+  }
+
+  .sm\:focus\:translate-y-80:focus {
+    --transform-translate-y: 20rem;
+  }
+
+  .sm\:focus\:translate-y-96:focus {
+    --transform-translate-y: 24rem;
+  }
+
+  .sm\:focus\:translate-y-px:focus {
+    --transform-translate-y: 1px;
+  }
+
+  .sm\:focus\:translate-y-0\.5:focus {
+    --transform-translate-y: 0.125rem;
+  }
+
+  .sm\:focus\:translate-y-1\.5:focus {
+    --transform-translate-y: 0.375rem;
+  }
+
+  .sm\:focus\:translate-y-2\.5:focus {
+    --transform-translate-y: 0.625rem;
+  }
+
+  .sm\:focus\:translate-y-3\.5:focus {
+    --transform-translate-y: 0.875rem;
+  }
+
+  .sm\:focus\:translate-y-1\/2:focus {
+    --transform-translate-y: 50%;
+  }
+
+  .sm\:focus\:translate-y-1\/3:focus {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .sm\:focus\:translate-y-2\/3:focus {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .sm\:focus\:translate-y-1\/4:focus {
+    --transform-translate-y: 25%;
+  }
+
+  .sm\:focus\:translate-y-2\/4:focus {
+    --transform-translate-y: 50%;
+  }
+
+  .sm\:focus\:translate-y-3\/4:focus {
+    --transform-translate-y: 75%;
+  }
+
+  .sm\:focus\:translate-y-1\/5:focus {
+    --transform-translate-y: 20%;
+  }
+
+  .sm\:focus\:translate-y-2\/5:focus {
+    --transform-translate-y: 40%;
+  }
+
+  .sm\:focus\:translate-y-3\/5:focus {
+    --transform-translate-y: 60%;
+  }
+
+  .sm\:focus\:translate-y-4\/5:focus {
+    --transform-translate-y: 80%;
+  }
+
+  .sm\:focus\:translate-y-1\/6:focus {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .sm\:focus\:translate-y-2\/6:focus {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .sm\:focus\:translate-y-3\/6:focus {
+    --transform-translate-y: 50%;
+  }
+
+  .sm\:focus\:translate-y-4\/6:focus {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .sm\:focus\:translate-y-5\/6:focus {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .sm\:focus\:translate-y-1\/12:focus {
+    --transform-translate-y: 8.333333%;
+  }
+
+  .sm\:focus\:translate-y-2\/12:focus {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .sm\:focus\:translate-y-3\/12:focus {
+    --transform-translate-y: 25%;
+  }
+
+  .sm\:focus\:translate-y-4\/12:focus {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .sm\:focus\:translate-y-5\/12:focus {
+    --transform-translate-y: 41.666667%;
+  }
+
+  .sm\:focus\:translate-y-6\/12:focus {
+    --transform-translate-y: 50%;
+  }
+
+  .sm\:focus\:translate-y-7\/12:focus {
+    --transform-translate-y: 58.333333%;
+  }
+
+  .sm\:focus\:translate-y-8\/12:focus {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .sm\:focus\:translate-y-9\/12:focus {
+    --transform-translate-y: 75%;
+  }
+
+  .sm\:focus\:translate-y-10\/12:focus {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .sm\:focus\:translate-y-11\/12:focus {
+    --transform-translate-y: 91.666667%;
+  }
+
+  .sm\:focus\:translate-y-full:focus {
+    --transform-translate-y: 100%;
+  }
+
+  .sm\:focus\:-translate-y-1:focus {
+    --transform-translate-y: -0.25rem;
+  }
+
+  .sm\:focus\:-translate-y-2:focus {
+    --transform-translate-y: -0.5rem;
+  }
+
+  .sm\:focus\:-translate-y-3:focus {
+    --transform-translate-y: -0.75rem;
+  }
+
+  .sm\:focus\:-translate-y-4:focus {
+    --transform-translate-y: -1rem;
+  }
+
+  .sm\:focus\:-translate-y-5:focus {
+    --transform-translate-y: -1.25rem;
+  }
+
+  .sm\:focus\:-translate-y-6:focus {
+    --transform-translate-y: -1.5rem;
+  }
+
+  .sm\:focus\:-translate-y-7:focus {
+    --transform-translate-y: -1.75rem;
+  }
+
+  .sm\:focus\:-translate-y-8:focus {
+    --transform-translate-y: -2rem;
+  }
+
+  .sm\:focus\:-translate-y-9:focus {
+    --transform-translate-y: -2.25rem;
+  }
+
+  .sm\:focus\:-translate-y-10:focus {
+    --transform-translate-y: -2.5rem;
+  }
+
+  .sm\:focus\:-translate-y-11:focus {
+    --transform-translate-y: -2.75rem;
+  }
+
+  .sm\:focus\:-translate-y-12:focus {
+    --transform-translate-y: -3rem;
+  }
+
+  .sm\:focus\:-translate-y-13:focus {
+    --transform-translate-y: -3.25rem;
+  }
+
+  .sm\:focus\:-translate-y-14:focus {
+    --transform-translate-y: -3.5rem;
+  }
+
+  .sm\:focus\:-translate-y-15:focus {
+    --transform-translate-y: -3.75rem;
+  }
+
+  .sm\:focus\:-translate-y-16:focus {
+    --transform-translate-y: -4rem;
+  }
+
+  .sm\:focus\:-translate-y-20:focus {
+    --transform-translate-y: -5rem;
+  }
+
+  .sm\:focus\:-translate-y-24:focus {
+    --transform-translate-y: -6rem;
+  }
+
+  .sm\:focus\:-translate-y-28:focus {
+    --transform-translate-y: -7rem;
+  }
+
+  .sm\:focus\:-translate-y-32:focus {
+    --transform-translate-y: -8rem;
+  }
+
+  .sm\:focus\:-translate-y-36:focus {
+    --transform-translate-y: -9rem;
+  }
+
+  .sm\:focus\:-translate-y-40:focus {
+    --transform-translate-y: -10rem;
+  }
+
+  .sm\:focus\:-translate-y-48:focus {
+    --transform-translate-y: -12rem;
+  }
+
+  .sm\:focus\:-translate-y-56:focus {
+    --transform-translate-y: -14rem;
+  }
+
+  .sm\:focus\:-translate-y-60:focus {
+    --transform-translate-y: -15rem;
+  }
+
+  .sm\:focus\:-translate-y-64:focus {
+    --transform-translate-y: -16rem;
+  }
+
+  .sm\:focus\:-translate-y-72:focus {
+    --transform-translate-y: -18rem;
+  }
+
+  .sm\:focus\:-translate-y-80:focus {
+    --transform-translate-y: -20rem;
+  }
+
+  .sm\:focus\:-translate-y-96:focus {
+    --transform-translate-y: -24rem;
+  }
+
+  .sm\:focus\:-translate-y-px:focus {
+    --transform-translate-y: -1px;
+  }
+
+  .sm\:focus\:-translate-y-0\.5:focus {
+    --transform-translate-y: -0.125rem;
+  }
+
+  .sm\:focus\:-translate-y-1\.5:focus {
+    --transform-translate-y: -0.375rem;
+  }
+
+  .sm\:focus\:-translate-y-2\.5:focus {
+    --transform-translate-y: -0.625rem;
+  }
+
+  .sm\:focus\:-translate-y-3\.5:focus {
+    --transform-translate-y: -0.875rem;
+  }
+
+  .sm\:focus\:-translate-y-1\/2:focus {
+    --transform-translate-y: -50%;
+  }
+
+  .sm\:focus\:-translate-y-1\/3:focus {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .sm\:focus\:-translate-y-2\/3:focus {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .sm\:focus\:-translate-y-1\/4:focus {
+    --transform-translate-y: -25%;
+  }
+
+  .sm\:focus\:-translate-y-2\/4:focus {
+    --transform-translate-y: -50%;
+  }
+
+  .sm\:focus\:-translate-y-3\/4:focus {
+    --transform-translate-y: -75%;
+  }
+
+  .sm\:focus\:-translate-y-1\/5:focus {
+    --transform-translate-y: -20%;
+  }
+
+  .sm\:focus\:-translate-y-2\/5:focus {
+    --transform-translate-y: -40%;
+  }
+
+  .sm\:focus\:-translate-y-3\/5:focus {
+    --transform-translate-y: -60%;
+  }
+
+  .sm\:focus\:-translate-y-4\/5:focus {
+    --transform-translate-y: -80%;
+  }
+
+  .sm\:focus\:-translate-y-1\/6:focus {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .sm\:focus\:-translate-y-2\/6:focus {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .sm\:focus\:-translate-y-3\/6:focus {
+    --transform-translate-y: -50%;
+  }
+
+  .sm\:focus\:-translate-y-4\/6:focus {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .sm\:focus\:-translate-y-5\/6:focus {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .sm\:focus\:-translate-y-1\/12:focus {
+    --transform-translate-y: -8.33333%;
+  }
+
+  .sm\:focus\:-translate-y-2\/12:focus {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .sm\:focus\:-translate-y-3\/12:focus {
+    --transform-translate-y: -25%;
+  }
+
+  .sm\:focus\:-translate-y-4\/12:focus {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .sm\:focus\:-translate-y-5\/12:focus {
+    --transform-translate-y: -41.66667%;
+  }
+
+  .sm\:focus\:-translate-y-6\/12:focus {
+    --transform-translate-y: -50%;
+  }
+
+  .sm\:focus\:-translate-y-7\/12:focus {
+    --transform-translate-y: -58.33333%;
+  }
+
+  .sm\:focus\:-translate-y-8\/12:focus {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .sm\:focus\:-translate-y-9\/12:focus {
+    --transform-translate-y: -75%;
+  }
+
+  .sm\:focus\:-translate-y-10\/12:focus {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .sm\:focus\:-translate-y-11\/12:focus {
+    --transform-translate-y: -91.66667%;
+  }
+
+  .sm\:focus\:-translate-y-full:focus {
+    --transform-translate-y: -100%;
+  }
+
+  .sm\:skew-x-0 {
+    --transform-skew-x: 0;
+  }
+
+  .sm\:skew-x-3 {
+    --transform-skew-x: 3deg;
+  }
+
+  .sm\:skew-x-6 {
+    --transform-skew-x: 6deg;
+  }
+
+  .sm\:skew-x-12 {
+    --transform-skew-x: 12deg;
+  }
+
+  .sm\:-skew-x-12 {
+    --transform-skew-x: -12deg;
+  }
+
+  .sm\:-skew-x-6 {
+    --transform-skew-x: -6deg;
+  }
+
+  .sm\:-skew-x-3 {
+    --transform-skew-x: -3deg;
+  }
+
+  .sm\:skew-y-0 {
+    --transform-skew-y: 0;
+  }
+
+  .sm\:skew-y-3 {
+    --transform-skew-y: 3deg;
+  }
+
+  .sm\:skew-y-6 {
+    --transform-skew-y: 6deg;
+  }
+
+  .sm\:skew-y-12 {
+    --transform-skew-y: 12deg;
+  }
+
+  .sm\:-skew-y-12 {
+    --transform-skew-y: -12deg;
+  }
+
+  .sm\:-skew-y-6 {
+    --transform-skew-y: -6deg;
+  }
+
+  .sm\:-skew-y-3 {
+    --transform-skew-y: -3deg;
+  }
+
+  .sm\:hover\:skew-x-0:hover {
+    --transform-skew-x: 0;
+  }
+
+  .sm\:hover\:skew-x-3:hover {
+    --transform-skew-x: 3deg;
+  }
+
+  .sm\:hover\:skew-x-6:hover {
+    --transform-skew-x: 6deg;
+  }
+
+  .sm\:hover\:skew-x-12:hover {
+    --transform-skew-x: 12deg;
+  }
+
+  .sm\:hover\:-skew-x-12:hover {
+    --transform-skew-x: -12deg;
+  }
+
+  .sm\:hover\:-skew-x-6:hover {
+    --transform-skew-x: -6deg;
+  }
+
+  .sm\:hover\:-skew-x-3:hover {
+    --transform-skew-x: -3deg;
+  }
+
+  .sm\:hover\:skew-y-0:hover {
+    --transform-skew-y: 0;
+  }
+
+  .sm\:hover\:skew-y-3:hover {
+    --transform-skew-y: 3deg;
+  }
+
+  .sm\:hover\:skew-y-6:hover {
+    --transform-skew-y: 6deg;
+  }
+
+  .sm\:hover\:skew-y-12:hover {
+    --transform-skew-y: 12deg;
+  }
+
+  .sm\:hover\:-skew-y-12:hover {
+    --transform-skew-y: -12deg;
+  }
+
+  .sm\:hover\:-skew-y-6:hover {
+    --transform-skew-y: -6deg;
+  }
+
+  .sm\:hover\:-skew-y-3:hover {
+    --transform-skew-y: -3deg;
+  }
+
+  .sm\:focus\:skew-x-0:focus {
+    --transform-skew-x: 0;
+  }
+
+  .sm\:focus\:skew-x-3:focus {
+    --transform-skew-x: 3deg;
+  }
+
+  .sm\:focus\:skew-x-6:focus {
+    --transform-skew-x: 6deg;
+  }
+
+  .sm\:focus\:skew-x-12:focus {
+    --transform-skew-x: 12deg;
+  }
+
+  .sm\:focus\:-skew-x-12:focus {
+    --transform-skew-x: -12deg;
+  }
+
+  .sm\:focus\:-skew-x-6:focus {
+    --transform-skew-x: -6deg;
+  }
+
+  .sm\:focus\:-skew-x-3:focus {
+    --transform-skew-x: -3deg;
+  }
+
+  .sm\:focus\:skew-y-0:focus {
+    --transform-skew-y: 0;
+  }
+
+  .sm\:focus\:skew-y-3:focus {
+    --transform-skew-y: 3deg;
+  }
+
+  .sm\:focus\:skew-y-6:focus {
+    --transform-skew-y: 6deg;
+  }
+
+  .sm\:focus\:skew-y-12:focus {
+    --transform-skew-y: 12deg;
+  }
+
+  .sm\:focus\:-skew-y-12:focus {
+    --transform-skew-y: -12deg;
+  }
+
+  .sm\:focus\:-skew-y-6:focus {
+    --transform-skew-y: -6deg;
+  }
+
+  .sm\:focus\:-skew-y-3:focus {
+    --transform-skew-y: -3deg;
+  }
+
+  .sm\:transition-none {
+    transition-property: none;
+  }
+
+  .sm\:transition-all {
+    transition-property: all;
+  }
+
+  .sm\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+  }
+
+  .sm\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+  }
+
+  .sm\:transition-opacity {
+    transition-property: opacity;
+  }
+
+  .sm\:transition-shadow {
+    transition-property: box-shadow;
+  }
+
+  .sm\:transition-transform {
+    transition-property: transform;
+  }
+
+  .sm\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .sm\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .sm\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .sm\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .sm\:duration-75 {
+    transition-duration: 75ms;
+  }
+
+  .sm\:duration-100 {
+    transition-duration: 100ms;
+  }
+
+  .sm\:duration-150 {
+    transition-duration: 150ms;
+  }
+
+  .sm\:duration-200 {
+    transition-duration: 200ms;
+  }
+
+  .sm\:duration-300 {
+    transition-duration: 300ms;
+  }
+
+  .sm\:duration-500 {
+    transition-duration: 500ms;
+  }
+
+  .sm\:duration-700 {
+    transition-duration: 700ms;
+  }
+
+  .sm\:duration-1000 {
+    transition-duration: 1000ms;
+  }
+
+  .sm\:delay-75 {
+    transition-delay: 75ms;
+  }
+
+  .sm\:delay-100 {
+    transition-delay: 100ms;
+  }
+
+  .sm\:delay-150 {
+    transition-delay: 150ms;
+  }
+
+  .sm\:delay-200 {
+    transition-delay: 200ms;
+  }
+
+  .sm\:delay-300 {
+    transition-delay: 300ms;
+  }
+
+  .sm\:delay-500 {
+    transition-delay: 500ms;
+  }
+
+  .sm\:delay-700 {
+    transition-delay: 700ms;
+  }
+
+  .sm\:delay-1000 {
+    transition-delay: 1000ms;
+  }
+
+  .sm\:animate-none {
+    -webkit-animation: none;
+            animation: none;
+  }
+
+  .sm\:animate-spin {
+    -webkit-animation: spin 1s linear infinite;
+            animation: spin 1s linear infinite;
+  }
+
+  .sm\:animate-ping {
+    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .sm\:animate-pulse {
+    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .sm\:animate-bounce {
+    -webkit-animation: bounce 1s infinite;
+            animation: bounce 1s infinite;
+  }
+}
+
+@media (min-width: 768px) {
+  .md\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .md\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .md\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .md\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .md\:container {
+      max-width: 1280px;
+    }
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\:space-y-7 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(1.75rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-7 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(1.75rem * var(--space-x-reverse));
+    margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\:space-y-9 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(2.25rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-9 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(2.25rem * var(--space-x-reverse));
+    margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\:space-y-11 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(2.75rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-11 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(2.75rem * var(--space-x-reverse));
+    margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\:space-y-13 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(3.25rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-13 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(3.25rem * var(--space-x-reverse));
+    margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-14 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(3.5rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-14 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(3.5rem * var(--space-x-reverse));
+    margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-15 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(3.75rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-15 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(3.75rem * var(--space-x-reverse));
+    margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\:space-y-28 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(7rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(7rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-28 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(7rem * var(--space-x-reverse));
+    margin-left: calc(7rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\:space-y-36 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(9rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(9rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-36 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(9rem * var(--space-x-reverse));
+    margin-left: calc(9rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\:space-y-60 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(15rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(15rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-60 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(15rem * var(--space-x-reverse));
+    margin-left: calc(15rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\:space-y-72 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(18rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(18rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-72 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(18rem * var(--space-x-reverse));
+    margin-left: calc(18rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-80 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(20rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(20rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-80 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(20rem * var(--space-x-reverse));
+    margin-left: calc(20rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-96 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(24rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(24rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-96 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(24rem * var(--space-x-reverse));
+    margin-left: calc(24rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\:space-y-0\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.125rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-0\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.125rem * var(--space-x-reverse));
+    margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-1\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.375rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-1\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.375rem * var(--space-x-reverse));
+    margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-2\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.625rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-2\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.625rem * var(--space-x-reverse));
+    margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-3\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.875rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-3\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.875rem * var(--space-x-reverse));
+    margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-1\/2 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(50% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-1\/2 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(50% * var(--space-x-reverse));
+    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-1\/3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(33.333333% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-1\/3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(33.333333% * var(--space-x-reverse));
+    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-2\/3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(66.666667% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-2\/3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(66.666667% * var(--space-x-reverse));
+    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-1\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(25% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-1\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(25% * var(--space-x-reverse));
+    margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-2\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(50% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-2\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(50% * var(--space-x-reverse));
+    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-3\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(75% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-3\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(75% * var(--space-x-reverse));
+    margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-1\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(20% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(20% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-1\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(20% * var(--space-x-reverse));
+    margin-left: calc(20% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-2\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(40% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(40% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-2\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(40% * var(--space-x-reverse));
+    margin-left: calc(40% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-3\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(60% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(60% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-3\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(60% * var(--space-x-reverse));
+    margin-left: calc(60% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-4\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(80% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(80% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-4\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(80% * var(--space-x-reverse));
+    margin-left: calc(80% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-1\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(16.666667% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-1\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(16.666667% * var(--space-x-reverse));
+    margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-2\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(33.333333% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-2\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(33.333333% * var(--space-x-reverse));
+    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-3\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(50% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-3\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(50% * var(--space-x-reverse));
+    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-4\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(66.666667% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-4\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(66.666667% * var(--space-x-reverse));
+    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-5\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(83.333333% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-5\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(83.333333% * var(--space-x-reverse));
+    margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-1\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(8.333333% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-1\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(8.333333% * var(--space-x-reverse));
+    margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-2\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(16.666667% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-2\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(16.666667% * var(--space-x-reverse));
+    margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-3\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(25% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-3\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(25% * var(--space-x-reverse));
+    margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-4\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(33.333333% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-4\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(33.333333% * var(--space-x-reverse));
+    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-5\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(41.666667% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-5\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(41.666667% * var(--space-x-reverse));
+    margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-6\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(50% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-6\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(50% * var(--space-x-reverse));
+    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-7\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(58.333333% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-7\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(58.333333% * var(--space-x-reverse));
+    margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-8\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(66.666667% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-8\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(66.666667% * var(--space-x-reverse));
+    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-9\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(75% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-9\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(75% * var(--space-x-reverse));
+    margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-10\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(83.333333% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-10\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(83.333333% * var(--space-x-reverse));
+    margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-11\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(91.666667% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-11\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(91.666667% * var(--space-x-reverse));
+    margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-full > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(100% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(100% * var(--space-y-reverse));
+  }
+
+  .md\:space-x-full > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(100% * var(--space-x-reverse));
+    margin-left: calc(100% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-space-y-7 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-1.75rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-7 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-1.75rem * var(--space-x-reverse));
+    margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-space-y-9 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-2.25rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-9 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-2.25rem * var(--space-x-reverse));
+    margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-space-y-11 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-2.75rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-11 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-2.75rem * var(--space-x-reverse));
+    margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-space-y-13 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-3.25rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-13 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-3.25rem * var(--space-x-reverse));
+    margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-14 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-3.5rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-14 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-3.5rem * var(--space-x-reverse));
+    margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-15 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-3.75rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-15 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-3.75rem * var(--space-x-reverse));
+    margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-space-y-28 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-7rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-7rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-28 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-7rem * var(--space-x-reverse));
+    margin-left: calc(-7rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-space-y-36 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-9rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-9rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-36 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-9rem * var(--space-x-reverse));
+    margin-left: calc(-9rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-space-y-60 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-15rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-15rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-60 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-15rem * var(--space-x-reverse));
+    margin-left: calc(-15rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-space-y-72 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-18rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-18rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-72 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-18rem * var(--space-x-reverse));
+    margin-left: calc(-18rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-80 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-20rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-20rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-80 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-20rem * var(--space-x-reverse));
+    margin-left: calc(-20rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-96 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-24rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-24rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-96 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-24rem * var(--space-x-reverse));
+    margin-left: calc(-24rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-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));
+  }
+
+  .md\:-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)));
+  }
+
+  .md\:-space-y-0\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.125rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-0\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.125rem * var(--space-x-reverse));
+    margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-1\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.375rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-1\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.375rem * var(--space-x-reverse));
+    margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-2\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.625rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-2\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.625rem * var(--space-x-reverse));
+    margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-3\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.875rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-3\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.875rem * var(--space-x-reverse));
+    margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-1\/2 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-50% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-1\/2 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-50% * var(--space-x-reverse));
+    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-1\/3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-1\/3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-33.33333% * var(--space-x-reverse));
+    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-2\/3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-2\/3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-66.66667% * var(--space-x-reverse));
+    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-1\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-25% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-1\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-25% * var(--space-x-reverse));
+    margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-2\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-50% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-2\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-50% * var(--space-x-reverse));
+    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-3\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-75% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-3\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-75% * var(--space-x-reverse));
+    margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-1\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-20% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-20% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-1\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-20% * var(--space-x-reverse));
+    margin-left: calc(-20% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-2\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-40% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-40% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-2\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-40% * var(--space-x-reverse));
+    margin-left: calc(-40% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-3\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-60% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-60% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-3\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-60% * var(--space-x-reverse));
+    margin-left: calc(-60% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-4\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-80% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-80% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-4\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-80% * var(--space-x-reverse));
+    margin-left: calc(-80% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-1\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-16.66667% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-1\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-16.66667% * var(--space-x-reverse));
+    margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-2\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-2\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-33.33333% * var(--space-x-reverse));
+    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-3\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-50% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-3\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-50% * var(--space-x-reverse));
+    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-4\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-4\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-66.66667% * var(--space-x-reverse));
+    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-5\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-83.33333% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-5\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-83.33333% * var(--space-x-reverse));
+    margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-1\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-8.33333% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-1\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-8.33333% * var(--space-x-reverse));
+    margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-2\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-16.66667% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-2\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-16.66667% * var(--space-x-reverse));
+    margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-3\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-25% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-3\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-25% * var(--space-x-reverse));
+    margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-4\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-4\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-33.33333% * var(--space-x-reverse));
+    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-5\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-41.66667% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-5\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-41.66667% * var(--space-x-reverse));
+    margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-6\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-50% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-6\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-50% * var(--space-x-reverse));
+    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-7\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-58.33333% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-7\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-58.33333% * var(--space-x-reverse));
+    margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-8\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-8\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-66.66667% * var(--space-x-reverse));
+    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-9\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-75% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-9\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-75% * var(--space-x-reverse));
+    margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-10\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-83.33333% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-10\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-83.33333% * var(--space-x-reverse));
+    margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-11\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-91.66667% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-11\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-91.66667% * var(--space-x-reverse));
+    margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:-space-y-full > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-100% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-100% * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-full > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-100% * var(--space-x-reverse));
+    margin-left: calc(-100% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .md\:space-y-reverse > :not(template) ~ :not(template) {
+    --space-y-reverse: 1;
+  }
+
+  .md\:space-x-reverse > :not(template) ~ :not(template) {
+    --space-x-reverse: 1;
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\: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));
+  }
+
+  .md\: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)));
+  }
+
+  .md\:divide-y-reverse > :not(template) ~ :not(template) {
+    --divide-y-reverse: 1;
+  }
+
+  .md\:divide-x-reverse > :not(template) ~ :not(template) {
+    --divide-x-reverse: 1;
+  }
+
+  .md\:divide-transparent > :not(template) ~ :not(template) {
+    border-color: transparent;
+  }
+
+  .md\:divide-white > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--divide-opacity));
+  }
+
+  .md\:divide-black > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--divide-opacity));
+  }
+
+  .md\:divide-gray-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--divide-opacity));
+  }
+
+  .md\:divide-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--divide-opacity));
+  }
+
+  .md\:divide-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--divide-opacity));
+  }
+
+  .md\:divide-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--divide-opacity));
+  }
+
+  .md\:divide-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--divide-opacity));
+  }
+
+  .md\:divide-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--divide-opacity));
+  }
+
+  .md\:divide-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--divide-opacity));
+  }
+
+  .md\:divide-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--divide-opacity));
+  }
+
+  .md\:divide-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--divide-opacity));
+  }
+
+  .md\:divide-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--divide-opacity));
+  }
+
+  .md\:divide-cool-gray-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--divide-opacity));
+  }
+
+  .md\:divide-cool-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--divide-opacity));
+  }
+
+  .md\:divide-cool-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--divide-opacity));
+  }
+
+  .md\:divide-cool-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--divide-opacity));
+  }
+
+  .md\:divide-cool-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--divide-opacity));
+  }
+
+  .md\:divide-cool-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--divide-opacity));
+  }
+
+  .md\:divide-cool-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--divide-opacity));
+  }
+
+  .md\:divide-cool-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--divide-opacity));
+  }
+
+  .md\:divide-cool-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--divide-opacity));
+  }
+
+  .md\:divide-cool-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--divide-opacity));
+  }
+
+  .md\:divide-red-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--divide-opacity));
+  }
+
+  .md\:divide-red-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--divide-opacity));
+  }
+
+  .md\:divide-red-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--divide-opacity));
+  }
+
+  .md\:divide-red-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--divide-opacity));
+  }
+
+  .md\:divide-red-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--divide-opacity));
+  }
+
+  .md\:divide-red-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--divide-opacity));
+  }
+
+  .md\:divide-red-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--divide-opacity));
+  }
+
+  .md\:divide-red-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--divide-opacity));
+  }
+
+  .md\:divide-red-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--divide-opacity));
+  }
+
+  .md\:divide-red-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--divide-opacity));
+  }
+
+  .md\:divide-orange-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--divide-opacity));
+  }
+
+  .md\:divide-orange-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--divide-opacity));
+  }
+
+  .md\:divide-orange-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--divide-opacity));
+  }
+
+  .md\:divide-orange-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--divide-opacity));
+  }
+
+  .md\:divide-orange-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--divide-opacity));
+  }
+
+  .md\:divide-orange-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--divide-opacity));
+  }
+
+  .md\:divide-orange-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--divide-opacity));
+  }
+
+  .md\:divide-orange-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--divide-opacity));
+  }
+
+  .md\:divide-orange-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--divide-opacity));
+  }
+
+  .md\:divide-orange-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--divide-opacity));
+  }
+
+  .md\:divide-yellow-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--divide-opacity));
+  }
+
+  .md\:divide-yellow-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--divide-opacity));
+  }
+
+  .md\:divide-yellow-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--divide-opacity));
+  }
+
+  .md\:divide-yellow-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--divide-opacity));
+  }
+
+  .md\:divide-yellow-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--divide-opacity));
+  }
+
+  .md\:divide-yellow-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--divide-opacity));
+  }
+
+  .md\:divide-yellow-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--divide-opacity));
+  }
+
+  .md\:divide-yellow-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--divide-opacity));
+  }
+
+  .md\:divide-yellow-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--divide-opacity));
+  }
+
+  .md\:divide-yellow-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--divide-opacity));
+  }
+
+  .md\:divide-green-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--divide-opacity));
+  }
+
+  .md\:divide-green-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--divide-opacity));
+  }
+
+  .md\:divide-green-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--divide-opacity));
+  }
+
+  .md\:divide-green-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--divide-opacity));
+  }
+
+  .md\:divide-green-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--divide-opacity));
+  }
+
+  .md\:divide-green-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--divide-opacity));
+  }
+
+  .md\:divide-green-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--divide-opacity));
+  }
+
+  .md\:divide-green-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--divide-opacity));
+  }
+
+  .md\:divide-green-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--divide-opacity));
+  }
+
+  .md\:divide-green-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--divide-opacity));
+  }
+
+  .md\:divide-teal-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--divide-opacity));
+  }
+
+  .md\:divide-teal-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--divide-opacity));
+  }
+
+  .md\:divide-teal-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--divide-opacity));
+  }
+
+  .md\:divide-teal-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--divide-opacity));
+  }
+
+  .md\:divide-teal-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--divide-opacity));
+  }
+
+  .md\:divide-teal-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--divide-opacity));
+  }
+
+  .md\:divide-teal-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--divide-opacity));
+  }
+
+  .md\:divide-teal-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--divide-opacity));
+  }
+
+  .md\:divide-teal-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--divide-opacity));
+  }
+
+  .md\:divide-teal-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--divide-opacity));
+  }
+
+  .md\:divide-blue-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--divide-opacity));
+  }
+
+  .md\:divide-blue-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--divide-opacity));
+  }
+
+  .md\:divide-blue-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--divide-opacity));
+  }
+
+  .md\:divide-blue-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--divide-opacity));
+  }
+
+  .md\:divide-blue-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--divide-opacity));
+  }
+
+  .md\:divide-blue-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--divide-opacity));
+  }
+
+  .md\:divide-blue-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--divide-opacity));
+  }
+
+  .md\:divide-blue-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--divide-opacity));
+  }
+
+  .md\:divide-blue-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--divide-opacity));
+  }
+
+  .md\:divide-blue-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--divide-opacity));
+  }
+
+  .md\:divide-indigo-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--divide-opacity));
+  }
+
+  .md\:divide-indigo-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--divide-opacity));
+  }
+
+  .md\:divide-indigo-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--divide-opacity));
+  }
+
+  .md\:divide-indigo-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--divide-opacity));
+  }
+
+  .md\:divide-indigo-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--divide-opacity));
+  }
+
+  .md\:divide-indigo-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--divide-opacity));
+  }
+
+  .md\:divide-indigo-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--divide-opacity));
+  }
+
+  .md\:divide-indigo-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--divide-opacity));
+  }
+
+  .md\:divide-indigo-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--divide-opacity));
+  }
+
+  .md\:divide-indigo-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--divide-opacity));
+  }
+
+  .md\:divide-purple-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--divide-opacity));
+  }
+
+  .md\:divide-purple-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--divide-opacity));
+  }
+
+  .md\:divide-purple-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--divide-opacity));
+  }
+
+  .md\:divide-purple-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--divide-opacity));
+  }
+
+  .md\:divide-purple-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--divide-opacity));
+  }
+
+  .md\:divide-purple-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--divide-opacity));
+  }
+
+  .md\:divide-purple-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--divide-opacity));
+  }
+
+  .md\:divide-purple-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--divide-opacity));
+  }
+
+  .md\:divide-purple-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--divide-opacity));
+  }
+
+  .md\:divide-purple-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--divide-opacity));
+  }
+
+  .md\:divide-pink-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--divide-opacity));
+  }
+
+  .md\:divide-pink-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--divide-opacity));
+  }
+
+  .md\:divide-pink-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--divide-opacity));
+  }
+
+  .md\:divide-pink-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--divide-opacity));
+  }
+
+  .md\:divide-pink-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--divide-opacity));
+  }
+
+  .md\:divide-pink-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--divide-opacity));
+  }
+
+  .md\:divide-pink-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--divide-opacity));
+  }
+
+  .md\:divide-pink-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--divide-opacity));
+  }
+
+  .md\:divide-pink-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--divide-opacity));
+  }
+
+  .md\:divide-pink-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--divide-opacity));
+  }
+
+  .md\:divide-opacity-0 > :not(template) ~ :not(template) {
+    --divide-opacity: 0;
+  }
+
+  .md\:divide-opacity-25 > :not(template) ~ :not(template) {
+    --divide-opacity: 0.25;
+  }
+
+  .md\:divide-opacity-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 0.5;
+  }
+
+  .md\:divide-opacity-75 > :not(template) ~ :not(template) {
+    --divide-opacity: 0.75;
+  }
+
+  .md\:divide-opacity-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+  }
+
+  .md\: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;
+  }
+
+  .md\:not-sr-only {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .md\: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;
+  }
+
+  .md\:focus\:not-sr-only:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .md\:appearance-none {
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+  }
+
+  .md\:bg-fixed {
+    background-attachment: fixed;
+  }
+
+  .md\:bg-local {
+    background-attachment: local;
+  }
+
+  .md\:bg-scroll {
+    background-attachment: scroll;
+  }
+
+  .md\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .md\:bg-white {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .md\:bg-black {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .md\:bg-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .md\:bg-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .md\:bg-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .md\:bg-gray-300 {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .md\:bg-gray-400 {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .md\:bg-gray-500 {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .md\:bg-gray-600 {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .md\:bg-gray-700 {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .md\:bg-gray-800 {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .md\:bg-gray-900 {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .md\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .md\:bg-cool-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .md\:bg-cool-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .md\:bg-cool-gray-300 {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .md\:bg-cool-gray-400 {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .md\:bg-cool-gray-500 {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .md\:bg-cool-gray-600 {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .md\:bg-cool-gray-700 {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .md\:bg-cool-gray-800 {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .md\:bg-cool-gray-900 {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .md\:bg-red-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .md\:bg-red-100 {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .md\:bg-red-200 {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .md\:bg-red-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .md\:bg-red-400 {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .md\:bg-red-500 {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .md\:bg-red-600 {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .md\:bg-red-700 {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .md\:bg-red-800 {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .md\:bg-red-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .md\:bg-orange-50 {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .md\:bg-orange-100 {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .md\:bg-orange-200 {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .md\:bg-orange-300 {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .md\:bg-orange-400 {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .md\:bg-orange-500 {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .md\:bg-orange-600 {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .md\:bg-orange-700 {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .md\:bg-orange-800 {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .md\:bg-orange-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .md\:bg-yellow-50 {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .md\:bg-yellow-100 {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .md\:bg-yellow-200 {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .md\:bg-yellow-300 {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .md\:bg-yellow-400 {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .md\:bg-yellow-500 {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .md\:bg-yellow-600 {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .md\:bg-yellow-700 {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .md\:bg-yellow-800 {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .md\:bg-yellow-900 {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .md\:bg-green-50 {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .md\:bg-green-100 {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .md\:bg-green-200 {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .md\:bg-green-300 {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .md\:bg-green-400 {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .md\:bg-green-500 {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .md\:bg-green-600 {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .md\:bg-green-700 {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .md\:bg-green-800 {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .md\:bg-green-900 {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .md\:bg-teal-50 {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .md\:bg-teal-100 {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .md\:bg-teal-200 {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .md\:bg-teal-300 {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .md\:bg-teal-400 {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .md\:bg-teal-500 {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .md\:bg-teal-600 {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .md\:bg-teal-700 {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .md\:bg-teal-800 {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .md\:bg-teal-900 {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .md\:bg-blue-50 {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .md\:bg-blue-100 {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .md\:bg-blue-200 {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .md\:bg-blue-300 {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .md\:bg-blue-400 {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .md\:bg-blue-500 {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .md\:bg-blue-600 {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .md\:bg-blue-700 {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .md\:bg-blue-800 {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .md\:bg-blue-900 {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .md\:bg-indigo-50 {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .md\:bg-indigo-100 {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .md\:bg-indigo-200 {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .md\:bg-indigo-300 {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .md\:bg-indigo-400 {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .md\:bg-indigo-500 {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .md\:bg-indigo-600 {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .md\:bg-indigo-700 {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .md\:bg-indigo-800 {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .md\:bg-indigo-900 {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .md\:bg-purple-50 {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .md\:bg-purple-100 {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .md\:bg-purple-200 {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .md\:bg-purple-300 {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .md\:bg-purple-400 {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .md\:bg-purple-500 {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .md\:bg-purple-600 {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .md\:bg-purple-700 {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .md\:bg-purple-800 {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .md\:bg-purple-900 {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .md\:bg-pink-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .md\:bg-pink-100 {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .md\:bg-pink-200 {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .md\:bg-pink-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .md\:bg-pink-400 {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .md\:bg-pink-500 {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .md\:bg-pink-600 {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .md\:bg-pink-700 {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .md\:bg-pink-800 {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .md\:bg-pink-900 {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:hover .md\:group-hover\:bg-white {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-black {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-300 {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-400 {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-500 {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-600 {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-700 {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-800 {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-900 {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-cool-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-cool-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-cool-gray-300 {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-cool-gray-400 {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-cool-gray-500 {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-cool-gray-600 {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-cool-gray-700 {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-cool-gray-800 {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-cool-gray-900 {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-100 {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-200 {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-400 {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-500 {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-600 {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-700 {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-800 {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-50 {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-100 {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-200 {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-300 {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-400 {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-500 {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-600 {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-700 {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-800 {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-50 {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-100 {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-200 {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-300 {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-400 {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-500 {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-600 {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-700 {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-800 {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-900 {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-50 {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-100 {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-200 {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-300 {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-400 {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-500 {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-600 {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-700 {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-800 {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-900 {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-teal-50 {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-teal-100 {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-teal-200 {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-teal-300 {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-teal-400 {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-teal-500 {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-teal-600 {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-teal-700 {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-teal-800 {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-teal-900 {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-50 {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-100 {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-200 {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-300 {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-400 {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-500 {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-600 {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-700 {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-800 {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-900 {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-50 {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-100 {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-200 {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-300 {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-400 {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-500 {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-600 {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-700 {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-800 {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-900 {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-50 {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-100 {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-200 {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-300 {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-400 {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-500 {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-600 {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-700 {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-800 {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-900 {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-100 {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-200 {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-400 {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-500 {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-600 {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-700 {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-800 {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-900 {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:focus .md\:group-focus\:bg-white {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-black {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-gray-300 {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-gray-400 {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-gray-500 {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-gray-600 {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-gray-700 {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-gray-800 {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-gray-900 {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-cool-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-cool-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-cool-gray-300 {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-cool-gray-400 {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-cool-gray-500 {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-cool-gray-600 {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-cool-gray-700 {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-cool-gray-800 {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-cool-gray-900 {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-red-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-red-100 {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-red-200 {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-red-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-red-400 {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-red-500 {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-red-600 {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-red-700 {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-red-800 {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-red-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-orange-50 {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-orange-100 {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-orange-200 {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-orange-300 {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-orange-400 {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-orange-500 {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-orange-600 {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-orange-700 {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-orange-800 {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-orange-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-yellow-50 {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-yellow-100 {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-yellow-200 {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-yellow-300 {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-yellow-400 {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-yellow-500 {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-yellow-600 {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-yellow-700 {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-yellow-800 {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-yellow-900 {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-green-50 {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-green-100 {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-green-200 {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-green-300 {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-green-400 {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-green-500 {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-green-600 {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-green-700 {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-green-800 {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-green-900 {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-teal-50 {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-teal-100 {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-teal-200 {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-teal-300 {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-teal-400 {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-teal-500 {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-teal-600 {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-teal-700 {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-teal-800 {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-teal-900 {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-blue-50 {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-blue-100 {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-blue-200 {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-blue-300 {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-blue-400 {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-blue-500 {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-blue-600 {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-blue-700 {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-blue-800 {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-blue-900 {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-indigo-50 {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-indigo-100 {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-indigo-200 {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-indigo-300 {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-indigo-400 {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-indigo-500 {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-indigo-600 {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-indigo-700 {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-indigo-800 {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-indigo-900 {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-purple-50 {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-purple-100 {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-purple-200 {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-purple-300 {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-purple-400 {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-purple-500 {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-purple-600 {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-purple-700 {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-purple-800 {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-purple-900 {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-pink-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-pink-100 {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-pink-200 {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-pink-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-pink-400 {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-pink-500 {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-pink-600 {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-pink-700 {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-pink-800 {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .group:focus .md\:group-focus\:bg-pink-900 {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-transparent:hover {
+    background-color: transparent;
+  }
+
+  .md\:hover\:bg-white:hover {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-black:hover {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-50:hover {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-100:hover {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-200:hover {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-300:hover {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-400:hover {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-500:hover {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-600:hover {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-700:hover {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-800:hover {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-900:hover {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-cool-gray-50:hover {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-cool-gray-100:hover {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-cool-gray-200:hover {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-cool-gray-300:hover {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-cool-gray-400:hover {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-cool-gray-500:hover {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-cool-gray-600:hover {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-cool-gray-700:hover {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-cool-gray-800:hover {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-cool-gray-900:hover {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-red-50:hover {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-red-100:hover {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-red-200:hover {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-red-300:hover {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-red-400:hover {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-red-500:hover {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-red-600:hover {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-red-700:hover {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-red-800:hover {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-red-900:hover {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-orange-50:hover {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-orange-100:hover {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-orange-200:hover {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-orange-300:hover {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-orange-400:hover {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-orange-500:hover {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-orange-600:hover {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-orange-700:hover {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-orange-800:hover {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-orange-900:hover {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-50:hover {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-100:hover {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-200:hover {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-300:hover {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-400:hover {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-500:hover {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-600:hover {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-700:hover {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-800:hover {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-900:hover {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-green-50:hover {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-green-100:hover {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-green-200:hover {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-green-300:hover {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-green-400:hover {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-green-500:hover {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-green-600:hover {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-green-700:hover {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-green-800:hover {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-green-900:hover {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-teal-50:hover {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-teal-100:hover {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-teal-200:hover {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-teal-300:hover {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-teal-400:hover {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-teal-500:hover {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-teal-600:hover {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-teal-700:hover {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-teal-800:hover {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-teal-900:hover {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-50:hover {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-100:hover {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-200:hover {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-300:hover {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-400:hover {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-500:hover {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-600:hover {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-700:hover {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-800:hover {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-900:hover {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-50:hover {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-100:hover {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-200:hover {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-300:hover {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-400:hover {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-500:hover {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-600:hover {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-700:hover {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-800:hover {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-900:hover {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-50:hover {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-100:hover {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-200:hover {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-300:hover {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-400:hover {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-500:hover {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-600:hover {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-700:hover {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-800:hover {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-900:hover {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-50:hover {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-100:hover {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-200:hover {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-300:hover {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-400:hover {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-500:hover {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-600:hover {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-700:hover {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-800:hover {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-900:hover {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-transparent:focus {
+    background-color: transparent;
+  }
+
+  .md\:focus\:bg-white:focus {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-black:focus {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-50:focus {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-100:focus {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-200:focus {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-300:focus {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-400:focus {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-500:focus {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-600:focus {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-700:focus {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-800:focus {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-900:focus {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-cool-gray-50:focus {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-cool-gray-100:focus {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-cool-gray-200:focus {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-cool-gray-300:focus {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-cool-gray-400:focus {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-cool-gray-500:focus {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-cool-gray-600:focus {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-cool-gray-700:focus {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-cool-gray-800:focus {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-cool-gray-900:focus {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-red-50:focus {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-red-100:focus {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-red-200:focus {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-red-300:focus {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-red-400:focus {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-red-500:focus {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-red-600:focus {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-red-700:focus {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-red-800:focus {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-red-900:focus {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-orange-50:focus {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-orange-100:focus {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-orange-200:focus {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-orange-300:focus {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-orange-400:focus {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-orange-500:focus {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-orange-600:focus {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-orange-700:focus {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-orange-800:focus {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-orange-900:focus {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-50:focus {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-100:focus {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-200:focus {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-300:focus {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-400:focus {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-500:focus {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-600:focus {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-700:focus {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-800:focus {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-900:focus {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-green-50:focus {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-green-100:focus {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-green-200:focus {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-green-300:focus {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-green-400:focus {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-green-500:focus {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-green-600:focus {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-green-700:focus {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-green-800:focus {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-green-900:focus {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-teal-50:focus {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-teal-100:focus {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-teal-200:focus {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-teal-300:focus {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-teal-400:focus {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-teal-500:focus {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-teal-600:focus {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-teal-700:focus {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-teal-800:focus {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-teal-900:focus {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-50:focus {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-100:focus {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-200:focus {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-300:focus {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-400:focus {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-500:focus {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-600:focus {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-700:focus {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-800:focus {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-900:focus {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-50:focus {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-100:focus {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-200:focus {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-300:focus {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-400:focus {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-500:focus {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-600:focus {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-700:focus {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-800:focus {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-900:focus {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-50:focus {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-100:focus {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-200:focus {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-300:focus {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-400:focus {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-500:focus {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-600:focus {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-700:focus {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-800:focus {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-900:focus {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-50:focus {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-100:focus {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-200:focus {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-300:focus {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-400:focus {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-500:focus {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-600:focus {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-700:focus {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-800:focus {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-900:focus {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-transparent:active {
+    background-color: transparent;
+  }
+
+  .md\:active\:bg-white:active {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-black:active {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-gray-50:active {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-gray-100:active {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-gray-200:active {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-gray-300:active {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-gray-400:active {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-gray-500:active {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-gray-600:active {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-gray-700:active {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-gray-800:active {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-gray-900:active {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-cool-gray-50:active {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-cool-gray-100:active {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-cool-gray-200:active {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-cool-gray-300:active {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-cool-gray-400:active {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-cool-gray-500:active {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-cool-gray-600:active {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-cool-gray-700:active {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-cool-gray-800:active {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-cool-gray-900:active {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-red-50:active {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-red-100:active {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-red-200:active {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-red-300:active {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-red-400:active {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-red-500:active {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-red-600:active {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-red-700:active {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-red-800:active {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-red-900:active {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-orange-50:active {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-orange-100:active {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-orange-200:active {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-orange-300:active {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-orange-400:active {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-orange-500:active {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-orange-600:active {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-orange-700:active {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-orange-800:active {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-orange-900:active {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-yellow-50:active {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-yellow-100:active {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-yellow-200:active {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-yellow-300:active {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-yellow-400:active {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-yellow-500:active {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-yellow-600:active {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-yellow-700:active {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-yellow-800:active {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-yellow-900:active {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-green-50:active {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-green-100:active {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-green-200:active {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-green-300:active {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-green-400:active {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-green-500:active {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-green-600:active {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-green-700:active {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-green-800:active {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-green-900:active {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-teal-50:active {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-teal-100:active {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-teal-200:active {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-teal-300:active {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-teal-400:active {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-teal-500:active {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-teal-600:active {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-teal-700:active {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-teal-800:active {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-teal-900:active {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-blue-50:active {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-blue-100:active {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-blue-200:active {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-blue-300:active {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-blue-400:active {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-blue-500:active {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-blue-600:active {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-blue-700:active {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-blue-800:active {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-blue-900:active {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-indigo-50:active {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-indigo-100:active {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-indigo-200:active {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-indigo-300:active {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-indigo-400:active {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-indigo-500:active {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-indigo-600:active {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-indigo-700:active {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-indigo-800:active {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-indigo-900:active {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-purple-50:active {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-purple-100:active {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-purple-200:active {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-purple-300:active {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-purple-400:active {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-purple-500:active {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-purple-600:active {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-purple-700:active {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-purple-800:active {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-purple-900:active {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-pink-50:active {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-pink-100:active {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-pink-200:active {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-pink-300:active {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-pink-400:active {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-pink-500:active {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-pink-600:active {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-pink-700:active {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-pink-800:active {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .md\:active\:bg-pink-900:active {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .md\:bg-opacity-0 {
+    --bg-opacity: 0;
+  }
+
+  .md\:bg-opacity-25 {
+    --bg-opacity: 0.25;
+  }
+
+  .md\:bg-opacity-50 {
+    --bg-opacity: 0.5;
+  }
+
+  .md\:bg-opacity-75 {
+    --bg-opacity: 0.75;
+  }
+
+  .md\:bg-opacity-100 {
+    --bg-opacity: 1;
+  }
+
+  .md\:hover\:bg-opacity-0:hover {
+    --bg-opacity: 0;
+  }
+
+  .md\:hover\:bg-opacity-25:hover {
+    --bg-opacity: 0.25;
+  }
+
+  .md\:hover\:bg-opacity-50:hover {
+    --bg-opacity: 0.5;
+  }
+
+  .md\:hover\:bg-opacity-75:hover {
+    --bg-opacity: 0.75;
+  }
+
+  .md\:hover\:bg-opacity-100:hover {
+    --bg-opacity: 1;
+  }
+
+  .md\:focus\:bg-opacity-0:focus {
+    --bg-opacity: 0;
+  }
+
+  .md\:focus\:bg-opacity-25:focus {
+    --bg-opacity: 0.25;
+  }
+
+  .md\:focus\:bg-opacity-50:focus {
+    --bg-opacity: 0.5;
+  }
+
+  .md\:focus\:bg-opacity-75:focus {
+    --bg-opacity: 0.75;
+  }
+
+  .md\:focus\:bg-opacity-100:focus {
+    --bg-opacity: 1;
+  }
+
+  .md\:bg-bottom {
+    background-position: bottom;
+  }
+
+  .md\:bg-center {
+    background-position: center;
+  }
+
+  .md\:bg-left {
+    background-position: left;
+  }
+
+  .md\:bg-left-bottom {
+    background-position: left bottom;
+  }
+
+  .md\:bg-left-top {
+    background-position: left top;
+  }
+
+  .md\:bg-right {
+    background-position: right;
+  }
+
+  .md\:bg-right-bottom {
+    background-position: right bottom;
+  }
+
+  .md\:bg-right-top {
+    background-position: right top;
+  }
+
+  .md\:bg-top {
+    background-position: top;
+  }
+
+  .md\:bg-repeat {
+    background-repeat: repeat;
+  }
+
+  .md\:bg-no-repeat {
+    background-repeat: no-repeat;
+  }
+
+  .md\:bg-repeat-x {
+    background-repeat: repeat-x;
+  }
+
+  .md\:bg-repeat-y {
+    background-repeat: repeat-y;
+  }
+
+  .md\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .md\:bg-repeat-space {
+    background-repeat: space;
+  }
+
+  .md\:bg-auto {
+    background-size: auto;
+  }
+
+  .md\:bg-cover {
+    background-size: cover;
+  }
+
+  .md\:bg-contain {
+    background-size: contain;
+  }
+
+  .md\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .md\:border-separate {
+    border-collapse: separate;
+  }
+
+  .md\:border-transparent {
+    border-color: transparent;
+  }
+
+  .md\:border-white {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .md\:border-black {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .md\:border-gray-50 {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .md\:border-gray-100 {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .md\:border-gray-200 {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .md\:border-gray-300 {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .md\:border-gray-400 {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .md\:border-gray-500 {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .md\:border-gray-600 {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .md\:border-gray-700 {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .md\:border-gray-800 {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .md\:border-gray-900 {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .md\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .md\:border-cool-gray-100 {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .md\:border-cool-gray-200 {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .md\:border-cool-gray-300 {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .md\:border-cool-gray-400 {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .md\:border-cool-gray-500 {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .md\:border-cool-gray-600 {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .md\:border-cool-gray-700 {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .md\:border-cool-gray-800 {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .md\:border-cool-gray-900 {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .md\:border-red-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .md\:border-red-100 {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .md\:border-red-200 {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .md\:border-red-300 {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .md\:border-red-400 {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .md\:border-red-500 {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .md\:border-red-600 {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .md\:border-red-700 {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .md\:border-red-800 {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .md\:border-red-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .md\:border-orange-50 {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .md\:border-orange-100 {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .md\:border-orange-200 {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .md\:border-orange-300 {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .md\:border-orange-400 {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .md\:border-orange-500 {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .md\:border-orange-600 {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .md\:border-orange-700 {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .md\:border-orange-800 {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .md\:border-orange-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .md\:border-yellow-50 {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .md\:border-yellow-100 {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .md\:border-yellow-200 {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .md\:border-yellow-300 {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .md\:border-yellow-400 {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .md\:border-yellow-500 {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .md\:border-yellow-600 {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .md\:border-yellow-700 {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .md\:border-yellow-800 {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .md\:border-yellow-900 {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .md\:border-green-50 {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .md\:border-green-100 {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .md\:border-green-200 {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .md\:border-green-300 {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .md\:border-green-400 {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .md\:border-green-500 {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .md\:border-green-600 {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .md\:border-green-700 {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .md\:border-green-800 {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .md\:border-green-900 {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .md\:border-teal-50 {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .md\:border-teal-100 {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .md\:border-teal-200 {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .md\:border-teal-300 {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .md\:border-teal-400 {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .md\:border-teal-500 {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .md\:border-teal-600 {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .md\:border-teal-700 {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .md\:border-teal-800 {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .md\:border-teal-900 {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .md\:border-blue-50 {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .md\:border-blue-100 {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .md\:border-blue-200 {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .md\:border-blue-300 {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .md\:border-blue-400 {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .md\:border-blue-500 {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .md\:border-blue-600 {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .md\:border-blue-700 {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .md\:border-blue-800 {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .md\:border-blue-900 {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .md\:border-indigo-50 {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .md\:border-indigo-100 {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .md\:border-indigo-200 {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .md\:border-indigo-300 {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .md\:border-indigo-400 {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .md\:border-indigo-500 {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .md\:border-indigo-600 {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .md\:border-indigo-700 {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .md\:border-indigo-800 {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .md\:border-indigo-900 {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .md\:border-purple-50 {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .md\:border-purple-100 {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .md\:border-purple-200 {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .md\:border-purple-300 {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .md\:border-purple-400 {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .md\:border-purple-500 {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .md\:border-purple-600 {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .md\:border-purple-700 {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .md\:border-purple-800 {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .md\:border-purple-900 {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .md\:border-pink-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .md\:border-pink-100 {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .md\:border-pink-200 {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .md\:border-pink-300 {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .md\:border-pink-400 {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .md\:border-pink-500 {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .md\:border-pink-600 {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .md\:border-pink-700 {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .md\:border-pink-800 {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .md\:border-pink-900 {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:hover .md\:group-hover\:border-white {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-black {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-50 {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-100 {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-200 {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-300 {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-400 {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-500 {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-600 {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-700 {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-800 {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-900 {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-cool-gray-100 {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-cool-gray-200 {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-cool-gray-300 {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-cool-gray-400 {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-cool-gray-500 {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-cool-gray-600 {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-cool-gray-700 {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-cool-gray-800 {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-cool-gray-900 {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-100 {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-200 {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-300 {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-400 {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-500 {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-600 {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-700 {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-800 {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-orange-50 {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-orange-100 {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-orange-200 {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-orange-300 {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-orange-400 {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-orange-500 {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-orange-600 {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-orange-700 {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-orange-800 {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-orange-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-50 {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-100 {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-200 {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-300 {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-400 {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-500 {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-600 {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-700 {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-800 {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-900 {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-50 {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-100 {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-200 {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-300 {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-400 {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-500 {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-600 {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-700 {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-800 {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-900 {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-teal-50 {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-teal-100 {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-teal-200 {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-teal-300 {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-teal-400 {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-teal-500 {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-teal-600 {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-teal-700 {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-teal-800 {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-teal-900 {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-50 {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-100 {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-200 {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-300 {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-400 {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-500 {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-600 {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-700 {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-800 {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-900 {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-50 {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-100 {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-200 {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-300 {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-400 {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-500 {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-600 {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-700 {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-800 {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-900 {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-50 {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-100 {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-200 {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-300 {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-400 {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-500 {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-600 {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-700 {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-800 {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-900 {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-100 {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-200 {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-300 {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-400 {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-500 {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-600 {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-700 {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-800 {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-900 {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:focus .md\:group-focus\:border-white {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-black {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-gray-50 {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-gray-100 {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-gray-200 {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-gray-300 {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-gray-400 {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-gray-500 {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-gray-600 {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-gray-700 {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-gray-800 {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-gray-900 {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-cool-gray-100 {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-cool-gray-200 {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-cool-gray-300 {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-cool-gray-400 {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-cool-gray-500 {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-cool-gray-600 {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-cool-gray-700 {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-cool-gray-800 {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-cool-gray-900 {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-red-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-red-100 {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-red-200 {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-red-300 {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-red-400 {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-red-500 {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-red-600 {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-red-700 {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-red-800 {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-red-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-orange-50 {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-orange-100 {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-orange-200 {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-orange-300 {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-orange-400 {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-orange-500 {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-orange-600 {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-orange-700 {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-orange-800 {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-orange-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-yellow-50 {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-yellow-100 {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-yellow-200 {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-yellow-300 {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-yellow-400 {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-yellow-500 {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-yellow-600 {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-yellow-700 {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-yellow-800 {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-yellow-900 {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-green-50 {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-green-100 {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-green-200 {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-green-300 {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-green-400 {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-green-500 {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-green-600 {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-green-700 {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-green-800 {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-green-900 {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-teal-50 {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-teal-100 {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-teal-200 {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-teal-300 {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-teal-400 {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-teal-500 {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-teal-600 {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-teal-700 {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-teal-800 {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-teal-900 {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-blue-50 {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-blue-100 {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-blue-200 {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-blue-300 {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-blue-400 {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-blue-500 {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-blue-600 {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-blue-700 {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-blue-800 {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-blue-900 {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-indigo-50 {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-indigo-100 {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-indigo-200 {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-indigo-300 {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-indigo-400 {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-indigo-500 {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-indigo-600 {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-indigo-700 {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-indigo-800 {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-indigo-900 {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-purple-50 {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-purple-100 {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-purple-200 {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-purple-300 {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-purple-400 {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-purple-500 {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-purple-600 {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-purple-700 {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-purple-800 {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-purple-900 {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-pink-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-pink-100 {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-pink-200 {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-pink-300 {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-pink-400 {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-pink-500 {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-pink-600 {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-pink-700 {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-pink-800 {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .group:focus .md\:group-focus\:border-pink-900 {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .md\:hover\:border-transparent:hover {
+    border-color: transparent;
+  }
+
+  .md\:hover\:border-white:hover {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .md\:hover\:border-black:hover {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .md\:hover\:border-gray-50:hover {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .md\:hover\:border-gray-100:hover {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .md\:hover\:border-gray-200:hover {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .md\:hover\:border-gray-300:hover {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .md\:hover\:border-gray-400:hover {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .md\:hover\:border-gray-500:hover {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .md\:hover\:border-gray-600:hover {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .md\:hover\:border-gray-700:hover {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .md\:hover\:border-gray-800:hover {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .md\:hover\:border-gray-900:hover {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .md\:hover\:border-cool-gray-50:hover {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .md\:hover\:border-cool-gray-100:hover {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .md\:hover\:border-cool-gray-200:hover {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .md\:hover\:border-cool-gray-300:hover {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .md\:hover\:border-cool-gray-400:hover {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .md\:hover\:border-cool-gray-500:hover {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .md\:hover\:border-cool-gray-600:hover {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .md\:hover\:border-cool-gray-700:hover {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .md\:hover\:border-cool-gray-800:hover {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .md\:hover\:border-cool-gray-900:hover {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .md\:hover\:border-red-50:hover {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .md\:hover\:border-red-100:hover {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .md\:hover\:border-red-200:hover {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .md\:hover\:border-red-300:hover {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .md\:hover\:border-red-400:hover {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .md\:hover\:border-red-500:hover {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .md\:hover\:border-red-600:hover {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .md\:hover\:border-red-700:hover {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .md\:hover\:border-red-800:hover {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .md\:hover\:border-red-900:hover {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .md\:hover\:border-orange-50:hover {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .md\:hover\:border-orange-100:hover {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .md\:hover\:border-orange-200:hover {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .md\:hover\:border-orange-300:hover {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .md\:hover\:border-orange-400:hover {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .md\:hover\:border-orange-500:hover {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .md\:hover\:border-orange-600:hover {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .md\:hover\:border-orange-700:hover {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .md\:hover\:border-orange-800:hover {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .md\:hover\:border-orange-900:hover {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .md\:hover\:border-yellow-50:hover {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .md\:hover\:border-yellow-100:hover {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .md\:hover\:border-yellow-200:hover {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .md\:hover\:border-yellow-300:hover {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .md\:hover\:border-yellow-400:hover {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .md\:hover\:border-yellow-500:hover {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .md\:hover\:border-yellow-600:hover {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .md\:hover\:border-yellow-700:hover {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .md\:hover\:border-yellow-800:hover {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .md\:hover\:border-yellow-900:hover {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .md\:hover\:border-green-50:hover {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .md\:hover\:border-green-100:hover {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .md\:hover\:border-green-200:hover {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .md\:hover\:border-green-300:hover {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .md\:hover\:border-green-400:hover {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .md\:hover\:border-green-500:hover {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .md\:hover\:border-green-600:hover {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .md\:hover\:border-green-700:hover {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .md\:hover\:border-green-800:hover {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .md\:hover\:border-green-900:hover {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .md\:hover\:border-teal-50:hover {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .md\:hover\:border-teal-100:hover {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .md\:hover\:border-teal-200:hover {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .md\:hover\:border-teal-300:hover {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .md\:hover\:border-teal-400:hover {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .md\:hover\:border-teal-500:hover {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .md\:hover\:border-teal-600:hover {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .md\:hover\:border-teal-700:hover {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .md\:hover\:border-teal-800:hover {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .md\:hover\:border-teal-900:hover {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .md\:hover\:border-blue-50:hover {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .md\:hover\:border-blue-100:hover {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .md\:hover\:border-blue-200:hover {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .md\:hover\:border-blue-300:hover {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .md\:hover\:border-blue-400:hover {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .md\:hover\:border-blue-500:hover {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .md\:hover\:border-blue-600:hover {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .md\:hover\:border-blue-700:hover {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .md\:hover\:border-blue-800:hover {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .md\:hover\:border-blue-900:hover {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .md\:hover\:border-indigo-50:hover {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .md\:hover\:border-indigo-100:hover {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .md\:hover\:border-indigo-200:hover {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .md\:hover\:border-indigo-300:hover {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .md\:hover\:border-indigo-400:hover {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .md\:hover\:border-indigo-500:hover {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .md\:hover\:border-indigo-600:hover {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .md\:hover\:border-indigo-700:hover {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .md\:hover\:border-indigo-800:hover {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .md\:hover\:border-indigo-900:hover {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .md\:hover\:border-purple-50:hover {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .md\:hover\:border-purple-100:hover {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .md\:hover\:border-purple-200:hover {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .md\:hover\:border-purple-300:hover {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .md\:hover\:border-purple-400:hover {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .md\:hover\:border-purple-500:hover {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .md\:hover\:border-purple-600:hover {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .md\:hover\:border-purple-700:hover {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .md\:hover\:border-purple-800:hover {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .md\:hover\:border-purple-900:hover {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .md\:hover\:border-pink-50:hover {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .md\:hover\:border-pink-100:hover {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .md\:hover\:border-pink-200:hover {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .md\:hover\:border-pink-300:hover {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .md\:hover\:border-pink-400:hover {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .md\:hover\:border-pink-500:hover {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .md\:hover\:border-pink-600:hover {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .md\:hover\:border-pink-700:hover {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .md\:hover\:border-pink-800:hover {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .md\:hover\:border-pink-900:hover {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .md\:focus\:border-transparent:focus {
+    border-color: transparent;
+  }
+
+  .md\:focus\:border-white:focus {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .md\:focus\:border-black:focus {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .md\:focus\:border-gray-50:focus {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .md\:focus\:border-gray-100:focus {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .md\:focus\:border-gray-200:focus {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .md\:focus\:border-gray-300:focus {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .md\:focus\:border-gray-400:focus {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .md\:focus\:border-gray-500:focus {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .md\:focus\:border-gray-600:focus {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .md\:focus\:border-gray-700:focus {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .md\:focus\:border-gray-800:focus {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .md\:focus\:border-gray-900:focus {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .md\:focus\:border-cool-gray-50:focus {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .md\:focus\:border-cool-gray-100:focus {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .md\:focus\:border-cool-gray-200:focus {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .md\:focus\:border-cool-gray-300:focus {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .md\:focus\:border-cool-gray-400:focus {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .md\:focus\:border-cool-gray-500:focus {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .md\:focus\:border-cool-gray-600:focus {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .md\:focus\:border-cool-gray-700:focus {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .md\:focus\:border-cool-gray-800:focus {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .md\:focus\:border-cool-gray-900:focus {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .md\:focus\:border-red-50:focus {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .md\:focus\:border-red-100:focus {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .md\:focus\:border-red-200:focus {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .md\:focus\:border-red-300:focus {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .md\:focus\:border-red-400:focus {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .md\:focus\:border-red-500:focus {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .md\:focus\:border-red-600:focus {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .md\:focus\:border-red-700:focus {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .md\:focus\:border-red-800:focus {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .md\:focus\:border-red-900:focus {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .md\:focus\:border-orange-50:focus {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .md\:focus\:border-orange-100:focus {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .md\:focus\:border-orange-200:focus {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .md\:focus\:border-orange-300:focus {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .md\:focus\:border-orange-400:focus {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .md\:focus\:border-orange-500:focus {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .md\:focus\:border-orange-600:focus {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .md\:focus\:border-orange-700:focus {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .md\:focus\:border-orange-800:focus {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .md\:focus\:border-orange-900:focus {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .md\:focus\:border-yellow-50:focus {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .md\:focus\:border-yellow-100:focus {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .md\:focus\:border-yellow-200:focus {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .md\:focus\:border-yellow-300:focus {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .md\:focus\:border-yellow-400:focus {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .md\:focus\:border-yellow-500:focus {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .md\:focus\:border-yellow-600:focus {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .md\:focus\:border-yellow-700:focus {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .md\:focus\:border-yellow-800:focus {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .md\:focus\:border-yellow-900:focus {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .md\:focus\:border-green-50:focus {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .md\:focus\:border-green-100:focus {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .md\:focus\:border-green-200:focus {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .md\:focus\:border-green-300:focus {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .md\:focus\:border-green-400:focus {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .md\:focus\:border-green-500:focus {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .md\:focus\:border-green-600:focus {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .md\:focus\:border-green-700:focus {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .md\:focus\:border-green-800:focus {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .md\:focus\:border-green-900:focus {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .md\:focus\:border-teal-50:focus {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .md\:focus\:border-teal-100:focus {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .md\:focus\:border-teal-200:focus {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .md\:focus\:border-teal-300:focus {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .md\:focus\:border-teal-400:focus {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .md\:focus\:border-teal-500:focus {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .md\:focus\:border-teal-600:focus {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .md\:focus\:border-teal-700:focus {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .md\:focus\:border-teal-800:focus {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .md\:focus\:border-teal-900:focus {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .md\:focus\:border-blue-50:focus {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .md\:focus\:border-blue-100:focus {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .md\:focus\:border-blue-200:focus {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .md\:focus\:border-blue-300:focus {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .md\:focus\:border-blue-400:focus {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .md\:focus\:border-blue-500:focus {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .md\:focus\:border-blue-600:focus {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .md\:focus\:border-blue-700:focus {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .md\:focus\:border-blue-800:focus {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .md\:focus\:border-blue-900:focus {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .md\:focus\:border-indigo-50:focus {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .md\:focus\:border-indigo-100:focus {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .md\:focus\:border-indigo-200:focus {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .md\:focus\:border-indigo-300:focus {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .md\:focus\:border-indigo-400:focus {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .md\:focus\:border-indigo-500:focus {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .md\:focus\:border-indigo-600:focus {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .md\:focus\:border-indigo-700:focus {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .md\:focus\:border-indigo-800:focus {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .md\:focus\:border-indigo-900:focus {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .md\:focus\:border-purple-50:focus {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .md\:focus\:border-purple-100:focus {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .md\:focus\:border-purple-200:focus {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .md\:focus\:border-purple-300:focus {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .md\:focus\:border-purple-400:focus {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .md\:focus\:border-purple-500:focus {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .md\:focus\:border-purple-600:focus {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .md\:focus\:border-purple-700:focus {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .md\:focus\:border-purple-800:focus {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .md\:focus\:border-purple-900:focus {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .md\:focus\:border-pink-50:focus {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .md\:focus\:border-pink-100:focus {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .md\:focus\:border-pink-200:focus {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .md\:focus\:border-pink-300:focus {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .md\:focus\:border-pink-400:focus {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .md\:focus\:border-pink-500:focus {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .md\:focus\:border-pink-600:focus {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .md\:focus\:border-pink-700:focus {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .md\:focus\:border-pink-800:focus {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .md\:focus\:border-pink-900:focus {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .md\:border-opacity-0 {
+    --border-opacity: 0;
+  }
+
+  .md\:border-opacity-25 {
+    --border-opacity: 0.25;
+  }
+
+  .md\:border-opacity-50 {
+    --border-opacity: 0.5;
+  }
+
+  .md\:border-opacity-75 {
+    --border-opacity: 0.75;
+  }
+
+  .md\:border-opacity-100 {
+    --border-opacity: 1;
+  }
+
+  .md\:hover\:border-opacity-0:hover {
+    --border-opacity: 0;
+  }
+
+  .md\:hover\:border-opacity-25:hover {
+    --border-opacity: 0.25;
+  }
+
+  .md\:hover\:border-opacity-50:hover {
+    --border-opacity: 0.5;
+  }
+
+  .md\:hover\:border-opacity-75:hover {
+    --border-opacity: 0.75;
+  }
+
+  .md\:hover\:border-opacity-100:hover {
+    --border-opacity: 1;
+  }
+
+  .md\:focus\:border-opacity-0:focus {
+    --border-opacity: 0;
+  }
+
+  .md\:focus\:border-opacity-25:focus {
+    --border-opacity: 0.25;
+  }
+
+  .md\:focus\:border-opacity-50:focus {
+    --border-opacity: 0.5;
+  }
+
+  .md\:focus\:border-opacity-75:focus {
+    --border-opacity: 0.75;
+  }
+
+  .md\:focus\:border-opacity-100:focus {
+    --border-opacity: 1;
+  }
+
+  .md\:rounded-none {
+    border-radius: 0;
+  }
+
+  .md\:rounded-sm {
+    border-radius: 0.125rem;
+  }
+
+  .md\:rounded {
+    border-radius: 0.25rem;
+  }
+
+  .md\:rounded-md {
+    border-radius: 0.375rem;
+  }
+
+  .md\:rounded-lg {
+    border-radius: 0.5rem;
+  }
+
+  .md\:rounded-full {
+    border-radius: 9999px;
+  }
+
+  .md\:rounded-t-none {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  .md\:rounded-r-none {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .md\:rounded-b-none {
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .md\:rounded-l-none {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .md\:rounded-t-sm {
+    border-top-left-radius: 0.125rem;
+    border-top-right-radius: 0.125rem;
+  }
+
+  .md\:rounded-r-sm {
+    border-top-right-radius: 0.125rem;
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .md\:rounded-b-sm {
+    border-bottom-right-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .md\:rounded-l-sm {
+    border-top-left-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .md\:rounded-t {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+  }
+
+  .md\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .md\:rounded-b {
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .md\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .md\:rounded-t-md {
+    border-top-left-radius: 0.375rem;
+    border-top-right-radius: 0.375rem;
+  }
+
+  .md\:rounded-r-md {
+    border-top-right-radius: 0.375rem;
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .md\:rounded-b-md {
+    border-bottom-right-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .md\:rounded-l-md {
+    border-top-left-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .md\:rounded-t-lg {
+    border-top-left-radius: 0.5rem;
+    border-top-right-radius: 0.5rem;
+  }
+
+  .md\:rounded-r-lg {
+    border-top-right-radius: 0.5rem;
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .md\:rounded-b-lg {
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .md\:rounded-l-lg {
+    border-top-left-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .md\:rounded-t-full {
+    border-top-left-radius: 9999px;
+    border-top-right-radius: 9999px;
+  }
+
+  .md\:rounded-r-full {
+    border-top-right-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+  }
+
+  .md\:rounded-b-full {
+    border-bottom-right-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .md\:rounded-l-full {
+    border-top-left-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .md\:rounded-tl-none {
+    border-top-left-radius: 0;
+  }
+
+  .md\:rounded-tr-none {
+    border-top-right-radius: 0;
+  }
+
+  .md\:rounded-br-none {
+    border-bottom-right-radius: 0;
+  }
+
+  .md\:rounded-bl-none {
+    border-bottom-left-radius: 0;
+  }
+
+  .md\:rounded-tl-sm {
+    border-top-left-radius: 0.125rem;
+  }
+
+  .md\:rounded-tr-sm {
+    border-top-right-radius: 0.125rem;
+  }
+
+  .md\:rounded-br-sm {
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .md\:rounded-bl-sm {
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .md\:rounded-tl {
+    border-top-left-radius: 0.25rem;
+  }
+
+  .md\:rounded-tr {
+    border-top-right-radius: 0.25rem;
+  }
+
+  .md\:rounded-br {
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .md\:rounded-bl {
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .md\:rounded-tl-md {
+    border-top-left-radius: 0.375rem;
+  }
+
+  .md\:rounded-tr-md {
+    border-top-right-radius: 0.375rem;
+  }
+
+  .md\:rounded-br-md {
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .md\:rounded-bl-md {
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .md\:rounded-tl-lg {
+    border-top-left-radius: 0.5rem;
+  }
+
+  .md\:rounded-tr-lg {
+    border-top-right-radius: 0.5rem;
+  }
+
+  .md\:rounded-br-lg {
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .md\:rounded-bl-lg {
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .md\:rounded-tl-full {
+    border-top-left-radius: 9999px;
+  }
+
+  .md\:rounded-tr-full {
+    border-top-right-radius: 9999px;
+  }
+
+  .md\:rounded-br-full {
+    border-bottom-right-radius: 9999px;
+  }
+
+  .md\:rounded-bl-full {
+    border-bottom-left-radius: 9999px;
+  }
+
+  .md\:border-solid {
+    border-style: solid;
+  }
+
+  .md\:border-dashed {
+    border-style: dashed;
+  }
+
+  .md\:border-dotted {
+    border-style: dotted;
+  }
+
+  .md\:border-double {
+    border-style: double;
+  }
+
+  .md\:border-none {
+    border-style: none;
+  }
+
+  .md\:border-0 {
+    border-width: 0;
+  }
+
+  .md\:border-2 {
+    border-width: 2px;
+  }
+
+  .md\:border-4 {
+    border-width: 4px;
+  }
+
+  .md\:border-8 {
+    border-width: 8px;
+  }
+
+  .md\:border {
+    border-width: 1px;
+  }
+
+  .md\:border-t-0 {
+    border-top-width: 0;
+  }
+
+  .md\:border-r-0 {
+    border-right-width: 0;
+  }
+
+  .md\:border-b-0 {
+    border-bottom-width: 0;
+  }
+
+  .md\:border-l-0 {
+    border-left-width: 0;
+  }
+
+  .md\:border-t-2 {
+    border-top-width: 2px;
+  }
+
+  .md\:border-r-2 {
+    border-right-width: 2px;
+  }
+
+  .md\:border-b-2 {
+    border-bottom-width: 2px;
+  }
+
+  .md\:border-l-2 {
+    border-left-width: 2px;
+  }
+
+  .md\:border-t-4 {
+    border-top-width: 4px;
+  }
+
+  .md\:border-r-4 {
+    border-right-width: 4px;
+  }
+
+  .md\:border-b-4 {
+    border-bottom-width: 4px;
+  }
+
+  .md\:border-l-4 {
+    border-left-width: 4px;
+  }
+
+  .md\:border-t-8 {
+    border-top-width: 8px;
+  }
+
+  .md\:border-r-8 {
+    border-right-width: 8px;
+  }
+
+  .md\:border-b-8 {
+    border-bottom-width: 8px;
+  }
+
+  .md\:border-l-8 {
+    border-left-width: 8px;
+  }
+
+  .md\:border-t {
+    border-top-width: 1px;
+  }
+
+  .md\:border-r {
+    border-right-width: 1px;
+  }
+
+  .md\:border-b {
+    border-bottom-width: 1px;
+  }
+
+  .md\:border-l {
+    border-left-width: 1px;
+  }
+
+  .md\:box-border {
+    box-sizing: border-box;
+  }
+
+  .md\:box-content {
+    box-sizing: content-box;
+  }
+
+  .md\:cursor-auto {
+    cursor: auto;
+  }
+
+  .md\:cursor-default {
+    cursor: default;
+  }
+
+  .md\:cursor-pointer {
+    cursor: pointer;
+  }
+
+  .md\:cursor-wait {
+    cursor: wait;
+  }
+
+  .md\:cursor-text {
+    cursor: text;
+  }
+
+  .md\:cursor-move {
+    cursor: move;
+  }
+
+  .md\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
+  .md\:block {
+    display: block;
+  }
+
+  .md\:inline-block {
+    display: inline-block;
+  }
+
+  .md\:inline {
+    display: inline;
+  }
+
+  .md\:flex {
+    display: flex;
+  }
+
+  .md\:inline-flex {
+    display: inline-flex;
+  }
+
+  .md\:table {
+    display: table;
+  }
+
+  .md\:table-caption {
+    display: table-caption;
+  }
+
+  .md\:table-cell {
+    display: table-cell;
+  }
+
+  .md\:table-column {
+    display: table-column;
+  }
+
+  .md\:table-column-group {
+    display: table-column-group;
+  }
+
+  .md\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .md\:table-header-group {
+    display: table-header-group;
+  }
+
+  .md\:table-row-group {
+    display: table-row-group;
+  }
+
+  .md\:table-row {
+    display: table-row;
+  }
+
+  .md\:flow-root {
+    display: flow-root;
+  }
+
+  .md\:grid {
+    display: grid;
+  }
+
+  .md\:inline-grid {
+    display: inline-grid;
+  }
+
+  .md\:hidden {
+    display: none;
+  }
+
+  .md\:flex-row {
+    flex-direction: row;
+  }
+
+  .md\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .md\:flex-col {
+    flex-direction: column;
+  }
+
+  .md\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .md\:flex-wrap {
+    flex-wrap: wrap;
+  }
+
+  .md\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+
+  .md\:flex-no-wrap {
+    flex-wrap: nowrap;
+  }
+
+  .md\:items-start {
+    align-items: flex-start;
+  }
+
+  .md\:items-end {
+    align-items: flex-end;
+  }
+
+  .md\:items-center {
+    align-items: center;
+  }
+
+  .md\:items-baseline {
+    align-items: baseline;
+  }
+
+  .md\:items-stretch {
+    align-items: stretch;
+  }
+
+  .md\:self-auto {
+    align-self: auto;
+  }
+
+  .md\:self-start {
+    align-self: flex-start;
+  }
+
+  .md\:self-end {
+    align-self: flex-end;
+  }
+
+  .md\:self-center {
+    align-self: center;
+  }
+
+  .md\:self-stretch {
+    align-self: stretch;
+  }
+
+  .md\:justify-start {
+    justify-content: flex-start;
+  }
+
+  .md\:justify-end {
+    justify-content: flex-end;
+  }
+
+  .md\:justify-center {
+    justify-content: center;
+  }
+
+  .md\:justify-between {
+    justify-content: space-between;
+  }
+
+  .md\:justify-around {
+    justify-content: space-around;
+  }
+
+  .md\:justify-evenly {
+    justify-content: space-evenly;
+  }
+
+  .md\:content-center {
+    align-content: center;
+  }
+
+  .md\:content-start {
+    align-content: flex-start;
+  }
+
+  .md\:content-end {
+    align-content: flex-end;
+  }
+
+  .md\:content-between {
+    align-content: space-between;
+  }
+
+  .md\:content-around {
+    align-content: space-around;
+  }
+
+  .md\:flex-1 {
+    flex: 1 1 0%;
+  }
+
+  .md\:flex-auto {
+    flex: 1 1 auto;
+  }
+
+  .md\:flex-initial {
+    flex: 0 1 auto;
+  }
+
+  .md\:flex-none {
+    flex: none;
+  }
+
+  .md\:flex-grow-0 {
+    flex-grow: 0;
+  }
+
+  .md\:flex-grow {
+    flex-grow: 1;
+  }
+
+  .md\:flex-shrink-0 {
+    flex-shrink: 0;
+  }
+
+  .md\:flex-shrink {
+    flex-shrink: 1;
+  }
+
+  .md\:order-1 {
+    order: 1;
+  }
+
+  .md\:order-2 {
+    order: 2;
+  }
+
+  .md\:order-3 {
+    order: 3;
+  }
+
+  .md\:order-4 {
+    order: 4;
+  }
+
+  .md\:order-5 {
+    order: 5;
+  }
+
+  .md\:order-6 {
+    order: 6;
+  }
+
+  .md\:order-7 {
+    order: 7;
+  }
+
+  .md\:order-8 {
+    order: 8;
+  }
+
+  .md\:order-9 {
+    order: 9;
+  }
+
+  .md\:order-10 {
+    order: 10;
+  }
+
+  .md\:order-11 {
+    order: 11;
+  }
+
+  .md\:order-12 {
+    order: 12;
+  }
+
+  .md\:order-first {
+    order: -9999;
+  }
+
+  .md\:order-last {
+    order: 9999;
+  }
+
+  .md\:order-none {
+    order: 0;
+  }
+
+  .md\:float-right {
+    float: right;
+  }
+
+  .md\:float-left {
+    float: left;
+  }
+
+  .md\:float-none {
+    float: none;
+  }
+
+  .md\:clearfix:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+
+  .md\:clear-left {
+    clear: left;
+  }
+
+  .md\:clear-right {
+    clear: right;
+  }
+
+  .md\:clear-both {
+    clear: both;
+  }
+
+  .md\:clear-none {
+    clear: none;
+  }
+
+  .md\:font-sans {
+    font-family: Open Sans, 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";
+  }
+
+  .md\:font-serif {
+    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
+  }
+
+  .md\:font-mono {
+    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }
+
+  .md\:font-hairline {
+    font-weight: 100;
+  }
+
+  .md\:font-thin {
+    font-weight: 200;
+  }
+
+  .md\:font-light {
+    font-weight: 300;
+  }
+
+  .md\:font-normal {
+    font-weight: 400;
+  }
+
+  .md\:font-medium {
+    font-weight: 500;
+  }
+
+  .md\:font-semibold {
+    font-weight: 600;
+  }
+
+  .md\:font-bold {
+    font-weight: 700;
+  }
+
+  .md\:font-extrabold {
+    font-weight: 800;
+  }
+
+  .md\:font-black {
+    font-weight: 900;
+  }
+
+  .md\:hover\:font-hairline:hover {
+    font-weight: 100;
+  }
+
+  .md\:hover\:font-thin:hover {
+    font-weight: 200;
+  }
+
+  .md\:hover\:font-light:hover {
+    font-weight: 300;
+  }
+
+  .md\:hover\:font-normal:hover {
+    font-weight: 400;
+  }
+
+  .md\:hover\:font-medium:hover {
+    font-weight: 500;
+  }
+
+  .md\:hover\:font-semibold:hover {
+    font-weight: 600;
+  }
+
+  .md\:hover\:font-bold:hover {
+    font-weight: 700;
+  }
+
+  .md\:hover\:font-extrabold:hover {
+    font-weight: 800;
+  }
+
+  .md\:hover\:font-black:hover {
+    font-weight: 900;
+  }
+
+  .md\:focus\:font-hairline:focus {
+    font-weight: 100;
+  }
+
+  .md\:focus\:font-thin:focus {
+    font-weight: 200;
+  }
+
+  .md\:focus\:font-light:focus {
+    font-weight: 300;
+  }
+
+  .md\:focus\:font-normal:focus {
+    font-weight: 400;
+  }
+
+  .md\:focus\:font-medium:focus {
+    font-weight: 500;
+  }
+
+  .md\:focus\:font-semibold:focus {
+    font-weight: 600;
+  }
+
+  .md\:focus\:font-bold:focus {
+    font-weight: 700;
+  }
+
+  .md\:focus\:font-extrabold:focus {
+    font-weight: 800;
+  }
+
+  .md\:focus\:font-black:focus {
+    font-weight: 900;
+  }
+
+  .md\:h-0 {
+    height: 0;
+  }
+
+  .md\:h-1 {
+    height: 0.25rem;
+  }
+
+  .md\:h-2 {
+    height: 0.5rem;
+  }
+
+  .md\:h-3 {
+    height: 0.75rem;
+  }
+
+  .md\:h-4 {
+    height: 1rem;
+  }
+
+  .md\:h-5 {
+    height: 1.25rem;
+  }
+
+  .md\:h-6 {
+    height: 1.5rem;
+  }
+
+  .md\:h-7 {
+    height: 1.75rem;
+  }
+
+  .md\:h-8 {
+    height: 2rem;
+  }
+
+  .md\:h-9 {
+    height: 2.25rem;
+  }
+
+  .md\:h-10 {
+    height: 2.5rem;
+  }
+
+  .md\:h-11 {
+    height: 2.75rem;
+  }
+
+  .md\:h-12 {
+    height: 3rem;
+  }
+
+  .md\:h-13 {
+    height: 3.25rem;
+  }
+
+  .md\:h-14 {
+    height: 3.5rem;
+  }
+
+  .md\:h-15 {
+    height: 3.75rem;
+  }
+
+  .md\:h-16 {
+    height: 4rem;
+  }
+
+  .md\:h-20 {
+    height: 5rem;
+  }
+
+  .md\:h-24 {
+    height: 6rem;
+  }
+
+  .md\:h-28 {
+    height: 7rem;
+  }
+
+  .md\:h-32 {
+    height: 8rem;
+  }
+
+  .md\:h-36 {
+    height: 9rem;
+  }
+
+  .md\:h-40 {
+    height: 10rem;
+  }
+
+  .md\:h-48 {
+    height: 12rem;
+  }
+
+  .md\:h-56 {
+    height: 14rem;
+  }
+
+  .md\:h-60 {
+    height: 15rem;
+  }
+
+  .md\:h-64 {
+    height: 16rem;
+  }
+
+  .md\:h-72 {
+    height: 18rem;
+  }
+
+  .md\:h-80 {
+    height: 20rem;
+  }
+
+  .md\:h-96 {
+    height: 24rem;
+  }
+
+  .md\:h-auto {
+    height: auto;
+  }
+
+  .md\:h-px {
+    height: 1px;
+  }
+
+  .md\:h-0\.5 {
+    height: 0.125rem;
+  }
+
+  .md\:h-1\.5 {
+    height: 0.375rem;
+  }
+
+  .md\:h-2\.5 {
+    height: 0.625rem;
+  }
+
+  .md\:h-3\.5 {
+    height: 0.875rem;
+  }
+
+  .md\:h-1\/2 {
+    height: 50%;
+  }
+
+  .md\:h-1\/3 {
+    height: 33.333333%;
+  }
+
+  .md\:h-2\/3 {
+    height: 66.666667%;
+  }
+
+  .md\:h-1\/4 {
+    height: 25%;
+  }
+
+  .md\:h-2\/4 {
+    height: 50%;
+  }
+
+  .md\:h-3\/4 {
+    height: 75%;
+  }
+
+  .md\:h-1\/5 {
+    height: 20%;
+  }
+
+  .md\:h-2\/5 {
+    height: 40%;
+  }
+
+  .md\:h-3\/5 {
+    height: 60%;
+  }
+
+  .md\:h-4\/5 {
+    height: 80%;
+  }
+
+  .md\:h-1\/6 {
+    height: 16.666667%;
+  }
+
+  .md\:h-2\/6 {
+    height: 33.333333%;
+  }
+
+  .md\:h-3\/6 {
+    height: 50%;
+  }
+
+  .md\:h-4\/6 {
+    height: 66.666667%;
+  }
+
+  .md\:h-5\/6 {
+    height: 83.333333%;
+  }
+
+  .md\:h-1\/12 {
+    height: 8.333333%;
+  }
+
+  .md\:h-2\/12 {
+    height: 16.666667%;
+  }
+
+  .md\:h-3\/12 {
+    height: 25%;
+  }
+
+  .md\:h-4\/12 {
+    height: 33.333333%;
+  }
+
+  .md\:h-5\/12 {
+    height: 41.666667%;
+  }
+
+  .md\:h-6\/12 {
+    height: 50%;
+  }
+
+  .md\:h-7\/12 {
+    height: 58.333333%;
+  }
+
+  .md\:h-8\/12 {
+    height: 66.666667%;
+  }
+
+  .md\:h-9\/12 {
+    height: 75%;
+  }
+
+  .md\:h-10\/12 {
+    height: 83.333333%;
+  }
+
+  .md\:h-11\/12 {
+    height: 91.666667%;
+  }
+
+  .md\:h-full {
+    height: 100%;
+  }
+
+  .md\:h-screen {
+    height: 100vh;
+  }
+
+  .md\:text-xs {
+    font-size: 0.75rem;
+  }
+
+  .md\:text-sm {
+    font-size: 0.875rem;
+  }
+
+  .md\:text-base {
+    font-size: 1rem;
+  }
+
+  .md\:text-lg {
+    font-size: 1.125rem;
+  }
+
+  .md\:text-xl {
+    font-size: 1.25rem;
+  }
+
+  .md\:text-2xl {
+    font-size: 1.5rem;
+  }
+
+  .md\:text-3xl {
+    font-size: 1.875rem;
+  }
+
+  .md\:text-4xl {
+    font-size: 2.25rem;
+  }
+
+  .md\:text-5xl {
+    font-size: 3rem;
+  }
+
+  .md\:text-6xl {
+    font-size: 4rem;
+  }
+
+  .md\:leading-3 {
+    line-height: .75rem;
+  }
+
+  .md\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .md\:leading-5 {
+    line-height: 1.25rem;
+  }
+
+  .md\:leading-6 {
+    line-height: 1.5rem;
+  }
+
+  .md\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .md\:leading-8 {
+    line-height: 2rem;
+  }
+
+  .md\:leading-9 {
+    line-height: 2.25rem;
+  }
+
+  .md\:leading-10 {
+    line-height: 2.5rem;
+  }
+
+  .md\:leading-none {
+    line-height: 1;
+  }
+
+  .md\:leading-tight {
+    line-height: 1.25;
+  }
+
+  .md\:leading-snug {
+    line-height: 1.375;
+  }
+
+  .md\:leading-normal {
+    line-height: 1.5;
+  }
+
+  .md\:leading-relaxed {
+    line-height: 1.625;
+  }
+
+  .md\:leading-loose {
+    line-height: 2;
+  }
+
+  .md\:list-inside {
+    list-style-position: inside;
+  }
+
+  .md\:list-outside {
+    list-style-position: outside;
+  }
+
+  .md\:list-none {
+    list-style-type: none;
+  }
+
+  .md\:list-disc {
+    list-style-type: disc;
+  }
+
+  .md\:list-decimal {
+    list-style-type: decimal;
+  }
+
+  .md\:m-0 {
+    margin: 0;
+  }
+
+  .md\:m-1 {
+    margin: 0.25rem;
+  }
+
+  .md\:m-2 {
+    margin: 0.5rem;
+  }
+
+  .md\:m-3 {
+    margin: 0.75rem;
+  }
+
+  .md\:m-4 {
+    margin: 1rem;
+  }
+
+  .md\:m-5 {
+    margin: 1.25rem;
+  }
+
+  .md\:m-6 {
+    margin: 1.5rem;
+  }
+
+  .md\:m-7 {
+    margin: 1.75rem;
+  }
+
+  .md\:m-8 {
+    margin: 2rem;
+  }
+
+  .md\:m-9 {
+    margin: 2.25rem;
+  }
+
+  .md\:m-10 {
+    margin: 2.5rem;
+  }
+
+  .md\:m-11 {
+    margin: 2.75rem;
+  }
+
+  .md\:m-12 {
+    margin: 3rem;
+  }
+
+  .md\:m-13 {
+    margin: 3.25rem;
+  }
+
+  .md\:m-14 {
+    margin: 3.5rem;
+  }
+
+  .md\:m-15 {
+    margin: 3.75rem;
+  }
+
+  .md\:m-16 {
+    margin: 4rem;
+  }
+
+  .md\:m-20 {
+    margin: 5rem;
+  }
+
+  .md\:m-24 {
+    margin: 6rem;
+  }
+
+  .md\:m-28 {
+    margin: 7rem;
+  }
+
+  .md\:m-32 {
+    margin: 8rem;
+  }
+
+  .md\:m-36 {
+    margin: 9rem;
+  }
+
+  .md\:m-40 {
+    margin: 10rem;
+  }
+
+  .md\:m-48 {
+    margin: 12rem;
+  }
+
+  .md\:m-56 {
+    margin: 14rem;
+  }
+
+  .md\:m-60 {
+    margin: 15rem;
+  }
+
+  .md\:m-64 {
+    margin: 16rem;
+  }
+
+  .md\:m-72 {
+    margin: 18rem;
+  }
+
+  .md\:m-80 {
+    margin: 20rem;
+  }
+
+  .md\:m-96 {
+    margin: 24rem;
+  }
+
+  .md\:m-auto {
+    margin: auto;
+  }
+
+  .md\:m-px {
+    margin: 1px;
+  }
+
+  .md\:m-0\.5 {
+    margin: 0.125rem;
+  }
+
+  .md\:m-1\.5 {
+    margin: 0.375rem;
+  }
+
+  .md\:m-2\.5 {
+    margin: 0.625rem;
+  }
+
+  .md\:m-3\.5 {
+    margin: 0.875rem;
+  }
+
+  .md\:m-1\/2 {
+    margin: 50%;
+  }
+
+  .md\:m-1\/3 {
+    margin: 33.333333%;
+  }
+
+  .md\:m-2\/3 {
+    margin: 66.666667%;
+  }
+
+  .md\:m-1\/4 {
+    margin: 25%;
+  }
+
+  .md\:m-2\/4 {
+    margin: 50%;
+  }
+
+  .md\:m-3\/4 {
+    margin: 75%;
+  }
+
+  .md\:m-1\/5 {
+    margin: 20%;
+  }
+
+  .md\:m-2\/5 {
+    margin: 40%;
+  }
+
+  .md\:m-3\/5 {
+    margin: 60%;
+  }
+
+  .md\:m-4\/5 {
+    margin: 80%;
+  }
+
+  .md\:m-1\/6 {
+    margin: 16.666667%;
+  }
+
+  .md\:m-2\/6 {
+    margin: 33.333333%;
+  }
+
+  .md\:m-3\/6 {
+    margin: 50%;
+  }
+
+  .md\:m-4\/6 {
+    margin: 66.666667%;
+  }
+
+  .md\:m-5\/6 {
+    margin: 83.333333%;
+  }
+
+  .md\:m-1\/12 {
+    margin: 8.333333%;
+  }
+
+  .md\:m-2\/12 {
+    margin: 16.666667%;
+  }
+
+  .md\:m-3\/12 {
+    margin: 25%;
+  }
+
+  .md\:m-4\/12 {
+    margin: 33.333333%;
+  }
+
+  .md\:m-5\/12 {
+    margin: 41.666667%;
+  }
+
+  .md\:m-6\/12 {
+    margin: 50%;
+  }
+
+  .md\:m-7\/12 {
+    margin: 58.333333%;
+  }
+
+  .md\:m-8\/12 {
+    margin: 66.666667%;
+  }
+
+  .md\:m-9\/12 {
+    margin: 75%;
+  }
+
+  .md\:m-10\/12 {
+    margin: 83.333333%;
+  }
+
+  .md\:m-11\/12 {
+    margin: 91.666667%;
+  }
+
+  .md\:m-full {
+    margin: 100%;
+  }
+
+  .md\:-m-1 {
+    margin: -0.25rem;
+  }
+
+  .md\:-m-2 {
+    margin: -0.5rem;
+  }
+
+  .md\:-m-3 {
+    margin: -0.75rem;
+  }
+
+  .md\:-m-4 {
+    margin: -1rem;
+  }
+
+  .md\:-m-5 {
+    margin: -1.25rem;
+  }
+
+  .md\:-m-6 {
+    margin: -1.5rem;
+  }
+
+  .md\:-m-7 {
+    margin: -1.75rem;
+  }
+
+  .md\:-m-8 {
+    margin: -2rem;
+  }
+
+  .md\:-m-9 {
+    margin: -2.25rem;
+  }
+
+  .md\:-m-10 {
+    margin: -2.5rem;
+  }
+
+  .md\:-m-11 {
+    margin: -2.75rem;
+  }
+
+  .md\:-m-12 {
+    margin: -3rem;
+  }
+
+  .md\:-m-13 {
+    margin: -3.25rem;
+  }
+
+  .md\:-m-14 {
+    margin: -3.5rem;
+  }
+
+  .md\:-m-15 {
+    margin: -3.75rem;
+  }
+
+  .md\:-m-16 {
+    margin: -4rem;
+  }
+
+  .md\:-m-20 {
+    margin: -5rem;
+  }
+
+  .md\:-m-24 {
+    margin: -6rem;
+  }
+
+  .md\:-m-28 {
+    margin: -7rem;
+  }
+
+  .md\:-m-32 {
+    margin: -8rem;
+  }
+
+  .md\:-m-36 {
+    margin: -9rem;
+  }
+
+  .md\:-m-40 {
+    margin: -10rem;
+  }
+
+  .md\:-m-48 {
+    margin: -12rem;
+  }
+
+  .md\:-m-56 {
+    margin: -14rem;
+  }
+
+  .md\:-m-60 {
+    margin: -15rem;
+  }
+
+  .md\:-m-64 {
+    margin: -16rem;
+  }
+
+  .md\:-m-72 {
+    margin: -18rem;
+  }
+
+  .md\:-m-80 {
+    margin: -20rem;
+  }
+
+  .md\:-m-96 {
+    margin: -24rem;
+  }
+
+  .md\:-m-px {
+    margin: -1px;
+  }
+
+  .md\:-m-0\.5 {
+    margin: -0.125rem;
+  }
+
+  .md\:-m-1\.5 {
+    margin: -0.375rem;
+  }
+
+  .md\:-m-2\.5 {
+    margin: -0.625rem;
+  }
+
+  .md\:-m-3\.5 {
+    margin: -0.875rem;
+  }
+
+  .md\:-m-1\/2 {
+    margin: -50%;
+  }
+
+  .md\:-m-1\/3 {
+    margin: -33.33333%;
+  }
+
+  .md\:-m-2\/3 {
+    margin: -66.66667%;
+  }
+
+  .md\:-m-1\/4 {
+    margin: -25%;
+  }
+
+  .md\:-m-2\/4 {
+    margin: -50%;
+  }
+
+  .md\:-m-3\/4 {
+    margin: -75%;
+  }
+
+  .md\:-m-1\/5 {
+    margin: -20%;
+  }
+
+  .md\:-m-2\/5 {
+    margin: -40%;
+  }
+
+  .md\:-m-3\/5 {
+    margin: -60%;
+  }
+
+  .md\:-m-4\/5 {
+    margin: -80%;
+  }
+
+  .md\:-m-1\/6 {
+    margin: -16.66667%;
+  }
+
+  .md\:-m-2\/6 {
+    margin: -33.33333%;
+  }
+
+  .md\:-m-3\/6 {
+    margin: -50%;
+  }
+
+  .md\:-m-4\/6 {
+    margin: -66.66667%;
+  }
+
+  .md\:-m-5\/6 {
+    margin: -83.33333%;
+  }
+
+  .md\:-m-1\/12 {
+    margin: -8.33333%;
+  }
+
+  .md\:-m-2\/12 {
+    margin: -16.66667%;
+  }
+
+  .md\:-m-3\/12 {
+    margin: -25%;
+  }
+
+  .md\:-m-4\/12 {
+    margin: -33.33333%;
+  }
+
+  .md\:-m-5\/12 {
+    margin: -41.66667%;
+  }
+
+  .md\:-m-6\/12 {
+    margin: -50%;
+  }
+
+  .md\:-m-7\/12 {
+    margin: -58.33333%;
+  }
+
+  .md\:-m-8\/12 {
+    margin: -66.66667%;
+  }
+
+  .md\:-m-9\/12 {
+    margin: -75%;
+  }
+
+  .md\:-m-10\/12 {
+    margin: -83.33333%;
+  }
+
+  .md\:-m-11\/12 {
+    margin: -91.66667%;
+  }
+
+  .md\:-m-full {
+    margin: -100%;
+  }
+
+  .md\:my-0 {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .md\:mx-0 {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .md\:my-1 {
+    margin-top: 0.25rem;
+    margin-bottom: 0.25rem;
+  }
+
+  .md\:mx-1 {
+    margin-left: 0.25rem;
+    margin-right: 0.25rem;
+  }
+
+  .md\:my-2 {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .md\:mx-2 {
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+
+  .md\:my-3 {
+    margin-top: 0.75rem;
+    margin-bottom: 0.75rem;
+  }
+
+  .md\:mx-3 {
+    margin-left: 0.75rem;
+    margin-right: 0.75rem;
+  }
+
+  .md\:my-4 {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+
+  .md\:mx-4 {
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+
+  .md\:my-5 {
+    margin-top: 1.25rem;
+    margin-bottom: 1.25rem;
+  }
+
+  .md\:mx-5 {
+    margin-left: 1.25rem;
+    margin-right: 1.25rem;
+  }
+
+  .md\:my-6 {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .md\:mx-6 {
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+  }
+
+  .md\:my-7 {
+    margin-top: 1.75rem;
+    margin-bottom: 1.75rem;
+  }
+
+  .md\:mx-7 {
+    margin-left: 1.75rem;
+    margin-right: 1.75rem;
+  }
+
+  .md\:my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+
+  .md\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
+  }
+
+  .md\:my-9 {
+    margin-top: 2.25rem;
+    margin-bottom: 2.25rem;
+  }
+
+  .md\:mx-9 {
+    margin-left: 2.25rem;
+    margin-right: 2.25rem;
+  }
+
+  .md\:my-10 {
+    margin-top: 2.5rem;
+    margin-bottom: 2.5rem;
+  }
+
+  .md\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+
+  .md\:my-11 {
+    margin-top: 2.75rem;
+    margin-bottom: 2.75rem;
+  }
+
+  .md\:mx-11 {
+    margin-left: 2.75rem;
+    margin-right: 2.75rem;
+  }
+
+  .md\:my-12 {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+  }
+
+  .md\:mx-12 {
+    margin-left: 3rem;
+    margin-right: 3rem;
+  }
+
+  .md\:my-13 {
+    margin-top: 3.25rem;
+    margin-bottom: 3.25rem;
+  }
+
+  .md\:mx-13 {
+    margin-left: 3.25rem;
+    margin-right: 3.25rem;
+  }
+
+  .md\:my-14 {
+    margin-top: 3.5rem;
+    margin-bottom: 3.5rem;
+  }
+
+  .md\:mx-14 {
+    margin-left: 3.5rem;
+    margin-right: 3.5rem;
+  }
+
+  .md\:my-15 {
+    margin-top: 3.75rem;
+    margin-bottom: 3.75rem;
+  }
+
+  .md\:mx-15 {
+    margin-left: 3.75rem;
+    margin-right: 3.75rem;
+  }
+
+  .md\:my-16 {
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+  }
+
+  .md\:mx-16 {
+    margin-left: 4rem;
+    margin-right: 4rem;
+  }
+
+  .md\:my-20 {
+    margin-top: 5rem;
+    margin-bottom: 5rem;
+  }
+
+  .md\:mx-20 {
+    margin-left: 5rem;
+    margin-right: 5rem;
+  }
+
+  .md\:my-24 {
+    margin-top: 6rem;
+    margin-bottom: 6rem;
+  }
+
+  .md\:mx-24 {
+    margin-left: 6rem;
+    margin-right: 6rem;
+  }
+
+  .md\:my-28 {
+    margin-top: 7rem;
+    margin-bottom: 7rem;
+  }
+
+  .md\:mx-28 {
+    margin-left: 7rem;
+    margin-right: 7rem;
+  }
+
+  .md\:my-32 {
+    margin-top: 8rem;
+    margin-bottom: 8rem;
+  }
+
+  .md\:mx-32 {
+    margin-left: 8rem;
+    margin-right: 8rem;
+  }
+
+  .md\:my-36 {
+    margin-top: 9rem;
+    margin-bottom: 9rem;
+  }
+
+  .md\:mx-36 {
+    margin-left: 9rem;
+    margin-right: 9rem;
+  }
+
+  .md\:my-40 {
+    margin-top: 10rem;
+    margin-bottom: 10rem;
+  }
+
+  .md\:mx-40 {
+    margin-left: 10rem;
+    margin-right: 10rem;
+  }
+
+  .md\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .md\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .md\:my-56 {
+    margin-top: 14rem;
+    margin-bottom: 14rem;
+  }
+
+  .md\:mx-56 {
+    margin-left: 14rem;
+    margin-right: 14rem;
+  }
+
+  .md\:my-60 {
+    margin-top: 15rem;
+    margin-bottom: 15rem;
+  }
+
+  .md\:mx-60 {
+    margin-left: 15rem;
+    margin-right: 15rem;
+  }
+
+  .md\:my-64 {
+    margin-top: 16rem;
+    margin-bottom: 16rem;
+  }
+
+  .md\:mx-64 {
+    margin-left: 16rem;
+    margin-right: 16rem;
+  }
+
+  .md\:my-72 {
+    margin-top: 18rem;
+    margin-bottom: 18rem;
+  }
+
+  .md\:mx-72 {
+    margin-left: 18rem;
+    margin-right: 18rem;
+  }
+
+  .md\:my-80 {
+    margin-top: 20rem;
+    margin-bottom: 20rem;
+  }
+
+  .md\:mx-80 {
+    margin-left: 20rem;
+    margin-right: 20rem;
+  }
+
+  .md\:my-96 {
+    margin-top: 24rem;
+    margin-bottom: 24rem;
+  }
+
+  .md\:mx-96 {
+    margin-left: 24rem;
+    margin-right: 24rem;
+  }
+
+  .md\:my-auto {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+
+  .md\:mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .md\:my-px {
+    margin-top: 1px;
+    margin-bottom: 1px;
+  }
+
+  .md\:mx-px {
+    margin-left: 1px;
+    margin-right: 1px;
+  }
+
+  .md\:my-0\.5 {
+    margin-top: 0.125rem;
+    margin-bottom: 0.125rem;
+  }
+
+  .md\:mx-0\.5 {
+    margin-left: 0.125rem;
+    margin-right: 0.125rem;
+  }
+
+  .md\:my-1\.5 {
+    margin-top: 0.375rem;
+    margin-bottom: 0.375rem;
+  }
+
+  .md\:mx-1\.5 {
+    margin-left: 0.375rem;
+    margin-right: 0.375rem;
+  }
+
+  .md\:my-2\.5 {
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem;
+  }
+
+  .md\:mx-2\.5 {
+    margin-left: 0.625rem;
+    margin-right: 0.625rem;
+  }
+
+  .md\:my-3\.5 {
+    margin-top: 0.875rem;
+    margin-bottom: 0.875rem;
+  }
+
+  .md\:mx-3\.5 {
+    margin-left: 0.875rem;
+    margin-right: 0.875rem;
+  }
+
+  .md\:my-1\/2 {
+    margin-top: 50%;
+    margin-bottom: 50%;
+  }
+
+  .md\:mx-1\/2 {
+    margin-left: 50%;
+    margin-right: 50%;
+  }
+
+  .md\:my-1\/3 {
+    margin-top: 33.333333%;
+    margin-bottom: 33.333333%;
+  }
+
+  .md\:mx-1\/3 {
+    margin-left: 33.333333%;
+    margin-right: 33.333333%;
+  }
+
+  .md\:my-2\/3 {
+    margin-top: 66.666667%;
+    margin-bottom: 66.666667%;
+  }
+
+  .md\:mx-2\/3 {
+    margin-left: 66.666667%;
+    margin-right: 66.666667%;
+  }
+
+  .md\:my-1\/4 {
+    margin-top: 25%;
+    margin-bottom: 25%;
+  }
+
+  .md\:mx-1\/4 {
+    margin-left: 25%;
+    margin-right: 25%;
+  }
+
+  .md\:my-2\/4 {
+    margin-top: 50%;
+    margin-bottom: 50%;
+  }
+
+  .md\:mx-2\/4 {
+    margin-left: 50%;
+    margin-right: 50%;
+  }
+
+  .md\:my-3\/4 {
+    margin-top: 75%;
+    margin-bottom: 75%;
+  }
+
+  .md\:mx-3\/4 {
+    margin-left: 75%;
+    margin-right: 75%;
+  }
+
+  .md\:my-1\/5 {
+    margin-top: 20%;
+    margin-bottom: 20%;
+  }
+
+  .md\:mx-1\/5 {
+    margin-left: 20%;
+    margin-right: 20%;
+  }
+
+  .md\:my-2\/5 {
+    margin-top: 40%;
+    margin-bottom: 40%;
+  }
+
+  .md\:mx-2\/5 {
+    margin-left: 40%;
+    margin-right: 40%;
+  }
+
+  .md\:my-3\/5 {
+    margin-top: 60%;
+    margin-bottom: 60%;
+  }
+
+  .md\:mx-3\/5 {
+    margin-left: 60%;
+    margin-right: 60%;
+  }
+
+  .md\:my-4\/5 {
+    margin-top: 80%;
+    margin-bottom: 80%;
+  }
+
+  .md\:mx-4\/5 {
+    margin-left: 80%;
+    margin-right: 80%;
+  }
+
+  .md\:my-1\/6 {
+    margin-top: 16.666667%;
+    margin-bottom: 16.666667%;
+  }
+
+  .md\:mx-1\/6 {
+    margin-left: 16.666667%;
+    margin-right: 16.666667%;
+  }
+
+  .md\:my-2\/6 {
+    margin-top: 33.333333%;
+    margin-bottom: 33.333333%;
+  }
+
+  .md\:mx-2\/6 {
+    margin-left: 33.333333%;
+    margin-right: 33.333333%;
+  }
+
+  .md\:my-3\/6 {
+    margin-top: 50%;
+    margin-bottom: 50%;
+  }
+
+  .md\:mx-3\/6 {
+    margin-left: 50%;
+    margin-right: 50%;
+  }
+
+  .md\:my-4\/6 {
+    margin-top: 66.666667%;
+    margin-bottom: 66.666667%;
+  }
+
+  .md\:mx-4\/6 {
+    margin-left: 66.666667%;
+    margin-right: 66.666667%;
+  }
+
+  .md\:my-5\/6 {
+    margin-top: 83.333333%;
+    margin-bottom: 83.333333%;
+  }
+
+  .md\:mx-5\/6 {
+    margin-left: 83.333333%;
+    margin-right: 83.333333%;
+  }
+
+  .md\:my-1\/12 {
+    margin-top: 8.333333%;
+    margin-bottom: 8.333333%;
+  }
+
+  .md\:mx-1\/12 {
+    margin-left: 8.333333%;
+    margin-right: 8.333333%;
+  }
+
+  .md\:my-2\/12 {
+    margin-top: 16.666667%;
+    margin-bottom: 16.666667%;
+  }
+
+  .md\:mx-2\/12 {
+    margin-left: 16.666667%;
+    margin-right: 16.666667%;
+  }
+
+  .md\:my-3\/12 {
+    margin-top: 25%;
+    margin-bottom: 25%;
+  }
+
+  .md\:mx-3\/12 {
+    margin-left: 25%;
+    margin-right: 25%;
+  }
+
+  .md\:my-4\/12 {
+    margin-top: 33.333333%;
+    margin-bottom: 33.333333%;
+  }
+
+  .md\:mx-4\/12 {
+    margin-left: 33.333333%;
+    margin-right: 33.333333%;
+  }
+
+  .md\:my-5\/12 {
+    margin-top: 41.666667%;
+    margin-bottom: 41.666667%;
+  }
+
+  .md\:mx-5\/12 {
+    margin-left: 41.666667%;
+    margin-right: 41.666667%;
+  }
+
+  .md\:my-6\/12 {
+    margin-top: 50%;
+    margin-bottom: 50%;
+  }
+
+  .md\:mx-6\/12 {
+    margin-left: 50%;
+    margin-right: 50%;
+  }
+
+  .md\:my-7\/12 {
+    margin-top: 58.333333%;
+    margin-bottom: 58.333333%;
+  }
+
+  .md\:mx-7\/12 {
+    margin-left: 58.333333%;
+    margin-right: 58.333333%;
+  }
+
+  .md\:my-8\/12 {
+    margin-top: 66.666667%;
+    margin-bottom: 66.666667%;
+  }
+
+  .md\:mx-8\/12 {
+    margin-left: 66.666667%;
+    margin-right: 66.666667%;
+  }
+
+  .md\:my-9\/12 {
+    margin-top: 75%;
+    margin-bottom: 75%;
+  }
+
+  .md\:mx-9\/12 {
+    margin-left: 75%;
+    margin-right: 75%;
+  }
+
+  .md\:my-10\/12 {
+    margin-top: 83.333333%;
+    margin-bottom: 83.333333%;
+  }
+
+  .md\:mx-10\/12 {
+    margin-left: 83.333333%;
+    margin-right: 83.333333%;
+  }
+
+  .md\:my-11\/12 {
+    margin-top: 91.666667%;
+    margin-bottom: 91.666667%;
+  }
+
+  .md\:mx-11\/12 {
+    margin-left: 91.666667%;
+    margin-right: 91.666667%;
+  }
+
+  .md\:my-full {
+    margin-top: 100%;
+    margin-bottom: 100%;
+  }
+
+  .md\:mx-full {
+    margin-left: 100%;
+    margin-right: 100%;
+  }
+
+  .md\:-my-1 {
+    margin-top: -0.25rem;
+    margin-bottom: -0.25rem;
+  }
+
+  .md\:-mx-1 {
+    margin-left: -0.25rem;
+    margin-right: -0.25rem;
+  }
+
+  .md\:-my-2 {
+    margin-top: -0.5rem;
+    margin-bottom: -0.5rem;
+  }
+
+  .md\:-mx-2 {
+    margin-left: -0.5rem;
+    margin-right: -0.5rem;
+  }
+
+  .md\:-my-3 {
+    margin-top: -0.75rem;
+    margin-bottom: -0.75rem;
+  }
+
+  .md\:-mx-3 {
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
+  }
+
+  .md\:-my-4 {
+    margin-top: -1rem;
+    margin-bottom: -1rem;
+  }
+
+  .md\:-mx-4 {
+    margin-left: -1rem;
+    margin-right: -1rem;
+  }
+
+  .md\:-my-5 {
+    margin-top: -1.25rem;
+    margin-bottom: -1.25rem;
+  }
+
+  .md\:-mx-5 {
+    margin-left: -1.25rem;
+    margin-right: -1.25rem;
+  }
+
+  .md\:-my-6 {
+    margin-top: -1.5rem;
+    margin-bottom: -1.5rem;
+  }
+
+  .md\:-mx-6 {
+    margin-left: -1.5rem;
+    margin-right: -1.5rem;
+  }
+
+  .md\:-my-7 {
+    margin-top: -1.75rem;
+    margin-bottom: -1.75rem;
+  }
+
+  .md\:-mx-7 {
+    margin-left: -1.75rem;
+    margin-right: -1.75rem;
+  }
+
+  .md\:-my-8 {
+    margin-top: -2rem;
+    margin-bottom: -2rem;
+  }
+
+  .md\:-mx-8 {
+    margin-left: -2rem;
+    margin-right: -2rem;
+  }
+
+  .md\:-my-9 {
+    margin-top: -2.25rem;
+    margin-bottom: -2.25rem;
+  }
+
+  .md\:-mx-9 {
+    margin-left: -2.25rem;
+    margin-right: -2.25rem;
+  }
+
+  .md\:-my-10 {
+    margin-top: -2.5rem;
+    margin-bottom: -2.5rem;
+  }
+
+  .md\:-mx-10 {
+    margin-left: -2.5rem;
+    margin-right: -2.5rem;
+  }
+
+  .md\:-my-11 {
+    margin-top: -2.75rem;
+    margin-bottom: -2.75rem;
+  }
+
+  .md\:-mx-11 {
+    margin-left: -2.75rem;
+    margin-right: -2.75rem;
+  }
+
+  .md\:-my-12 {
+    margin-top: -3rem;
+    margin-bottom: -3rem;
+  }
+
+  .md\:-mx-12 {
+    margin-left: -3rem;
+    margin-right: -3rem;
+  }
+
+  .md\:-my-13 {
+    margin-top: -3.25rem;
+    margin-bottom: -3.25rem;
+  }
+
+  .md\:-mx-13 {
+    margin-left: -3.25rem;
+    margin-right: -3.25rem;
+  }
+
+  .md\:-my-14 {
+    margin-top: -3.5rem;
+    margin-bottom: -3.5rem;
+  }
+
+  .md\:-mx-14 {
+    margin-left: -3.5rem;
+    margin-right: -3.5rem;
+  }
+
+  .md\:-my-15 {
+    margin-top: -3.75rem;
+    margin-bottom: -3.75rem;
+  }
+
+  .md\:-mx-15 {
+    margin-left: -3.75rem;
+    margin-right: -3.75rem;
+  }
+
+  .md\:-my-16 {
+    margin-top: -4rem;
+    margin-bottom: -4rem;
+  }
+
+  .md\:-mx-16 {
+    margin-left: -4rem;
+    margin-right: -4rem;
+  }
+
+  .md\:-my-20 {
+    margin-top: -5rem;
+    margin-bottom: -5rem;
+  }
+
+  .md\:-mx-20 {
+    margin-left: -5rem;
+    margin-right: -5rem;
+  }
+
+  .md\:-my-24 {
+    margin-top: -6rem;
+    margin-bottom: -6rem;
+  }
+
+  .md\:-mx-24 {
+    margin-left: -6rem;
+    margin-right: -6rem;
+  }
+
+  .md\:-my-28 {
+    margin-top: -7rem;
+    margin-bottom: -7rem;
+  }
+
+  .md\:-mx-28 {
+    margin-left: -7rem;
+    margin-right: -7rem;
+  }
+
+  .md\:-my-32 {
+    margin-top: -8rem;
+    margin-bottom: -8rem;
+  }
+
+  .md\:-mx-32 {
+    margin-left: -8rem;
+    margin-right: -8rem;
+  }
+
+  .md\:-my-36 {
+    margin-top: -9rem;
+    margin-bottom: -9rem;
+  }
+
+  .md\:-mx-36 {
+    margin-left: -9rem;
+    margin-right: -9rem;
+  }
+
+  .md\:-my-40 {
+    margin-top: -10rem;
+    margin-bottom: -10rem;
+  }
+
+  .md\:-mx-40 {
+    margin-left: -10rem;
+    margin-right: -10rem;
+  }
+
+  .md\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .md\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .md\:-my-56 {
+    margin-top: -14rem;
+    margin-bottom: -14rem;
+  }
+
+  .md\:-mx-56 {
+    margin-left: -14rem;
+    margin-right: -14rem;
+  }
+
+  .md\:-my-60 {
+    margin-top: -15rem;
+    margin-bottom: -15rem;
+  }
+
+  .md\:-mx-60 {
+    margin-left: -15rem;
+    margin-right: -15rem;
+  }
+
+  .md\:-my-64 {
+    margin-top: -16rem;
+    margin-bottom: -16rem;
+  }
+
+  .md\:-mx-64 {
+    margin-left: -16rem;
+    margin-right: -16rem;
+  }
+
+  .md\:-my-72 {
+    margin-top: -18rem;
+    margin-bottom: -18rem;
+  }
+
+  .md\:-mx-72 {
+    margin-left: -18rem;
+    margin-right: -18rem;
+  }
+
+  .md\:-my-80 {
+    margin-top: -20rem;
+    margin-bottom: -20rem;
+  }
+
+  .md\:-mx-80 {
+    margin-left: -20rem;
+    margin-right: -20rem;
+  }
+
+  .md\:-my-96 {
+    margin-top: -24rem;
+    margin-bottom: -24rem;
+  }
+
+  .md\:-mx-96 {
+    margin-left: -24rem;
+    margin-right: -24rem;
+  }
+
+  .md\:-my-px {
+    margin-top: -1px;
+    margin-bottom: -1px;
+  }
+
+  .md\:-mx-px {
+    margin-left: -1px;
+    margin-right: -1px;
+  }
+
+  .md\:-my-0\.5 {
+    margin-top: -0.125rem;
+    margin-bottom: -0.125rem;
+  }
+
+  .md\:-mx-0\.5 {
+    margin-left: -0.125rem;
+    margin-right: -0.125rem;
+  }
+
+  .md\:-my-1\.5 {
+    margin-top: -0.375rem;
+    margin-bottom: -0.375rem;
+  }
+
+  .md\:-mx-1\.5 {
+    margin-left: -0.375rem;
+    margin-right: -0.375rem;
+  }
+
+  .md\:-my-2\.5 {
+    margin-top: -0.625rem;
+    margin-bottom: -0.625rem;
+  }
+
+  .md\:-mx-2\.5 {
+    margin-left: -0.625rem;
+    margin-right: -0.625rem;
+  }
+
+  .md\:-my-3\.5 {
+    margin-top: -0.875rem;
+    margin-bottom: -0.875rem;
+  }
+
+  .md\:-mx-3\.5 {
+    margin-left: -0.875rem;
+    margin-right: -0.875rem;
+  }
+
+  .md\:-my-1\/2 {
+    margin-top: -50%;
+    margin-bottom: -50%;
+  }
+
+  .md\:-mx-1\/2 {
+    margin-left: -50%;
+    margin-right: -50%;
+  }
+
+  .md\:-my-1\/3 {
+    margin-top: -33.33333%;
+    margin-bottom: -33.33333%;
+  }
+
+  .md\:-mx-1\/3 {
+    margin-left: -33.33333%;
+    margin-right: -33.33333%;
+  }
+
+  .md\:-my-2\/3 {
+    margin-top: -66.66667%;
+    margin-bottom: -66.66667%;
+  }
+
+  .md\:-mx-2\/3 {
+    margin-left: -66.66667%;
+    margin-right: -66.66667%;
+  }
+
+  .md\:-my-1\/4 {
+    margin-top: -25%;
+    margin-bottom: -25%;
+  }
+
+  .md\:-mx-1\/4 {
+    margin-left: -25%;
+    margin-right: -25%;
+  }
+
+  .md\:-my-2\/4 {
+    margin-top: -50%;
+    margin-bottom: -50%;
+  }
+
+  .md\:-mx-2\/4 {
+    margin-left: -50%;
+    margin-right: -50%;
+  }
+
+  .md\:-my-3\/4 {
+    margin-top: -75%;
+    margin-bottom: -75%;
+  }
+
+  .md\:-mx-3\/4 {
+    margin-left: -75%;
+    margin-right: -75%;
+  }
+
+  .md\:-my-1\/5 {
+    margin-top: -20%;
+    margin-bottom: -20%;
+  }
+
+  .md\:-mx-1\/5 {
+    margin-left: -20%;
+    margin-right: -20%;
+  }
+
+  .md\:-my-2\/5 {
+    margin-top: -40%;
+    margin-bottom: -40%;
+  }
+
+  .md\:-mx-2\/5 {
+    margin-left: -40%;
+    margin-right: -40%;
+  }
+
+  .md\:-my-3\/5 {
+    margin-top: -60%;
+    margin-bottom: -60%;
+  }
+
+  .md\:-mx-3\/5 {
+    margin-left: -60%;
+    margin-right: -60%;
+  }
+
+  .md\:-my-4\/5 {
+    margin-top: -80%;
+    margin-bottom: -80%;
+  }
+
+  .md\:-mx-4\/5 {
+    margin-left: -80%;
+    margin-right: -80%;
+  }
+
+  .md\:-my-1\/6 {
+    margin-top: -16.66667%;
+    margin-bottom: -16.66667%;
+  }
+
+  .md\:-mx-1\/6 {
+    margin-left: -16.66667%;
+    margin-right: -16.66667%;
+  }
+
+  .md\:-my-2\/6 {
+    margin-top: -33.33333%;
+    margin-bottom: -33.33333%;
+  }
+
+  .md\:-mx-2\/6 {
+    margin-left: -33.33333%;
+    margin-right: -33.33333%;
+  }
+
+  .md\:-my-3\/6 {
+    margin-top: -50%;
+    margin-bottom: -50%;
+  }
+
+  .md\:-mx-3\/6 {
+    margin-left: -50%;
+    margin-right: -50%;
+  }
+
+  .md\:-my-4\/6 {
+    margin-top: -66.66667%;
+    margin-bottom: -66.66667%;
+  }
+
+  .md\:-mx-4\/6 {
+    margin-left: -66.66667%;
+    margin-right: -66.66667%;
+  }
+
+  .md\:-my-5\/6 {
+    margin-top: -83.33333%;
+    margin-bottom: -83.33333%;
+  }
+
+  .md\:-mx-5\/6 {
+    margin-left: -83.33333%;
+    margin-right: -83.33333%;
+  }
+
+  .md\:-my-1\/12 {
+    margin-top: -8.33333%;
+    margin-bottom: -8.33333%;
+  }
+
+  .md\:-mx-1\/12 {
+    margin-left: -8.33333%;
+    margin-right: -8.33333%;
+  }
+
+  .md\:-my-2\/12 {
+    margin-top: -16.66667%;
+    margin-bottom: -16.66667%;
+  }
+
+  .md\:-mx-2\/12 {
+    margin-left: -16.66667%;
+    margin-right: -16.66667%;
+  }
+
+  .md\:-my-3\/12 {
+    margin-top: -25%;
+    margin-bottom: -25%;
+  }
+
+  .md\:-mx-3\/12 {
+    margin-left: -25%;
+    margin-right: -25%;
+  }
+
+  .md\:-my-4\/12 {
+    margin-top: -33.33333%;
+    margin-bottom: -33.33333%;
+  }
+
+  .md\:-mx-4\/12 {
+    margin-left: -33.33333%;
+    margin-right: -33.33333%;
+  }
+
+  .md\:-my-5\/12 {
+    margin-top: -41.66667%;
+    margin-bottom: -41.66667%;
+  }
+
+  .md\:-mx-5\/12 {
+    margin-left: -41.66667%;
+    margin-right: -41.66667%;
+  }
+
+  .md\:-my-6\/12 {
+    margin-top: -50%;
+    margin-bottom: -50%;
+  }
+
+  .md\:-mx-6\/12 {
+    margin-left: -50%;
+    margin-right: -50%;
+  }
+
+  .md\:-my-7\/12 {
+    margin-top: -58.33333%;
+    margin-bottom: -58.33333%;
+  }
+
+  .md\:-mx-7\/12 {
+    margin-left: -58.33333%;
+    margin-right: -58.33333%;
+  }
+
+  .md\:-my-8\/12 {
+    margin-top: -66.66667%;
+    margin-bottom: -66.66667%;
+  }
+
+  .md\:-mx-8\/12 {
+    margin-left: -66.66667%;
+    margin-right: -66.66667%;
+  }
+
+  .md\:-my-9\/12 {
+    margin-top: -75%;
+    margin-bottom: -75%;
+  }
+
+  .md\:-mx-9\/12 {
+    margin-left: -75%;
+    margin-right: -75%;
+  }
+
+  .md\:-my-10\/12 {
+    margin-top: -83.33333%;
+    margin-bottom: -83.33333%;
+  }
+
+  .md\:-mx-10\/12 {
+    margin-left: -83.33333%;
+    margin-right: -83.33333%;
+  }
+
+  .md\:-my-11\/12 {
+    margin-top: -91.66667%;
+    margin-bottom: -91.66667%;
+  }
+
+  .md\:-mx-11\/12 {
+    margin-left: -91.66667%;
+    margin-right: -91.66667%;
+  }
+
+  .md\:-my-full {
+    margin-top: -100%;
+    margin-bottom: -100%;
+  }
+
+  .md\:-mx-full {
+    margin-left: -100%;
+    margin-right: -100%;
+  }
+
+  .md\:mt-0 {
+    margin-top: 0;
+  }
+
+  .md\:mr-0 {
+    margin-right: 0;
+  }
+
+  .md\:mb-0 {
+    margin-bottom: 0;
+  }
+
+  .md\:ml-0 {
+    margin-left: 0;
+  }
+
+  .md\:mt-1 {
+    margin-top: 0.25rem;
+  }
+
+  .md\:mr-1 {
+    margin-right: 0.25rem;
+  }
+
+  .md\:mb-1 {
+    margin-bottom: 0.25rem;
+  }
+
+  .md\:ml-1 {
+    margin-left: 0.25rem;
+  }
+
+  .md\:mt-2 {
+    margin-top: 0.5rem;
+  }
+
+  .md\:mr-2 {
+    margin-right: 0.5rem;
+  }
+
+  .md\:mb-2 {
+    margin-bottom: 0.5rem;
+  }
+
+  .md\:ml-2 {
+    margin-left: 0.5rem;
+  }
+
+  .md\:mt-3 {
+    margin-top: 0.75rem;
+  }
+
+  .md\:mr-3 {
+    margin-right: 0.75rem;
+  }
+
+  .md\:mb-3 {
+    margin-bottom: 0.75rem;
+  }
+
+  .md\:ml-3 {
+    margin-left: 0.75rem;
+  }
+
+  .md\:mt-4 {
+    margin-top: 1rem;
+  }
+
+  .md\:mr-4 {
+    margin-right: 1rem;
+  }
+
+  .md\:mb-4 {
+    margin-bottom: 1rem;
+  }
+
+  .md\:ml-4 {
+    margin-left: 1rem;
+  }
+
+  .md\:mt-5 {
+    margin-top: 1.25rem;
+  }
+
+  .md\:mr-5 {
+    margin-right: 1.25rem;
+  }
+
+  .md\:mb-5 {
+    margin-bottom: 1.25rem;
+  }
+
+  .md\:ml-5 {
+    margin-left: 1.25rem;
+  }
+
+  .md\:mt-6 {
+    margin-top: 1.5rem;
+  }
+
+  .md\:mr-6 {
+    margin-right: 1.5rem;
+  }
+
+  .md\:mb-6 {
+    margin-bottom: 1.5rem;
+  }
+
+  .md\:ml-6 {
+    margin-left: 1.5rem;
+  }
+
+  .md\:mt-7 {
+    margin-top: 1.75rem;
+  }
+
+  .md\:mr-7 {
+    margin-right: 1.75rem;
+  }
+
+  .md\:mb-7 {
+    margin-bottom: 1.75rem;
+  }
+
+  .md\:ml-7 {
+    margin-left: 1.75rem;
+  }
+
+  .md\:mt-8 {
+    margin-top: 2rem;
+  }
+
+  .md\:mr-8 {
+    margin-right: 2rem;
+  }
+
+  .md\:mb-8 {
+    margin-bottom: 2rem;
+  }
+
+  .md\:ml-8 {
+    margin-left: 2rem;
+  }
+
+  .md\:mt-9 {
+    margin-top: 2.25rem;
+  }
+
+  .md\:mr-9 {
+    margin-right: 2.25rem;
+  }
+
+  .md\:mb-9 {
+    margin-bottom: 2.25rem;
+  }
+
+  .md\:ml-9 {
+    margin-left: 2.25rem;
+  }
+
+  .md\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
+  .md\:mr-10 {
+    margin-right: 2.5rem;
+  }
+
+  .md\:mb-10 {
+    margin-bottom: 2.5rem;
+  }
+
+  .md\:ml-10 {
+    margin-left: 2.5rem;
+  }
+
+  .md\:mt-11 {
+    margin-top: 2.75rem;
+  }
+
+  .md\:mr-11 {
+    margin-right: 2.75rem;
+  }
+
+  .md\:mb-11 {
+    margin-bottom: 2.75rem;
+  }
+
+  .md\:ml-11 {
+    margin-left: 2.75rem;
+  }
+
+  .md\:mt-12 {
+    margin-top: 3rem;
+  }
+
+  .md\:mr-12 {
+    margin-right: 3rem;
+  }
+
+  .md\:mb-12 {
+    margin-bottom: 3rem;
+  }
+
+  .md\:ml-12 {
+    margin-left: 3rem;
+  }
+
+  .md\:mt-13 {
+    margin-top: 3.25rem;
+  }
+
+  .md\:mr-13 {
+    margin-right: 3.25rem;
+  }
+
+  .md\:mb-13 {
+    margin-bottom: 3.25rem;
+  }
+
+  .md\:ml-13 {
+    margin-left: 3.25rem;
+  }
+
+  .md\:mt-14 {
+    margin-top: 3.5rem;
+  }
+
+  .md\:mr-14 {
+    margin-right: 3.5rem;
+  }
+
+  .md\:mb-14 {
+    margin-bottom: 3.5rem;
+  }
+
+  .md\:ml-14 {
+    margin-left: 3.5rem;
+  }
+
+  .md\:mt-15 {
+    margin-top: 3.75rem;
+  }
+
+  .md\:mr-15 {
+    margin-right: 3.75rem;
+  }
+
+  .md\:mb-15 {
+    margin-bottom: 3.75rem;
+  }
+
+  .md\:ml-15 {
+    margin-left: 3.75rem;
+  }
+
+  .md\:mt-16 {
+    margin-top: 4rem;
+  }
+
+  .md\:mr-16 {
+    margin-right: 4rem;
+  }
+
+  .md\:mb-16 {
+    margin-bottom: 4rem;
+  }
+
+  .md\:ml-16 {
+    margin-left: 4rem;
+  }
+
+  .md\:mt-20 {
+    margin-top: 5rem;
+  }
+
+  .md\:mr-20 {
+    margin-right: 5rem;
+  }
+
+  .md\:mb-20 {
+    margin-bottom: 5rem;
+  }
+
+  .md\:ml-20 {
+    margin-left: 5rem;
+  }
+
+  .md\:mt-24 {
+    margin-top: 6rem;
+  }
+
+  .md\:mr-24 {
+    margin-right: 6rem;
+  }
+
+  .md\:mb-24 {
+    margin-bottom: 6rem;
+  }
+
+  .md\:ml-24 {
+    margin-left: 6rem;
+  }
+
+  .md\:mt-28 {
+    margin-top: 7rem;
+  }
+
+  .md\:mr-28 {
+    margin-right: 7rem;
+  }
+
+  .md\:mb-28 {
+    margin-bottom: 7rem;
+  }
+
+  .md\:ml-28 {
+    margin-left: 7rem;
+  }
+
+  .md\:mt-32 {
+    margin-top: 8rem;
+  }
+
+  .md\:mr-32 {
+    margin-right: 8rem;
+  }
+
+  .md\:mb-32 {
+    margin-bottom: 8rem;
+  }
+
+  .md\:ml-32 {
+    margin-left: 8rem;
+  }
+
+  .md\:mt-36 {
+    margin-top: 9rem;
+  }
+
+  .md\:mr-36 {
+    margin-right: 9rem;
+  }
+
+  .md\:mb-36 {
+    margin-bottom: 9rem;
+  }
+
+  .md\:ml-36 {
+    margin-left: 9rem;
+  }
+
+  .md\:mt-40 {
+    margin-top: 10rem;
+  }
+
+  .md\:mr-40 {
+    margin-right: 10rem;
+  }
+
+  .md\:mb-40 {
+    margin-bottom: 10rem;
+  }
+
+  .md\:ml-40 {
+    margin-left: 10rem;
+  }
+
+  .md\:mt-48 {
+    margin-top: 12rem;
+  }
+
+  .md\:mr-48 {
+    margin-right: 12rem;
+  }
+
+  .md\:mb-48 {
+    margin-bottom: 12rem;
+  }
+
+  .md\:ml-48 {
+    margin-left: 12rem;
+  }
+
+  .md\:mt-56 {
+    margin-top: 14rem;
+  }
+
+  .md\:mr-56 {
+    margin-right: 14rem;
+  }
+
+  .md\:mb-56 {
+    margin-bottom: 14rem;
+  }
+
+  .md\:ml-56 {
+    margin-left: 14rem;
+  }
+
+  .md\:mt-60 {
+    margin-top: 15rem;
+  }
+
+  .md\:mr-60 {
+    margin-right: 15rem;
+  }
+
+  .md\:mb-60 {
+    margin-bottom: 15rem;
+  }
+
+  .md\:ml-60 {
+    margin-left: 15rem;
+  }
+
+  .md\:mt-64 {
+    margin-top: 16rem;
+  }
+
+  .md\:mr-64 {
+    margin-right: 16rem;
+  }
+
+  .md\:mb-64 {
+    margin-bottom: 16rem;
+  }
+
+  .md\:ml-64 {
+    margin-left: 16rem;
+  }
+
+  .md\:mt-72 {
+    margin-top: 18rem;
+  }
+
+  .md\:mr-72 {
+    margin-right: 18rem;
+  }
+
+  .md\:mb-72 {
+    margin-bottom: 18rem;
+  }
+
+  .md\:ml-72 {
+    margin-left: 18rem;
+  }
+
+  .md\:mt-80 {
+    margin-top: 20rem;
+  }
+
+  .md\:mr-80 {
+    margin-right: 20rem;
+  }
+
+  .md\:mb-80 {
+    margin-bottom: 20rem;
+  }
+
+  .md\:ml-80 {
+    margin-left: 20rem;
+  }
+
+  .md\:mt-96 {
+    margin-top: 24rem;
+  }
+
+  .md\:mr-96 {
+    margin-right: 24rem;
+  }
+
+  .md\:mb-96 {
+    margin-bottom: 24rem;
+  }
+
+  .md\:ml-96 {
+    margin-left: 24rem;
+  }
+
+  .md\:mt-auto {
+    margin-top: auto;
+  }
+
+  .md\:mr-auto {
+    margin-right: auto;
+  }
+
+  .md\:mb-auto {
+    margin-bottom: auto;
+  }
+
+  .md\:ml-auto {
+    margin-left: auto;
+  }
+
+  .md\:mt-px {
+    margin-top: 1px;
+  }
+
+  .md\:mr-px {
+    margin-right: 1px;
+  }
+
+  .md\:mb-px {
+    margin-bottom: 1px;
+  }
+
+  .md\:ml-px {
+    margin-left: 1px;
+  }
+
+  .md\:mt-0\.5 {
+    margin-top: 0.125rem;
+  }
+
+  .md\:mr-0\.5 {
+    margin-right: 0.125rem;
+  }
+
+  .md\:mb-0\.5 {
+    margin-bottom: 0.125rem;
+  }
+
+  .md\:ml-0\.5 {
+    margin-left: 0.125rem;
+  }
+
+  .md\:mt-1\.5 {
+    margin-top: 0.375rem;
+  }
+
+  .md\:mr-1\.5 {
+    margin-right: 0.375rem;
+  }
+
+  .md\:mb-1\.5 {
+    margin-bottom: 0.375rem;
+  }
+
+  .md\:ml-1\.5 {
+    margin-left: 0.375rem;
+  }
+
+  .md\:mt-2\.5 {
+    margin-top: 0.625rem;
+  }
+
+  .md\:mr-2\.5 {
+    margin-right: 0.625rem;
+  }
+
+  .md\:mb-2\.5 {
+    margin-bottom: 0.625rem;
+  }
+
+  .md\:ml-2\.5 {
+    margin-left: 0.625rem;
+  }
+
+  .md\:mt-3\.5 {
+    margin-top: 0.875rem;
+  }
+
+  .md\:mr-3\.5 {
+    margin-right: 0.875rem;
+  }
+
+  .md\:mb-3\.5 {
+    margin-bottom: 0.875rem;
+  }
+
+  .md\:ml-3\.5 {
+    margin-left: 0.875rem;
+  }
+
+  .md\:mt-1\/2 {
+    margin-top: 50%;
+  }
+
+  .md\:mr-1\/2 {
+    margin-right: 50%;
+  }
+
+  .md\:mb-1\/2 {
+    margin-bottom: 50%;
+  }
+
+  .md\:ml-1\/2 {
+    margin-left: 50%;
+  }
+
+  .md\:mt-1\/3 {
+    margin-top: 33.333333%;
+  }
+
+  .md\:mr-1\/3 {
+    margin-right: 33.333333%;
+  }
+
+  .md\:mb-1\/3 {
+    margin-bottom: 33.333333%;
+  }
+
+  .md\:ml-1\/3 {
+    margin-left: 33.333333%;
+  }
+
+  .md\:mt-2\/3 {
+    margin-top: 66.666667%;
+  }
+
+  .md\:mr-2\/3 {
+    margin-right: 66.666667%;
+  }
+
+  .md\:mb-2\/3 {
+    margin-bottom: 66.666667%;
+  }
+
+  .md\:ml-2\/3 {
+    margin-left: 66.666667%;
+  }
+
+  .md\:mt-1\/4 {
+    margin-top: 25%;
+  }
+
+  .md\:mr-1\/4 {
+    margin-right: 25%;
+  }
+
+  .md\:mb-1\/4 {
+    margin-bottom: 25%;
+  }
+
+  .md\:ml-1\/4 {
+    margin-left: 25%;
+  }
+
+  .md\:mt-2\/4 {
+    margin-top: 50%;
+  }
+
+  .md\:mr-2\/4 {
+    margin-right: 50%;
+  }
+
+  .md\:mb-2\/4 {
+    margin-bottom: 50%;
+  }
+
+  .md\:ml-2\/4 {
+    margin-left: 50%;
+  }
+
+  .md\:mt-3\/4 {
+    margin-top: 75%;
+  }
+
+  .md\:mr-3\/4 {
+    margin-right: 75%;
+  }
+
+  .md\:mb-3\/4 {
+    margin-bottom: 75%;
+  }
+
+  .md\:ml-3\/4 {
+    margin-left: 75%;
+  }
+
+  .md\:mt-1\/5 {
+    margin-top: 20%;
+  }
+
+  .md\:mr-1\/5 {
+    margin-right: 20%;
+  }
+
+  .md\:mb-1\/5 {
+    margin-bottom: 20%;
+  }
+
+  .md\:ml-1\/5 {
+    margin-left: 20%;
+  }
+
+  .md\:mt-2\/5 {
+    margin-top: 40%;
+  }
+
+  .md\:mr-2\/5 {
+    margin-right: 40%;
+  }
+
+  .md\:mb-2\/5 {
+    margin-bottom: 40%;
+  }
+
+  .md\:ml-2\/5 {
+    margin-left: 40%;
+  }
+
+  .md\:mt-3\/5 {
+    margin-top: 60%;
+  }
+
+  .md\:mr-3\/5 {
+    margin-right: 60%;
+  }
+
+  .md\:mb-3\/5 {
+    margin-bottom: 60%;
+  }
+
+  .md\:ml-3\/5 {
+    margin-left: 60%;
+  }
+
+  .md\:mt-4\/5 {
+    margin-top: 80%;
+  }
+
+  .md\:mr-4\/5 {
+    margin-right: 80%;
+  }
+
+  .md\:mb-4\/5 {
+    margin-bottom: 80%;
+  }
+
+  .md\:ml-4\/5 {
+    margin-left: 80%;
+  }
+
+  .md\:mt-1\/6 {
+    margin-top: 16.666667%;
+  }
+
+  .md\:mr-1\/6 {
+    margin-right: 16.666667%;
+  }
+
+  .md\:mb-1\/6 {
+    margin-bottom: 16.666667%;
+  }
+
+  .md\:ml-1\/6 {
+    margin-left: 16.666667%;
+  }
+
+  .md\:mt-2\/6 {
+    margin-top: 33.333333%;
+  }
+
+  .md\:mr-2\/6 {
+    margin-right: 33.333333%;
+  }
+
+  .md\:mb-2\/6 {
+    margin-bottom: 33.333333%;
+  }
+
+  .md\:ml-2\/6 {
+    margin-left: 33.333333%;
+  }
+
+  .md\:mt-3\/6 {
+    margin-top: 50%;
+  }
+
+  .md\:mr-3\/6 {
+    margin-right: 50%;
+  }
+
+  .md\:mb-3\/6 {
+    margin-bottom: 50%;
+  }
+
+  .md\:ml-3\/6 {
+    margin-left: 50%;
+  }
+
+  .md\:mt-4\/6 {
+    margin-top: 66.666667%;
+  }
+
+  .md\:mr-4\/6 {
+    margin-right: 66.666667%;
+  }
+
+  .md\:mb-4\/6 {
+    margin-bottom: 66.666667%;
+  }
+
+  .md\:ml-4\/6 {
+    margin-left: 66.666667%;
+  }
+
+  .md\:mt-5\/6 {
+    margin-top: 83.333333%;
+  }
+
+  .md\:mr-5\/6 {
+    margin-right: 83.333333%;
+  }
+
+  .md\:mb-5\/6 {
+    margin-bottom: 83.333333%;
+  }
+
+  .md\:ml-5\/6 {
+    margin-left: 83.333333%;
+  }
+
+  .md\:mt-1\/12 {
+    margin-top: 8.333333%;
+  }
+
+  .md\:mr-1\/12 {
+    margin-right: 8.333333%;
+  }
+
+  .md\:mb-1\/12 {
+    margin-bottom: 8.333333%;
+  }
+
+  .md\:ml-1\/12 {
+    margin-left: 8.333333%;
+  }
+
+  .md\:mt-2\/12 {
+    margin-top: 16.666667%;
+  }
+
+  .md\:mr-2\/12 {
+    margin-right: 16.666667%;
+  }
+
+  .md\:mb-2\/12 {
+    margin-bottom: 16.666667%;
+  }
+
+  .md\:ml-2\/12 {
+    margin-left: 16.666667%;
+  }
+
+  .md\:mt-3\/12 {
+    margin-top: 25%;
+  }
+
+  .md\:mr-3\/12 {
+    margin-right: 25%;
+  }
+
+  .md\:mb-3\/12 {
+    margin-bottom: 25%;
+  }
+
+  .md\:ml-3\/12 {
+    margin-left: 25%;
+  }
+
+  .md\:mt-4\/12 {
+    margin-top: 33.333333%;
+  }
+
+  .md\:mr-4\/12 {
+    margin-right: 33.333333%;
+  }
+
+  .md\:mb-4\/12 {
+    margin-bottom: 33.333333%;
+  }
+
+  .md\:ml-4\/12 {
+    margin-left: 33.333333%;
+  }
+
+  .md\:mt-5\/12 {
+    margin-top: 41.666667%;
+  }
+
+  .md\:mr-5\/12 {
+    margin-right: 41.666667%;
+  }
+
+  .md\:mb-5\/12 {
+    margin-bottom: 41.666667%;
+  }
+
+  .md\:ml-5\/12 {
+    margin-left: 41.666667%;
+  }
+
+  .md\:mt-6\/12 {
+    margin-top: 50%;
+  }
+
+  .md\:mr-6\/12 {
+    margin-right: 50%;
+  }
+
+  .md\:mb-6\/12 {
+    margin-bottom: 50%;
+  }
+
+  .md\:ml-6\/12 {
+    margin-left: 50%;
+  }
+
+  .md\:mt-7\/12 {
+    margin-top: 58.333333%;
+  }
+
+  .md\:mr-7\/12 {
+    margin-right: 58.333333%;
+  }
+
+  .md\:mb-7\/12 {
+    margin-bottom: 58.333333%;
+  }
+
+  .md\:ml-7\/12 {
+    margin-left: 58.333333%;
+  }
+
+  .md\:mt-8\/12 {
+    margin-top: 66.666667%;
+  }
+
+  .md\:mr-8\/12 {
+    margin-right: 66.666667%;
+  }
+
+  .md\:mb-8\/12 {
+    margin-bottom: 66.666667%;
+  }
+
+  .md\:ml-8\/12 {
+    margin-left: 66.666667%;
+  }
+
+  .md\:mt-9\/12 {
+    margin-top: 75%;
+  }
+
+  .md\:mr-9\/12 {
+    margin-right: 75%;
+  }
+
+  .md\:mb-9\/12 {
+    margin-bottom: 75%;
+  }
+
+  .md\:ml-9\/12 {
+    margin-left: 75%;
+  }
+
+  .md\:mt-10\/12 {
+    margin-top: 83.333333%;
+  }
+
+  .md\:mr-10\/12 {
+    margin-right: 83.333333%;
+  }
+
+  .md\:mb-10\/12 {
+    margin-bottom: 83.333333%;
+  }
+
+  .md\:ml-10\/12 {
+    margin-left: 83.333333%;
+  }
+
+  .md\:mt-11\/12 {
+    margin-top: 91.666667%;
+  }
+
+  .md\:mr-11\/12 {
+    margin-right: 91.666667%;
+  }
+
+  .md\:mb-11\/12 {
+    margin-bottom: 91.666667%;
+  }
+
+  .md\:ml-11\/12 {
+    margin-left: 91.666667%;
+  }
+
+  .md\:mt-full {
+    margin-top: 100%;
+  }
+
+  .md\:mr-full {
+    margin-right: 100%;
+  }
+
+  .md\:mb-full {
+    margin-bottom: 100%;
+  }
+
+  .md\:ml-full {
+    margin-left: 100%;
+  }
+
+  .md\:-mt-1 {
+    margin-top: -0.25rem;
+  }
+
+  .md\:-mr-1 {
+    margin-right: -0.25rem;
+  }
+
+  .md\:-mb-1 {
+    margin-bottom: -0.25rem;
+  }
+
+  .md\:-ml-1 {
+    margin-left: -0.25rem;
+  }
+
+  .md\:-mt-2 {
+    margin-top: -0.5rem;
+  }
+
+  .md\:-mr-2 {
+    margin-right: -0.5rem;
+  }
+
+  .md\:-mb-2 {
+    margin-bottom: -0.5rem;
+  }
+
+  .md\:-ml-2 {
+    margin-left: -0.5rem;
+  }
+
+  .md\:-mt-3 {
+    margin-top: -0.75rem;
+  }
+
+  .md\:-mr-3 {
+    margin-right: -0.75rem;
+  }
+
+  .md\:-mb-3 {
+    margin-bottom: -0.75rem;
+  }
+
+  .md\:-ml-3 {
+    margin-left: -0.75rem;
+  }
+
+  .md\:-mt-4 {
+    margin-top: -1rem;
+  }
+
+  .md\:-mr-4 {
+    margin-right: -1rem;
+  }
+
+  .md\:-mb-4 {
+    margin-bottom: -1rem;
+  }
+
+  .md\:-ml-4 {
+    margin-left: -1rem;
+  }
+
+  .md\:-mt-5 {
+    margin-top: -1.25rem;
+  }
+
+  .md\:-mr-5 {
+    margin-right: -1.25rem;
+  }
+
+  .md\:-mb-5 {
+    margin-bottom: -1.25rem;
+  }
+
+  .md\:-ml-5 {
+    margin-left: -1.25rem;
+  }
+
+  .md\:-mt-6 {
+    margin-top: -1.5rem;
+  }
+
+  .md\:-mr-6 {
+    margin-right: -1.5rem;
+  }
+
+  .md\:-mb-6 {
+    margin-bottom: -1.5rem;
+  }
+
+  .md\:-ml-6 {
+    margin-left: -1.5rem;
+  }
+
+  .md\:-mt-7 {
+    margin-top: -1.75rem;
+  }
+
+  .md\:-mr-7 {
+    margin-right: -1.75rem;
+  }
+
+  .md\:-mb-7 {
+    margin-bottom: -1.75rem;
+  }
+
+  .md\:-ml-7 {
+    margin-left: -1.75rem;
+  }
+
+  .md\:-mt-8 {
+    margin-top: -2rem;
+  }
+
+  .md\:-mr-8 {
+    margin-right: -2rem;
+  }
+
+  .md\:-mb-8 {
+    margin-bottom: -2rem;
+  }
+
+  .md\:-ml-8 {
+    margin-left: -2rem;
+  }
+
+  .md\:-mt-9 {
+    margin-top: -2.25rem;
+  }
+
+  .md\:-mr-9 {
+    margin-right: -2.25rem;
+  }
+
+  .md\:-mb-9 {
+    margin-bottom: -2.25rem;
+  }
+
+  .md\:-ml-9 {
+    margin-left: -2.25rem;
+  }
+
+  .md\:-mt-10 {
+    margin-top: -2.5rem;
+  }
+
+  .md\:-mr-10 {
+    margin-right: -2.5rem;
+  }
+
+  .md\:-mb-10 {
+    margin-bottom: -2.5rem;
+  }
+
+  .md\:-ml-10 {
+    margin-left: -2.5rem;
+  }
+
+  .md\:-mt-11 {
+    margin-top: -2.75rem;
+  }
+
+  .md\:-mr-11 {
+    margin-right: -2.75rem;
+  }
+
+  .md\:-mb-11 {
+    margin-bottom: -2.75rem;
+  }
+
+  .md\:-ml-11 {
+    margin-left: -2.75rem;
+  }
+
+  .md\:-mt-12 {
+    margin-top: -3rem;
+  }
+
+  .md\:-mr-12 {
+    margin-right: -3rem;
+  }
+
+  .md\:-mb-12 {
+    margin-bottom: -3rem;
+  }
+
+  .md\:-ml-12 {
+    margin-left: -3rem;
+  }
+
+  .md\:-mt-13 {
+    margin-top: -3.25rem;
+  }
+
+  .md\:-mr-13 {
+    margin-right: -3.25rem;
+  }
+
+  .md\:-mb-13 {
+    margin-bottom: -3.25rem;
+  }
+
+  .md\:-ml-13 {
+    margin-left: -3.25rem;
+  }
+
+  .md\:-mt-14 {
+    margin-top: -3.5rem;
+  }
+
+  .md\:-mr-14 {
+    margin-right: -3.5rem;
+  }
+
+  .md\:-mb-14 {
+    margin-bottom: -3.5rem;
+  }
+
+  .md\:-ml-14 {
+    margin-left: -3.5rem;
+  }
+
+  .md\:-mt-15 {
+    margin-top: -3.75rem;
+  }
+
+  .md\:-mr-15 {
+    margin-right: -3.75rem;
+  }
+
+  .md\:-mb-15 {
+    margin-bottom: -3.75rem;
+  }
+
+  .md\:-ml-15 {
+    margin-left: -3.75rem;
+  }
+
+  .md\:-mt-16 {
+    margin-top: -4rem;
+  }
+
+  .md\:-mr-16 {
+    margin-right: -4rem;
+  }
+
+  .md\:-mb-16 {
+    margin-bottom: -4rem;
+  }
+
+  .md\:-ml-16 {
+    margin-left: -4rem;
+  }
+
+  .md\:-mt-20 {
+    margin-top: -5rem;
+  }
+
+  .md\:-mr-20 {
+    margin-right: -5rem;
+  }
+
+  .md\:-mb-20 {
+    margin-bottom: -5rem;
+  }
+
+  .md\:-ml-20 {
+    margin-left: -5rem;
+  }
+
+  .md\:-mt-24 {
+    margin-top: -6rem;
+  }
+
+  .md\:-mr-24 {
+    margin-right: -6rem;
+  }
+
+  .md\:-mb-24 {
+    margin-bottom: -6rem;
+  }
+
+  .md\:-ml-24 {
+    margin-left: -6rem;
+  }
+
+  .md\:-mt-28 {
+    margin-top: -7rem;
+  }
+
+  .md\:-mr-28 {
+    margin-right: -7rem;
+  }
+
+  .md\:-mb-28 {
+    margin-bottom: -7rem;
+  }
+
+  .md\:-ml-28 {
+    margin-left: -7rem;
+  }
+
+  .md\:-mt-32 {
+    margin-top: -8rem;
+  }
+
+  .md\:-mr-32 {
+    margin-right: -8rem;
+  }
+
+  .md\:-mb-32 {
+    margin-bottom: -8rem;
+  }
+
+  .md\:-ml-32 {
+    margin-left: -8rem;
+  }
+
+  .md\:-mt-36 {
+    margin-top: -9rem;
+  }
+
+  .md\:-mr-36 {
+    margin-right: -9rem;
+  }
+
+  .md\:-mb-36 {
+    margin-bottom: -9rem;
+  }
+
+  .md\:-ml-36 {
+    margin-left: -9rem;
+  }
+
+  .md\:-mt-40 {
+    margin-top: -10rem;
+  }
+
+  .md\:-mr-40 {
+    margin-right: -10rem;
+  }
+
+  .md\:-mb-40 {
+    margin-bottom: -10rem;
+  }
+
+  .md\:-ml-40 {
+    margin-left: -10rem;
+  }
+
+  .md\:-mt-48 {
+    margin-top: -12rem;
+  }
+
+  .md\:-mr-48 {
+    margin-right: -12rem;
+  }
+
+  .md\:-mb-48 {
+    margin-bottom: -12rem;
+  }
+
+  .md\:-ml-48 {
+    margin-left: -12rem;
+  }
+
+  .md\:-mt-56 {
+    margin-top: -14rem;
+  }
+
+  .md\:-mr-56 {
+    margin-right: -14rem;
+  }
+
+  .md\:-mb-56 {
+    margin-bottom: -14rem;
+  }
+
+  .md\:-ml-56 {
+    margin-left: -14rem;
+  }
+
+  .md\:-mt-60 {
+    margin-top: -15rem;
+  }
+
+  .md\:-mr-60 {
+    margin-right: -15rem;
+  }
+
+  .md\:-mb-60 {
+    margin-bottom: -15rem;
+  }
+
+  .md\:-ml-60 {
+    margin-left: -15rem;
+  }
+
+  .md\:-mt-64 {
+    margin-top: -16rem;
+  }
+
+  .md\:-mr-64 {
+    margin-right: -16rem;
+  }
+
+  .md\:-mb-64 {
+    margin-bottom: -16rem;
+  }
+
+  .md\:-ml-64 {
+    margin-left: -16rem;
+  }
+
+  .md\:-mt-72 {
+    margin-top: -18rem;
+  }
+
+  .md\:-mr-72 {
+    margin-right: -18rem;
+  }
+
+  .md\:-mb-72 {
+    margin-bottom: -18rem;
+  }
+
+  .md\:-ml-72 {
+    margin-left: -18rem;
+  }
+
+  .md\:-mt-80 {
+    margin-top: -20rem;
+  }
+
+  .md\:-mr-80 {
+    margin-right: -20rem;
+  }
+
+  .md\:-mb-80 {
+    margin-bottom: -20rem;
+  }
+
+  .md\:-ml-80 {
+    margin-left: -20rem;
+  }
+
+  .md\:-mt-96 {
+    margin-top: -24rem;
+  }
+
+  .md\:-mr-96 {
+    margin-right: -24rem;
+  }
+
+  .md\:-mb-96 {
+    margin-bottom: -24rem;
+  }
+
+  .md\:-ml-96 {
+    margin-left: -24rem;
+  }
+
+  .md\:-mt-px {
+    margin-top: -1px;
+  }
+
+  .md\:-mr-px {
+    margin-right: -1px;
+  }
+
+  .md\:-mb-px {
+    margin-bottom: -1px;
+  }
+
+  .md\:-ml-px {
+    margin-left: -1px;
+  }
+
+  .md\:-mt-0\.5 {
+    margin-top: -0.125rem;
+  }
+
+  .md\:-mr-0\.5 {
+    margin-right: -0.125rem;
+  }
+
+  .md\:-mb-0\.5 {
+    margin-bottom: -0.125rem;
+  }
+
+  .md\:-ml-0\.5 {
+    margin-left: -0.125rem;
+  }
+
+  .md\:-mt-1\.5 {
+    margin-top: -0.375rem;
+  }
+
+  .md\:-mr-1\.5 {
+    margin-right: -0.375rem;
+  }
+
+  .md\:-mb-1\.5 {
+    margin-bottom: -0.375rem;
+  }
+
+  .md\:-ml-1\.5 {
+    margin-left: -0.375rem;
+  }
+
+  .md\:-mt-2\.5 {
+    margin-top: -0.625rem;
+  }
+
+  .md\:-mr-2\.5 {
+    margin-right: -0.625rem;
+  }
+
+  .md\:-mb-2\.5 {
+    margin-bottom: -0.625rem;
+  }
+
+  .md\:-ml-2\.5 {
+    margin-left: -0.625rem;
+  }
+
+  .md\:-mt-3\.5 {
+    margin-top: -0.875rem;
+  }
+
+  .md\:-mr-3\.5 {
+    margin-right: -0.875rem;
+  }
+
+  .md\:-mb-3\.5 {
+    margin-bottom: -0.875rem;
+  }
+
+  .md\:-ml-3\.5 {
+    margin-left: -0.875rem;
+  }
+
+  .md\:-mt-1\/2 {
+    margin-top: -50%;
+  }
+
+  .md\:-mr-1\/2 {
+    margin-right: -50%;
+  }
+
+  .md\:-mb-1\/2 {
+    margin-bottom: -50%;
+  }
+
+  .md\:-ml-1\/2 {
+    margin-left: -50%;
+  }
+
+  .md\:-mt-1\/3 {
+    margin-top: -33.33333%;
+  }
+
+  .md\:-mr-1\/3 {
+    margin-right: -33.33333%;
+  }
+
+  .md\:-mb-1\/3 {
+    margin-bottom: -33.33333%;
+  }
+
+  .md\:-ml-1\/3 {
+    margin-left: -33.33333%;
+  }
+
+  .md\:-mt-2\/3 {
+    margin-top: -66.66667%;
+  }
+
+  .md\:-mr-2\/3 {
+    margin-right: -66.66667%;
+  }
+
+  .md\:-mb-2\/3 {
+    margin-bottom: -66.66667%;
+  }
+
+  .md\:-ml-2\/3 {
+    margin-left: -66.66667%;
+  }
+
+  .md\:-mt-1\/4 {
+    margin-top: -25%;
+  }
+
+  .md\:-mr-1\/4 {
+    margin-right: -25%;
+  }
+
+  .md\:-mb-1\/4 {
+    margin-bottom: -25%;
+  }
+
+  .md\:-ml-1\/4 {
+    margin-left: -25%;
+  }
+
+  .md\:-mt-2\/4 {
+    margin-top: -50%;
+  }
+
+  .md\:-mr-2\/4 {
+    margin-right: -50%;
+  }
+
+  .md\:-mb-2\/4 {
+    margin-bottom: -50%;
+  }
+
+  .md\:-ml-2\/4 {
+    margin-left: -50%;
+  }
+
+  .md\:-mt-3\/4 {
+    margin-top: -75%;
+  }
+
+  .md\:-mr-3\/4 {
+    margin-right: -75%;
+  }
+
+  .md\:-mb-3\/4 {
+    margin-bottom: -75%;
+  }
+
+  .md\:-ml-3\/4 {
+    margin-left: -75%;
+  }
+
+  .md\:-mt-1\/5 {
+    margin-top: -20%;
+  }
+
+  .md\:-mr-1\/5 {
+    margin-right: -20%;
+  }
+
+  .md\:-mb-1\/5 {
+    margin-bottom: -20%;
+  }
+
+  .md\:-ml-1\/5 {
+    margin-left: -20%;
+  }
+
+  .md\:-mt-2\/5 {
+    margin-top: -40%;
+  }
+
+  .md\:-mr-2\/5 {
+    margin-right: -40%;
+  }
+
+  .md\:-mb-2\/5 {
+    margin-bottom: -40%;
+  }
+
+  .md\:-ml-2\/5 {
+    margin-left: -40%;
+  }
+
+  .md\:-mt-3\/5 {
+    margin-top: -60%;
+  }
+
+  .md\:-mr-3\/5 {
+    margin-right: -60%;
+  }
+
+  .md\:-mb-3\/5 {
+    margin-bottom: -60%;
+  }
+
+  .md\:-ml-3\/5 {
+    margin-left: -60%;
+  }
+
+  .md\:-mt-4\/5 {
+    margin-top: -80%;
+  }
+
+  .md\:-mr-4\/5 {
+    margin-right: -80%;
+  }
+
+  .md\:-mb-4\/5 {
+    margin-bottom: -80%;
+  }
+
+  .md\:-ml-4\/5 {
+    margin-left: -80%;
+  }
+
+  .md\:-mt-1\/6 {
+    margin-top: -16.66667%;
+  }
+
+  .md\:-mr-1\/6 {
+    margin-right: -16.66667%;
+  }
+
+  .md\:-mb-1\/6 {
+    margin-bottom: -16.66667%;
+  }
+
+  .md\:-ml-1\/6 {
+    margin-left: -16.66667%;
+  }
+
+  .md\:-mt-2\/6 {
+    margin-top: -33.33333%;
+  }
+
+  .md\:-mr-2\/6 {
+    margin-right: -33.33333%;
+  }
+
+  .md\:-mb-2\/6 {
+    margin-bottom: -33.33333%;
+  }
+
+  .md\:-ml-2\/6 {
+    margin-left: -33.33333%;
+  }
+
+  .md\:-mt-3\/6 {
+    margin-top: -50%;
+  }
+
+  .md\:-mr-3\/6 {
+    margin-right: -50%;
+  }
+
+  .md\:-mb-3\/6 {
+    margin-bottom: -50%;
+  }
+
+  .md\:-ml-3\/6 {
+    margin-left: -50%;
+  }
+
+  .md\:-mt-4\/6 {
+    margin-top: -66.66667%;
+  }
+
+  .md\:-mr-4\/6 {
+    margin-right: -66.66667%;
+  }
+
+  .md\:-mb-4\/6 {
+    margin-bottom: -66.66667%;
+  }
+
+  .md\:-ml-4\/6 {
+    margin-left: -66.66667%;
+  }
+
+  .md\:-mt-5\/6 {
+    margin-top: -83.33333%;
+  }
+
+  .md\:-mr-5\/6 {
+    margin-right: -83.33333%;
+  }
+
+  .md\:-mb-5\/6 {
+    margin-bottom: -83.33333%;
+  }
+
+  .md\:-ml-5\/6 {
+    margin-left: -83.33333%;
+  }
+
+  .md\:-mt-1\/12 {
+    margin-top: -8.33333%;
+  }
+
+  .md\:-mr-1\/12 {
+    margin-right: -8.33333%;
+  }
+
+  .md\:-mb-1\/12 {
+    margin-bottom: -8.33333%;
+  }
+
+  .md\:-ml-1\/12 {
+    margin-left: -8.33333%;
+  }
+
+  .md\:-mt-2\/12 {
+    margin-top: -16.66667%;
+  }
+
+  .md\:-mr-2\/12 {
+    margin-right: -16.66667%;
+  }
+
+  .md\:-mb-2\/12 {
+    margin-bottom: -16.66667%;
+  }
+
+  .md\:-ml-2\/12 {
+    margin-left: -16.66667%;
+  }
+
+  .md\:-mt-3\/12 {
+    margin-top: -25%;
+  }
+
+  .md\:-mr-3\/12 {
+    margin-right: -25%;
+  }
+
+  .md\:-mb-3\/12 {
+    margin-bottom: -25%;
+  }
+
+  .md\:-ml-3\/12 {
+    margin-left: -25%;
+  }
+
+  .md\:-mt-4\/12 {
+    margin-top: -33.33333%;
+  }
+
+  .md\:-mr-4\/12 {
+    margin-right: -33.33333%;
+  }
+
+  .md\:-mb-4\/12 {
+    margin-bottom: -33.33333%;
+  }
+
+  .md\:-ml-4\/12 {
+    margin-left: -33.33333%;
+  }
+
+  .md\:-mt-5\/12 {
+    margin-top: -41.66667%;
+  }
+
+  .md\:-mr-5\/12 {
+    margin-right: -41.66667%;
+  }
+
+  .md\:-mb-5\/12 {
+    margin-bottom: -41.66667%;
+  }
+
+  .md\:-ml-5\/12 {
+    margin-left: -41.66667%;
+  }
+
+  .md\:-mt-6\/12 {
+    margin-top: -50%;
+  }
+
+  .md\:-mr-6\/12 {
+    margin-right: -50%;
+  }
+
+  .md\:-mb-6\/12 {
+    margin-bottom: -50%;
+  }
+
+  .md\:-ml-6\/12 {
+    margin-left: -50%;
+  }
+
+  .md\:-mt-7\/12 {
+    margin-top: -58.33333%;
+  }
+
+  .md\:-mr-7\/12 {
+    margin-right: -58.33333%;
+  }
+
+  .md\:-mb-7\/12 {
+    margin-bottom: -58.33333%;
+  }
+
+  .md\:-ml-7\/12 {
+    margin-left: -58.33333%;
+  }
+
+  .md\:-mt-8\/12 {
+    margin-top: -66.66667%;
+  }
+
+  .md\:-mr-8\/12 {
+    margin-right: -66.66667%;
+  }
+
+  .md\:-mb-8\/12 {
+    margin-bottom: -66.66667%;
+  }
+
+  .md\:-ml-8\/12 {
+    margin-left: -66.66667%;
+  }
+
+  .md\:-mt-9\/12 {
+    margin-top: -75%;
+  }
+
+  .md\:-mr-9\/12 {
+    margin-right: -75%;
+  }
+
+  .md\:-mb-9\/12 {
+    margin-bottom: -75%;
+  }
+
+  .md\:-ml-9\/12 {
+    margin-left: -75%;
+  }
+
+  .md\:-mt-10\/12 {
+    margin-top: -83.33333%;
+  }
+
+  .md\:-mr-10\/12 {
+    margin-right: -83.33333%;
+  }
+
+  .md\:-mb-10\/12 {
+    margin-bottom: -83.33333%;
+  }
+
+  .md\:-ml-10\/12 {
+    margin-left: -83.33333%;
+  }
+
+  .md\:-mt-11\/12 {
+    margin-top: -91.66667%;
+  }
+
+  .md\:-mr-11\/12 {
+    margin-right: -91.66667%;
+  }
+
+  .md\:-mb-11\/12 {
+    margin-bottom: -91.66667%;
+  }
+
+  .md\:-ml-11\/12 {
+    margin-left: -91.66667%;
+  }
+
+  .md\:-mt-full {
+    margin-top: -100%;
+  }
+
+  .md\:-mr-full {
+    margin-right: -100%;
+  }
+
+  .md\:-mb-full {
+    margin-bottom: -100%;
+  }
+
+  .md\:-ml-full {
+    margin-left: -100%;
+  }
+
+  .md\:max-h-0 {
+    max-height: 0;
+  }
+
+  .md\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .md\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .md\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .md\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .md\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .md\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .md\:max-h-7 {
+    max-height: 1.75rem;
+  }
+
+  .md\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .md\:max-h-9 {
+    max-height: 2.25rem;
+  }
+
+  .md\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .md\:max-h-11 {
+    max-height: 2.75rem;
+  }
+
+  .md\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .md\:max-h-13 {
+    max-height: 3.25rem;
+  }
+
+  .md\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .md\:max-h-15 {
+    max-height: 3.75rem;
+  }
+
+  .md\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .md\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .md\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .md\:max-h-28 {
+    max-height: 7rem;
+  }
+
+  .md\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .md\:max-h-36 {
+    max-height: 9rem;
+  }
+
+  .md\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .md\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .md\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .md\:max-h-60 {
+    max-height: 15rem;
+  }
+
+  .md\:max-h-64 {
+    max-height: 16rem;
+  }
+
+  .md\:max-h-72 {
+    max-height: 18rem;
+  }
+
+  .md\:max-h-80 {
+    max-height: 20rem;
+  }
+
+  .md\:max-h-96 {
+    max-height: 24rem;
+  }
+
+  .md\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .md\:max-h-px {
+    max-height: 1px;
+  }
+
+  .md\:max-h-0\.5 {
+    max-height: 0.125rem;
+  }
+
+  .md\:max-h-1\.5 {
+    max-height: 0.375rem;
+  }
+
+  .md\:max-h-2\.5 {
+    max-height: 0.625rem;
+  }
+
+  .md\:max-h-3\.5 {
+    max-height: 0.875rem;
+  }
+
+  .md\:max-h-1\/2 {
+    max-height: 50%;
+  }
+
+  .md\:max-h-1\/3 {
+    max-height: 33.333333%;
+  }
+
+  .md\:max-h-2\/3 {
+    max-height: 66.666667%;
+  }
+
+  .md\:max-h-1\/4 {
+    max-height: 25%;
+  }
+
+  .md\:max-h-2\/4 {
+    max-height: 50%;
+  }
+
+  .md\:max-h-3\/4 {
+    max-height: 75%;
+  }
+
+  .md\:max-h-1\/5 {
+    max-height: 20%;
+  }
+
+  .md\:max-h-2\/5 {
+    max-height: 40%;
+  }
+
+  .md\:max-h-3\/5 {
+    max-height: 60%;
+  }
+
+  .md\:max-h-4\/5 {
+    max-height: 80%;
+  }
+
+  .md\:max-h-1\/6 {
+    max-height: 16.666667%;
+  }
+
+  .md\:max-h-2\/6 {
+    max-height: 33.333333%;
+  }
+
+  .md\:max-h-3\/6 {
+    max-height: 50%;
+  }
+
+  .md\:max-h-4\/6 {
+    max-height: 66.666667%;
+  }
+
+  .md\:max-h-5\/6 {
+    max-height: 83.333333%;
+  }
+
+  .md\:max-h-1\/12 {
+    max-height: 8.333333%;
+  }
+
+  .md\:max-h-2\/12 {
+    max-height: 16.666667%;
+  }
+
+  .md\:max-h-3\/12 {
+    max-height: 25%;
+  }
+
+  .md\:max-h-4\/12 {
+    max-height: 33.333333%;
+  }
+
+  .md\:max-h-5\/12 {
+    max-height: 41.666667%;
+  }
+
+  .md\:max-h-6\/12 {
+    max-height: 50%;
+  }
+
+  .md\:max-h-7\/12 {
+    max-height: 58.333333%;
+  }
+
+  .md\:max-h-8\/12 {
+    max-height: 66.666667%;
+  }
+
+  .md\:max-h-9\/12 {
+    max-height: 75%;
+  }
+
+  .md\:max-h-10\/12 {
+    max-height: 83.333333%;
+  }
+
+  .md\:max-h-11\/12 {
+    max-height: 91.666667%;
+  }
+
+  .md\:max-h-full {
+    max-height: 100%;
+  }
+
+  .md\:max-w-none {
+    max-width: none;
+  }
+
+  .md\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .md\:max-w-sm {
+    max-width: 24rem;
+  }
+
+  .md\:max-w-md {
+    max-width: 28rem;
+  }
+
+  .md\:max-w-lg {
+    max-width: 32rem;
+  }
+
+  .md\:max-w-xl {
+    max-width: 36rem;
+  }
+
+  .md\:max-w-2xl {
+    max-width: 42rem;
+  }
+
+  .md\:max-w-3xl {
+    max-width: 48rem;
+  }
+
+  .md\:max-w-4xl {
+    max-width: 56rem;
+  }
+
+  .md\:max-w-5xl {
+    max-width: 64rem;
+  }
+
+  .md\:max-w-6xl {
+    max-width: 72rem;
+  }
+
+  .md\:max-w-7xl {
+    max-width: 80rem;
+  }
+
+  .md\:max-w-full {
+    max-width: 100%;
+  }
+
+  .md\:max-w-screen-sm {
+    max-width: 640px;
+  }
+
+  .md\:max-w-screen-md {
+    max-width: 768px;
+  }
+
+  .md\:max-w-screen-lg {
+    max-width: 1024px;
+  }
+
+  .md\:max-w-screen-xl {
+    max-width: 1280px;
+  }
+
+  .md\:min-h-0 {
+    min-height: 0;
+  }
+
+  .md\:min-h-full {
+    min-height: 100%;
+  }
+
+  .md\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .md\:min-w-0 {
+    min-width: 0;
+  }
+
+  .md\:min-w-full {
+    min-width: 100%;
+  }
+
+  .md\:object-contain {
+    -o-object-fit: contain;
+       object-fit: contain;
+  }
+
+  .md\:object-cover {
+    -o-object-fit: cover;
+       object-fit: cover;
+  }
+
+  .md\:object-fill {
+    -o-object-fit: fill;
+       object-fit: fill;
+  }
+
+  .md\:object-none {
+    -o-object-fit: none;
+       object-fit: none;
+  }
+
+  .md\:object-scale-down {
+    -o-object-fit: scale-down;
+       object-fit: scale-down;
+  }
+
+  .md\:object-bottom {
+    -o-object-position: bottom;
+       object-position: bottom;
+  }
+
+  .md\:object-center {
+    -o-object-position: center;
+       object-position: center;
+  }
+
+  .md\:object-left {
+    -o-object-position: left;
+       object-position: left;
+  }
+
+  .md\:object-left-bottom {
+    -o-object-position: left bottom;
+       object-position: left bottom;
+  }
+
+  .md\:object-left-top {
+    -o-object-position: left top;
+       object-position: left top;
+  }
+
+  .md\:object-right {
+    -o-object-position: right;
+       object-position: right;
+  }
+
+  .md\:object-right-bottom {
+    -o-object-position: right bottom;
+       object-position: right bottom;
+  }
+
+  .md\:object-right-top {
+    -o-object-position: right top;
+       object-position: right top;
+  }
+
+  .md\:object-top {
+    -o-object-position: top;
+       object-position: top;
+  }
+
+  .md\:opacity-0 {
+    opacity: 0;
+  }
+
+  .md\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .md\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .md\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .md\:opacity-100 {
+    opacity: 1;
+  }
+
+  .md\:hover\:opacity-0:hover {
+    opacity: 0;
+  }
+
+  .md\:hover\:opacity-25:hover {
+    opacity: 0.25;
+  }
+
+  .md\:hover\:opacity-50:hover {
+    opacity: 0.5;
+  }
+
+  .md\:hover\:opacity-75:hover {
+    opacity: 0.75;
+  }
+
+  .md\:hover\:opacity-100:hover {
+    opacity: 1;
+  }
+
+  .md\:focus\:opacity-0:focus {
+    opacity: 0;
+  }
+
+  .md\:focus\:opacity-25:focus {
+    opacity: 0.25;
+  }
+
+  .md\:focus\:opacity-50:focus {
+    opacity: 0.5;
+  }
+
+  .md\:focus\:opacity-75:focus {
+    opacity: 0.75;
+  }
+
+  .md\:focus\:opacity-100:focus {
+    opacity: 1;
+  }
+
+  .md\:outline-none {
+    outline: 0;
+  }
+
+  .md\:focus\:outline-none:focus {
+    outline: 0;
+  }
+
+  .md\:overflow-auto {
+    overflow: auto;
+  }
+
+  .md\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .md\:overflow-visible {
+    overflow: visible;
+  }
+
+  .md\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .md\:overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .md\:overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .md\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .md\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
+  .md\:overflow-x-visible {
+    overflow-x: visible;
+  }
+
+  .md\:overflow-y-visible {
+    overflow-y: visible;
+  }
+
+  .md\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
+  .md\:overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
+  .md\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .md\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
+  }
+
+  .md\:overscroll-auto {
+    -ms-scroll-chaining: chained;
+        overscroll-behavior: auto;
+  }
+
+  .md\:overscroll-contain {
+    -ms-scroll-chaining: none;
+        overscroll-behavior: contain;
+  }
+
+  .md\:overscroll-none {
+    -ms-scroll-chaining: none;
+        overscroll-behavior: none;
+  }
+
+  .md\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .md\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .md\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .md\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .md\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .md\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .md\:p-0 {
+    padding: 0;
+  }
+
+  .md\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .md\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .md\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .md\:p-4 {
+    padding: 1rem;
+  }
+
+  .md\:p-5 {
+    padding: 1.25rem;
+  }
+
+  .md\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .md\:p-7 {
+    padding: 1.75rem;
+  }
+
+  .md\:p-8 {
+    padding: 2rem;
+  }
+
+  .md\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .md\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .md\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .md\:p-12 {
+    padding: 3rem;
+  }
+
+  .md\:p-13 {
+    padding: 3.25rem;
+  }
+
+  .md\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .md\:p-15 {
+    padding: 3.75rem;
+  }
+
+  .md\:p-16 {
+    padding: 4rem;
+  }
+
+  .md\:p-20 {
+    padding: 5rem;
+  }
+
+  .md\:p-24 {
+    padding: 6rem;
+  }
+
+  .md\:p-28 {
+    padding: 7rem;
+  }
+
+  .md\:p-32 {
+    padding: 8rem;
+  }
+
+  .md\:p-36 {
+    padding: 9rem;
+  }
+
+  .md\:p-40 {
+    padding: 10rem;
+  }
+
+  .md\:p-48 {
+    padding: 12rem;
+  }
+
+  .md\:p-56 {
+    padding: 14rem;
+  }
+
+  .md\:p-60 {
+    padding: 15rem;
+  }
+
+  .md\:p-64 {
+    padding: 16rem;
+  }
+
+  .md\:p-72 {
+    padding: 18rem;
+  }
+
+  .md\:p-80 {
+    padding: 20rem;
+  }
+
+  .md\:p-96 {
+    padding: 24rem;
+  }
+
+  .md\:p-px {
+    padding: 1px;
+  }
+
+  .md\:p-0\.5 {
+    padding: 0.125rem;
+  }
+
+  .md\:p-1\.5 {
+    padding: 0.375rem;
+  }
+
+  .md\:p-2\.5 {
+    padding: 0.625rem;
+  }
+
+  .md\:p-3\.5 {
+    padding: 0.875rem;
+  }
+
+  .md\:p-1\/2 {
+    padding: 50%;
+  }
+
+  .md\:p-1\/3 {
+    padding: 33.333333%;
+  }
+
+  .md\:p-2\/3 {
+    padding: 66.666667%;
+  }
+
+  .md\:p-1\/4 {
+    padding: 25%;
+  }
+
+  .md\:p-2\/4 {
+    padding: 50%;
+  }
+
+  .md\:p-3\/4 {
+    padding: 75%;
+  }
+
+  .md\:p-1\/5 {
+    padding: 20%;
+  }
+
+  .md\:p-2\/5 {
+    padding: 40%;
+  }
+
+  .md\:p-3\/5 {
+    padding: 60%;
+  }
+
+  .md\:p-4\/5 {
+    padding: 80%;
+  }
+
+  .md\:p-1\/6 {
+    padding: 16.666667%;
+  }
+
+  .md\:p-2\/6 {
+    padding: 33.333333%;
+  }
+
+  .md\:p-3\/6 {
+    padding: 50%;
+  }
+
+  .md\:p-4\/6 {
+    padding: 66.666667%;
+  }
+
+  .md\:p-5\/6 {
+    padding: 83.333333%;
+  }
+
+  .md\:p-1\/12 {
+    padding: 8.333333%;
+  }
+
+  .md\:p-2\/12 {
+    padding: 16.666667%;
+  }
+
+  .md\:p-3\/12 {
+    padding: 25%;
+  }
+
+  .md\:p-4\/12 {
+    padding: 33.333333%;
+  }
+
+  .md\:p-5\/12 {
+    padding: 41.666667%;
+  }
+
+  .md\:p-6\/12 {
+    padding: 50%;
+  }
+
+  .md\:p-7\/12 {
+    padding: 58.333333%;
+  }
+
+  .md\:p-8\/12 {
+    padding: 66.666667%;
+  }
+
+  .md\:p-9\/12 {
+    padding: 75%;
+  }
+
+  .md\:p-10\/12 {
+    padding: 83.333333%;
+  }
+
+  .md\:p-11\/12 {
+    padding: 91.666667%;
+  }
+
+  .md\:p-full {
+    padding: 100%;
+  }
+
+  .md\:py-0 {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .md\:px-0 {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .md\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .md\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .md\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .md\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .md\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .md\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .md\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .md\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .md\:py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+
+  .md\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .md\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .md\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .md\:py-7 {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+
+  .md\:px-7 {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+
+  .md\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .md\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .md\:py-9 {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+
+  .md\:px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+
+  .md\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
+  .md\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .md\:py-11 {
+    padding-top: 2.75rem;
+    padding-bottom: 2.75rem;
+  }
+
+  .md\:px-11 {
+    padding-left: 2.75rem;
+    padding-right: 2.75rem;
+  }
+
+  .md\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .md\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .md\:py-13 {
+    padding-top: 3.25rem;
+    padding-bottom: 3.25rem;
+  }
+
+  .md\:px-13 {
+    padding-left: 3.25rem;
+    padding-right: 3.25rem;
+  }
+
+  .md\:py-14 {
+    padding-top: 3.5rem;
+    padding-bottom: 3.5rem;
+  }
+
+  .md\:px-14 {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
+  }
+
+  .md\:py-15 {
+    padding-top: 3.75rem;
+    padding-bottom: 3.75rem;
+  }
+
+  .md\:px-15 {
+    padding-left: 3.75rem;
+    padding-right: 3.75rem;
+  }
+
+  .md\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .md\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
+  .md\:py-20 {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
+  }
+
+  .md\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
+  }
+
+  .md\:py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+  }
+
+  .md\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
+  }
+
+  .md\:py-28 {
+    padding-top: 7rem;
+    padding-bottom: 7rem;
+  }
+
+  .md\:px-28 {
+    padding-left: 7rem;
+    padding-right: 7rem;
+  }
+
+  .md\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+
+  .md\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
+  }
+
+  .md\:py-36 {
+    padding-top: 9rem;
+    padding-bottom: 9rem;
+  }
+
+  .md\:px-36 {
+    padding-left: 9rem;
+    padding-right: 9rem;
+  }
+
+  .md\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
+  }
+
+  .md\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
+  }
+
+  .md\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .md\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .md\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
+  }
+
+  .md\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
+  }
+
+  .md\:py-60 {
+    padding-top: 15rem;
+    padding-bottom: 15rem;
+  }
+
+  .md\:px-60 {
+    padding-left: 15rem;
+    padding-right: 15rem;
+  }
+
+  .md\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
+  }
+
+  .md\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
+  }
+
+  .md\:py-72 {
+    padding-top: 18rem;
+    padding-bottom: 18rem;
+  }
+
+  .md\:px-72 {
+    padding-left: 18rem;
+    padding-right: 18rem;
+  }
+
+  .md\:py-80 {
+    padding-top: 20rem;
+    padding-bottom: 20rem;
+  }
+
+  .md\:px-80 {
+    padding-left: 20rem;
+    padding-right: 20rem;
+  }
+
+  .md\:py-96 {
+    padding-top: 24rem;
+    padding-bottom: 24rem;
+  }
+
+  .md\:px-96 {
+    padding-left: 24rem;
+    padding-right: 24rem;
+  }
+
+  .md\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .md\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .md\:py-0\.5 {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+  }
+
+  .md\:px-0\.5 {
+    padding-left: 0.125rem;
+    padding-right: 0.125rem;
+  }
+
+  .md\:py-1\.5 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }
+
+  .md\:px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+
+  .md\:py-2\.5 {
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+
+  .md\:px-2\.5 {
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+  }
+
+  .md\:py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+  }
+
+  .md\:px-3\.5 {
+    padding-left: 0.875rem;
+    padding-right: 0.875rem;
+  }
+
+  .md\:py-1\/2 {
+    padding-top: 50%;
+    padding-bottom: 50%;
+  }
+
+  .md\:px-1\/2 {
+    padding-left: 50%;
+    padding-right: 50%;
+  }
+
+  .md\:py-1\/3 {
+    padding-top: 33.333333%;
+    padding-bottom: 33.333333%;
+  }
+
+  .md\:px-1\/3 {
+    padding-left: 33.333333%;
+    padding-right: 33.333333%;
+  }
+
+  .md\:py-2\/3 {
+    padding-top: 66.666667%;
+    padding-bottom: 66.666667%;
+  }
+
+  .md\:px-2\/3 {
+    padding-left: 66.666667%;
+    padding-right: 66.666667%;
+  }
+
+  .md\:py-1\/4 {
+    padding-top: 25%;
+    padding-bottom: 25%;
+  }
+
+  .md\:px-1\/4 {
+    padding-left: 25%;
+    padding-right: 25%;
+  }
+
+  .md\:py-2\/4 {
+    padding-top: 50%;
+    padding-bottom: 50%;
+  }
+
+  .md\:px-2\/4 {
+    padding-left: 50%;
+    padding-right: 50%;
+  }
+
+  .md\:py-3\/4 {
+    padding-top: 75%;
+    padding-bottom: 75%;
+  }
+
+  .md\:px-3\/4 {
+    padding-left: 75%;
+    padding-right: 75%;
+  }
+
+  .md\:py-1\/5 {
+    padding-top: 20%;
+    padding-bottom: 20%;
+  }
+
+  .md\:px-1\/5 {
+    padding-left: 20%;
+    padding-right: 20%;
+  }
+
+  .md\:py-2\/5 {
+    padding-top: 40%;
+    padding-bottom: 40%;
+  }
+
+  .md\:px-2\/5 {
+    padding-left: 40%;
+    padding-right: 40%;
+  }
+
+  .md\:py-3\/5 {
+    padding-top: 60%;
+    padding-bottom: 60%;
+  }
+
+  .md\:px-3\/5 {
+    padding-left: 60%;
+    padding-right: 60%;
+  }
+
+  .md\:py-4\/5 {
+    padding-top: 80%;
+    padding-bottom: 80%;
+  }
+
+  .md\:px-4\/5 {
+    padding-left: 80%;
+    padding-right: 80%;
+  }
+
+  .md\:py-1\/6 {
+    padding-top: 16.666667%;
+    padding-bottom: 16.666667%;
+  }
+
+  .md\:px-1\/6 {
+    padding-left: 16.666667%;
+    padding-right: 16.666667%;
+  }
+
+  .md\:py-2\/6 {
+    padding-top: 33.333333%;
+    padding-bottom: 33.333333%;
+  }
+
+  .md\:px-2\/6 {
+    padding-left: 33.333333%;
+    padding-right: 33.333333%;
+  }
+
+  .md\:py-3\/6 {
+    padding-top: 50%;
+    padding-bottom: 50%;
+  }
+
+  .md\:px-3\/6 {
+    padding-left: 50%;
+    padding-right: 50%;
+  }
+
+  .md\:py-4\/6 {
+    padding-top: 66.666667%;
+    padding-bottom: 66.666667%;
+  }
+
+  .md\:px-4\/6 {
+    padding-left: 66.666667%;
+    padding-right: 66.666667%;
+  }
+
+  .md\:py-5\/6 {
+    padding-top: 83.333333%;
+    padding-bottom: 83.333333%;
+  }
+
+  .md\:px-5\/6 {
+    padding-left: 83.333333%;
+    padding-right: 83.333333%;
+  }
+
+  .md\:py-1\/12 {
+    padding-top: 8.333333%;
+    padding-bottom: 8.333333%;
+  }
+
+  .md\:px-1\/12 {
+    padding-left: 8.333333%;
+    padding-right: 8.333333%;
+  }
+
+  .md\:py-2\/12 {
+    padding-top: 16.666667%;
+    padding-bottom: 16.666667%;
+  }
+
+  .md\:px-2\/12 {
+    padding-left: 16.666667%;
+    padding-right: 16.666667%;
+  }
+
+  .md\:py-3\/12 {
+    padding-top: 25%;
+    padding-bottom: 25%;
+  }
+
+  .md\:px-3\/12 {
+    padding-left: 25%;
+    padding-right: 25%;
+  }
+
+  .md\:py-4\/12 {
+    padding-top: 33.333333%;
+    padding-bottom: 33.333333%;
+  }
+
+  .md\:px-4\/12 {
+    padding-left: 33.333333%;
+    padding-right: 33.333333%;
+  }
+
+  .md\:py-5\/12 {
+    padding-top: 41.666667%;
+    padding-bottom: 41.666667%;
+  }
+
+  .md\:px-5\/12 {
+    padding-left: 41.666667%;
+    padding-right: 41.666667%;
+  }
+
+  .md\:py-6\/12 {
+    padding-top: 50%;
+    padding-bottom: 50%;
+  }
+
+  .md\:px-6\/12 {
+    padding-left: 50%;
+    padding-right: 50%;
+  }
+
+  .md\:py-7\/12 {
+    padding-top: 58.333333%;
+    padding-bottom: 58.333333%;
+  }
+
+  .md\:px-7\/12 {
+    padding-left: 58.333333%;
+    padding-right: 58.333333%;
+  }
+
+  .md\:py-8\/12 {
+    padding-top: 66.666667%;
+    padding-bottom: 66.666667%;
+  }
+
+  .md\:px-8\/12 {
+    padding-left: 66.666667%;
+    padding-right: 66.666667%;
+  }
+
+  .md\:py-9\/12 {
+    padding-top: 75%;
+    padding-bottom: 75%;
+  }
+
+  .md\:px-9\/12 {
+    padding-left: 75%;
+    padding-right: 75%;
+  }
+
+  .md\:py-10\/12 {
+    padding-top: 83.333333%;
+    padding-bottom: 83.333333%;
+  }
+
+  .md\:px-10\/12 {
+    padding-left: 83.333333%;
+    padding-right: 83.333333%;
+  }
+
+  .md\:py-11\/12 {
+    padding-top: 91.666667%;
+    padding-bottom: 91.666667%;
+  }
+
+  .md\:px-11\/12 {
+    padding-left: 91.666667%;
+    padding-right: 91.666667%;
+  }
+
+  .md\:py-full {
+    padding-top: 100%;
+    padding-bottom: 100%;
+  }
+
+  .md\:px-full {
+    padding-left: 100%;
+    padding-right: 100%;
+  }
+
+  .md\:pt-0 {
+    padding-top: 0;
+  }
+
+  .md\:pr-0 {
+    padding-right: 0;
+  }
+
+  .md\:pb-0 {
+    padding-bottom: 0;
+  }
+
+  .md\:pl-0 {
+    padding-left: 0;
+  }
+
+  .md\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .md\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .md\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .md\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .md\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .md\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .md\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .md\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .md\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .md\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .md\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .md\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .md\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .md\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .md\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .md\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .md\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
+  .md\:pr-5 {
+    padding-right: 1.25rem;
+  }
+
+  .md\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
+
+  .md\:pl-5 {
+    padding-left: 1.25rem;
+  }
+
+  .md\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .md\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .md\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .md\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .md\:pt-7 {
+    padding-top: 1.75rem;
+  }
+
+  .md\:pr-7 {
+    padding-right: 1.75rem;
+  }
+
+  .md\:pb-7 {
+    padding-bottom: 1.75rem;
+  }
+
+  .md\:pl-7 {
+    padding-left: 1.75rem;
+  }
+
+  .md\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .md\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .md\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .md\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .md\:pt-9 {
+    padding-top: 2.25rem;
+  }
+
+  .md\:pr-9 {
+    padding-right: 2.25rem;
+  }
+
+  .md\:pb-9 {
+    padding-bottom: 2.25rem;
+  }
+
+  .md\:pl-9 {
+    padding-left: 2.25rem;
+  }
+
+  .md\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
+  .md\:pr-10 {
+    padding-right: 2.5rem;
+  }
+
+  .md\:pb-10 {
+    padding-bottom: 2.5rem;
+  }
+
+  .md\:pl-10 {
+    padding-left: 2.5rem;
+  }
+
+  .md\:pt-11 {
+    padding-top: 2.75rem;
+  }
+
+  .md\:pr-11 {
+    padding-right: 2.75rem;
+  }
+
+  .md\:pb-11 {
+    padding-bottom: 2.75rem;
+  }
+
+  .md\:pl-11 {
+    padding-left: 2.75rem;
+  }
+
+  .md\:pt-12 {
+    padding-top: 3rem;
+  }
+
+  .md\:pr-12 {
+    padding-right: 3rem;
+  }
+
+  .md\:pb-12 {
+    padding-bottom: 3rem;
+  }
+
+  .md\:pl-12 {
+    padding-left: 3rem;
+  }
+
+  .md\:pt-13 {
+    padding-top: 3.25rem;
+  }
+
+  .md\:pr-13 {
+    padding-right: 3.25rem;
+  }
+
+  .md\:pb-13 {
+    padding-bottom: 3.25rem;
+  }
+
+  .md\:pl-13 {
+    padding-left: 3.25rem;
+  }
+
+  .md\:pt-14 {
+    padding-top: 3.5rem;
+  }
+
+  .md\:pr-14 {
+    padding-right: 3.5rem;
+  }
+
+  .md\:pb-14 {
+    padding-bottom: 3.5rem;
+  }
+
+  .md\:pl-14 {
+    padding-left: 3.5rem;
+  }
+
+  .md\:pt-15 {
+    padding-top: 3.75rem;
+  }
+
+  .md\:pr-15 {
+    padding-right: 3.75rem;
+  }
+
+  .md\:pb-15 {
+    padding-bottom: 3.75rem;
+  }
+
+  .md\:pl-15 {
+    padding-left: 3.75rem;
+  }
+
+  .md\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .md\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .md\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .md\:pl-16 {
+    padding-left: 4rem;
+  }
+
+  .md\:pt-20 {
+    padding-top: 5rem;
+  }
+
+  .md\:pr-20 {
+    padding-right: 5rem;
+  }
+
+  .md\:pb-20 {
+    padding-bottom: 5rem;
+  }
+
+  .md\:pl-20 {
+    padding-left: 5rem;
+  }
+
+  .md\:pt-24 {
+    padding-top: 6rem;
+  }
+
+  .md\:pr-24 {
+    padding-right: 6rem;
+  }
+
+  .md\:pb-24 {
+    padding-bottom: 6rem;
+  }
+
+  .md\:pl-24 {
+    padding-left: 6rem;
+  }
+
+  .md\:pt-28 {
+    padding-top: 7rem;
+  }
+
+  .md\:pr-28 {
+    padding-right: 7rem;
+  }
+
+  .md\:pb-28 {
+    padding-bottom: 7rem;
+  }
+
+  .md\:pl-28 {
+    padding-left: 7rem;
+  }
+
+  .md\:pt-32 {
+    padding-top: 8rem;
+  }
+
+  .md\:pr-32 {
+    padding-right: 8rem;
+  }
+
+  .md\:pb-32 {
+    padding-bottom: 8rem;
+  }
+
+  .md\:pl-32 {
+    padding-left: 8rem;
+  }
+
+  .md\:pt-36 {
+    padding-top: 9rem;
+  }
+
+  .md\:pr-36 {
+    padding-right: 9rem;
+  }
+
+  .md\:pb-36 {
+    padding-bottom: 9rem;
+  }
+
+  .md\:pl-36 {
+    padding-left: 9rem;
+  }
+
+  .md\:pt-40 {
+    padding-top: 10rem;
+  }
+
+  .md\:pr-40 {
+    padding-right: 10rem;
+  }
+
+  .md\:pb-40 {
+    padding-bottom: 10rem;
+  }
+
+  .md\:pl-40 {
+    padding-left: 10rem;
+  }
+
+  .md\:pt-48 {
+    padding-top: 12rem;
+  }
+
+  .md\:pr-48 {
+    padding-right: 12rem;
+  }
+
+  .md\:pb-48 {
+    padding-bottom: 12rem;
+  }
+
+  .md\:pl-48 {
+    padding-left: 12rem;
+  }
+
+  .md\:pt-56 {
+    padding-top: 14rem;
+  }
+
+  .md\:pr-56 {
+    padding-right: 14rem;
+  }
+
+  .md\:pb-56 {
+    padding-bottom: 14rem;
+  }
+
+  .md\:pl-56 {
+    padding-left: 14rem;
+  }
+
+  .md\:pt-60 {
+    padding-top: 15rem;
+  }
+
+  .md\:pr-60 {
+    padding-right: 15rem;
+  }
+
+  .md\:pb-60 {
+    padding-bottom: 15rem;
+  }
+
+  .md\:pl-60 {
+    padding-left: 15rem;
+  }
+
+  .md\:pt-64 {
+    padding-top: 16rem;
+  }
+
+  .md\:pr-64 {
+    padding-right: 16rem;
+  }
+
+  .md\:pb-64 {
+    padding-bottom: 16rem;
+  }
+
+  .md\:pl-64 {
+    padding-left: 16rem;
+  }
+
+  .md\:pt-72 {
+    padding-top: 18rem;
+  }
+
+  .md\:pr-72 {
+    padding-right: 18rem;
+  }
+
+  .md\:pb-72 {
+    padding-bottom: 18rem;
+  }
+
+  .md\:pl-72 {
+    padding-left: 18rem;
+  }
+
+  .md\:pt-80 {
+    padding-top: 20rem;
+  }
+
+  .md\:pr-80 {
+    padding-right: 20rem;
+  }
+
+  .md\:pb-80 {
+    padding-bottom: 20rem;
+  }
+
+  .md\:pl-80 {
+    padding-left: 20rem;
+  }
+
+  .md\:pt-96 {
+    padding-top: 24rem;
+  }
+
+  .md\:pr-96 {
+    padding-right: 24rem;
+  }
+
+  .md\:pb-96 {
+    padding-bottom: 24rem;
+  }
+
+  .md\:pl-96 {
+    padding-left: 24rem;
+  }
+
+  .md\:pt-px {
+    padding-top: 1px;
+  }
+
+  .md\:pr-px {
+    padding-right: 1px;
+  }
+
+  .md\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .md\:pl-px {
+    padding-left: 1px;
+  }
+
+  .md\:pt-0\.5 {
+    padding-top: 0.125rem;
+  }
+
+  .md\:pr-0\.5 {
+    padding-right: 0.125rem;
+  }
+
+  .md\:pb-0\.5 {
+    padding-bottom: 0.125rem;
+  }
+
+  .md\:pl-0\.5 {
+    padding-left: 0.125rem;
+  }
+
+  .md\:pt-1\.5 {
+    padding-top: 0.375rem;
+  }
+
+  .md\:pr-1\.5 {
+    padding-right: 0.375rem;
+  }
+
+  .md\:pb-1\.5 {
+    padding-bottom: 0.375rem;
+  }
+
+  .md\:pl-1\.5 {
+    padding-left: 0.375rem;
+  }
+
+  .md\:pt-2\.5 {
+    padding-top: 0.625rem;
+  }
+
+  .md\:pr-2\.5 {
+    padding-right: 0.625rem;
+  }
+
+  .md\:pb-2\.5 {
+    padding-bottom: 0.625rem;
+  }
+
+  .md\:pl-2\.5 {
+    padding-left: 0.625rem;
+  }
+
+  .md\:pt-3\.5 {
+    padding-top: 0.875rem;
+  }
+
+  .md\:pr-3\.5 {
+    padding-right: 0.875rem;
+  }
+
+  .md\:pb-3\.5 {
+    padding-bottom: 0.875rem;
+  }
+
+  .md\:pl-3\.5 {
+    padding-left: 0.875rem;
+  }
+
+  .md\:pt-1\/2 {
+    padding-top: 50%;
+  }
+
+  .md\:pr-1\/2 {
+    padding-right: 50%;
+  }
+
+  .md\:pb-1\/2 {
+    padding-bottom: 50%;
+  }
+
+  .md\:pl-1\/2 {
+    padding-left: 50%;
+  }
+
+  .md\:pt-1\/3 {
+    padding-top: 33.333333%;
+  }
+
+  .md\:pr-1\/3 {
+    padding-right: 33.333333%;
+  }
+
+  .md\:pb-1\/3 {
+    padding-bottom: 33.333333%;
+  }
+
+  .md\:pl-1\/3 {
+    padding-left: 33.333333%;
+  }
+
+  .md\:pt-2\/3 {
+    padding-top: 66.666667%;
+  }
+
+  .md\:pr-2\/3 {
+    padding-right: 66.666667%;
+  }
+
+  .md\:pb-2\/3 {
+    padding-bottom: 66.666667%;
+  }
+
+  .md\:pl-2\/3 {
+    padding-left: 66.666667%;
+  }
+
+  .md\:pt-1\/4 {
+    padding-top: 25%;
+  }
+
+  .md\:pr-1\/4 {
+    padding-right: 25%;
+  }
+
+  .md\:pb-1\/4 {
+    padding-bottom: 25%;
+  }
+
+  .md\:pl-1\/4 {
+    padding-left: 25%;
+  }
+
+  .md\:pt-2\/4 {
+    padding-top: 50%;
+  }
+
+  .md\:pr-2\/4 {
+    padding-right: 50%;
+  }
+
+  .md\:pb-2\/4 {
+    padding-bottom: 50%;
+  }
+
+  .md\:pl-2\/4 {
+    padding-left: 50%;
+  }
+
+  .md\:pt-3\/4 {
+    padding-top: 75%;
+  }
+
+  .md\:pr-3\/4 {
+    padding-right: 75%;
+  }
+
+  .md\:pb-3\/4 {
+    padding-bottom: 75%;
+  }
+
+  .md\:pl-3\/4 {
+    padding-left: 75%;
+  }
+
+  .md\:pt-1\/5 {
+    padding-top: 20%;
+  }
+
+  .md\:pr-1\/5 {
+    padding-right: 20%;
+  }
+
+  .md\:pb-1\/5 {
+    padding-bottom: 20%;
+  }
+
+  .md\:pl-1\/5 {
+    padding-left: 20%;
+  }
+
+  .md\:pt-2\/5 {
+    padding-top: 40%;
+  }
+
+  .md\:pr-2\/5 {
+    padding-right: 40%;
+  }
+
+  .md\:pb-2\/5 {
+    padding-bottom: 40%;
+  }
+
+  .md\:pl-2\/5 {
+    padding-left: 40%;
+  }
+
+  .md\:pt-3\/5 {
+    padding-top: 60%;
+  }
+
+  .md\:pr-3\/5 {
+    padding-right: 60%;
+  }
+
+  .md\:pb-3\/5 {
+    padding-bottom: 60%;
+  }
+
+  .md\:pl-3\/5 {
+    padding-left: 60%;
+  }
+
+  .md\:pt-4\/5 {
+    padding-top: 80%;
+  }
+
+  .md\:pr-4\/5 {
+    padding-right: 80%;
+  }
+
+  .md\:pb-4\/5 {
+    padding-bottom: 80%;
+  }
+
+  .md\:pl-4\/5 {
+    padding-left: 80%;
+  }
+
+  .md\:pt-1\/6 {
+    padding-top: 16.666667%;
+  }
+
+  .md\:pr-1\/6 {
+    padding-right: 16.666667%;
+  }
+
+  .md\:pb-1\/6 {
+    padding-bottom: 16.666667%;
+  }
+
+  .md\:pl-1\/6 {
+    padding-left: 16.666667%;
+  }
+
+  .md\:pt-2\/6 {
+    padding-top: 33.333333%;
+  }
+
+  .md\:pr-2\/6 {
+    padding-right: 33.333333%;
+  }
+
+  .md\:pb-2\/6 {
+    padding-bottom: 33.333333%;
+  }
+
+  .md\:pl-2\/6 {
+    padding-left: 33.333333%;
+  }
+
+  .md\:pt-3\/6 {
+    padding-top: 50%;
+  }
+
+  .md\:pr-3\/6 {
+    padding-right: 50%;
+  }
+
+  .md\:pb-3\/6 {
+    padding-bottom: 50%;
+  }
+
+  .md\:pl-3\/6 {
+    padding-left: 50%;
+  }
+
+  .md\:pt-4\/6 {
+    padding-top: 66.666667%;
+  }
+
+  .md\:pr-4\/6 {
+    padding-right: 66.666667%;
+  }
+
+  .md\:pb-4\/6 {
+    padding-bottom: 66.666667%;
+  }
+
+  .md\:pl-4\/6 {
+    padding-left: 66.666667%;
+  }
+
+  .md\:pt-5\/6 {
+    padding-top: 83.333333%;
+  }
+
+  .md\:pr-5\/6 {
+    padding-right: 83.333333%;
+  }
+
+  .md\:pb-5\/6 {
+    padding-bottom: 83.333333%;
+  }
+
+  .md\:pl-5\/6 {
+    padding-left: 83.333333%;
+  }
+
+  .md\:pt-1\/12 {
+    padding-top: 8.333333%;
+  }
+
+  .md\:pr-1\/12 {
+    padding-right: 8.333333%;
+  }
+
+  .md\:pb-1\/12 {
+    padding-bottom: 8.333333%;
+  }
+
+  .md\:pl-1\/12 {
+    padding-left: 8.333333%;
+  }
+
+  .md\:pt-2\/12 {
+    padding-top: 16.666667%;
+  }
+
+  .md\:pr-2\/12 {
+    padding-right: 16.666667%;
+  }
+
+  .md\:pb-2\/12 {
+    padding-bottom: 16.666667%;
+  }
+
+  .md\:pl-2\/12 {
+    padding-left: 16.666667%;
+  }
+
+  .md\:pt-3\/12 {
+    padding-top: 25%;
+  }
+
+  .md\:pr-3\/12 {
+    padding-right: 25%;
+  }
+
+  .md\:pb-3\/12 {
+    padding-bottom: 25%;
+  }
+
+  .md\:pl-3\/12 {
+    padding-left: 25%;
+  }
+
+  .md\:pt-4\/12 {
+    padding-top: 33.333333%;
+  }
+
+  .md\:pr-4\/12 {
+    padding-right: 33.333333%;
+  }
+
+  .md\:pb-4\/12 {
+    padding-bottom: 33.333333%;
+  }
+
+  .md\:pl-4\/12 {
+    padding-left: 33.333333%;
+  }
+
+  .md\:pt-5\/12 {
+    padding-top: 41.666667%;
+  }
+
+  .md\:pr-5\/12 {
+    padding-right: 41.666667%;
+  }
+
+  .md\:pb-5\/12 {
+    padding-bottom: 41.666667%;
+  }
+
+  .md\:pl-5\/12 {
+    padding-left: 41.666667%;
+  }
+
+  .md\:pt-6\/12 {
+    padding-top: 50%;
+  }
+
+  .md\:pr-6\/12 {
+    padding-right: 50%;
+  }
+
+  .md\:pb-6\/12 {
+    padding-bottom: 50%;
+  }
+
+  .md\:pl-6\/12 {
+    padding-left: 50%;
+  }
+
+  .md\:pt-7\/12 {
+    padding-top: 58.333333%;
+  }
+
+  .md\:pr-7\/12 {
+    padding-right: 58.333333%;
+  }
+
+  .md\:pb-7\/12 {
+    padding-bottom: 58.333333%;
+  }
+
+  .md\:pl-7\/12 {
+    padding-left: 58.333333%;
+  }
+
+  .md\:pt-8\/12 {
+    padding-top: 66.666667%;
+  }
+
+  .md\:pr-8\/12 {
+    padding-right: 66.666667%;
+  }
+
+  .md\:pb-8\/12 {
+    padding-bottom: 66.666667%;
+  }
+
+  .md\:pl-8\/12 {
+    padding-left: 66.666667%;
+  }
+
+  .md\:pt-9\/12 {
+    padding-top: 75%;
+  }
+
+  .md\:pr-9\/12 {
+    padding-right: 75%;
+  }
+
+  .md\:pb-9\/12 {
+    padding-bottom: 75%;
+  }
+
+  .md\:pl-9\/12 {
+    padding-left: 75%;
+  }
+
+  .md\:pt-10\/12 {
+    padding-top: 83.333333%;
+  }
+
+  .md\:pr-10\/12 {
+    padding-right: 83.333333%;
+  }
+
+  .md\:pb-10\/12 {
+    padding-bottom: 83.333333%;
+  }
+
+  .md\:pl-10\/12 {
+    padding-left: 83.333333%;
+  }
+
+  .md\:pt-11\/12 {
+    padding-top: 91.666667%;
+  }
+
+  .md\:pr-11\/12 {
+    padding-right: 91.666667%;
+  }
+
+  .md\:pb-11\/12 {
+    padding-bottom: 91.666667%;
+  }
+
+  .md\:pl-11\/12 {
+    padding-left: 91.666667%;
+  }
+
+  .md\:pt-full {
+    padding-top: 100%;
+  }
+
+  .md\:pr-full {
+    padding-right: 100%;
+  }
+
+  .md\:pb-full {
+    padding-bottom: 100%;
+  }
+
+  .md\:pl-full {
+    padding-left: 100%;
+  }
+
+  .md\:placeholder-transparent::-moz-placeholder {
+    color: transparent;
+  }
+
+  .md\:placeholder-transparent:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .md\:placeholder-transparent::-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .md\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .md\:placeholder-white::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-white:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-white::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-white::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-black::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-black:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-black::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-black::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-cool-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-transparent:focus::-moz-placeholder {
+    color: transparent;
+  }
+
+  .md\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .md\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .md\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .md\:focus\:placeholder-white:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-white:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-white:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-black:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-black:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-black:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-cool-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-opacity-0::-moz-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .md\:placeholder-opacity-0:-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .md\:placeholder-opacity-0::-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .md\:placeholder-opacity-0::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .md\:placeholder-opacity-25::-moz-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .md\:placeholder-opacity-25:-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .md\:placeholder-opacity-25::-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .md\:placeholder-opacity-25::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .md\:placeholder-opacity-50::-moz-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .md\:placeholder-opacity-50:-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .md\:placeholder-opacity-50::-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .md\:placeholder-opacity-50::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .md\:placeholder-opacity-75::-moz-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .md\:placeholder-opacity-75:-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .md\:placeholder-opacity-75::-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .md\:placeholder-opacity-75::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .md\:placeholder-opacity-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .md\:placeholder-opacity-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .md\:placeholder-opacity-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .md\:placeholder-opacity-100::placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .md\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .md\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .md\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .md\:focus\:placeholder-opacity-0:focus::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .md\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .md\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .md\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .md\:focus\:placeholder-opacity-25:focus::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .md\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .md\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .md\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .md\:focus\:placeholder-opacity-50:focus::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .md\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .md\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .md\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .md\:focus\:placeholder-opacity-75:focus::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .md\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .md\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .md\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .md\:focus\:placeholder-opacity-100:focus::placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .md\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .md\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
+  .md\:static {
+    position: static;
+  }
+
+  .md\:fixed {
+    position: fixed;
+  }
+
+  .md\:absolute {
+    position: absolute;
+  }
+
+  .md\:relative {
+    position: relative;
+  }
+
+  .md\:sticky {
+    position: -webkit-sticky;
+    position: sticky;
+  }
+
+  .md\:inset-0 {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  .md\:inset-1 {
+    top: 0.25rem;
+    right: 0.25rem;
+    bottom: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .md\:inset-2 {
+    top: 0.5rem;
+    right: 0.5rem;
+    bottom: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .md\:inset-3 {
+    top: 0.75rem;
+    right: 0.75rem;
+    bottom: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .md\:inset-4 {
+    top: 1rem;
+    right: 1rem;
+    bottom: 1rem;
+    left: 1rem;
+  }
+
+  .md\:inset-5 {
+    top: 1.25rem;
+    right: 1.25rem;
+    bottom: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .md\:inset-6 {
+    top: 1.5rem;
+    right: 1.5rem;
+    bottom: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .md\:inset-7 {
+    top: 1.75rem;
+    right: 1.75rem;
+    bottom: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .md\:inset-8 {
+    top: 2rem;
+    right: 2rem;
+    bottom: 2rem;
+    left: 2rem;
+  }
+
+  .md\:inset-9 {
+    top: 2.25rem;
+    right: 2.25rem;
+    bottom: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .md\:inset-10 {
+    top: 2.5rem;
+    right: 2.5rem;
+    bottom: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .md\:inset-11 {
+    top: 2.75rem;
+    right: 2.75rem;
+    bottom: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .md\:inset-12 {
+    top: 3rem;
+    right: 3rem;
+    bottom: 3rem;
+    left: 3rem;
+  }
+
+  .md\:inset-13 {
+    top: 3.25rem;
+    right: 3.25rem;
+    bottom: 3.25rem;
+    left: 3.25rem;
+  }
+
+  .md\:inset-14 {
+    top: 3.5rem;
+    right: 3.5rem;
+    bottom: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .md\:inset-15 {
+    top: 3.75rem;
+    right: 3.75rem;
+    bottom: 3.75rem;
+    left: 3.75rem;
+  }
+
+  .md\:inset-16 {
+    top: 4rem;
+    right: 4rem;
+    bottom: 4rem;
+    left: 4rem;
+  }
+
+  .md\:inset-20 {
+    top: 5rem;
+    right: 5rem;
+    bottom: 5rem;
+    left: 5rem;
+  }
+
+  .md\:inset-24 {
+    top: 6rem;
+    right: 6rem;
+    bottom: 6rem;
+    left: 6rem;
+  }
+
+  .md\:inset-28 {
+    top: 7rem;
+    right: 7rem;
+    bottom: 7rem;
+    left: 7rem;
+  }
+
+  .md\:inset-32 {
+    top: 8rem;
+    right: 8rem;
+    bottom: 8rem;
+    left: 8rem;
+  }
+
+  .md\:inset-36 {
+    top: 9rem;
+    right: 9rem;
+    bottom: 9rem;
+    left: 9rem;
+  }
+
+  .md\:inset-40 {
+    top: 10rem;
+    right: 10rem;
+    bottom: 10rem;
+    left: 10rem;
+  }
+
+  .md\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .md\:inset-56 {
+    top: 14rem;
+    right: 14rem;
+    bottom: 14rem;
+    left: 14rem;
+  }
+
+  .md\:inset-60 {
+    top: 15rem;
+    right: 15rem;
+    bottom: 15rem;
+    left: 15rem;
+  }
+
+  .md\:inset-64 {
+    top: 16rem;
+    right: 16rem;
+    bottom: 16rem;
+    left: 16rem;
+  }
+
+  .md\:inset-72 {
+    top: 18rem;
+    right: 18rem;
+    bottom: 18rem;
+    left: 18rem;
+  }
+
+  .md\:inset-80 {
+    top: 20rem;
+    right: 20rem;
+    bottom: 20rem;
+    left: 20rem;
+  }
+
+  .md\:inset-96 {
+    top: 24rem;
+    right: 24rem;
+    bottom: 24rem;
+    left: 24rem;
+  }
+
+  .md\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .md\:inset-px {
+    top: 1px;
+    right: 1px;
+    bottom: 1px;
+    left: 1px;
+  }
+
+  .md\:inset-0\.5 {
+    top: 0.125rem;
+    right: 0.125rem;
+    bottom: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .md\:inset-1\.5 {
+    top: 0.375rem;
+    right: 0.375rem;
+    bottom: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .md\:inset-2\.5 {
+    top: 0.625rem;
+    right: 0.625rem;
+    bottom: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .md\:inset-3\.5 {
+    top: 0.875rem;
+    right: 0.875rem;
+    bottom: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .md\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .md\:inset-1\/3 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .md\:inset-2\/3 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .md\:inset-1\/4 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .md\:inset-2\/4 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .md\:inset-3\/4 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .md\:inset-1\/5 {
+    top: 20%;
+    right: 20%;
+    bottom: 20%;
+    left: 20%;
+  }
+
+  .md\:inset-2\/5 {
+    top: 40%;
+    right: 40%;
+    bottom: 40%;
+    left: 40%;
+  }
+
+  .md\:inset-3\/5 {
+    top: 60%;
+    right: 60%;
+    bottom: 60%;
+    left: 60%;
+  }
+
+  .md\:inset-4\/5 {
+    top: 80%;
+    right: 80%;
+    bottom: 80%;
+    left: 80%;
+  }
+
+  .md\:inset-1\/6 {
+    top: 16.666667%;
+    right: 16.666667%;
+    bottom: 16.666667%;
+    left: 16.666667%;
+  }
+
+  .md\:inset-2\/6 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .md\:inset-3\/6 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .md\:inset-4\/6 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .md\:inset-5\/6 {
+    top: 83.333333%;
+    right: 83.333333%;
+    bottom: 83.333333%;
+    left: 83.333333%;
+  }
+
+  .md\:inset-1\/12 {
+    top: 8.333333%;
+    right: 8.333333%;
+    bottom: 8.333333%;
+    left: 8.333333%;
+  }
+
+  .md\:inset-2\/12 {
+    top: 16.666667%;
+    right: 16.666667%;
+    bottom: 16.666667%;
+    left: 16.666667%;
+  }
+
+  .md\:inset-3\/12 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .md\:inset-4\/12 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .md\:inset-5\/12 {
+    top: 41.666667%;
+    right: 41.666667%;
+    bottom: 41.666667%;
+    left: 41.666667%;
+  }
+
+  .md\:inset-6\/12 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .md\:inset-7\/12 {
+    top: 58.333333%;
+    right: 58.333333%;
+    bottom: 58.333333%;
+    left: 58.333333%;
+  }
+
+  .md\:inset-8\/12 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .md\:inset-9\/12 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .md\:inset-10\/12 {
+    top: 83.333333%;
+    right: 83.333333%;
+    bottom: 83.333333%;
+    left: 83.333333%;
+  }
+
+  .md\:inset-11\/12 {
+    top: 91.666667%;
+    right: 91.666667%;
+    bottom: 91.666667%;
+    left: 91.666667%;
+  }
+
+  .md\:inset-full {
+    top: 100%;
+    right: 100%;
+    bottom: 100%;
+    left: 100%;
+  }
+
+  .md\:inset-y-0 {
+    top: 0;
+    bottom: 0;
+  }
+
+  .md\:inset-x-0 {
+    right: 0;
+    left: 0;
+  }
+
+  .md\:inset-y-1 {
+    top: 0.25rem;
+    bottom: 0.25rem;
+  }
+
+  .md\:inset-x-1 {
+    right: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .md\:inset-y-2 {
+    top: 0.5rem;
+    bottom: 0.5rem;
+  }
+
+  .md\:inset-x-2 {
+    right: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .md\:inset-y-3 {
+    top: 0.75rem;
+    bottom: 0.75rem;
+  }
+
+  .md\:inset-x-3 {
+    right: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .md\:inset-y-4 {
+    top: 1rem;
+    bottom: 1rem;
+  }
+
+  .md\:inset-x-4 {
+    right: 1rem;
+    left: 1rem;
+  }
+
+  .md\:inset-y-5 {
+    top: 1.25rem;
+    bottom: 1.25rem;
+  }
+
+  .md\:inset-x-5 {
+    right: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .md\:inset-y-6 {
+    top: 1.5rem;
+    bottom: 1.5rem;
+  }
+
+  .md\:inset-x-6 {
+    right: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .md\:inset-y-7 {
+    top: 1.75rem;
+    bottom: 1.75rem;
+  }
+
+  .md\:inset-x-7 {
+    right: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .md\:inset-y-8 {
+    top: 2rem;
+    bottom: 2rem;
+  }
+
+  .md\:inset-x-8 {
+    right: 2rem;
+    left: 2rem;
+  }
+
+  .md\:inset-y-9 {
+    top: 2.25rem;
+    bottom: 2.25rem;
+  }
+
+  .md\:inset-x-9 {
+    right: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .md\:inset-y-10 {
+    top: 2.5rem;
+    bottom: 2.5rem;
+  }
+
+  .md\:inset-x-10 {
+    right: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .md\:inset-y-11 {
+    top: 2.75rem;
+    bottom: 2.75rem;
+  }
+
+  .md\:inset-x-11 {
+    right: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .md\:inset-y-12 {
+    top: 3rem;
+    bottom: 3rem;
+  }
+
+  .md\:inset-x-12 {
+    right: 3rem;
+    left: 3rem;
+  }
+
+  .md\:inset-y-13 {
+    top: 3.25rem;
+    bottom: 3.25rem;
+  }
+
+  .md\:inset-x-13 {
+    right: 3.25rem;
+    left: 3.25rem;
+  }
+
+  .md\:inset-y-14 {
+    top: 3.5rem;
+    bottom: 3.5rem;
+  }
+
+  .md\:inset-x-14 {
+    right: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .md\:inset-y-15 {
+    top: 3.75rem;
+    bottom: 3.75rem;
+  }
+
+  .md\:inset-x-15 {
+    right: 3.75rem;
+    left: 3.75rem;
+  }
+
+  .md\:inset-y-16 {
+    top: 4rem;
+    bottom: 4rem;
+  }
+
+  .md\:inset-x-16 {
+    right: 4rem;
+    left: 4rem;
+  }
+
+  .md\:inset-y-20 {
+    top: 5rem;
+    bottom: 5rem;
+  }
+
+  .md\:inset-x-20 {
+    right: 5rem;
+    left: 5rem;
+  }
+
+  .md\:inset-y-24 {
+    top: 6rem;
+    bottom: 6rem;
+  }
+
+  .md\:inset-x-24 {
+    right: 6rem;
+    left: 6rem;
+  }
+
+  .md\:inset-y-28 {
+    top: 7rem;
+    bottom: 7rem;
+  }
+
+  .md\:inset-x-28 {
+    right: 7rem;
+    left: 7rem;
+  }
+
+  .md\:inset-y-32 {
+    top: 8rem;
+    bottom: 8rem;
+  }
+
+  .md\:inset-x-32 {
+    right: 8rem;
+    left: 8rem;
+  }
+
+  .md\:inset-y-36 {
+    top: 9rem;
+    bottom: 9rem;
+  }
+
+  .md\:inset-x-36 {
+    right: 9rem;
+    left: 9rem;
+  }
+
+  .md\:inset-y-40 {
+    top: 10rem;
+    bottom: 10rem;
+  }
+
+  .md\:inset-x-40 {
+    right: 10rem;
+    left: 10rem;
+  }
+
+  .md\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .md\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .md\:inset-y-56 {
+    top: 14rem;
+    bottom: 14rem;
+  }
+
+  .md\:inset-x-56 {
+    right: 14rem;
+    left: 14rem;
+  }
+
+  .md\:inset-y-60 {
+    top: 15rem;
+    bottom: 15rem;
+  }
+
+  .md\:inset-x-60 {
+    right: 15rem;
+    left: 15rem;
+  }
+
+  .md\:inset-y-64 {
+    top: 16rem;
+    bottom: 16rem;
+  }
+
+  .md\:inset-x-64 {
+    right: 16rem;
+    left: 16rem;
+  }
+
+  .md\:inset-y-72 {
+    top: 18rem;
+    bottom: 18rem;
+  }
+
+  .md\:inset-x-72 {
+    right: 18rem;
+    left: 18rem;
+  }
+
+  .md\:inset-y-80 {
+    top: 20rem;
+    bottom: 20rem;
+  }
+
+  .md\:inset-x-80 {
+    right: 20rem;
+    left: 20rem;
+  }
+
+  .md\:inset-y-96 {
+    top: 24rem;
+    bottom: 24rem;
+  }
+
+  .md\:inset-x-96 {
+    right: 24rem;
+    left: 24rem;
+  }
+
+  .md\:inset-y-auto {
+    top: auto;
+    bottom: auto;
+  }
+
+  .md\:inset-x-auto {
+    right: auto;
+    left: auto;
+  }
+
+  .md\:inset-y-px {
+    top: 1px;
+    bottom: 1px;
+  }
+
+  .md\:inset-x-px {
+    right: 1px;
+    left: 1px;
+  }
+
+  .md\:inset-y-0\.5 {
+    top: 0.125rem;
+    bottom: 0.125rem;
+  }
+
+  .md\:inset-x-0\.5 {
+    right: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .md\:inset-y-1\.5 {
+    top: 0.375rem;
+    bottom: 0.375rem;
+  }
+
+  .md\:inset-x-1\.5 {
+    right: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .md\:inset-y-2\.5 {
+    top: 0.625rem;
+    bottom: 0.625rem;
+  }
+
+  .md\:inset-x-2\.5 {
+    right: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .md\:inset-y-3\.5 {
+    top: 0.875rem;
+    bottom: 0.875rem;
+  }
+
+  .md\:inset-x-3\.5 {
+    right: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .md\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .md\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .md\:inset-y-1\/3 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .md\:inset-x-1\/3 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .md\:inset-y-2\/3 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .md\:inset-x-2\/3 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .md\:inset-y-1\/4 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .md\:inset-x-1\/4 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .md\:inset-y-2\/4 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .md\:inset-x-2\/4 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .md\:inset-y-3\/4 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .md\:inset-x-3\/4 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .md\:inset-y-1\/5 {
+    top: 20%;
+    bottom: 20%;
+  }
+
+  .md\:inset-x-1\/5 {
+    right: 20%;
+    left: 20%;
+  }
+
+  .md\:inset-y-2\/5 {
+    top: 40%;
+    bottom: 40%;
+  }
+
+  .md\:inset-x-2\/5 {
+    right: 40%;
+    left: 40%;
+  }
+
+  .md\:inset-y-3\/5 {
+    top: 60%;
+    bottom: 60%;
+  }
+
+  .md\:inset-x-3\/5 {
+    right: 60%;
+    left: 60%;
+  }
+
+  .md\:inset-y-4\/5 {
+    top: 80%;
+    bottom: 80%;
+  }
+
+  .md\:inset-x-4\/5 {
+    right: 80%;
+    left: 80%;
+  }
+
+  .md\:inset-y-1\/6 {
+    top: 16.666667%;
+    bottom: 16.666667%;
+  }
+
+  .md\:inset-x-1\/6 {
+    right: 16.666667%;
+    left: 16.666667%;
+  }
+
+  .md\:inset-y-2\/6 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .md\:inset-x-2\/6 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .md\:inset-y-3\/6 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .md\:inset-x-3\/6 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .md\:inset-y-4\/6 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .md\:inset-x-4\/6 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .md\:inset-y-5\/6 {
+    top: 83.333333%;
+    bottom: 83.333333%;
+  }
+
+  .md\:inset-x-5\/6 {
+    right: 83.333333%;
+    left: 83.333333%;
+  }
+
+  .md\:inset-y-1\/12 {
+    top: 8.333333%;
+    bottom: 8.333333%;
+  }
+
+  .md\:inset-x-1\/12 {
+    right: 8.333333%;
+    left: 8.333333%;
+  }
+
+  .md\:inset-y-2\/12 {
+    top: 16.666667%;
+    bottom: 16.666667%;
+  }
+
+  .md\:inset-x-2\/12 {
+    right: 16.666667%;
+    left: 16.666667%;
+  }
+
+  .md\:inset-y-3\/12 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .md\:inset-x-3\/12 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .md\:inset-y-4\/12 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .md\:inset-x-4\/12 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .md\:inset-y-5\/12 {
+    top: 41.666667%;
+    bottom: 41.666667%;
+  }
+
+  .md\:inset-x-5\/12 {
+    right: 41.666667%;
+    left: 41.666667%;
+  }
+
+  .md\:inset-y-6\/12 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .md\:inset-x-6\/12 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .md\:inset-y-7\/12 {
+    top: 58.333333%;
+    bottom: 58.333333%;
+  }
+
+  .md\:inset-x-7\/12 {
+    right: 58.333333%;
+    left: 58.333333%;
+  }
+
+  .md\:inset-y-8\/12 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .md\:inset-x-8\/12 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .md\:inset-y-9\/12 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .md\:inset-x-9\/12 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .md\:inset-y-10\/12 {
+    top: 83.333333%;
+    bottom: 83.333333%;
+  }
+
+  .md\:inset-x-10\/12 {
+    right: 83.333333%;
+    left: 83.333333%;
+  }
+
+  .md\:inset-y-11\/12 {
+    top: 91.666667%;
+    bottom: 91.666667%;
+  }
+
+  .md\:inset-x-11\/12 {
+    right: 91.666667%;
+    left: 91.666667%;
+  }
+
+  .md\:inset-y-full {
+    top: 100%;
+    bottom: 100%;
+  }
+
+  .md\:inset-x-full {
+    right: 100%;
+    left: 100%;
+  }
+
+  .md\:top-0 {
+    top: 0;
+  }
+
+  .md\:right-0 {
+    right: 0;
+  }
+
+  .md\:bottom-0 {
+    bottom: 0;
+  }
+
+  .md\:left-0 {
+    left: 0;
+  }
+
+  .md\:top-1 {
+    top: 0.25rem;
+  }
+
+  .md\:right-1 {
+    right: 0.25rem;
+  }
+
+  .md\:bottom-1 {
+    bottom: 0.25rem;
+  }
+
+  .md\:left-1 {
+    left: 0.25rem;
+  }
+
+  .md\:top-2 {
+    top: 0.5rem;
+  }
+
+  .md\:right-2 {
+    right: 0.5rem;
+  }
+
+  .md\:bottom-2 {
+    bottom: 0.5rem;
+  }
+
+  .md\:left-2 {
+    left: 0.5rem;
+  }
+
+  .md\:top-3 {
+    top: 0.75rem;
+  }
+
+  .md\:right-3 {
+    right: 0.75rem;
+  }
+
+  .md\:bottom-3 {
+    bottom: 0.75rem;
+  }
+
+  .md\:left-3 {
+    left: 0.75rem;
+  }
+
+  .md\:top-4 {
+    top: 1rem;
+  }
+
+  .md\:right-4 {
+    right: 1rem;
+  }
+
+  .md\:bottom-4 {
+    bottom: 1rem;
+  }
+
+  .md\:left-4 {
+    left: 1rem;
+  }
+
+  .md\:top-5 {
+    top: 1.25rem;
+  }
+
+  .md\:right-5 {
+    right: 1.25rem;
+  }
+
+  .md\:bottom-5 {
+    bottom: 1.25rem;
+  }
+
+  .md\:left-5 {
+    left: 1.25rem;
+  }
+
+  .md\:top-6 {
+    top: 1.5rem;
+  }
+
+  .md\:right-6 {
+    right: 1.5rem;
+  }
+
+  .md\:bottom-6 {
+    bottom: 1.5rem;
+  }
+
+  .md\:left-6 {
+    left: 1.5rem;
+  }
+
+  .md\:top-7 {
+    top: 1.75rem;
+  }
+
+  .md\:right-7 {
+    right: 1.75rem;
+  }
+
+  .md\:bottom-7 {
+    bottom: 1.75rem;
+  }
+
+  .md\:left-7 {
+    left: 1.75rem;
+  }
+
+  .md\:top-8 {
+    top: 2rem;
+  }
+
+  .md\:right-8 {
+    right: 2rem;
+  }
+
+  .md\:bottom-8 {
+    bottom: 2rem;
+  }
+
+  .md\:left-8 {
+    left: 2rem;
+  }
+
+  .md\:top-9 {
+    top: 2.25rem;
+  }
+
+  .md\:right-9 {
+    right: 2.25rem;
+  }
+
+  .md\:bottom-9 {
+    bottom: 2.25rem;
+  }
+
+  .md\:left-9 {
+    left: 2.25rem;
+  }
+
+  .md\:top-10 {
+    top: 2.5rem;
+  }
+
+  .md\:right-10 {
+    right: 2.5rem;
+  }
+
+  .md\:bottom-10 {
+    bottom: 2.5rem;
+  }
+
+  .md\:left-10 {
+    left: 2.5rem;
+  }
+
+  .md\:top-11 {
+    top: 2.75rem;
+  }
+
+  .md\:right-11 {
+    right: 2.75rem;
+  }
+
+  .md\:bottom-11 {
+    bottom: 2.75rem;
+  }
+
+  .md\:left-11 {
+    left: 2.75rem;
+  }
+
+  .md\:top-12 {
+    top: 3rem;
+  }
+
+  .md\:right-12 {
+    right: 3rem;
+  }
+
+  .md\:bottom-12 {
+    bottom: 3rem;
+  }
+
+  .md\:left-12 {
+    left: 3rem;
+  }
+
+  .md\:top-13 {
+    top: 3.25rem;
+  }
+
+  .md\:right-13 {
+    right: 3.25rem;
+  }
+
+  .md\:bottom-13 {
+    bottom: 3.25rem;
+  }
+
+  .md\:left-13 {
+    left: 3.25rem;
+  }
+
+  .md\:top-14 {
+    top: 3.5rem;
+  }
+
+  .md\:right-14 {
+    right: 3.5rem;
+  }
+
+  .md\:bottom-14 {
+    bottom: 3.5rem;
+  }
+
+  .md\:left-14 {
+    left: 3.5rem;
+  }
+
+  .md\:top-15 {
+    top: 3.75rem;
+  }
+
+  .md\:right-15 {
+    right: 3.75rem;
+  }
+
+  .md\:bottom-15 {
+    bottom: 3.75rem;
+  }
+
+  .md\:left-15 {
+    left: 3.75rem;
+  }
+
+  .md\:top-16 {
+    top: 4rem;
+  }
+
+  .md\:right-16 {
+    right: 4rem;
+  }
+
+  .md\:bottom-16 {
+    bottom: 4rem;
+  }
+
+  .md\:left-16 {
+    left: 4rem;
+  }
+
+  .md\:top-20 {
+    top: 5rem;
+  }
+
+  .md\:right-20 {
+    right: 5rem;
+  }
+
+  .md\:bottom-20 {
+    bottom: 5rem;
+  }
+
+  .md\:left-20 {
+    left: 5rem;
+  }
+
+  .md\:top-24 {
+    top: 6rem;
+  }
+
+  .md\:right-24 {
+    right: 6rem;
+  }
+
+  .md\:bottom-24 {
+    bottom: 6rem;
+  }
+
+  .md\:left-24 {
+    left: 6rem;
+  }
+
+  .md\:top-28 {
+    top: 7rem;
+  }
+
+  .md\:right-28 {
+    right: 7rem;
+  }
+
+  .md\:bottom-28 {
+    bottom: 7rem;
+  }
+
+  .md\:left-28 {
+    left: 7rem;
+  }
+
+  .md\:top-32 {
+    top: 8rem;
+  }
+
+  .md\:right-32 {
+    right: 8rem;
+  }
+
+  .md\:bottom-32 {
+    bottom: 8rem;
+  }
+
+  .md\:left-32 {
+    left: 8rem;
+  }
+
+  .md\:top-36 {
+    top: 9rem;
+  }
+
+  .md\:right-36 {
+    right: 9rem;
+  }
+
+  .md\:bottom-36 {
+    bottom: 9rem;
+  }
+
+  .md\:left-36 {
+    left: 9rem;
+  }
+
+  .md\:top-40 {
+    top: 10rem;
+  }
+
+  .md\:right-40 {
+    right: 10rem;
+  }
+
+  .md\:bottom-40 {
+    bottom: 10rem;
+  }
+
+  .md\:left-40 {
+    left: 10rem;
+  }
+
+  .md\:top-48 {
+    top: 12rem;
+  }
+
+  .md\:right-48 {
+    right: 12rem;
+  }
+
+  .md\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .md\:left-48 {
+    left: 12rem;
+  }
+
+  .md\:top-56 {
+    top: 14rem;
+  }
+
+  .md\:right-56 {
+    right: 14rem;
+  }
+
+  .md\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .md\:left-56 {
+    left: 14rem;
+  }
+
+  .md\:top-60 {
+    top: 15rem;
+  }
+
+  .md\:right-60 {
+    right: 15rem;
+  }
+
+  .md\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .md\:left-60 {
+    left: 15rem;
+  }
+
+  .md\:top-64 {
+    top: 16rem;
+  }
+
+  .md\:right-64 {
+    right: 16rem;
+  }
+
+  .md\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .md\:left-64 {
+    left: 16rem;
+  }
+
+  .md\:top-72 {
+    top: 18rem;
+  }
+
+  .md\:right-72 {
+    right: 18rem;
+  }
+
+  .md\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .md\:left-72 {
+    left: 18rem;
+  }
+
+  .md\:top-80 {
+    top: 20rem;
+  }
+
+  .md\:right-80 {
+    right: 20rem;
+  }
+
+  .md\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .md\:left-80 {
+    left: 20rem;
+  }
+
+  .md\:top-96 {
+    top: 24rem;
+  }
+
+  .md\:right-96 {
+    right: 24rem;
+  }
+
+  .md\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .md\:left-96 {
+    left: 24rem;
+  }
+
+  .md\:top-auto {
+    top: auto;
+  }
+
+  .md\:right-auto {
+    right: auto;
+  }
+
+  .md\:bottom-auto {
+    bottom: auto;
+  }
+
+  .md\:left-auto {
+    left: auto;
+  }
+
+  .md\:top-px {
+    top: 1px;
+  }
+
+  .md\:right-px {
+    right: 1px;
+  }
+
+  .md\:bottom-px {
+    bottom: 1px;
+  }
+
+  .md\:left-px {
+    left: 1px;
+  }
+
+  .md\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .md\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .md\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .md\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .md\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .md\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .md\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .md\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .md\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .md\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .md\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .md\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .md\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .md\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .md\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .md\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .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\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .md\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .md\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .md\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .md\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .md\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .md\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .md\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .md\:top-1\/4 {
+    top: 25%;
+  }
+
+  .md\:right-1\/4 {
+    right: 25%;
+  }
+
+  .md\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .md\:left-1\/4 {
+    left: 25%;
+  }
+
+  .md\:top-2\/4 {
+    top: 50%;
+  }
+
+  .md\:right-2\/4 {
+    right: 50%;
+  }
+
+  .md\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .md\:left-2\/4 {
+    left: 50%;
+  }
+
+  .md\:top-3\/4 {
+    top: 75%;
+  }
+
+  .md\:right-3\/4 {
+    right: 75%;
+  }
+
+  .md\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .md\:left-3\/4 {
+    left: 75%;
+  }
+
+  .md\:top-1\/5 {
+    top: 20%;
+  }
+
+  .md\:right-1\/5 {
+    right: 20%;
+  }
+
+  .md\:bottom-1\/5 {
+    bottom: 20%;
+  }
+
+  .md\:left-1\/5 {
+    left: 20%;
+  }
+
+  .md\:top-2\/5 {
+    top: 40%;
+  }
+
+  .md\:right-2\/5 {
+    right: 40%;
+  }
+
+  .md\:bottom-2\/5 {
+    bottom: 40%;
+  }
+
+  .md\:left-2\/5 {
+    left: 40%;
+  }
+
+  .md\:top-3\/5 {
+    top: 60%;
+  }
+
+  .md\:right-3\/5 {
+    right: 60%;
+  }
+
+  .md\:bottom-3\/5 {
+    bottom: 60%;
+  }
+
+  .md\:left-3\/5 {
+    left: 60%;
+  }
+
+  .md\:top-4\/5 {
+    top: 80%;
+  }
+
+  .md\:right-4\/5 {
+    right: 80%;
+  }
+
+  .md\:bottom-4\/5 {
+    bottom: 80%;
+  }
+
+  .md\:left-4\/5 {
+    left: 80%;
+  }
+
+  .md\:top-1\/6 {
+    top: 16.666667%;
+  }
+
+  .md\:right-1\/6 {
+    right: 16.666667%;
+  }
+
+  .md\:bottom-1\/6 {
+    bottom: 16.666667%;
+  }
+
+  .md\:left-1\/6 {
+    left: 16.666667%;
+  }
+
+  .md\:top-2\/6 {
+    top: 33.333333%;
+  }
+
+  .md\:right-2\/6 {
+    right: 33.333333%;
+  }
+
+  .md\:bottom-2\/6 {
+    bottom: 33.333333%;
+  }
+
+  .md\:left-2\/6 {
+    left: 33.333333%;
+  }
+
+  .md\:top-3\/6 {
+    top: 50%;
+  }
+
+  .md\:right-3\/6 {
+    right: 50%;
+  }
+
+  .md\:bottom-3\/6 {
+    bottom: 50%;
+  }
+
+  .md\:left-3\/6 {
+    left: 50%;
+  }
+
+  .md\:top-4\/6 {
+    top: 66.666667%;
+  }
+
+  .md\:right-4\/6 {
+    right: 66.666667%;
+  }
+
+  .md\:bottom-4\/6 {
+    bottom: 66.666667%;
+  }
+
+  .md\:left-4\/6 {
+    left: 66.666667%;
+  }
+
+  .md\:top-5\/6 {
+    top: 83.333333%;
+  }
+
+  .md\:right-5\/6 {
+    right: 83.333333%;
+  }
+
+  .md\:bottom-5\/6 {
+    bottom: 83.333333%;
+  }
+
+  .md\:left-5\/6 {
+    left: 83.333333%;
+  }
+
+  .md\:top-1\/12 {
+    top: 8.333333%;
+  }
+
+  .md\:right-1\/12 {
+    right: 8.333333%;
+  }
+
+  .md\:bottom-1\/12 {
+    bottom: 8.333333%;
+  }
+
+  .md\:left-1\/12 {
+    left: 8.333333%;
+  }
+
+  .md\:top-2\/12 {
+    top: 16.666667%;
+  }
+
+  .md\:right-2\/12 {
+    right: 16.666667%;
+  }
+
+  .md\:bottom-2\/12 {
+    bottom: 16.666667%;
+  }
+
+  .md\:left-2\/12 {
+    left: 16.666667%;
+  }
+
+  .md\:top-3\/12 {
+    top: 25%;
+  }
+
+  .md\:right-3\/12 {
+    right: 25%;
+  }
+
+  .md\:bottom-3\/12 {
+    bottom: 25%;
+  }
+
+  .md\:left-3\/12 {
+    left: 25%;
+  }
+
+  .md\:top-4\/12 {
+    top: 33.333333%;
+  }
+
+  .md\:right-4\/12 {
+    right: 33.333333%;
+  }
+
+  .md\:bottom-4\/12 {
+    bottom: 33.333333%;
+  }
+
+  .md\:left-4\/12 {
+    left: 33.333333%;
+  }
+
+  .md\:top-5\/12 {
+    top: 41.666667%;
+  }
+
+  .md\:right-5\/12 {
+    right: 41.666667%;
+  }
+
+  .md\:bottom-5\/12 {
+    bottom: 41.666667%;
+  }
+
+  .md\:left-5\/12 {
+    left: 41.666667%;
+  }
+
+  .md\:top-6\/12 {
+    top: 50%;
+  }
+
+  .md\:right-6\/12 {
+    right: 50%;
+  }
+
+  .md\:bottom-6\/12 {
+    bottom: 50%;
+  }
+
+  .md\:left-6\/12 {
+    left: 50%;
+  }
+
+  .md\:top-7\/12 {
+    top: 58.333333%;
+  }
+
+  .md\:right-7\/12 {
+    right: 58.333333%;
+  }
+
+  .md\:bottom-7\/12 {
+    bottom: 58.333333%;
+  }
+
+  .md\:left-7\/12 {
+    left: 58.333333%;
+  }
+
+  .md\:top-8\/12 {
+    top: 66.666667%;
+  }
+
+  .md\:right-8\/12 {
+    right: 66.666667%;
+  }
+
+  .md\:bottom-8\/12 {
+    bottom: 66.666667%;
+  }
+
+  .md\:left-8\/12 {
+    left: 66.666667%;
+  }
+
+  .md\:top-9\/12 {
+    top: 75%;
+  }
+
+  .md\:right-9\/12 {
+    right: 75%;
+  }
+
+  .md\:bottom-9\/12 {
+    bottom: 75%;
+  }
+
+  .md\:left-9\/12 {
+    left: 75%;
+  }
+
+  .md\:top-10\/12 {
+    top: 83.333333%;
+  }
+
+  .md\:right-10\/12 {
+    right: 83.333333%;
+  }
+
+  .md\:bottom-10\/12 {
+    bottom: 83.333333%;
+  }
+
+  .md\:left-10\/12 {
+    left: 83.333333%;
+  }
+
+  .md\:top-11\/12 {
+    top: 91.666667%;
+  }
+
+  .md\:right-11\/12 {
+    right: 91.666667%;
+  }
+
+  .md\:bottom-11\/12 {
+    bottom: 91.666667%;
+  }
+
+  .md\:left-11\/12 {
+    left: 91.666667%;
+  }
+
+  .md\:top-full {
+    top: 100%;
+  }
+
+  .md\:right-full {
+    right: 100%;
+  }
+
+  .md\:bottom-full {
+    bottom: 100%;
+  }
+
+  .md\:left-full {
+    left: 100%;
+  }
+
+  .md\:resize-none {
+    resize: none;
+  }
+
+  .md\:resize-y {
+    resize: vertical;
+  }
+
+  .md\:resize-x {
+    resize: horizontal;
+  }
+
+  .md\:resize {
+    resize: both;
+  }
+
+  .md\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .md\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .md\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .md\:shadow-none {
+    box-shadow: none;
+  }
+
+  .md\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .md\:shadow-outline-gray {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .md\:shadow-outline-blue {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .md\:shadow-outline-teal {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .md\:shadow-outline-green {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .md\:shadow-outline-yellow {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .md\:shadow-outline-orange {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .md\:shadow-outline-red {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .md\:shadow-outline-pink {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .md\:shadow-outline-purple {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .md\:shadow-outline-indigo {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .md\:group-focus\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .md\:group-focus\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .md\:group-focus\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .md\:group-focus\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .md\:group-focus\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .group:focus .md\:group-focus\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .group:focus .md\:group-focus\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-none {
+    box-shadow: none;
+  }
+
+  .group:focus .md\:group-focus\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-gray {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-blue {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-teal {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-green {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-yellow {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-orange {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-red {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-pink {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-purple {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .group:focus .md\:group-focus\:shadow-outline-indigo {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .md\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .md\: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);
+  }
+
+  .md\: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);
+  }
+
+  .md\: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);
+  }
+
+  .md\: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);
+  }
+
+  .md\:hover\:shadow-2xl:hover {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .md\:hover\:shadow-inner:hover {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:hover\:shadow-outline:hover {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .md\:hover\:shadow-none:hover {
+    box-shadow: none;
+  }
+
+  .md\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .md\:hover\:shadow-outline-gray:hover {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-blue:hover {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-teal:hover {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-green:hover {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-yellow:hover {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-orange:hover {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-red:hover {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-pink:hover {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-purple:hover {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .md\:hover\:shadow-outline-indigo:hover {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .md\:focus\:shadow-xs:focus {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .md\: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);
+  }
+
+  .md\: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);
+  }
+
+  .md\: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);
+  }
+
+  .md\: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);
+  }
+
+  .md\:focus\:shadow-2xl:focus {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .md\:focus\:shadow-inner:focus {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:focus\:shadow-outline:focus {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .md\:focus\:shadow-none:focus {
+    box-shadow: none;
+  }
+
+  .md\:focus\:shadow-solid:focus {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .md\:focus\:shadow-outline-gray:focus {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .md\:focus\:shadow-outline-blue:focus {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .md\:focus\:shadow-outline-teal:focus {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .md\:focus\:shadow-outline-green:focus {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .md\:focus\:shadow-outline-yellow:focus {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .md\:focus\:shadow-outline-orange:focus {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .md\:focus\:shadow-outline-red:focus {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .md\:focus\:shadow-outline-pink:focus {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .md\:focus\:shadow-outline-purple:focus {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .md\:focus\:shadow-outline-indigo:focus {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .md\:fill-current {
+    fill: currentColor;
+  }
+
+  .md\:stroke-current {
+    stroke: currentColor;
+  }
+
+  .md\:stroke-0 {
+    stroke-width: 0;
+  }
+
+  .md\:stroke-1 {
+    stroke-width: 1;
+  }
+
+  .md\:stroke-2 {
+    stroke-width: 2;
+  }
+
+  .md\:table-auto {
+    table-layout: auto;
+  }
+
+  .md\:table-fixed {
+    table-layout: fixed;
+  }
+
+  .md\:text-left {
+    text-align: left;
+  }
+
+  .md\:text-center {
+    text-align: center;
+  }
+
+  .md\:text-right {
+    text-align: right;
+  }
+
+  .md\:text-justify {
+    text-align: justify;
+  }
+
+  .md\:text-transparent {
+    color: transparent;
+  }
+
+  .md\:text-white {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .md\:text-black {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .md\:text-gray-50 {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .md\:text-gray-100 {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .md\:text-gray-200 {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .md\:text-gray-300 {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .md\:text-gray-400 {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .md\:text-gray-500 {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .md\:text-gray-600 {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .md\:text-gray-700 {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .md\:text-gray-800 {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .md\:text-gray-900 {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .md\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .md\:text-cool-gray-100 {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .md\:text-cool-gray-200 {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .md\:text-cool-gray-300 {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .md\:text-cool-gray-400 {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .md\:text-cool-gray-500 {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .md\:text-cool-gray-600 {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .md\:text-cool-gray-700 {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .md\:text-cool-gray-800 {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .md\:text-cool-gray-900 {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .md\:text-red-50 {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .md\:text-red-100 {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .md\:text-red-200 {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .md\:text-red-300 {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .md\:text-red-400 {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .md\:text-red-500 {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .md\:text-red-600 {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .md\:text-red-700 {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .md\:text-red-800 {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .md\:text-red-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .md\:text-orange-50 {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .md\:text-orange-100 {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .md\:text-orange-200 {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .md\:text-orange-300 {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .md\:text-orange-400 {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .md\:text-orange-500 {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .md\:text-orange-600 {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .md\:text-orange-700 {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .md\:text-orange-800 {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .md\:text-orange-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .md\:text-yellow-50 {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .md\:text-yellow-100 {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .md\:text-yellow-200 {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .md\:text-yellow-300 {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .md\:text-yellow-400 {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .md\:text-yellow-500 {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .md\:text-yellow-600 {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .md\:text-yellow-700 {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .md\:text-yellow-800 {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .md\:text-yellow-900 {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .md\:text-green-50 {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .md\:text-green-100 {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .md\:text-green-200 {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .md\:text-green-300 {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .md\:text-green-400 {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .md\:text-green-500 {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .md\:text-green-600 {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .md\:text-green-700 {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .md\:text-green-800 {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .md\:text-green-900 {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .md\:text-teal-50 {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .md\:text-teal-100 {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .md\:text-teal-200 {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .md\:text-teal-300 {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .md\:text-teal-400 {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .md\:text-teal-500 {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .md\:text-teal-600 {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .md\:text-teal-700 {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .md\:text-teal-800 {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .md\:text-teal-900 {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .md\:text-blue-50 {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .md\:text-blue-100 {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .md\:text-blue-200 {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .md\:text-blue-300 {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .md\:text-blue-400 {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .md\:text-blue-500 {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .md\:text-blue-600 {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .md\:text-blue-700 {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .md\:text-blue-800 {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .md\:text-blue-900 {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .md\:text-indigo-50 {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .md\:text-indigo-100 {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .md\:text-indigo-200 {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .md\:text-indigo-300 {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .md\:text-indigo-400 {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .md\:text-indigo-500 {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .md\:text-indigo-600 {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .md\:text-indigo-700 {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .md\:text-indigo-800 {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .md\:text-indigo-900 {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .md\:text-purple-50 {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .md\:text-purple-100 {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .md\:text-purple-200 {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .md\:text-purple-300 {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .md\:text-purple-400 {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .md\:text-purple-500 {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .md\:text-purple-600 {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .md\:text-purple-700 {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .md\:text-purple-800 {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .md\:text-purple-900 {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .md\:text-pink-50 {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .md\:text-pink-100 {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .md\:text-pink-200 {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .md\:text-pink-300 {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .md\:text-pink-400 {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .md\:text-pink-500 {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .md\:text-pink-600 {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .md\:text-pink-700 {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .md\:text-pink-800 {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .md\:text-pink-900 {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-transparent {
+    color: transparent;
+  }
+
+  .group:hover .md\:group-hover\:text-white {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-black {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-50 {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-100 {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-200 {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-300 {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-400 {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-500 {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-600 {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-700 {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-800 {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-900 {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-cool-gray-100 {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-cool-gray-200 {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-cool-gray-300 {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-cool-gray-400 {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-cool-gray-500 {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-cool-gray-600 {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-cool-gray-700 {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-cool-gray-800 {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-cool-gray-900 {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-50 {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-100 {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-200 {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-300 {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-400 {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-500 {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-600 {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-700 {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-800 {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-orange-50 {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-orange-100 {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-orange-200 {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-orange-300 {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-orange-400 {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-orange-500 {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-orange-600 {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-orange-700 {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-orange-800 {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-orange-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-50 {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-100 {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-200 {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-300 {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-400 {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-500 {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-600 {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-700 {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-800 {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-900 {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-50 {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-100 {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-200 {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-300 {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-400 {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-500 {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-600 {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-700 {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-800 {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-900 {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-teal-50 {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-teal-100 {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-teal-200 {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-teal-300 {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-teal-400 {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-teal-500 {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-teal-600 {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-teal-700 {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-teal-800 {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-teal-900 {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-50 {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-100 {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-200 {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-300 {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-400 {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-500 {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-600 {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-700 {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-800 {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-900 {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-50 {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-100 {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-200 {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-300 {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-400 {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-500 {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-600 {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-700 {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-800 {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-900 {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-50 {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-100 {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-200 {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-300 {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-400 {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-500 {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-600 {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-700 {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-800 {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-900 {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-50 {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-100 {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-200 {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-300 {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-400 {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-500 {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-600 {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-700 {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-800 {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-900 {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-transparent {
+    color: transparent;
+  }
+
+  .group:focus .md\:group-focus\:text-white {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-black {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-gray-50 {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-gray-100 {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-gray-200 {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-gray-300 {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-gray-400 {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-gray-500 {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-gray-600 {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-gray-700 {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-gray-800 {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-gray-900 {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-cool-gray-100 {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-cool-gray-200 {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-cool-gray-300 {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-cool-gray-400 {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-cool-gray-500 {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-cool-gray-600 {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-cool-gray-700 {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-cool-gray-800 {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-cool-gray-900 {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-red-50 {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-red-100 {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-red-200 {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-red-300 {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-red-400 {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-red-500 {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-red-600 {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-red-700 {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-red-800 {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-red-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-orange-50 {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-orange-100 {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-orange-200 {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-orange-300 {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-orange-400 {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-orange-500 {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-orange-600 {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-orange-700 {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-orange-800 {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-orange-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-yellow-50 {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-yellow-100 {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-yellow-200 {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-yellow-300 {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-yellow-400 {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-yellow-500 {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-yellow-600 {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-yellow-700 {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-yellow-800 {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-yellow-900 {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-green-50 {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-green-100 {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-green-200 {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-green-300 {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-green-400 {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-green-500 {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-green-600 {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-green-700 {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-green-800 {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-green-900 {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-teal-50 {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-teal-100 {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-teal-200 {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-teal-300 {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-teal-400 {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-teal-500 {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-teal-600 {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-teal-700 {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-teal-800 {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-teal-900 {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-blue-50 {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-blue-100 {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-blue-200 {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-blue-300 {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-blue-400 {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-blue-500 {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-blue-600 {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-blue-700 {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-blue-800 {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-blue-900 {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-indigo-50 {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-indigo-100 {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-indigo-200 {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-indigo-300 {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-indigo-400 {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-indigo-500 {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-indigo-600 {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-indigo-700 {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-indigo-800 {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-indigo-900 {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-purple-50 {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-purple-100 {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-purple-200 {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-purple-300 {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-purple-400 {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-purple-500 {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-purple-600 {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-purple-700 {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-purple-800 {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-purple-900 {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-pink-50 {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-pink-100 {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-pink-200 {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-pink-300 {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-pink-400 {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-pink-500 {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-pink-600 {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-pink-700 {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-pink-800 {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .group:focus .md\:group-focus\:text-pink-900 {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .md\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .md\:hover\:text-white:hover {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .md\:hover\:text-black:hover {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .md\:hover\:text-gray-50:hover {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .md\:hover\:text-gray-100:hover {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .md\:hover\:text-gray-200:hover {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .md\:hover\:text-gray-300:hover {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .md\:hover\:text-gray-400:hover {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .md\:hover\:text-gray-500:hover {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .md\:hover\:text-gray-600:hover {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .md\:hover\:text-gray-700:hover {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .md\:hover\:text-gray-800:hover {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .md\:hover\:text-gray-900:hover {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .md\:hover\:text-cool-gray-50:hover {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .md\:hover\:text-cool-gray-100:hover {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .md\:hover\:text-cool-gray-200:hover {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .md\:hover\:text-cool-gray-300:hover {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .md\:hover\:text-cool-gray-400:hover {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .md\:hover\:text-cool-gray-500:hover {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .md\:hover\:text-cool-gray-600:hover {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .md\:hover\:text-cool-gray-700:hover {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .md\:hover\:text-cool-gray-800:hover {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .md\:hover\:text-cool-gray-900:hover {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .md\:hover\:text-red-50:hover {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .md\:hover\:text-red-100:hover {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .md\:hover\:text-red-200:hover {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .md\:hover\:text-red-300:hover {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .md\:hover\:text-red-400:hover {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .md\:hover\:text-red-500:hover {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .md\:hover\:text-red-600:hover {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .md\:hover\:text-red-700:hover {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .md\:hover\:text-red-800:hover {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .md\:hover\:text-red-900:hover {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .md\:hover\:text-orange-50:hover {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .md\:hover\:text-orange-100:hover {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .md\:hover\:text-orange-200:hover {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .md\:hover\:text-orange-300:hover {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .md\:hover\:text-orange-400:hover {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .md\:hover\:text-orange-500:hover {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .md\:hover\:text-orange-600:hover {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .md\:hover\:text-orange-700:hover {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .md\:hover\:text-orange-800:hover {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .md\:hover\:text-orange-900:hover {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .md\:hover\:text-yellow-50:hover {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .md\:hover\:text-yellow-100:hover {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .md\:hover\:text-yellow-200:hover {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .md\:hover\:text-yellow-300:hover {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .md\:hover\:text-yellow-400:hover {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .md\:hover\:text-yellow-500:hover {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .md\:hover\:text-yellow-600:hover {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .md\:hover\:text-yellow-700:hover {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .md\:hover\:text-yellow-800:hover {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .md\:hover\:text-yellow-900:hover {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .md\:hover\:text-green-50:hover {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .md\:hover\:text-green-100:hover {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .md\:hover\:text-green-200:hover {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .md\:hover\:text-green-300:hover {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .md\:hover\:text-green-400:hover {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .md\:hover\:text-green-500:hover {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .md\:hover\:text-green-600:hover {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .md\:hover\:text-green-700:hover {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .md\:hover\:text-green-800:hover {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .md\:hover\:text-green-900:hover {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .md\:hover\:text-teal-50:hover {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .md\:hover\:text-teal-100:hover {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .md\:hover\:text-teal-200:hover {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .md\:hover\:text-teal-300:hover {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .md\:hover\:text-teal-400:hover {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .md\:hover\:text-teal-500:hover {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .md\:hover\:text-teal-600:hover {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .md\:hover\:text-teal-700:hover {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .md\:hover\:text-teal-800:hover {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .md\:hover\:text-teal-900:hover {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .md\:hover\:text-blue-50:hover {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .md\:hover\:text-blue-100:hover {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .md\:hover\:text-blue-200:hover {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .md\:hover\:text-blue-300:hover {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .md\:hover\:text-blue-400:hover {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .md\:hover\:text-blue-500:hover {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .md\:hover\:text-blue-600:hover {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .md\:hover\:text-blue-700:hover {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .md\:hover\:text-blue-800:hover {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .md\:hover\:text-blue-900:hover {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .md\:hover\:text-indigo-50:hover {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .md\:hover\:text-indigo-100:hover {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .md\:hover\:text-indigo-200:hover {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .md\:hover\:text-indigo-300:hover {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .md\:hover\:text-indigo-400:hover {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .md\:hover\:text-indigo-500:hover {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .md\:hover\:text-indigo-600:hover {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .md\:hover\:text-indigo-700:hover {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .md\:hover\:text-indigo-800:hover {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .md\:hover\:text-indigo-900:hover {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .md\:hover\:text-purple-50:hover {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .md\:hover\:text-purple-100:hover {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .md\:hover\:text-purple-200:hover {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .md\:hover\:text-purple-300:hover {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .md\:hover\:text-purple-400:hover {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .md\:hover\:text-purple-500:hover {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .md\:hover\:text-purple-600:hover {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .md\:hover\:text-purple-700:hover {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .md\:hover\:text-purple-800:hover {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .md\:hover\:text-purple-900:hover {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .md\:hover\:text-pink-50:hover {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .md\:hover\:text-pink-100:hover {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .md\:hover\:text-pink-200:hover {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .md\:hover\:text-pink-300:hover {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .md\:hover\:text-pink-400:hover {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .md\:hover\:text-pink-500:hover {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .md\:hover\:text-pink-600:hover {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .md\:hover\:text-pink-700:hover {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .md\:hover\:text-pink-800:hover {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .md\:hover\:text-pink-900:hover {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .md\:focus-within\:text-white:focus-within {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-black:focus-within {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-cool-gray-50:focus-within {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-cool-gray-100:focus-within {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-cool-gray-200:focus-within {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-cool-gray-300:focus-within {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-cool-gray-400:focus-within {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-cool-gray-500:focus-within {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-cool-gray-600:focus-within {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-cool-gray-700:focus-within {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-cool-gray-800:focus-within {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-cool-gray-900:focus-within {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-orange-50:focus-within {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-orange-100:focus-within {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-orange-200:focus-within {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-orange-300:focus-within {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-orange-400:focus-within {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-orange-500:focus-within {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-orange-600:focus-within {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-orange-700:focus-within {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-orange-800:focus-within {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-orange-900:focus-within {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-teal-50:focus-within {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-teal-100:focus-within {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-teal-200:focus-within {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-teal-300:focus-within {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-teal-400:focus-within {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-teal-500:focus-within {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-teal-600:focus-within {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-teal-700:focus-within {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-teal-800:focus-within {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-teal-900:focus-within {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .md\:focus\:text-transparent:focus {
+    color: transparent;
+  }
+
+  .md\:focus\:text-white:focus {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .md\:focus\:text-black:focus {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .md\:focus\:text-gray-50:focus {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .md\:focus\:text-gray-100:focus {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .md\:focus\:text-gray-200:focus {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .md\:focus\:text-gray-300:focus {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .md\:focus\:text-gray-400:focus {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .md\:focus\:text-gray-500:focus {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .md\:focus\:text-gray-600:focus {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .md\:focus\:text-gray-700:focus {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .md\:focus\:text-gray-800:focus {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .md\:focus\:text-gray-900:focus {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .md\:focus\:text-cool-gray-50:focus {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .md\:focus\:text-cool-gray-100:focus {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .md\:focus\:text-cool-gray-200:focus {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .md\:focus\:text-cool-gray-300:focus {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .md\:focus\:text-cool-gray-400:focus {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .md\:focus\:text-cool-gray-500:focus {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .md\:focus\:text-cool-gray-600:focus {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .md\:focus\:text-cool-gray-700:focus {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .md\:focus\:text-cool-gray-800:focus {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .md\:focus\:text-cool-gray-900:focus {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .md\:focus\:text-red-50:focus {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .md\:focus\:text-red-100:focus {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .md\:focus\:text-red-200:focus {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .md\:focus\:text-red-300:focus {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .md\:focus\:text-red-400:focus {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .md\:focus\:text-red-500:focus {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .md\:focus\:text-red-600:focus {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .md\:focus\:text-red-700:focus {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .md\:focus\:text-red-800:focus {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .md\:focus\:text-red-900:focus {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .md\:focus\:text-orange-50:focus {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .md\:focus\:text-orange-100:focus {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .md\:focus\:text-orange-200:focus {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .md\:focus\:text-orange-300:focus {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .md\:focus\:text-orange-400:focus {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .md\:focus\:text-orange-500:focus {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .md\:focus\:text-orange-600:focus {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .md\:focus\:text-orange-700:focus {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .md\:focus\:text-orange-800:focus {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .md\:focus\:text-orange-900:focus {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .md\:focus\:text-yellow-50:focus {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .md\:focus\:text-yellow-100:focus {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .md\:focus\:text-yellow-200:focus {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .md\:focus\:text-yellow-300:focus {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .md\:focus\:text-yellow-400:focus {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .md\:focus\:text-yellow-500:focus {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .md\:focus\:text-yellow-600:focus {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .md\:focus\:text-yellow-700:focus {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .md\:focus\:text-yellow-800:focus {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .md\:focus\:text-yellow-900:focus {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .md\:focus\:text-green-50:focus {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .md\:focus\:text-green-100:focus {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .md\:focus\:text-green-200:focus {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .md\:focus\:text-green-300:focus {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .md\:focus\:text-green-400:focus {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .md\:focus\:text-green-500:focus {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .md\:focus\:text-green-600:focus {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .md\:focus\:text-green-700:focus {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .md\:focus\:text-green-800:focus {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .md\:focus\:text-green-900:focus {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .md\:focus\:text-teal-50:focus {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .md\:focus\:text-teal-100:focus {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .md\:focus\:text-teal-200:focus {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .md\:focus\:text-teal-300:focus {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .md\:focus\:text-teal-400:focus {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .md\:focus\:text-teal-500:focus {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .md\:focus\:text-teal-600:focus {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .md\:focus\:text-teal-700:focus {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .md\:focus\:text-teal-800:focus {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .md\:focus\:text-teal-900:focus {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .md\:focus\:text-blue-50:focus {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .md\:focus\:text-blue-100:focus {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .md\:focus\:text-blue-200:focus {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .md\:focus\:text-blue-300:focus {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .md\:focus\:text-blue-400:focus {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .md\:focus\:text-blue-500:focus {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .md\:focus\:text-blue-600:focus {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .md\:focus\:text-blue-700:focus {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .md\:focus\:text-blue-800:focus {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .md\:focus\:text-blue-900:focus {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .md\:focus\:text-indigo-50:focus {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .md\:focus\:text-indigo-100:focus {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .md\:focus\:text-indigo-200:focus {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .md\:focus\:text-indigo-300:focus {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .md\:focus\:text-indigo-400:focus {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .md\:focus\:text-indigo-500:focus {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .md\:focus\:text-indigo-600:focus {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .md\:focus\:text-indigo-700:focus {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .md\:focus\:text-indigo-800:focus {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .md\:focus\:text-indigo-900:focus {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .md\:focus\:text-purple-50:focus {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .md\:focus\:text-purple-100:focus {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .md\:focus\:text-purple-200:focus {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .md\:focus\:text-purple-300:focus {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .md\:focus\:text-purple-400:focus {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .md\:focus\:text-purple-500:focus {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .md\:focus\:text-purple-600:focus {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .md\:focus\:text-purple-700:focus {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .md\:focus\:text-purple-800:focus {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .md\:focus\:text-purple-900:focus {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .md\:focus\:text-pink-50:focus {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .md\:focus\:text-pink-100:focus {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .md\:focus\:text-pink-200:focus {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .md\:focus\:text-pink-300:focus {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .md\:focus\:text-pink-400:focus {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .md\:focus\:text-pink-500:focus {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .md\:focus\:text-pink-600:focus {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .md\:focus\:text-pink-700:focus {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .md\:focus\:text-pink-800:focus {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .md\:focus\:text-pink-900:focus {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .md\:active\:text-transparent:active {
+    color: transparent;
+  }
+
+  .md\:active\:text-white:active {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .md\:active\:text-black:active {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .md\:active\:text-gray-50:active {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .md\:active\:text-gray-100:active {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .md\:active\:text-gray-200:active {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .md\:active\:text-gray-300:active {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .md\:active\:text-gray-400:active {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .md\:active\:text-gray-500:active {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .md\:active\:text-gray-600:active {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .md\:active\:text-gray-700:active {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .md\:active\:text-gray-800:active {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .md\:active\:text-gray-900:active {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .md\:active\:text-cool-gray-50:active {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .md\:active\:text-cool-gray-100:active {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .md\:active\:text-cool-gray-200:active {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .md\:active\:text-cool-gray-300:active {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .md\:active\:text-cool-gray-400:active {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .md\:active\:text-cool-gray-500:active {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .md\:active\:text-cool-gray-600:active {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .md\:active\:text-cool-gray-700:active {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .md\:active\:text-cool-gray-800:active {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .md\:active\:text-cool-gray-900:active {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .md\:active\:text-red-50:active {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .md\:active\:text-red-100:active {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .md\:active\:text-red-200:active {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .md\:active\:text-red-300:active {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .md\:active\:text-red-400:active {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .md\:active\:text-red-500:active {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .md\:active\:text-red-600:active {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .md\:active\:text-red-700:active {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .md\:active\:text-red-800:active {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .md\:active\:text-red-900:active {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .md\:active\:text-orange-50:active {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .md\:active\:text-orange-100:active {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .md\:active\:text-orange-200:active {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .md\:active\:text-orange-300:active {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .md\:active\:text-orange-400:active {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .md\:active\:text-orange-500:active {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .md\:active\:text-orange-600:active {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .md\:active\:text-orange-700:active {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .md\:active\:text-orange-800:active {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .md\:active\:text-orange-900:active {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .md\:active\:text-yellow-50:active {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .md\:active\:text-yellow-100:active {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .md\:active\:text-yellow-200:active {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .md\:active\:text-yellow-300:active {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .md\:active\:text-yellow-400:active {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .md\:active\:text-yellow-500:active {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .md\:active\:text-yellow-600:active {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .md\:active\:text-yellow-700:active {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .md\:active\:text-yellow-800:active {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .md\:active\:text-yellow-900:active {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .md\:active\:text-green-50:active {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .md\:active\:text-green-100:active {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .md\:active\:text-green-200:active {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .md\:active\:text-green-300:active {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .md\:active\:text-green-400:active {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .md\:active\:text-green-500:active {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .md\:active\:text-green-600:active {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .md\:active\:text-green-700:active {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .md\:active\:text-green-800:active {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .md\:active\:text-green-900:active {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .md\:active\:text-teal-50:active {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .md\:active\:text-teal-100:active {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .md\:active\:text-teal-200:active {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .md\:active\:text-teal-300:active {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .md\:active\:text-teal-400:active {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .md\:active\:text-teal-500:active {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .md\:active\:text-teal-600:active {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .md\:active\:text-teal-700:active {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .md\:active\:text-teal-800:active {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .md\:active\:text-teal-900:active {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .md\:active\:text-blue-50:active {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .md\:active\:text-blue-100:active {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .md\:active\:text-blue-200:active {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .md\:active\:text-blue-300:active {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .md\:active\:text-blue-400:active {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .md\:active\:text-blue-500:active {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .md\:active\:text-blue-600:active {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .md\:active\:text-blue-700:active {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .md\:active\:text-blue-800:active {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .md\:active\:text-blue-900:active {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .md\:active\:text-indigo-50:active {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .md\:active\:text-indigo-100:active {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .md\:active\:text-indigo-200:active {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .md\:active\:text-indigo-300:active {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .md\:active\:text-indigo-400:active {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .md\:active\:text-indigo-500:active {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .md\:active\:text-indigo-600:active {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .md\:active\:text-indigo-700:active {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .md\:active\:text-indigo-800:active {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .md\:active\:text-indigo-900:active {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .md\:active\:text-purple-50:active {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .md\:active\:text-purple-100:active {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .md\:active\:text-purple-200:active {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .md\:active\:text-purple-300:active {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .md\:active\:text-purple-400:active {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .md\:active\:text-purple-500:active {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .md\:active\:text-purple-600:active {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .md\:active\:text-purple-700:active {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .md\:active\:text-purple-800:active {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .md\:active\:text-purple-900:active {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .md\:active\:text-pink-50:active {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .md\:active\:text-pink-100:active {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .md\:active\:text-pink-200:active {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .md\:active\:text-pink-300:active {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .md\:active\:text-pink-400:active {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .md\:active\:text-pink-500:active {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .md\:active\:text-pink-600:active {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .md\:active\:text-pink-700:active {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .md\:active\:text-pink-800:active {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .md\:active\:text-pink-900:active {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .md\:text-opacity-0 {
+    --text-opacity: 0;
+  }
+
+  .md\:text-opacity-25 {
+    --text-opacity: 0.25;
+  }
+
+  .md\:text-opacity-50 {
+    --text-opacity: 0.5;
+  }
+
+  .md\:text-opacity-75 {
+    --text-opacity: 0.75;
+  }
+
+  .md\:text-opacity-100 {
+    --text-opacity: 1;
+  }
+
+  .md\:hover\:text-opacity-0:hover {
+    --text-opacity: 0;
+  }
+
+  .md\:hover\:text-opacity-25:hover {
+    --text-opacity: 0.25;
+  }
+
+  .md\:hover\:text-opacity-50:hover {
+    --text-opacity: 0.5;
+  }
+
+  .md\:hover\:text-opacity-75:hover {
+    --text-opacity: 0.75;
+  }
+
+  .md\:hover\:text-opacity-100:hover {
+    --text-opacity: 1;
+  }
+
+  .md\:focus\:text-opacity-0:focus {
+    --text-opacity: 0;
+  }
+
+  .md\:focus\:text-opacity-25:focus {
+    --text-opacity: 0.25;
+  }
+
+  .md\:focus\:text-opacity-50:focus {
+    --text-opacity: 0.5;
+  }
+
+  .md\:focus\:text-opacity-75:focus {
+    --text-opacity: 0.75;
+  }
+
+  .md\:focus\:text-opacity-100:focus {
+    --text-opacity: 1;
+  }
+
+  .md\:italic {
+    font-style: italic;
+  }
+
+  .md\:not-italic {
+    font-style: normal;
+  }
+
+  .md\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .md\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .md\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .md\:normal-case {
+    text-transform: none;
+  }
+
+  .md\:underline {
+    text-decoration: underline;
+  }
+
+  .md\:line-through {
+    text-decoration: line-through;
+  }
+
+  .md\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:hover .md\:group-hover\:underline {
+    text-decoration: underline;
+  }
+
+  .group:hover .md\:group-hover\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:hover .md\:group-hover\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:focus .md\:group-focus\:underline {
+    text-decoration: underline;
+  }
+
+  .group:focus .md\:group-focus\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:focus .md\:group-focus\:no-underline {
+    text-decoration: none;
+  }
+
+  .md\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .md\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .md\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .md\:focus\:underline:focus {
+    text-decoration: underline;
+  }
+
+  .md\:focus\:line-through:focus {
+    text-decoration: line-through;
+  }
+
+  .md\:focus\:no-underline:focus {
+    text-decoration: none;
+  }
+
+  .md\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .md\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .md\:tracking-tighter {
+    letter-spacing: -0.05em;
+  }
+
+  .md\:tracking-tight {
+    letter-spacing: -0.025em;
+  }
+
+  .md\:tracking-normal {
+    letter-spacing: 0;
+  }
+
+  .md\:tracking-wide {
+    letter-spacing: 0.025em;
+  }
+
+  .md\:tracking-wider {
+    letter-spacing: 0.05em;
+  }
+
+  .md\:tracking-widest {
+    letter-spacing: 0.1em;
+  }
+
+  .md\:select-none {
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+  }
+
+  .md\:select-text {
+    -webkit-user-select: text;
+       -moz-user-select: text;
+        -ms-user-select: text;
+            user-select: text;
+  }
+
+  .md\:select-all {
+    -webkit-user-select: all;
+       -moz-user-select: all;
+        -ms-user-select: all;
+            user-select: all;
+  }
+
+  .md\:select-auto {
+    -webkit-user-select: auto;
+       -moz-user-select: auto;
+        -ms-user-select: auto;
+            user-select: auto;
+  }
+
+  .md\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .md\:align-top {
+    vertical-align: top;
+  }
+
+  .md\:align-middle {
+    vertical-align: middle;
+  }
+
+  .md\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .md\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .md\:align-text-bottom {
+    vertical-align: text-bottom;
+  }
+
+  .md\:visible {
+    visibility: visible;
+  }
+
+  .md\:invisible {
+    visibility: hidden;
+  }
+
+  .md\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .md\:whitespace-no-wrap {
+    white-space: nowrap;
+  }
+
+  .md\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .md\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .md\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .md\:break-normal {
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .md\:break-words {
+    overflow-wrap: break-word;
+  }
+
+  .md\:break-all {
+    word-break: break-all;
+  }
+
+  .md\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .md\:w-0 {
+    width: 0;
+  }
+
+  .md\:w-1 {
+    width: 0.25rem;
+  }
+
+  .md\:w-2 {
+    width: 0.5rem;
+  }
+
+  .md\:w-3 {
+    width: 0.75rem;
+  }
+
+  .md\:w-4 {
+    width: 1rem;
+  }
+
+  .md\:w-5 {
+    width: 1.25rem;
+  }
+
+  .md\:w-6 {
+    width: 1.5rem;
+  }
+
+  .md\:w-7 {
+    width: 1.75rem;
+  }
+
+  .md\:w-8 {
+    width: 2rem;
+  }
+
+  .md\:w-9 {
+    width: 2.25rem;
+  }
+
+  .md\:w-10 {
+    width: 2.5rem;
+  }
+
+  .md\:w-11 {
+    width: 2.75rem;
+  }
+
+  .md\:w-12 {
+    width: 3rem;
+  }
+
+  .md\:w-13 {
+    width: 3.25rem;
+  }
+
+  .md\:w-14 {
+    width: 3.5rem;
+  }
+
+  .md\:w-15 {
+    width: 3.75rem;
+  }
+
+  .md\:w-16 {
+    width: 4rem;
+  }
+
+  .md\:w-20 {
+    width: 5rem;
+  }
+
+  .md\:w-24 {
+    width: 6rem;
+  }
+
+  .md\:w-28 {
+    width: 7rem;
+  }
+
+  .md\:w-32 {
+    width: 8rem;
+  }
+
+  .md\:w-36 {
+    width: 9rem;
+  }
+
+  .md\:w-40 {
+    width: 10rem;
+  }
+
+  .md\:w-48 {
+    width: 12rem;
+  }
+
+  .md\:w-56 {
+    width: 14rem;
+  }
+
+  .md\:w-60 {
+    width: 15rem;
+  }
+
+  .md\:w-64 {
+    width: 16rem;
+  }
+
+  .md\:w-72 {
+    width: 18rem;
+  }
+
+  .md\:w-80 {
+    width: 20rem;
+  }
+
+  .md\:w-96 {
+    width: 24rem;
+  }
+
+  .md\:w-auto {
+    width: auto;
+  }
+
+  .md\:w-px {
+    width: 1px;
+  }
+
+  .md\:w-0\.5 {
+    width: 0.125rem;
+  }
+
+  .md\:w-1\.5 {
+    width: 0.375rem;
+  }
+
+  .md\:w-2\.5 {
+    width: 0.625rem;
+  }
+
+  .md\:w-3\.5 {
+    width: 0.875rem;
+  }
+
+  .md\:w-1\/2 {
+    width: 50%;
+  }
+
+  .md\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .md\:w-2\/3 {
+    width: 66.666667%;
+  }
+
+  .md\:w-1\/4 {
+    width: 25%;
+  }
+
+  .md\:w-2\/4 {
+    width: 50%;
+  }
+
+  .md\:w-3\/4 {
+    width: 75%;
+  }
+
+  .md\:w-1\/5 {
+    width: 20%;
+  }
+
+  .md\:w-2\/5 {
+    width: 40%;
+  }
+
+  .md\:w-3\/5 {
+    width: 60%;
+  }
+
+  .md\:w-4\/5 {
+    width: 80%;
+  }
+
+  .md\:w-1\/6 {
+    width: 16.666667%;
+  }
+
+  .md\:w-2\/6 {
+    width: 33.333333%;
+  }
+
+  .md\:w-3\/6 {
+    width: 50%;
+  }
+
+  .md\:w-4\/6 {
+    width: 66.666667%;
+  }
+
+  .md\:w-5\/6 {
+    width: 83.333333%;
+  }
+
+  .md\:w-1\/12 {
+    width: 8.333333%;
+  }
+
+  .md\:w-2\/12 {
+    width: 16.666667%;
+  }
+
+  .md\:w-3\/12 {
+    width: 25%;
+  }
+
+  .md\:w-4\/12 {
+    width: 33.333333%;
+  }
+
+  .md\:w-5\/12 {
+    width: 41.666667%;
+  }
+
+  .md\:w-6\/12 {
+    width: 50%;
+  }
+
+  .md\:w-7\/12 {
+    width: 58.333333%;
+  }
+
+  .md\:w-8\/12 {
+    width: 66.666667%;
+  }
+
+  .md\:w-9\/12 {
+    width: 75%;
+  }
+
+  .md\:w-10\/12 {
+    width: 83.333333%;
+  }
+
+  .md\:w-11\/12 {
+    width: 91.666667%;
+  }
+
+  .md\:w-full {
+    width: 100%;
+  }
+
+  .md\:w-screen {
+    width: 100vw;
+  }
+
+  .md\:z-0 {
+    z-index: 0;
+  }
+
+  .md\:z-10 {
+    z-index: 10;
+  }
+
+  .md\:z-20 {
+    z-index: 20;
+  }
+
+  .md\:z-30 {
+    z-index: 30;
+  }
+
+  .md\:z-40 {
+    z-index: 40;
+  }
+
+  .md\:z-50 {
+    z-index: 50;
+  }
+
+  .md\:z-auto {
+    z-index: auto;
+  }
+
+  .md\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .md\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .md\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .md\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .md\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .md\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .md\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
+  .md\:focus\:z-0:focus {
+    z-index: 0;
+  }
+
+  .md\:focus\:z-10:focus {
+    z-index: 10;
+  }
+
+  .md\:focus\:z-20:focus {
+    z-index: 20;
+  }
+
+  .md\:focus\:z-30:focus {
+    z-index: 30;
+  }
+
+  .md\:focus\:z-40:focus {
+    z-index: 40;
+  }
+
+  .md\:focus\:z-50:focus {
+    z-index: 50;
+  }
+
+  .md\:focus\:z-auto:focus {
+    z-index: auto;
+  }
+
+  .md\:gap-0 {
+    grid-gap: 0;
+    gap: 0;
+  }
+
+  .md\:gap-1 {
+    grid-gap: 0.25rem;
+    gap: 0.25rem;
+  }
+
+  .md\:gap-2 {
+    grid-gap: 0.5rem;
+    gap: 0.5rem;
+  }
+
+  .md\:gap-3 {
+    grid-gap: 0.75rem;
+    gap: 0.75rem;
+  }
+
+  .md\:gap-4 {
+    grid-gap: 1rem;
+    gap: 1rem;
+  }
+
+  .md\:gap-5 {
+    grid-gap: 1.25rem;
+    gap: 1.25rem;
+  }
+
+  .md\:gap-6 {
+    grid-gap: 1.5rem;
+    gap: 1.5rem;
+  }
+
+  .md\:gap-7 {
+    grid-gap: 1.75rem;
+    gap: 1.75rem;
+  }
+
+  .md\:gap-8 {
+    grid-gap: 2rem;
+    gap: 2rem;
+  }
+
+  .md\:gap-9 {
+    grid-gap: 2.25rem;
+    gap: 2.25rem;
+  }
+
+  .md\:gap-10 {
+    grid-gap: 2.5rem;
+    gap: 2.5rem;
+  }
+
+  .md\:gap-11 {
+    grid-gap: 2.75rem;
+    gap: 2.75rem;
+  }
+
+  .md\:gap-12 {
+    grid-gap: 3rem;
+    gap: 3rem;
+  }
+
+  .md\:gap-13 {
+    grid-gap: 3.25rem;
+    gap: 3.25rem;
+  }
+
+  .md\:gap-14 {
+    grid-gap: 3.5rem;
+    gap: 3.5rem;
+  }
+
+  .md\:gap-15 {
+    grid-gap: 3.75rem;
+    gap: 3.75rem;
+  }
+
+  .md\:gap-16 {
+    grid-gap: 4rem;
+    gap: 4rem;
+  }
+
+  .md\:gap-20 {
+    grid-gap: 5rem;
+    gap: 5rem;
+  }
+
+  .md\:gap-24 {
+    grid-gap: 6rem;
+    gap: 6rem;
+  }
+
+  .md\:gap-28 {
+    grid-gap: 7rem;
+    gap: 7rem;
+  }
+
+  .md\:gap-32 {
+    grid-gap: 8rem;
+    gap: 8rem;
+  }
+
+  .md\:gap-36 {
+    grid-gap: 9rem;
+    gap: 9rem;
+  }
+
+  .md\:gap-40 {
+    grid-gap: 10rem;
+    gap: 10rem;
+  }
+
+  .md\:gap-48 {
+    grid-gap: 12rem;
+    gap: 12rem;
+  }
+
+  .md\:gap-56 {
+    grid-gap: 14rem;
+    gap: 14rem;
+  }
+
+  .md\:gap-60 {
+    grid-gap: 15rem;
+    gap: 15rem;
+  }
+
+  .md\:gap-64 {
+    grid-gap: 16rem;
+    gap: 16rem;
+  }
+
+  .md\:gap-72 {
+    grid-gap: 18rem;
+    gap: 18rem;
+  }
+
+  .md\:gap-80 {
+    grid-gap: 20rem;
+    gap: 20rem;
+  }
+
+  .md\:gap-96 {
+    grid-gap: 24rem;
+    gap: 24rem;
+  }
+
+  .md\:gap-px {
+    grid-gap: 1px;
+    gap: 1px;
+  }
+
+  .md\:gap-0\.5 {
+    grid-gap: 0.125rem;
+    gap: 0.125rem;
+  }
+
+  .md\:gap-1\.5 {
+    grid-gap: 0.375rem;
+    gap: 0.375rem;
+  }
+
+  .md\:gap-2\.5 {
+    grid-gap: 0.625rem;
+    gap: 0.625rem;
+  }
+
+  .md\:gap-3\.5 {
+    grid-gap: 0.875rem;
+    gap: 0.875rem;
+  }
+
+  .md\:gap-1\/2 {
+    grid-gap: 50%;
+    gap: 50%;
+  }
+
+  .md\:gap-1\/3 {
+    grid-gap: 33.333333%;
+    gap: 33.333333%;
+  }
+
+  .md\:gap-2\/3 {
+    grid-gap: 66.666667%;
+    gap: 66.666667%;
+  }
+
+  .md\:gap-1\/4 {
+    grid-gap: 25%;
+    gap: 25%;
+  }
+
+  .md\:gap-2\/4 {
+    grid-gap: 50%;
+    gap: 50%;
+  }
+
+  .md\:gap-3\/4 {
+    grid-gap: 75%;
+    gap: 75%;
+  }
+
+  .md\:gap-1\/5 {
+    grid-gap: 20%;
+    gap: 20%;
+  }
+
+  .md\:gap-2\/5 {
+    grid-gap: 40%;
+    gap: 40%;
+  }
+
+  .md\:gap-3\/5 {
+    grid-gap: 60%;
+    gap: 60%;
+  }
+
+  .md\:gap-4\/5 {
+    grid-gap: 80%;
+    gap: 80%;
+  }
+
+  .md\:gap-1\/6 {
+    grid-gap: 16.666667%;
+    gap: 16.666667%;
+  }
+
+  .md\:gap-2\/6 {
+    grid-gap: 33.333333%;
+    gap: 33.333333%;
+  }
+
+  .md\:gap-3\/6 {
+    grid-gap: 50%;
+    gap: 50%;
+  }
+
+  .md\:gap-4\/6 {
+    grid-gap: 66.666667%;
+    gap: 66.666667%;
+  }
+
+  .md\:gap-5\/6 {
+    grid-gap: 83.333333%;
+    gap: 83.333333%;
+  }
+
+  .md\:gap-1\/12 {
+    grid-gap: 8.333333%;
+    gap: 8.333333%;
+  }
+
+  .md\:gap-2\/12 {
+    grid-gap: 16.666667%;
+    gap: 16.666667%;
+  }
+
+  .md\:gap-3\/12 {
+    grid-gap: 25%;
+    gap: 25%;
+  }
+
+  .md\:gap-4\/12 {
+    grid-gap: 33.333333%;
+    gap: 33.333333%;
+  }
+
+  .md\:gap-5\/12 {
+    grid-gap: 41.666667%;
+    gap: 41.666667%;
+  }
+
+  .md\:gap-6\/12 {
+    grid-gap: 50%;
+    gap: 50%;
+  }
+
+  .md\:gap-7\/12 {
+    grid-gap: 58.333333%;
+    gap: 58.333333%;
+  }
+
+  .md\:gap-8\/12 {
+    grid-gap: 66.666667%;
+    gap: 66.666667%;
+  }
+
+  .md\:gap-9\/12 {
+    grid-gap: 75%;
+    gap: 75%;
+  }
+
+  .md\:gap-10\/12 {
+    grid-gap: 83.333333%;
+    gap: 83.333333%;
+  }
+
+  .md\:gap-11\/12 {
+    grid-gap: 91.666667%;
+    gap: 91.666667%;
+  }
+
+  .md\:gap-full {
+    grid-gap: 100%;
+    gap: 100%;
+  }
+
+  .md\:col-gap-0 {
+    grid-column-gap: 0;
+    -moz-column-gap: 0;
+         column-gap: 0;
+  }
+
+  .md\:col-gap-1 {
+    grid-column-gap: 0.25rem;
+    -moz-column-gap: 0.25rem;
+         column-gap: 0.25rem;
+  }
+
+  .md\:col-gap-2 {
+    grid-column-gap: 0.5rem;
+    -moz-column-gap: 0.5rem;
+         column-gap: 0.5rem;
+  }
+
+  .md\:col-gap-3 {
+    grid-column-gap: 0.75rem;
+    -moz-column-gap: 0.75rem;
+         column-gap: 0.75rem;
+  }
+
+  .md\:col-gap-4 {
+    grid-column-gap: 1rem;
+    -moz-column-gap: 1rem;
+         column-gap: 1rem;
+  }
+
+  .md\:col-gap-5 {
+    grid-column-gap: 1.25rem;
+    -moz-column-gap: 1.25rem;
+         column-gap: 1.25rem;
+  }
+
+  .md\:col-gap-6 {
+    grid-column-gap: 1.5rem;
+    -moz-column-gap: 1.5rem;
+         column-gap: 1.5rem;
+  }
+
+  .md\:col-gap-7 {
+    grid-column-gap: 1.75rem;
+    -moz-column-gap: 1.75rem;
+         column-gap: 1.75rem;
+  }
+
+  .md\:col-gap-8 {
+    grid-column-gap: 2rem;
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
+  }
+
+  .md\:col-gap-9 {
+    grid-column-gap: 2.25rem;
+    -moz-column-gap: 2.25rem;
+         column-gap: 2.25rem;
+  }
+
+  .md\:col-gap-10 {
+    grid-column-gap: 2.5rem;
+    -moz-column-gap: 2.5rem;
+         column-gap: 2.5rem;
+  }
+
+  .md\:col-gap-11 {
+    grid-column-gap: 2.75rem;
+    -moz-column-gap: 2.75rem;
+         column-gap: 2.75rem;
+  }
+
+  .md\:col-gap-12 {
+    grid-column-gap: 3rem;
+    -moz-column-gap: 3rem;
+         column-gap: 3rem;
+  }
+
+  .md\:col-gap-13 {
+    grid-column-gap: 3.25rem;
+    -moz-column-gap: 3.25rem;
+         column-gap: 3.25rem;
+  }
+
+  .md\:col-gap-14 {
+    grid-column-gap: 3.5rem;
+    -moz-column-gap: 3.5rem;
+         column-gap: 3.5rem;
+  }
+
+  .md\:col-gap-15 {
+    grid-column-gap: 3.75rem;
+    -moz-column-gap: 3.75rem;
+         column-gap: 3.75rem;
+  }
+
+  .md\:col-gap-16 {
+    grid-column-gap: 4rem;
+    -moz-column-gap: 4rem;
+         column-gap: 4rem;
+  }
+
+  .md\:col-gap-20 {
+    grid-column-gap: 5rem;
+    -moz-column-gap: 5rem;
+         column-gap: 5rem;
+  }
+
+  .md\:col-gap-24 {
+    grid-column-gap: 6rem;
+    -moz-column-gap: 6rem;
+         column-gap: 6rem;
+  }
+
+  .md\:col-gap-28 {
+    grid-column-gap: 7rem;
+    -moz-column-gap: 7rem;
+         column-gap: 7rem;
+  }
+
+  .md\:col-gap-32 {
+    grid-column-gap: 8rem;
+    -moz-column-gap: 8rem;
+         column-gap: 8rem;
+  }
+
+  .md\:col-gap-36 {
+    grid-column-gap: 9rem;
+    -moz-column-gap: 9rem;
+         column-gap: 9rem;
+  }
+
+  .md\:col-gap-40 {
+    grid-column-gap: 10rem;
+    -moz-column-gap: 10rem;
+         column-gap: 10rem;
+  }
+
+  .md\:col-gap-48 {
+    grid-column-gap: 12rem;
+    -moz-column-gap: 12rem;
+         column-gap: 12rem;
+  }
+
+  .md\:col-gap-56 {
+    grid-column-gap: 14rem;
+    -moz-column-gap: 14rem;
+         column-gap: 14rem;
+  }
+
+  .md\:col-gap-60 {
+    grid-column-gap: 15rem;
+    -moz-column-gap: 15rem;
+         column-gap: 15rem;
+  }
+
+  .md\:col-gap-64 {
+    grid-column-gap: 16rem;
+    -moz-column-gap: 16rem;
+         column-gap: 16rem;
+  }
+
+  .md\:col-gap-72 {
+    grid-column-gap: 18rem;
+    -moz-column-gap: 18rem;
+         column-gap: 18rem;
+  }
+
+  .md\:col-gap-80 {
+    grid-column-gap: 20rem;
+    -moz-column-gap: 20rem;
+         column-gap: 20rem;
+  }
+
+  .md\:col-gap-96 {
+    grid-column-gap: 24rem;
+    -moz-column-gap: 24rem;
+         column-gap: 24rem;
+  }
+
+  .md\:col-gap-px {
+    grid-column-gap: 1px;
+    -moz-column-gap: 1px;
+         column-gap: 1px;
+  }
+
+  .md\:col-gap-0\.5 {
+    grid-column-gap: 0.125rem;
+    -moz-column-gap: 0.125rem;
+         column-gap: 0.125rem;
+  }
+
+  .md\:col-gap-1\.5 {
+    grid-column-gap: 0.375rem;
+    -moz-column-gap: 0.375rem;
+         column-gap: 0.375rem;
+  }
+
+  .md\:col-gap-2\.5 {
+    grid-column-gap: 0.625rem;
+    -moz-column-gap: 0.625rem;
+         column-gap: 0.625rem;
+  }
+
+  .md\:col-gap-3\.5 {
+    grid-column-gap: 0.875rem;
+    -moz-column-gap: 0.875rem;
+         column-gap: 0.875rem;
+  }
+
+  .md\:col-gap-1\/2 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .md\:col-gap-1\/3 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .md\:col-gap-2\/3 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .md\:col-gap-1\/4 {
+    grid-column-gap: 25%;
+    -moz-column-gap: 25%;
+         column-gap: 25%;
+  }
+
+  .md\:col-gap-2\/4 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .md\:col-gap-3\/4 {
+    grid-column-gap: 75%;
+    -moz-column-gap: 75%;
+         column-gap: 75%;
+  }
+
+  .md\:col-gap-1\/5 {
+    grid-column-gap: 20%;
+    -moz-column-gap: 20%;
+         column-gap: 20%;
+  }
+
+  .md\:col-gap-2\/5 {
+    grid-column-gap: 40%;
+    -moz-column-gap: 40%;
+         column-gap: 40%;
+  }
+
+  .md\:col-gap-3\/5 {
+    grid-column-gap: 60%;
+    -moz-column-gap: 60%;
+         column-gap: 60%;
+  }
+
+  .md\:col-gap-4\/5 {
+    grid-column-gap: 80%;
+    -moz-column-gap: 80%;
+         column-gap: 80%;
+  }
+
+  .md\:col-gap-1\/6 {
+    grid-column-gap: 16.666667%;
+    -moz-column-gap: 16.666667%;
+         column-gap: 16.666667%;
+  }
+
+  .md\:col-gap-2\/6 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .md\:col-gap-3\/6 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .md\:col-gap-4\/6 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .md\:col-gap-5\/6 {
+    grid-column-gap: 83.333333%;
+    -moz-column-gap: 83.333333%;
+         column-gap: 83.333333%;
+  }
+
+  .md\:col-gap-1\/12 {
+    grid-column-gap: 8.333333%;
+    -moz-column-gap: 8.333333%;
+         column-gap: 8.333333%;
+  }
+
+  .md\:col-gap-2\/12 {
+    grid-column-gap: 16.666667%;
+    -moz-column-gap: 16.666667%;
+         column-gap: 16.666667%;
+  }
+
+  .md\:col-gap-3\/12 {
+    grid-column-gap: 25%;
+    -moz-column-gap: 25%;
+         column-gap: 25%;
+  }
+
+  .md\:col-gap-4\/12 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .md\:col-gap-5\/12 {
+    grid-column-gap: 41.666667%;
+    -moz-column-gap: 41.666667%;
+         column-gap: 41.666667%;
+  }
+
+  .md\:col-gap-6\/12 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .md\:col-gap-7\/12 {
+    grid-column-gap: 58.333333%;
+    -moz-column-gap: 58.333333%;
+         column-gap: 58.333333%;
+  }
+
+  .md\:col-gap-8\/12 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .md\:col-gap-9\/12 {
+    grid-column-gap: 75%;
+    -moz-column-gap: 75%;
+         column-gap: 75%;
+  }
+
+  .md\:col-gap-10\/12 {
+    grid-column-gap: 83.333333%;
+    -moz-column-gap: 83.333333%;
+         column-gap: 83.333333%;
+  }
+
+  .md\:col-gap-11\/12 {
+    grid-column-gap: 91.666667%;
+    -moz-column-gap: 91.666667%;
+         column-gap: 91.666667%;
+  }
+
+  .md\:col-gap-full {
+    grid-column-gap: 100%;
+    -moz-column-gap: 100%;
+         column-gap: 100%;
+  }
+
+  .md\:row-gap-0 {
+    grid-row-gap: 0;
+    row-gap: 0;
+  }
+
+  .md\:row-gap-1 {
+    grid-row-gap: 0.25rem;
+    row-gap: 0.25rem;
+  }
+
+  .md\:row-gap-2 {
+    grid-row-gap: 0.5rem;
+    row-gap: 0.5rem;
+  }
+
+  .md\:row-gap-3 {
+    grid-row-gap: 0.75rem;
+    row-gap: 0.75rem;
+  }
+
+  .md\:row-gap-4 {
+    grid-row-gap: 1rem;
+    row-gap: 1rem;
+  }
+
+  .md\:row-gap-5 {
+    grid-row-gap: 1.25rem;
+    row-gap: 1.25rem;
+  }
+
+  .md\:row-gap-6 {
+    grid-row-gap: 1.5rem;
+    row-gap: 1.5rem;
+  }
+
+  .md\:row-gap-7 {
+    grid-row-gap: 1.75rem;
+    row-gap: 1.75rem;
+  }
+
+  .md\:row-gap-8 {
+    grid-row-gap: 2rem;
+    row-gap: 2rem;
+  }
+
+  .md\:row-gap-9 {
+    grid-row-gap: 2.25rem;
+    row-gap: 2.25rem;
+  }
+
+  .md\:row-gap-10 {
+    grid-row-gap: 2.5rem;
+    row-gap: 2.5rem;
+  }
+
+  .md\:row-gap-11 {
+    grid-row-gap: 2.75rem;
+    row-gap: 2.75rem;
+  }
+
+  .md\:row-gap-12 {
+    grid-row-gap: 3rem;
+    row-gap: 3rem;
+  }
+
+  .md\:row-gap-13 {
+    grid-row-gap: 3.25rem;
+    row-gap: 3.25rem;
+  }
+
+  .md\:row-gap-14 {
+    grid-row-gap: 3.5rem;
+    row-gap: 3.5rem;
+  }
+
+  .md\:row-gap-15 {
+    grid-row-gap: 3.75rem;
+    row-gap: 3.75rem;
+  }
+
+  .md\:row-gap-16 {
+    grid-row-gap: 4rem;
+    row-gap: 4rem;
+  }
+
+  .md\:row-gap-20 {
+    grid-row-gap: 5rem;
+    row-gap: 5rem;
+  }
+
+  .md\:row-gap-24 {
+    grid-row-gap: 6rem;
+    row-gap: 6rem;
+  }
+
+  .md\:row-gap-28 {
+    grid-row-gap: 7rem;
+    row-gap: 7rem;
+  }
+
+  .md\:row-gap-32 {
+    grid-row-gap: 8rem;
+    row-gap: 8rem;
+  }
+
+  .md\:row-gap-36 {
+    grid-row-gap: 9rem;
+    row-gap: 9rem;
+  }
+
+  .md\:row-gap-40 {
+    grid-row-gap: 10rem;
+    row-gap: 10rem;
+  }
+
+  .md\:row-gap-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem;
+  }
+
+  .md\:row-gap-56 {
+    grid-row-gap: 14rem;
+    row-gap: 14rem;
+  }
+
+  .md\:row-gap-60 {
+    grid-row-gap: 15rem;
+    row-gap: 15rem;
+  }
+
+  .md\:row-gap-64 {
+    grid-row-gap: 16rem;
+    row-gap: 16rem;
+  }
+
+  .md\:row-gap-72 {
+    grid-row-gap: 18rem;
+    row-gap: 18rem;
+  }
+
+  .md\:row-gap-80 {
+    grid-row-gap: 20rem;
+    row-gap: 20rem;
+  }
+
+  .md\:row-gap-96 {
+    grid-row-gap: 24rem;
+    row-gap: 24rem;
+  }
+
+  .md\:row-gap-px {
+    grid-row-gap: 1px;
+    row-gap: 1px;
+  }
+
+  .md\:row-gap-0\.5 {
+    grid-row-gap: 0.125rem;
+    row-gap: 0.125rem;
+  }
+
+  .md\:row-gap-1\.5 {
+    grid-row-gap: 0.375rem;
+    row-gap: 0.375rem;
+  }
+
+  .md\:row-gap-2\.5 {
+    grid-row-gap: 0.625rem;
+    row-gap: 0.625rem;
+  }
+
+  .md\:row-gap-3\.5 {
+    grid-row-gap: 0.875rem;
+    row-gap: 0.875rem;
+  }
+
+  .md\:row-gap-1\/2 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .md\:row-gap-1\/3 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .md\:row-gap-2\/3 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .md\:row-gap-1\/4 {
+    grid-row-gap: 25%;
+    row-gap: 25%;
+  }
+
+  .md\:row-gap-2\/4 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .md\:row-gap-3\/4 {
+    grid-row-gap: 75%;
+    row-gap: 75%;
+  }
+
+  .md\:row-gap-1\/5 {
+    grid-row-gap: 20%;
+    row-gap: 20%;
+  }
+
+  .md\:row-gap-2\/5 {
+    grid-row-gap: 40%;
+    row-gap: 40%;
+  }
+
+  .md\:row-gap-3\/5 {
+    grid-row-gap: 60%;
+    row-gap: 60%;
+  }
+
+  .md\:row-gap-4\/5 {
+    grid-row-gap: 80%;
+    row-gap: 80%;
+  }
+
+  .md\:row-gap-1\/6 {
+    grid-row-gap: 16.666667%;
+    row-gap: 16.666667%;
+  }
+
+  .md\:row-gap-2\/6 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .md\:row-gap-3\/6 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .md\:row-gap-4\/6 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .md\:row-gap-5\/6 {
+    grid-row-gap: 83.333333%;
+    row-gap: 83.333333%;
+  }
+
+  .md\:row-gap-1\/12 {
+    grid-row-gap: 8.333333%;
+    row-gap: 8.333333%;
+  }
+
+  .md\:row-gap-2\/12 {
+    grid-row-gap: 16.666667%;
+    row-gap: 16.666667%;
+  }
+
+  .md\:row-gap-3\/12 {
+    grid-row-gap: 25%;
+    row-gap: 25%;
+  }
+
+  .md\:row-gap-4\/12 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .md\:row-gap-5\/12 {
+    grid-row-gap: 41.666667%;
+    row-gap: 41.666667%;
+  }
+
+  .md\:row-gap-6\/12 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .md\:row-gap-7\/12 {
+    grid-row-gap: 58.333333%;
+    row-gap: 58.333333%;
+  }
+
+  .md\:row-gap-8\/12 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .md\:row-gap-9\/12 {
+    grid-row-gap: 75%;
+    row-gap: 75%;
+  }
+
+  .md\:row-gap-10\/12 {
+    grid-row-gap: 83.333333%;
+    row-gap: 83.333333%;
+  }
+
+  .md\:row-gap-11\/12 {
+    grid-row-gap: 91.666667%;
+    row-gap: 91.666667%;
+  }
+
+  .md\:row-gap-full {
+    grid-row-gap: 100%;
+    row-gap: 100%;
+  }
+
+  .md\:grid-flow-row {
+    grid-auto-flow: row;
+  }
+
+  .md\:grid-flow-col {
+    grid-auto-flow: column;
+  }
+
+  .md\:grid-flow-row-dense {
+    grid-auto-flow: row dense;
+  }
+
+  .md\:grid-flow-col-dense {
+    grid-auto-flow: column dense;
+  }
+
+  .md\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .md\:col-auto {
+    grid-column: auto;
+  }
+
+  .md\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .md\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .md\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .md\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .md\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .md\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .md\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .md\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .md\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .md\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .md\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .md\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .md\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .md\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .md\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .md\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .md\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .md\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .md\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .md\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .md\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .md\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .md\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .md\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .md\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .md\:col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .md\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .md\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .md\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .md\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .md\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .md\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .md\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .md\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .md\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .md\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .md\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .md\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .md\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .md\:col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .md\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-none {
+    grid-template-rows: none;
+  }
+
+  .md\:row-auto {
+    grid-row: auto;
+  }
+
+  .md\:row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .md\:row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .md\:row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .md\:row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .md\:row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .md\:row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .md\:row-start-1 {
+    grid-row-start: 1;
+  }
+
+  .md\:row-start-2 {
+    grid-row-start: 2;
+  }
+
+  .md\:row-start-3 {
+    grid-row-start: 3;
+  }
+
+  .md\:row-start-4 {
+    grid-row-start: 4;
+  }
+
+  .md\:row-start-5 {
+    grid-row-start: 5;
+  }
+
+  .md\:row-start-6 {
+    grid-row-start: 6;
+  }
+
+  .md\:row-start-7 {
+    grid-row-start: 7;
+  }
+
+  .md\:row-start-auto {
+    grid-row-start: auto;
+  }
+
+  .md\:row-end-1 {
+    grid-row-end: 1;
+  }
+
+  .md\:row-end-2 {
+    grid-row-end: 2;
+  }
+
+  .md\:row-end-3 {
+    grid-row-end: 3;
+  }
+
+  .md\:row-end-4 {
+    grid-row-end: 4;
+  }
+
+  .md\:row-end-5 {
+    grid-row-end: 5;
+  }
+
+  .md\:row-end-6 {
+    grid-row-end: 6;
+  }
+
+  .md\:row-end-7 {
+    grid-row-end: 7;
+  }
+
+  .md\:row-end-auto {
+    grid-row-end: auto;
+  }
+
+  .md\: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));
+  }
+
+  .md\:transform-none {
+    transform: none;
+  }
+
+  .md\:origin-center {
+    transform-origin: center;
+  }
+
+  .md\:origin-top {
+    transform-origin: top;
+  }
+
+  .md\:origin-top-right {
+    transform-origin: top right;
+  }
+
+  .md\:origin-right {
+    transform-origin: right;
+  }
+
+  .md\:origin-bottom-right {
+    transform-origin: bottom right;
+  }
+
+  .md\:origin-bottom {
+    transform-origin: bottom;
+  }
+
+  .md\:origin-bottom-left {
+    transform-origin: bottom left;
+  }
+
+  .md\:origin-left {
+    transform-origin: left;
+  }
+
+  .md\:origin-top-left {
+    transform-origin: top left;
+  }
+
+  .md\:scale-0 {
+    --transform-scale-x: 0;
+    --transform-scale-y: 0;
+  }
+
+  .md\:scale-50 {
+    --transform-scale-x: .5;
+    --transform-scale-y: .5;
+  }
+
+  .md\:scale-75 {
+    --transform-scale-x: .75;
+    --transform-scale-y: .75;
+  }
+
+  .md\:scale-90 {
+    --transform-scale-x: .9;
+    --transform-scale-y: .9;
+  }
+
+  .md\:scale-95 {
+    --transform-scale-x: .95;
+    --transform-scale-y: .95;
+  }
+
+  .md\:scale-100 {
+    --transform-scale-x: 1;
+    --transform-scale-y: 1;
+  }
+
+  .md\:scale-105 {
+    --transform-scale-x: 1.05;
+    --transform-scale-y: 1.05;
+  }
+
+  .md\:scale-110 {
+    --transform-scale-x: 1.1;
+    --transform-scale-y: 1.1;
+  }
+
+  .md\:scale-125 {
+    --transform-scale-x: 1.25;
+    --transform-scale-y: 1.25;
+  }
+
+  .md\:scale-150 {
+    --transform-scale-x: 1.5;
+    --transform-scale-y: 1.5;
+  }
+
+  .md\:scale-x-0 {
+    --transform-scale-x: 0;
+  }
+
+  .md\:scale-x-50 {
+    --transform-scale-x: .5;
+  }
+
+  .md\:scale-x-75 {
+    --transform-scale-x: .75;
+  }
+
+  .md\:scale-x-90 {
+    --transform-scale-x: .9;
+  }
+
+  .md\:scale-x-95 {
+    --transform-scale-x: .95;
+  }
+
+  .md\:scale-x-100 {
+    --transform-scale-x: 1;
+  }
+
+  .md\:scale-x-105 {
+    --transform-scale-x: 1.05;
+  }
+
+  .md\:scale-x-110 {
+    --transform-scale-x: 1.1;
+  }
+
+  .md\:scale-x-125 {
+    --transform-scale-x: 1.25;
+  }
+
+  .md\:scale-x-150 {
+    --transform-scale-x: 1.5;
+  }
+
+  .md\:scale-y-0 {
+    --transform-scale-y: 0;
+  }
+
+  .md\:scale-y-50 {
+    --transform-scale-y: .5;
+  }
+
+  .md\:scale-y-75 {
+    --transform-scale-y: .75;
+  }
+
+  .md\:scale-y-90 {
+    --transform-scale-y: .9;
+  }
+
+  .md\:scale-y-95 {
+    --transform-scale-y: .95;
+  }
+
+  .md\:scale-y-100 {
+    --transform-scale-y: 1;
+  }
+
+  .md\:scale-y-105 {
+    --transform-scale-y: 1.05;
+  }
+
+  .md\:scale-y-110 {
+    --transform-scale-y: 1.1;
+  }
+
+  .md\:scale-y-125 {
+    --transform-scale-y: 1.25;
+  }
+
+  .md\:scale-y-150 {
+    --transform-scale-y: 1.5;
+  }
+
+  .md\:hover\:scale-0:hover {
+    --transform-scale-x: 0;
+    --transform-scale-y: 0;
+  }
+
+  .md\:hover\:scale-50:hover {
+    --transform-scale-x: .5;
+    --transform-scale-y: .5;
+  }
+
+  .md\:hover\:scale-75:hover {
+    --transform-scale-x: .75;
+    --transform-scale-y: .75;
+  }
+
+  .md\:hover\:scale-90:hover {
+    --transform-scale-x: .9;
+    --transform-scale-y: .9;
+  }
+
+  .md\:hover\:scale-95:hover {
+    --transform-scale-x: .95;
+    --transform-scale-y: .95;
+  }
+
+  .md\:hover\:scale-100:hover {
+    --transform-scale-x: 1;
+    --transform-scale-y: 1;
+  }
+
+  .md\:hover\:scale-105:hover {
+    --transform-scale-x: 1.05;
+    --transform-scale-y: 1.05;
+  }
+
+  .md\:hover\:scale-110:hover {
+    --transform-scale-x: 1.1;
+    --transform-scale-y: 1.1;
+  }
+
+  .md\:hover\:scale-125:hover {
+    --transform-scale-x: 1.25;
+    --transform-scale-y: 1.25;
+  }
+
+  .md\:hover\:scale-150:hover {
+    --transform-scale-x: 1.5;
+    --transform-scale-y: 1.5;
+  }
+
+  .md\:hover\:scale-x-0:hover {
+    --transform-scale-x: 0;
+  }
+
+  .md\:hover\:scale-x-50:hover {
+    --transform-scale-x: .5;
+  }
+
+  .md\:hover\:scale-x-75:hover {
+    --transform-scale-x: .75;
+  }
+
+  .md\:hover\:scale-x-90:hover {
+    --transform-scale-x: .9;
+  }
+
+  .md\:hover\:scale-x-95:hover {
+    --transform-scale-x: .95;
+  }
+
+  .md\:hover\:scale-x-100:hover {
+    --transform-scale-x: 1;
+  }
+
+  .md\:hover\:scale-x-105:hover {
+    --transform-scale-x: 1.05;
+  }
+
+  .md\:hover\:scale-x-110:hover {
+    --transform-scale-x: 1.1;
+  }
+
+  .md\:hover\:scale-x-125:hover {
+    --transform-scale-x: 1.25;
+  }
+
+  .md\:hover\:scale-x-150:hover {
+    --transform-scale-x: 1.5;
+  }
+
+  .md\:hover\:scale-y-0:hover {
+    --transform-scale-y: 0;
+  }
+
+  .md\:hover\:scale-y-50:hover {
+    --transform-scale-y: .5;
+  }
+
+  .md\:hover\:scale-y-75:hover {
+    --transform-scale-y: .75;
+  }
+
+  .md\:hover\:scale-y-90:hover {
+    --transform-scale-y: .9;
+  }
+
+  .md\:hover\:scale-y-95:hover {
+    --transform-scale-y: .95;
+  }
+
+  .md\:hover\:scale-y-100:hover {
+    --transform-scale-y: 1;
+  }
+
+  .md\:hover\:scale-y-105:hover {
+    --transform-scale-y: 1.05;
+  }
+
+  .md\:hover\:scale-y-110:hover {
+    --transform-scale-y: 1.1;
+  }
+
+  .md\:hover\:scale-y-125:hover {
+    --transform-scale-y: 1.25;
+  }
+
+  .md\:hover\:scale-y-150:hover {
+    --transform-scale-y: 1.5;
+  }
+
+  .md\:focus\:scale-0:focus {
+    --transform-scale-x: 0;
+    --transform-scale-y: 0;
+  }
+
+  .md\:focus\:scale-50:focus {
+    --transform-scale-x: .5;
+    --transform-scale-y: .5;
+  }
+
+  .md\:focus\:scale-75:focus {
+    --transform-scale-x: .75;
+    --transform-scale-y: .75;
+  }
+
+  .md\:focus\:scale-90:focus {
+    --transform-scale-x: .9;
+    --transform-scale-y: .9;
+  }
+
+  .md\:focus\:scale-95:focus {
+    --transform-scale-x: .95;
+    --transform-scale-y: .95;
+  }
+
+  .md\:focus\:scale-100:focus {
+    --transform-scale-x: 1;
+    --transform-scale-y: 1;
+  }
+
+  .md\:focus\:scale-105:focus {
+    --transform-scale-x: 1.05;
+    --transform-scale-y: 1.05;
+  }
+
+  .md\:focus\:scale-110:focus {
+    --transform-scale-x: 1.1;
+    --transform-scale-y: 1.1;
+  }
+
+  .md\:focus\:scale-125:focus {
+    --transform-scale-x: 1.25;
+    --transform-scale-y: 1.25;
+  }
+
+  .md\:focus\:scale-150:focus {
+    --transform-scale-x: 1.5;
+    --transform-scale-y: 1.5;
+  }
+
+  .md\:focus\:scale-x-0:focus {
+    --transform-scale-x: 0;
+  }
+
+  .md\:focus\:scale-x-50:focus {
+    --transform-scale-x: .5;
+  }
+
+  .md\:focus\:scale-x-75:focus {
+    --transform-scale-x: .75;
+  }
+
+  .md\:focus\:scale-x-90:focus {
+    --transform-scale-x: .9;
+  }
+
+  .md\:focus\:scale-x-95:focus {
+    --transform-scale-x: .95;
+  }
+
+  .md\:focus\:scale-x-100:focus {
+    --transform-scale-x: 1;
+  }
+
+  .md\:focus\:scale-x-105:focus {
+    --transform-scale-x: 1.05;
+  }
+
+  .md\:focus\:scale-x-110:focus {
+    --transform-scale-x: 1.1;
+  }
+
+  .md\:focus\:scale-x-125:focus {
+    --transform-scale-x: 1.25;
+  }
+
+  .md\:focus\:scale-x-150:focus {
+    --transform-scale-x: 1.5;
+  }
+
+  .md\:focus\:scale-y-0:focus {
+    --transform-scale-y: 0;
+  }
+
+  .md\:focus\:scale-y-50:focus {
+    --transform-scale-y: .5;
+  }
+
+  .md\:focus\:scale-y-75:focus {
+    --transform-scale-y: .75;
+  }
+
+  .md\:focus\:scale-y-90:focus {
+    --transform-scale-y: .9;
+  }
+
+  .md\:focus\:scale-y-95:focus {
+    --transform-scale-y: .95;
+  }
+
+  .md\:focus\:scale-y-100:focus {
+    --transform-scale-y: 1;
+  }
+
+  .md\:focus\:scale-y-105:focus {
+    --transform-scale-y: 1.05;
+  }
+
+  .md\:focus\:scale-y-110:focus {
+    --transform-scale-y: 1.1;
+  }
+
+  .md\:focus\:scale-y-125:focus {
+    --transform-scale-y: 1.25;
+  }
+
+  .md\:focus\:scale-y-150:focus {
+    --transform-scale-y: 1.5;
+  }
+
+  .md\:rotate-0 {
+    --transform-rotate: 0;
+  }
+
+  .md\:rotate-45 {
+    --transform-rotate: 45deg;
+  }
+
+  .md\:rotate-90 {
+    --transform-rotate: 90deg;
+  }
+
+  .md\:rotate-180 {
+    --transform-rotate: 180deg;
+  }
+
+  .md\:-rotate-180 {
+    --transform-rotate: -180deg;
+  }
+
+  .md\:-rotate-90 {
+    --transform-rotate: -90deg;
+  }
+
+  .md\:-rotate-45 {
+    --transform-rotate: -45deg;
+  }
+
+  .md\:hover\:rotate-0:hover {
+    --transform-rotate: 0;
+  }
+
+  .md\:hover\:rotate-45:hover {
+    --transform-rotate: 45deg;
+  }
+
+  .md\:hover\:rotate-90:hover {
+    --transform-rotate: 90deg;
+  }
+
+  .md\:hover\:rotate-180:hover {
+    --transform-rotate: 180deg;
+  }
+
+  .md\:hover\:-rotate-180:hover {
+    --transform-rotate: -180deg;
+  }
+
+  .md\:hover\:-rotate-90:hover {
+    --transform-rotate: -90deg;
+  }
+
+  .md\:hover\:-rotate-45:hover {
+    --transform-rotate: -45deg;
+  }
+
+  .md\:focus\:rotate-0:focus {
+    --transform-rotate: 0;
+  }
+
+  .md\:focus\:rotate-45:focus {
+    --transform-rotate: 45deg;
+  }
+
+  .md\:focus\:rotate-90:focus {
+    --transform-rotate: 90deg;
+  }
+
+  .md\:focus\:rotate-180:focus {
+    --transform-rotate: 180deg;
+  }
+
+  .md\:focus\:-rotate-180:focus {
+    --transform-rotate: -180deg;
+  }
+
+  .md\:focus\:-rotate-90:focus {
+    --transform-rotate: -90deg;
+  }
+
+  .md\:focus\:-rotate-45:focus {
+    --transform-rotate: -45deg;
+  }
+
+  .md\:translate-x-0 {
+    --transform-translate-x: 0;
+  }
+
+  .md\:translate-x-1 {
+    --transform-translate-x: 0.25rem;
+  }
+
+  .md\:translate-x-2 {
+    --transform-translate-x: 0.5rem;
+  }
+
+  .md\:translate-x-3 {
+    --transform-translate-x: 0.75rem;
+  }
+
+  .md\:translate-x-4 {
+    --transform-translate-x: 1rem;
+  }
+
+  .md\:translate-x-5 {
+    --transform-translate-x: 1.25rem;
+  }
+
+  .md\:translate-x-6 {
+    --transform-translate-x: 1.5rem;
+  }
+
+  .md\:translate-x-7 {
+    --transform-translate-x: 1.75rem;
+  }
+
+  .md\:translate-x-8 {
+    --transform-translate-x: 2rem;
+  }
+
+  .md\:translate-x-9 {
+    --transform-translate-x: 2.25rem;
+  }
+
+  .md\:translate-x-10 {
+    --transform-translate-x: 2.5rem;
+  }
+
+  .md\:translate-x-11 {
+    --transform-translate-x: 2.75rem;
+  }
+
+  .md\:translate-x-12 {
+    --transform-translate-x: 3rem;
+  }
+
+  .md\:translate-x-13 {
+    --transform-translate-x: 3.25rem;
+  }
+
+  .md\:translate-x-14 {
+    --transform-translate-x: 3.5rem;
+  }
+
+  .md\:translate-x-15 {
+    --transform-translate-x: 3.75rem;
+  }
+
+  .md\:translate-x-16 {
+    --transform-translate-x: 4rem;
+  }
+
+  .md\:translate-x-20 {
+    --transform-translate-x: 5rem;
+  }
+
+  .md\:translate-x-24 {
+    --transform-translate-x: 6rem;
+  }
+
+  .md\:translate-x-28 {
+    --transform-translate-x: 7rem;
+  }
+
+  .md\:translate-x-32 {
+    --transform-translate-x: 8rem;
+  }
+
+  .md\:translate-x-36 {
+    --transform-translate-x: 9rem;
+  }
+
+  .md\:translate-x-40 {
+    --transform-translate-x: 10rem;
+  }
+
+  .md\:translate-x-48 {
+    --transform-translate-x: 12rem;
+  }
+
+  .md\:translate-x-56 {
+    --transform-translate-x: 14rem;
+  }
+
+  .md\:translate-x-60 {
+    --transform-translate-x: 15rem;
+  }
+
+  .md\:translate-x-64 {
+    --transform-translate-x: 16rem;
+  }
+
+  .md\:translate-x-72 {
+    --transform-translate-x: 18rem;
+  }
+
+  .md\:translate-x-80 {
+    --transform-translate-x: 20rem;
+  }
+
+  .md\:translate-x-96 {
+    --transform-translate-x: 24rem;
+  }
+
+  .md\:translate-x-px {
+    --transform-translate-x: 1px;
+  }
+
+  .md\:translate-x-0\.5 {
+    --transform-translate-x: 0.125rem;
+  }
+
+  .md\:translate-x-1\.5 {
+    --transform-translate-x: 0.375rem;
+  }
+
+  .md\:translate-x-2\.5 {
+    --transform-translate-x: 0.625rem;
+  }
+
+  .md\:translate-x-3\.5 {
+    --transform-translate-x: 0.875rem;
+  }
+
+  .md\:translate-x-1\/2 {
+    --transform-translate-x: 50%;
+  }
+
+  .md\:translate-x-1\/3 {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .md\:translate-x-2\/3 {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .md\:translate-x-1\/4 {
+    --transform-translate-x: 25%;
+  }
+
+  .md\:translate-x-2\/4 {
+    --transform-translate-x: 50%;
+  }
+
+  .md\:translate-x-3\/4 {
+    --transform-translate-x: 75%;
+  }
+
+  .md\:translate-x-1\/5 {
+    --transform-translate-x: 20%;
+  }
+
+  .md\:translate-x-2\/5 {
+    --transform-translate-x: 40%;
+  }
+
+  .md\:translate-x-3\/5 {
+    --transform-translate-x: 60%;
+  }
+
+  .md\:translate-x-4\/5 {
+    --transform-translate-x: 80%;
+  }
+
+  .md\:translate-x-1\/6 {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .md\:translate-x-2\/6 {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .md\:translate-x-3\/6 {
+    --transform-translate-x: 50%;
+  }
+
+  .md\:translate-x-4\/6 {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .md\:translate-x-5\/6 {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .md\:translate-x-1\/12 {
+    --transform-translate-x: 8.333333%;
+  }
+
+  .md\:translate-x-2\/12 {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .md\:translate-x-3\/12 {
+    --transform-translate-x: 25%;
+  }
+
+  .md\:translate-x-4\/12 {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .md\:translate-x-5\/12 {
+    --transform-translate-x: 41.666667%;
+  }
+
+  .md\:translate-x-6\/12 {
+    --transform-translate-x: 50%;
+  }
+
+  .md\:translate-x-7\/12 {
+    --transform-translate-x: 58.333333%;
+  }
+
+  .md\:translate-x-8\/12 {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .md\:translate-x-9\/12 {
+    --transform-translate-x: 75%;
+  }
+
+  .md\:translate-x-10\/12 {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .md\:translate-x-11\/12 {
+    --transform-translate-x: 91.666667%;
+  }
+
+  .md\:translate-x-full {
+    --transform-translate-x: 100%;
+  }
+
+  .md\:-translate-x-1 {
+    --transform-translate-x: -0.25rem;
+  }
+
+  .md\:-translate-x-2 {
+    --transform-translate-x: -0.5rem;
+  }
+
+  .md\:-translate-x-3 {
+    --transform-translate-x: -0.75rem;
+  }
+
+  .md\:-translate-x-4 {
+    --transform-translate-x: -1rem;
+  }
+
+  .md\:-translate-x-5 {
+    --transform-translate-x: -1.25rem;
+  }
+
+  .md\:-translate-x-6 {
+    --transform-translate-x: -1.5rem;
+  }
+
+  .md\:-translate-x-7 {
+    --transform-translate-x: -1.75rem;
+  }
+
+  .md\:-translate-x-8 {
+    --transform-translate-x: -2rem;
+  }
+
+  .md\:-translate-x-9 {
+    --transform-translate-x: -2.25rem;
+  }
+
+  .md\:-translate-x-10 {
+    --transform-translate-x: -2.5rem;
+  }
+
+  .md\:-translate-x-11 {
+    --transform-translate-x: -2.75rem;
+  }
+
+  .md\:-translate-x-12 {
+    --transform-translate-x: -3rem;
+  }
+
+  .md\:-translate-x-13 {
+    --transform-translate-x: -3.25rem;
+  }
+
+  .md\:-translate-x-14 {
+    --transform-translate-x: -3.5rem;
+  }
+
+  .md\:-translate-x-15 {
+    --transform-translate-x: -3.75rem;
+  }
+
+  .md\:-translate-x-16 {
+    --transform-translate-x: -4rem;
+  }
+
+  .md\:-translate-x-20 {
+    --transform-translate-x: -5rem;
+  }
+
+  .md\:-translate-x-24 {
+    --transform-translate-x: -6rem;
+  }
+
+  .md\:-translate-x-28 {
+    --transform-translate-x: -7rem;
+  }
+
+  .md\:-translate-x-32 {
+    --transform-translate-x: -8rem;
+  }
+
+  .md\:-translate-x-36 {
+    --transform-translate-x: -9rem;
+  }
+
+  .md\:-translate-x-40 {
+    --transform-translate-x: -10rem;
+  }
+
+  .md\:-translate-x-48 {
+    --transform-translate-x: -12rem;
+  }
+
+  .md\:-translate-x-56 {
+    --transform-translate-x: -14rem;
+  }
+
+  .md\:-translate-x-60 {
+    --transform-translate-x: -15rem;
+  }
+
+  .md\:-translate-x-64 {
+    --transform-translate-x: -16rem;
+  }
+
+  .md\:-translate-x-72 {
+    --transform-translate-x: -18rem;
+  }
+
+  .md\:-translate-x-80 {
+    --transform-translate-x: -20rem;
+  }
+
+  .md\:-translate-x-96 {
+    --transform-translate-x: -24rem;
+  }
+
+  .md\:-translate-x-px {
+    --transform-translate-x: -1px;
+  }
+
+  .md\:-translate-x-0\.5 {
+    --transform-translate-x: -0.125rem;
+  }
+
+  .md\:-translate-x-1\.5 {
+    --transform-translate-x: -0.375rem;
+  }
+
+  .md\:-translate-x-2\.5 {
+    --transform-translate-x: -0.625rem;
+  }
+
+  .md\:-translate-x-3\.5 {
+    --transform-translate-x: -0.875rem;
+  }
+
+  .md\:-translate-x-1\/2 {
+    --transform-translate-x: -50%;
+  }
+
+  .md\:-translate-x-1\/3 {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .md\:-translate-x-2\/3 {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .md\:-translate-x-1\/4 {
+    --transform-translate-x: -25%;
+  }
+
+  .md\:-translate-x-2\/4 {
+    --transform-translate-x: -50%;
+  }
+
+  .md\:-translate-x-3\/4 {
+    --transform-translate-x: -75%;
+  }
+
+  .md\:-translate-x-1\/5 {
+    --transform-translate-x: -20%;
+  }
+
+  .md\:-translate-x-2\/5 {
+    --transform-translate-x: -40%;
+  }
+
+  .md\:-translate-x-3\/5 {
+    --transform-translate-x: -60%;
+  }
+
+  .md\:-translate-x-4\/5 {
+    --transform-translate-x: -80%;
+  }
+
+  .md\:-translate-x-1\/6 {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .md\:-translate-x-2\/6 {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .md\:-translate-x-3\/6 {
+    --transform-translate-x: -50%;
+  }
+
+  .md\:-translate-x-4\/6 {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .md\:-translate-x-5\/6 {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .md\:-translate-x-1\/12 {
+    --transform-translate-x: -8.33333%;
+  }
+
+  .md\:-translate-x-2\/12 {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .md\:-translate-x-3\/12 {
+    --transform-translate-x: -25%;
+  }
+
+  .md\:-translate-x-4\/12 {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .md\:-translate-x-5\/12 {
+    --transform-translate-x: -41.66667%;
+  }
+
+  .md\:-translate-x-6\/12 {
+    --transform-translate-x: -50%;
+  }
+
+  .md\:-translate-x-7\/12 {
+    --transform-translate-x: -58.33333%;
+  }
+
+  .md\:-translate-x-8\/12 {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .md\:-translate-x-9\/12 {
+    --transform-translate-x: -75%;
+  }
+
+  .md\:-translate-x-10\/12 {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .md\:-translate-x-11\/12 {
+    --transform-translate-x: -91.66667%;
+  }
+
+  .md\:-translate-x-full {
+    --transform-translate-x: -100%;
+  }
+
+  .md\:translate-y-0 {
+    --transform-translate-y: 0;
+  }
+
+  .md\:translate-y-1 {
+    --transform-translate-y: 0.25rem;
+  }
+
+  .md\:translate-y-2 {
+    --transform-translate-y: 0.5rem;
+  }
+
+  .md\:translate-y-3 {
+    --transform-translate-y: 0.75rem;
+  }
+
+  .md\:translate-y-4 {
+    --transform-translate-y: 1rem;
+  }
+
+  .md\:translate-y-5 {
+    --transform-translate-y: 1.25rem;
+  }
+
+  .md\:translate-y-6 {
+    --transform-translate-y: 1.5rem;
+  }
+
+  .md\:translate-y-7 {
+    --transform-translate-y: 1.75rem;
+  }
+
+  .md\:translate-y-8 {
+    --transform-translate-y: 2rem;
+  }
+
+  .md\:translate-y-9 {
+    --transform-translate-y: 2.25rem;
+  }
+
+  .md\:translate-y-10 {
+    --transform-translate-y: 2.5rem;
+  }
+
+  .md\:translate-y-11 {
+    --transform-translate-y: 2.75rem;
+  }
+
+  .md\:translate-y-12 {
+    --transform-translate-y: 3rem;
+  }
+
+  .md\:translate-y-13 {
+    --transform-translate-y: 3.25rem;
+  }
+
+  .md\:translate-y-14 {
+    --transform-translate-y: 3.5rem;
+  }
+
+  .md\:translate-y-15 {
+    --transform-translate-y: 3.75rem;
+  }
+
+  .md\:translate-y-16 {
+    --transform-translate-y: 4rem;
+  }
+
+  .md\:translate-y-20 {
+    --transform-translate-y: 5rem;
+  }
+
+  .md\:translate-y-24 {
+    --transform-translate-y: 6rem;
+  }
+
+  .md\:translate-y-28 {
+    --transform-translate-y: 7rem;
+  }
+
+  .md\:translate-y-32 {
+    --transform-translate-y: 8rem;
+  }
+
+  .md\:translate-y-36 {
+    --transform-translate-y: 9rem;
+  }
+
+  .md\:translate-y-40 {
+    --transform-translate-y: 10rem;
+  }
+
+  .md\:translate-y-48 {
+    --transform-translate-y: 12rem;
+  }
+
+  .md\:translate-y-56 {
+    --transform-translate-y: 14rem;
+  }
+
+  .md\:translate-y-60 {
+    --transform-translate-y: 15rem;
+  }
+
+  .md\:translate-y-64 {
+    --transform-translate-y: 16rem;
+  }
+
+  .md\:translate-y-72 {
+    --transform-translate-y: 18rem;
+  }
+
+  .md\:translate-y-80 {
+    --transform-translate-y: 20rem;
+  }
+
+  .md\:translate-y-96 {
+    --transform-translate-y: 24rem;
+  }
+
+  .md\:translate-y-px {
+    --transform-translate-y: 1px;
+  }
+
+  .md\:translate-y-0\.5 {
+    --transform-translate-y: 0.125rem;
+  }
+
+  .md\:translate-y-1\.5 {
+    --transform-translate-y: 0.375rem;
+  }
+
+  .md\:translate-y-2\.5 {
+    --transform-translate-y: 0.625rem;
+  }
+
+  .md\:translate-y-3\.5 {
+    --transform-translate-y: 0.875rem;
+  }
+
+  .md\:translate-y-1\/2 {
+    --transform-translate-y: 50%;
+  }
+
+  .md\:translate-y-1\/3 {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .md\:translate-y-2\/3 {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .md\:translate-y-1\/4 {
+    --transform-translate-y: 25%;
+  }
+
+  .md\:translate-y-2\/4 {
+    --transform-translate-y: 50%;
+  }
+
+  .md\:translate-y-3\/4 {
+    --transform-translate-y: 75%;
+  }
+
+  .md\:translate-y-1\/5 {
+    --transform-translate-y: 20%;
+  }
+
+  .md\:translate-y-2\/5 {
+    --transform-translate-y: 40%;
+  }
+
+  .md\:translate-y-3\/5 {
+    --transform-translate-y: 60%;
+  }
+
+  .md\:translate-y-4\/5 {
+    --transform-translate-y: 80%;
+  }
+
+  .md\:translate-y-1\/6 {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .md\:translate-y-2\/6 {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .md\:translate-y-3\/6 {
+    --transform-translate-y: 50%;
+  }
+
+  .md\:translate-y-4\/6 {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .md\:translate-y-5\/6 {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .md\:translate-y-1\/12 {
+    --transform-translate-y: 8.333333%;
+  }
+
+  .md\:translate-y-2\/12 {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .md\:translate-y-3\/12 {
+    --transform-translate-y: 25%;
+  }
+
+  .md\:translate-y-4\/12 {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .md\:translate-y-5\/12 {
+    --transform-translate-y: 41.666667%;
+  }
+
+  .md\:translate-y-6\/12 {
+    --transform-translate-y: 50%;
+  }
+
+  .md\:translate-y-7\/12 {
+    --transform-translate-y: 58.333333%;
+  }
+
+  .md\:translate-y-8\/12 {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .md\:translate-y-9\/12 {
+    --transform-translate-y: 75%;
+  }
+
+  .md\:translate-y-10\/12 {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .md\:translate-y-11\/12 {
+    --transform-translate-y: 91.666667%;
+  }
+
+  .md\:translate-y-full {
+    --transform-translate-y: 100%;
+  }
+
+  .md\:-translate-y-1 {
+    --transform-translate-y: -0.25rem;
+  }
+
+  .md\:-translate-y-2 {
+    --transform-translate-y: -0.5rem;
+  }
+
+  .md\:-translate-y-3 {
+    --transform-translate-y: -0.75rem;
+  }
+
+  .md\:-translate-y-4 {
+    --transform-translate-y: -1rem;
+  }
+
+  .md\:-translate-y-5 {
+    --transform-translate-y: -1.25rem;
+  }
+
+  .md\:-translate-y-6 {
+    --transform-translate-y: -1.5rem;
+  }
+
+  .md\:-translate-y-7 {
+    --transform-translate-y: -1.75rem;
+  }
+
+  .md\:-translate-y-8 {
+    --transform-translate-y: -2rem;
+  }
+
+  .md\:-translate-y-9 {
+    --transform-translate-y: -2.25rem;
+  }
+
+  .md\:-translate-y-10 {
+    --transform-translate-y: -2.5rem;
+  }
+
+  .md\:-translate-y-11 {
+    --transform-translate-y: -2.75rem;
+  }
+
+  .md\:-translate-y-12 {
+    --transform-translate-y: -3rem;
+  }
+
+  .md\:-translate-y-13 {
+    --transform-translate-y: -3.25rem;
+  }
+
+  .md\:-translate-y-14 {
+    --transform-translate-y: -3.5rem;
+  }
+
+  .md\:-translate-y-15 {
+    --transform-translate-y: -3.75rem;
+  }
+
+  .md\:-translate-y-16 {
+    --transform-translate-y: -4rem;
+  }
+
+  .md\:-translate-y-20 {
+    --transform-translate-y: -5rem;
+  }
+
+  .md\:-translate-y-24 {
+    --transform-translate-y: -6rem;
+  }
+
+  .md\:-translate-y-28 {
+    --transform-translate-y: -7rem;
+  }
+
+  .md\:-translate-y-32 {
+    --transform-translate-y: -8rem;
+  }
+
+  .md\:-translate-y-36 {
+    --transform-translate-y: -9rem;
+  }
+
+  .md\:-translate-y-40 {
+    --transform-translate-y: -10rem;
+  }
+
+  .md\:-translate-y-48 {
+    --transform-translate-y: -12rem;
+  }
+
+  .md\:-translate-y-56 {
+    --transform-translate-y: -14rem;
+  }
+
+  .md\:-translate-y-60 {
+    --transform-translate-y: -15rem;
+  }
+
+  .md\:-translate-y-64 {
+    --transform-translate-y: -16rem;
+  }
+
+  .md\:-translate-y-72 {
+    --transform-translate-y: -18rem;
+  }
+
+  .md\:-translate-y-80 {
+    --transform-translate-y: -20rem;
+  }
+
+  .md\:-translate-y-96 {
+    --transform-translate-y: -24rem;
+  }
+
+  .md\:-translate-y-px {
+    --transform-translate-y: -1px;
+  }
+
+  .md\:-translate-y-0\.5 {
+    --transform-translate-y: -0.125rem;
+  }
+
+  .md\:-translate-y-1\.5 {
+    --transform-translate-y: -0.375rem;
+  }
+
+  .md\:-translate-y-2\.5 {
+    --transform-translate-y: -0.625rem;
+  }
+
+  .md\:-translate-y-3\.5 {
+    --transform-translate-y: -0.875rem;
+  }
+
+  .md\:-translate-y-1\/2 {
+    --transform-translate-y: -50%;
+  }
+
+  .md\:-translate-y-1\/3 {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .md\:-translate-y-2\/3 {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .md\:-translate-y-1\/4 {
+    --transform-translate-y: -25%;
+  }
+
+  .md\:-translate-y-2\/4 {
+    --transform-translate-y: -50%;
+  }
+
+  .md\:-translate-y-3\/4 {
+    --transform-translate-y: -75%;
+  }
+
+  .md\:-translate-y-1\/5 {
+    --transform-translate-y: -20%;
+  }
+
+  .md\:-translate-y-2\/5 {
+    --transform-translate-y: -40%;
+  }
+
+  .md\:-translate-y-3\/5 {
+    --transform-translate-y: -60%;
+  }
+
+  .md\:-translate-y-4\/5 {
+    --transform-translate-y: -80%;
+  }
+
+  .md\:-translate-y-1\/6 {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .md\:-translate-y-2\/6 {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .md\:-translate-y-3\/6 {
+    --transform-translate-y: -50%;
+  }
+
+  .md\:-translate-y-4\/6 {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .md\:-translate-y-5\/6 {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .md\:-translate-y-1\/12 {
+    --transform-translate-y: -8.33333%;
+  }
+
+  .md\:-translate-y-2\/12 {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .md\:-translate-y-3\/12 {
+    --transform-translate-y: -25%;
+  }
+
+  .md\:-translate-y-4\/12 {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .md\:-translate-y-5\/12 {
+    --transform-translate-y: -41.66667%;
+  }
+
+  .md\:-translate-y-6\/12 {
+    --transform-translate-y: -50%;
+  }
+
+  .md\:-translate-y-7\/12 {
+    --transform-translate-y: -58.33333%;
+  }
+
+  .md\:-translate-y-8\/12 {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .md\:-translate-y-9\/12 {
+    --transform-translate-y: -75%;
+  }
+
+  .md\:-translate-y-10\/12 {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .md\:-translate-y-11\/12 {
+    --transform-translate-y: -91.66667%;
+  }
+
+  .md\:-translate-y-full {
+    --transform-translate-y: -100%;
+  }
+
+  .md\:hover\:translate-x-0:hover {
+    --transform-translate-x: 0;
+  }
+
+  .md\:hover\:translate-x-1:hover {
+    --transform-translate-x: 0.25rem;
+  }
+
+  .md\:hover\:translate-x-2:hover {
+    --transform-translate-x: 0.5rem;
+  }
+
+  .md\:hover\:translate-x-3:hover {
+    --transform-translate-x: 0.75rem;
+  }
+
+  .md\:hover\:translate-x-4:hover {
+    --transform-translate-x: 1rem;
+  }
+
+  .md\:hover\:translate-x-5:hover {
+    --transform-translate-x: 1.25rem;
+  }
+
+  .md\:hover\:translate-x-6:hover {
+    --transform-translate-x: 1.5rem;
+  }
+
+  .md\:hover\:translate-x-7:hover {
+    --transform-translate-x: 1.75rem;
+  }
+
+  .md\:hover\:translate-x-8:hover {
+    --transform-translate-x: 2rem;
+  }
+
+  .md\:hover\:translate-x-9:hover {
+    --transform-translate-x: 2.25rem;
+  }
+
+  .md\:hover\:translate-x-10:hover {
+    --transform-translate-x: 2.5rem;
+  }
+
+  .md\:hover\:translate-x-11:hover {
+    --transform-translate-x: 2.75rem;
+  }
+
+  .md\:hover\:translate-x-12:hover {
+    --transform-translate-x: 3rem;
+  }
+
+  .md\:hover\:translate-x-13:hover {
+    --transform-translate-x: 3.25rem;
+  }
+
+  .md\:hover\:translate-x-14:hover {
+    --transform-translate-x: 3.5rem;
+  }
+
+  .md\:hover\:translate-x-15:hover {
+    --transform-translate-x: 3.75rem;
+  }
+
+  .md\:hover\:translate-x-16:hover {
+    --transform-translate-x: 4rem;
+  }
+
+  .md\:hover\:translate-x-20:hover {
+    --transform-translate-x: 5rem;
+  }
+
+  .md\:hover\:translate-x-24:hover {
+    --transform-translate-x: 6rem;
+  }
+
+  .md\:hover\:translate-x-28:hover {
+    --transform-translate-x: 7rem;
+  }
+
+  .md\:hover\:translate-x-32:hover {
+    --transform-translate-x: 8rem;
+  }
+
+  .md\:hover\:translate-x-36:hover {
+    --transform-translate-x: 9rem;
+  }
+
+  .md\:hover\:translate-x-40:hover {
+    --transform-translate-x: 10rem;
+  }
+
+  .md\:hover\:translate-x-48:hover {
+    --transform-translate-x: 12rem;
+  }
+
+  .md\:hover\:translate-x-56:hover {
+    --transform-translate-x: 14rem;
+  }
+
+  .md\:hover\:translate-x-60:hover {
+    --transform-translate-x: 15rem;
+  }
+
+  .md\:hover\:translate-x-64:hover {
+    --transform-translate-x: 16rem;
+  }
+
+  .md\:hover\:translate-x-72:hover {
+    --transform-translate-x: 18rem;
+  }
+
+  .md\:hover\:translate-x-80:hover {
+    --transform-translate-x: 20rem;
+  }
+
+  .md\:hover\:translate-x-96:hover {
+    --transform-translate-x: 24rem;
+  }
+
+  .md\:hover\:translate-x-px:hover {
+    --transform-translate-x: 1px;
+  }
+
+  .md\:hover\:translate-x-0\.5:hover {
+    --transform-translate-x: 0.125rem;
+  }
+
+  .md\:hover\:translate-x-1\.5:hover {
+    --transform-translate-x: 0.375rem;
+  }
+
+  .md\:hover\:translate-x-2\.5:hover {
+    --transform-translate-x: 0.625rem;
+  }
+
+  .md\:hover\:translate-x-3\.5:hover {
+    --transform-translate-x: 0.875rem;
+  }
+
+  .md\:hover\:translate-x-1\/2:hover {
+    --transform-translate-x: 50%;
+  }
+
+  .md\:hover\:translate-x-1\/3:hover {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .md\:hover\:translate-x-2\/3:hover {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .md\:hover\:translate-x-1\/4:hover {
+    --transform-translate-x: 25%;
+  }
+
+  .md\:hover\:translate-x-2\/4:hover {
+    --transform-translate-x: 50%;
+  }
+
+  .md\:hover\:translate-x-3\/4:hover {
+    --transform-translate-x: 75%;
+  }
+
+  .md\:hover\:translate-x-1\/5:hover {
+    --transform-translate-x: 20%;
+  }
+
+  .md\:hover\:translate-x-2\/5:hover {
+    --transform-translate-x: 40%;
+  }
+
+  .md\:hover\:translate-x-3\/5:hover {
+    --transform-translate-x: 60%;
+  }
+
+  .md\:hover\:translate-x-4\/5:hover {
+    --transform-translate-x: 80%;
+  }
+
+  .md\:hover\:translate-x-1\/6:hover {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .md\:hover\:translate-x-2\/6:hover {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .md\:hover\:translate-x-3\/6:hover {
+    --transform-translate-x: 50%;
+  }
+
+  .md\:hover\:translate-x-4\/6:hover {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .md\:hover\:translate-x-5\/6:hover {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .md\:hover\:translate-x-1\/12:hover {
+    --transform-translate-x: 8.333333%;
+  }
+
+  .md\:hover\:translate-x-2\/12:hover {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .md\:hover\:translate-x-3\/12:hover {
+    --transform-translate-x: 25%;
+  }
+
+  .md\:hover\:translate-x-4\/12:hover {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .md\:hover\:translate-x-5\/12:hover {
+    --transform-translate-x: 41.666667%;
+  }
+
+  .md\:hover\:translate-x-6\/12:hover {
+    --transform-translate-x: 50%;
+  }
+
+  .md\:hover\:translate-x-7\/12:hover {
+    --transform-translate-x: 58.333333%;
+  }
+
+  .md\:hover\:translate-x-8\/12:hover {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .md\:hover\:translate-x-9\/12:hover {
+    --transform-translate-x: 75%;
+  }
+
+  .md\:hover\:translate-x-10\/12:hover {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .md\:hover\:translate-x-11\/12:hover {
+    --transform-translate-x: 91.666667%;
+  }
+
+  .md\:hover\:translate-x-full:hover {
+    --transform-translate-x: 100%;
+  }
+
+  .md\:hover\:-translate-x-1:hover {
+    --transform-translate-x: -0.25rem;
+  }
+
+  .md\:hover\:-translate-x-2:hover {
+    --transform-translate-x: -0.5rem;
+  }
+
+  .md\:hover\:-translate-x-3:hover {
+    --transform-translate-x: -0.75rem;
+  }
+
+  .md\:hover\:-translate-x-4:hover {
+    --transform-translate-x: -1rem;
+  }
+
+  .md\:hover\:-translate-x-5:hover {
+    --transform-translate-x: -1.25rem;
+  }
+
+  .md\:hover\:-translate-x-6:hover {
+    --transform-translate-x: -1.5rem;
+  }
+
+  .md\:hover\:-translate-x-7:hover {
+    --transform-translate-x: -1.75rem;
+  }
+
+  .md\:hover\:-translate-x-8:hover {
+    --transform-translate-x: -2rem;
+  }
+
+  .md\:hover\:-translate-x-9:hover {
+    --transform-translate-x: -2.25rem;
+  }
+
+  .md\:hover\:-translate-x-10:hover {
+    --transform-translate-x: -2.5rem;
+  }
+
+  .md\:hover\:-translate-x-11:hover {
+    --transform-translate-x: -2.75rem;
+  }
+
+  .md\:hover\:-translate-x-12:hover {
+    --transform-translate-x: -3rem;
+  }
+
+  .md\:hover\:-translate-x-13:hover {
+    --transform-translate-x: -3.25rem;
+  }
+
+  .md\:hover\:-translate-x-14:hover {
+    --transform-translate-x: -3.5rem;
+  }
+
+  .md\:hover\:-translate-x-15:hover {
+    --transform-translate-x: -3.75rem;
+  }
+
+  .md\:hover\:-translate-x-16:hover {
+    --transform-translate-x: -4rem;
+  }
+
+  .md\:hover\:-translate-x-20:hover {
+    --transform-translate-x: -5rem;
+  }
+
+  .md\:hover\:-translate-x-24:hover {
+    --transform-translate-x: -6rem;
+  }
+
+  .md\:hover\:-translate-x-28:hover {
+    --transform-translate-x: -7rem;
+  }
+
+  .md\:hover\:-translate-x-32:hover {
+    --transform-translate-x: -8rem;
+  }
+
+  .md\:hover\:-translate-x-36:hover {
+    --transform-translate-x: -9rem;
+  }
+
+  .md\:hover\:-translate-x-40:hover {
+    --transform-translate-x: -10rem;
+  }
+
+  .md\:hover\:-translate-x-48:hover {
+    --transform-translate-x: -12rem;
+  }
+
+  .md\:hover\:-translate-x-56:hover {
+    --transform-translate-x: -14rem;
+  }
+
+  .md\:hover\:-translate-x-60:hover {
+    --transform-translate-x: -15rem;
+  }
+
+  .md\:hover\:-translate-x-64:hover {
+    --transform-translate-x: -16rem;
+  }
+
+  .md\:hover\:-translate-x-72:hover {
+    --transform-translate-x: -18rem;
+  }
+
+  .md\:hover\:-translate-x-80:hover {
+    --transform-translate-x: -20rem;
+  }
+
+  .md\:hover\:-translate-x-96:hover {
+    --transform-translate-x: -24rem;
+  }
+
+  .md\:hover\:-translate-x-px:hover {
+    --transform-translate-x: -1px;
+  }
+
+  .md\:hover\:-translate-x-0\.5:hover {
+    --transform-translate-x: -0.125rem;
+  }
+
+  .md\:hover\:-translate-x-1\.5:hover {
+    --transform-translate-x: -0.375rem;
+  }
+
+  .md\:hover\:-translate-x-2\.5:hover {
+    --transform-translate-x: -0.625rem;
+  }
+
+  .md\:hover\:-translate-x-3\.5:hover {
+    --transform-translate-x: -0.875rem;
+  }
+
+  .md\:hover\:-translate-x-1\/2:hover {
+    --transform-translate-x: -50%;
+  }
+
+  .md\:hover\:-translate-x-1\/3:hover {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .md\:hover\:-translate-x-2\/3:hover {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .md\:hover\:-translate-x-1\/4:hover {
+    --transform-translate-x: -25%;
+  }
+
+  .md\:hover\:-translate-x-2\/4:hover {
+    --transform-translate-x: -50%;
+  }
+
+  .md\:hover\:-translate-x-3\/4:hover {
+    --transform-translate-x: -75%;
+  }
+
+  .md\:hover\:-translate-x-1\/5:hover {
+    --transform-translate-x: -20%;
+  }
+
+  .md\:hover\:-translate-x-2\/5:hover {
+    --transform-translate-x: -40%;
+  }
+
+  .md\:hover\:-translate-x-3\/5:hover {
+    --transform-translate-x: -60%;
+  }
+
+  .md\:hover\:-translate-x-4\/5:hover {
+    --transform-translate-x: -80%;
+  }
+
+  .md\:hover\:-translate-x-1\/6:hover {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .md\:hover\:-translate-x-2\/6:hover {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .md\:hover\:-translate-x-3\/6:hover {
+    --transform-translate-x: -50%;
+  }
+
+  .md\:hover\:-translate-x-4\/6:hover {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .md\:hover\:-translate-x-5\/6:hover {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .md\:hover\:-translate-x-1\/12:hover {
+    --transform-translate-x: -8.33333%;
+  }
+
+  .md\:hover\:-translate-x-2\/12:hover {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .md\:hover\:-translate-x-3\/12:hover {
+    --transform-translate-x: -25%;
+  }
+
+  .md\:hover\:-translate-x-4\/12:hover {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .md\:hover\:-translate-x-5\/12:hover {
+    --transform-translate-x: -41.66667%;
+  }
+
+  .md\:hover\:-translate-x-6\/12:hover {
+    --transform-translate-x: -50%;
+  }
+
+  .md\:hover\:-translate-x-7\/12:hover {
+    --transform-translate-x: -58.33333%;
+  }
+
+  .md\:hover\:-translate-x-8\/12:hover {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .md\:hover\:-translate-x-9\/12:hover {
+    --transform-translate-x: -75%;
+  }
+
+  .md\:hover\:-translate-x-10\/12:hover {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .md\:hover\:-translate-x-11\/12:hover {
+    --transform-translate-x: -91.66667%;
+  }
+
+  .md\:hover\:-translate-x-full:hover {
+    --transform-translate-x: -100%;
+  }
+
+  .md\:hover\:translate-y-0:hover {
+    --transform-translate-y: 0;
+  }
+
+  .md\:hover\:translate-y-1:hover {
+    --transform-translate-y: 0.25rem;
+  }
+
+  .md\:hover\:translate-y-2:hover {
+    --transform-translate-y: 0.5rem;
+  }
+
+  .md\:hover\:translate-y-3:hover {
+    --transform-translate-y: 0.75rem;
+  }
+
+  .md\:hover\:translate-y-4:hover {
+    --transform-translate-y: 1rem;
+  }
+
+  .md\:hover\:translate-y-5:hover {
+    --transform-translate-y: 1.25rem;
+  }
+
+  .md\:hover\:translate-y-6:hover {
+    --transform-translate-y: 1.5rem;
+  }
+
+  .md\:hover\:translate-y-7:hover {
+    --transform-translate-y: 1.75rem;
+  }
+
+  .md\:hover\:translate-y-8:hover {
+    --transform-translate-y: 2rem;
+  }
+
+  .md\:hover\:translate-y-9:hover {
+    --transform-translate-y: 2.25rem;
+  }
+
+  .md\:hover\:translate-y-10:hover {
+    --transform-translate-y: 2.5rem;
+  }
+
+  .md\:hover\:translate-y-11:hover {
+    --transform-translate-y: 2.75rem;
+  }
+
+  .md\:hover\:translate-y-12:hover {
+    --transform-translate-y: 3rem;
+  }
+
+  .md\:hover\:translate-y-13:hover {
+    --transform-translate-y: 3.25rem;
+  }
+
+  .md\:hover\:translate-y-14:hover {
+    --transform-translate-y: 3.5rem;
+  }
+
+  .md\:hover\:translate-y-15:hover {
+    --transform-translate-y: 3.75rem;
+  }
+
+  .md\:hover\:translate-y-16:hover {
+    --transform-translate-y: 4rem;
+  }
+
+  .md\:hover\:translate-y-20:hover {
+    --transform-translate-y: 5rem;
+  }
+
+  .md\:hover\:translate-y-24:hover {
+    --transform-translate-y: 6rem;
+  }
+
+  .md\:hover\:translate-y-28:hover {
+    --transform-translate-y: 7rem;
+  }
+
+  .md\:hover\:translate-y-32:hover {
+    --transform-translate-y: 8rem;
+  }
+
+  .md\:hover\:translate-y-36:hover {
+    --transform-translate-y: 9rem;
+  }
+
+  .md\:hover\:translate-y-40:hover {
+    --transform-translate-y: 10rem;
+  }
+
+  .md\:hover\:translate-y-48:hover {
+    --transform-translate-y: 12rem;
+  }
+
+  .md\:hover\:translate-y-56:hover {
+    --transform-translate-y: 14rem;
+  }
+
+  .md\:hover\:translate-y-60:hover {
+    --transform-translate-y: 15rem;
+  }
+
+  .md\:hover\:translate-y-64:hover {
+    --transform-translate-y: 16rem;
+  }
+
+  .md\:hover\:translate-y-72:hover {
+    --transform-translate-y: 18rem;
+  }
+
+  .md\:hover\:translate-y-80:hover {
+    --transform-translate-y: 20rem;
+  }
+
+  .md\:hover\:translate-y-96:hover {
+    --transform-translate-y: 24rem;
+  }
+
+  .md\:hover\:translate-y-px:hover {
+    --transform-translate-y: 1px;
+  }
+
+  .md\:hover\:translate-y-0\.5:hover {
+    --transform-translate-y: 0.125rem;
+  }
+
+  .md\:hover\:translate-y-1\.5:hover {
+    --transform-translate-y: 0.375rem;
+  }
+
+  .md\:hover\:translate-y-2\.5:hover {
+    --transform-translate-y: 0.625rem;
+  }
+
+  .md\:hover\:translate-y-3\.5:hover {
+    --transform-translate-y: 0.875rem;
+  }
+
+  .md\:hover\:translate-y-1\/2:hover {
+    --transform-translate-y: 50%;
+  }
+
+  .md\:hover\:translate-y-1\/3:hover {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .md\:hover\:translate-y-2\/3:hover {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .md\:hover\:translate-y-1\/4:hover {
+    --transform-translate-y: 25%;
+  }
+
+  .md\:hover\:translate-y-2\/4:hover {
+    --transform-translate-y: 50%;
+  }
+
+  .md\:hover\:translate-y-3\/4:hover {
+    --transform-translate-y: 75%;
+  }
+
+  .md\:hover\:translate-y-1\/5:hover {
+    --transform-translate-y: 20%;
+  }
+
+  .md\:hover\:translate-y-2\/5:hover {
+    --transform-translate-y: 40%;
+  }
+
+  .md\:hover\:translate-y-3\/5:hover {
+    --transform-translate-y: 60%;
+  }
+
+  .md\:hover\:translate-y-4\/5:hover {
+    --transform-translate-y: 80%;
+  }
+
+  .md\:hover\:translate-y-1\/6:hover {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .md\:hover\:translate-y-2\/6:hover {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .md\:hover\:translate-y-3\/6:hover {
+    --transform-translate-y: 50%;
+  }
+
+  .md\:hover\:translate-y-4\/6:hover {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .md\:hover\:translate-y-5\/6:hover {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .md\:hover\:translate-y-1\/12:hover {
+    --transform-translate-y: 8.333333%;
+  }
+
+  .md\:hover\:translate-y-2\/12:hover {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .md\:hover\:translate-y-3\/12:hover {
+    --transform-translate-y: 25%;
+  }
+
+  .md\:hover\:translate-y-4\/12:hover {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .md\:hover\:translate-y-5\/12:hover {
+    --transform-translate-y: 41.666667%;
+  }
+
+  .md\:hover\:translate-y-6\/12:hover {
+    --transform-translate-y: 50%;
+  }
+
+  .md\:hover\:translate-y-7\/12:hover {
+    --transform-translate-y: 58.333333%;
+  }
+
+  .md\:hover\:translate-y-8\/12:hover {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .md\:hover\:translate-y-9\/12:hover {
+    --transform-translate-y: 75%;
+  }
+
+  .md\:hover\:translate-y-10\/12:hover {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .md\:hover\:translate-y-11\/12:hover {
+    --transform-translate-y: 91.666667%;
+  }
+
+  .md\:hover\:translate-y-full:hover {
+    --transform-translate-y: 100%;
+  }
+
+  .md\:hover\:-translate-y-1:hover {
+    --transform-translate-y: -0.25rem;
+  }
+
+  .md\:hover\:-translate-y-2:hover {
+    --transform-translate-y: -0.5rem;
+  }
+
+  .md\:hover\:-translate-y-3:hover {
+    --transform-translate-y: -0.75rem;
+  }
+
+  .md\:hover\:-translate-y-4:hover {
+    --transform-translate-y: -1rem;
+  }
+
+  .md\:hover\:-translate-y-5:hover {
+    --transform-translate-y: -1.25rem;
+  }
+
+  .md\:hover\:-translate-y-6:hover {
+    --transform-translate-y: -1.5rem;
+  }
+
+  .md\:hover\:-translate-y-7:hover {
+    --transform-translate-y: -1.75rem;
+  }
+
+  .md\:hover\:-translate-y-8:hover {
+    --transform-translate-y: -2rem;
+  }
+
+  .md\:hover\:-translate-y-9:hover {
+    --transform-translate-y: -2.25rem;
+  }
+
+  .md\:hover\:-translate-y-10:hover {
+    --transform-translate-y: -2.5rem;
+  }
+
+  .md\:hover\:-translate-y-11:hover {
+    --transform-translate-y: -2.75rem;
+  }
+
+  .md\:hover\:-translate-y-12:hover {
+    --transform-translate-y: -3rem;
+  }
+
+  .md\:hover\:-translate-y-13:hover {
+    --transform-translate-y: -3.25rem;
+  }
+
+  .md\:hover\:-translate-y-14:hover {
+    --transform-translate-y: -3.5rem;
+  }
+
+  .md\:hover\:-translate-y-15:hover {
+    --transform-translate-y: -3.75rem;
+  }
+
+  .md\:hover\:-translate-y-16:hover {
+    --transform-translate-y: -4rem;
+  }
+
+  .md\:hover\:-translate-y-20:hover {
+    --transform-translate-y: -5rem;
+  }
+
+  .md\:hover\:-translate-y-24:hover {
+    --transform-translate-y: -6rem;
+  }
+
+  .md\:hover\:-translate-y-28:hover {
+    --transform-translate-y: -7rem;
+  }
+
+  .md\:hover\:-translate-y-32:hover {
+    --transform-translate-y: -8rem;
+  }
+
+  .md\:hover\:-translate-y-36:hover {
+    --transform-translate-y: -9rem;
+  }
+
+  .md\:hover\:-translate-y-40:hover {
+    --transform-translate-y: -10rem;
+  }
+
+  .md\:hover\:-translate-y-48:hover {
+    --transform-translate-y: -12rem;
+  }
+
+  .md\:hover\:-translate-y-56:hover {
+    --transform-translate-y: -14rem;
+  }
+
+  .md\:hover\:-translate-y-60:hover {
+    --transform-translate-y: -15rem;
+  }
+
+  .md\:hover\:-translate-y-64:hover {
+    --transform-translate-y: -16rem;
+  }
+
+  .md\:hover\:-translate-y-72:hover {
+    --transform-translate-y: -18rem;
+  }
+
+  .md\:hover\:-translate-y-80:hover {
+    --transform-translate-y: -20rem;
+  }
+
+  .md\:hover\:-translate-y-96:hover {
+    --transform-translate-y: -24rem;
+  }
+
+  .md\:hover\:-translate-y-px:hover {
+    --transform-translate-y: -1px;
+  }
+
+  .md\:hover\:-translate-y-0\.5:hover {
+    --transform-translate-y: -0.125rem;
+  }
+
+  .md\:hover\:-translate-y-1\.5:hover {
+    --transform-translate-y: -0.375rem;
+  }
+
+  .md\:hover\:-translate-y-2\.5:hover {
+    --transform-translate-y: -0.625rem;
+  }
+
+  .md\:hover\:-translate-y-3\.5:hover {
+    --transform-translate-y: -0.875rem;
+  }
+
+  .md\:hover\:-translate-y-1\/2:hover {
+    --transform-translate-y: -50%;
+  }
+
+  .md\:hover\:-translate-y-1\/3:hover {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .md\:hover\:-translate-y-2\/3:hover {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .md\:hover\:-translate-y-1\/4:hover {
+    --transform-translate-y: -25%;
+  }
+
+  .md\:hover\:-translate-y-2\/4:hover {
+    --transform-translate-y: -50%;
+  }
+
+  .md\:hover\:-translate-y-3\/4:hover {
+    --transform-translate-y: -75%;
+  }
+
+  .md\:hover\:-translate-y-1\/5:hover {
+    --transform-translate-y: -20%;
+  }
+
+  .md\:hover\:-translate-y-2\/5:hover {
+    --transform-translate-y: -40%;
+  }
+
+  .md\:hover\:-translate-y-3\/5:hover {
+    --transform-translate-y: -60%;
+  }
+
+  .md\:hover\:-translate-y-4\/5:hover {
+    --transform-translate-y: -80%;
+  }
+
+  .md\:hover\:-translate-y-1\/6:hover {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .md\:hover\:-translate-y-2\/6:hover {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .md\:hover\:-translate-y-3\/6:hover {
+    --transform-translate-y: -50%;
+  }
+
+  .md\:hover\:-translate-y-4\/6:hover {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .md\:hover\:-translate-y-5\/6:hover {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .md\:hover\:-translate-y-1\/12:hover {
+    --transform-translate-y: -8.33333%;
+  }
+
+  .md\:hover\:-translate-y-2\/12:hover {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .md\:hover\:-translate-y-3\/12:hover {
+    --transform-translate-y: -25%;
+  }
+
+  .md\:hover\:-translate-y-4\/12:hover {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .md\:hover\:-translate-y-5\/12:hover {
+    --transform-translate-y: -41.66667%;
+  }
+
+  .md\:hover\:-translate-y-6\/12:hover {
+    --transform-translate-y: -50%;
+  }
+
+  .md\:hover\:-translate-y-7\/12:hover {
+    --transform-translate-y: -58.33333%;
+  }
+
+  .md\:hover\:-translate-y-8\/12:hover {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .md\:hover\:-translate-y-9\/12:hover {
+    --transform-translate-y: -75%;
+  }
+
+  .md\:hover\:-translate-y-10\/12:hover {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .md\:hover\:-translate-y-11\/12:hover {
+    --transform-translate-y: -91.66667%;
+  }
+
+  .md\:hover\:-translate-y-full:hover {
+    --transform-translate-y: -100%;
+  }
+
+  .md\:focus\:translate-x-0:focus {
+    --transform-translate-x: 0;
+  }
+
+  .md\:focus\:translate-x-1:focus {
+    --transform-translate-x: 0.25rem;
+  }
+
+  .md\:focus\:translate-x-2:focus {
+    --transform-translate-x: 0.5rem;
+  }
+
+  .md\:focus\:translate-x-3:focus {
+    --transform-translate-x: 0.75rem;
+  }
+
+  .md\:focus\:translate-x-4:focus {
+    --transform-translate-x: 1rem;
+  }
+
+  .md\:focus\:translate-x-5:focus {
+    --transform-translate-x: 1.25rem;
+  }
+
+  .md\:focus\:translate-x-6:focus {
+    --transform-translate-x: 1.5rem;
+  }
+
+  .md\:focus\:translate-x-7:focus {
+    --transform-translate-x: 1.75rem;
+  }
+
+  .md\:focus\:translate-x-8:focus {
+    --transform-translate-x: 2rem;
+  }
+
+  .md\:focus\:translate-x-9:focus {
+    --transform-translate-x: 2.25rem;
+  }
+
+  .md\:focus\:translate-x-10:focus {
+    --transform-translate-x: 2.5rem;
+  }
+
+  .md\:focus\:translate-x-11:focus {
+    --transform-translate-x: 2.75rem;
+  }
+
+  .md\:focus\:translate-x-12:focus {
+    --transform-translate-x: 3rem;
+  }
+
+  .md\:focus\:translate-x-13:focus {
+    --transform-translate-x: 3.25rem;
+  }
+
+  .md\:focus\:translate-x-14:focus {
+    --transform-translate-x: 3.5rem;
+  }
+
+  .md\:focus\:translate-x-15:focus {
+    --transform-translate-x: 3.75rem;
+  }
+
+  .md\:focus\:translate-x-16:focus {
+    --transform-translate-x: 4rem;
+  }
+
+  .md\:focus\:translate-x-20:focus {
+    --transform-translate-x: 5rem;
+  }
+
+  .md\:focus\:translate-x-24:focus {
+    --transform-translate-x: 6rem;
+  }
+
+  .md\:focus\:translate-x-28:focus {
+    --transform-translate-x: 7rem;
+  }
+
+  .md\:focus\:translate-x-32:focus {
+    --transform-translate-x: 8rem;
+  }
+
+  .md\:focus\:translate-x-36:focus {
+    --transform-translate-x: 9rem;
+  }
+
+  .md\:focus\:translate-x-40:focus {
+    --transform-translate-x: 10rem;
+  }
+
+  .md\:focus\:translate-x-48:focus {
+    --transform-translate-x: 12rem;
+  }
+
+  .md\:focus\:translate-x-56:focus {
+    --transform-translate-x: 14rem;
+  }
+
+  .md\:focus\:translate-x-60:focus {
+    --transform-translate-x: 15rem;
+  }
+
+  .md\:focus\:translate-x-64:focus {
+    --transform-translate-x: 16rem;
+  }
+
+  .md\:focus\:translate-x-72:focus {
+    --transform-translate-x: 18rem;
+  }
+
+  .md\:focus\:translate-x-80:focus {
+    --transform-translate-x: 20rem;
+  }
+
+  .md\:focus\:translate-x-96:focus {
+    --transform-translate-x: 24rem;
+  }
+
+  .md\:focus\:translate-x-px:focus {
+    --transform-translate-x: 1px;
+  }
+
+  .md\:focus\:translate-x-0\.5:focus {
+    --transform-translate-x: 0.125rem;
+  }
+
+  .md\:focus\:translate-x-1\.5:focus {
+    --transform-translate-x: 0.375rem;
+  }
+
+  .md\:focus\:translate-x-2\.5:focus {
+    --transform-translate-x: 0.625rem;
+  }
+
+  .md\:focus\:translate-x-3\.5:focus {
+    --transform-translate-x: 0.875rem;
+  }
+
+  .md\:focus\:translate-x-1\/2:focus {
+    --transform-translate-x: 50%;
+  }
+
+  .md\:focus\:translate-x-1\/3:focus {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .md\:focus\:translate-x-2\/3:focus {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .md\:focus\:translate-x-1\/4:focus {
+    --transform-translate-x: 25%;
+  }
+
+  .md\:focus\:translate-x-2\/4:focus {
+    --transform-translate-x: 50%;
+  }
+
+  .md\:focus\:translate-x-3\/4:focus {
+    --transform-translate-x: 75%;
+  }
+
+  .md\:focus\:translate-x-1\/5:focus {
+    --transform-translate-x: 20%;
+  }
+
+  .md\:focus\:translate-x-2\/5:focus {
+    --transform-translate-x: 40%;
+  }
+
+  .md\:focus\:translate-x-3\/5:focus {
+    --transform-translate-x: 60%;
+  }
+
+  .md\:focus\:translate-x-4\/5:focus {
+    --transform-translate-x: 80%;
+  }
+
+  .md\:focus\:translate-x-1\/6:focus {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .md\:focus\:translate-x-2\/6:focus {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .md\:focus\:translate-x-3\/6:focus {
+    --transform-translate-x: 50%;
+  }
+
+  .md\:focus\:translate-x-4\/6:focus {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .md\:focus\:translate-x-5\/6:focus {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .md\:focus\:translate-x-1\/12:focus {
+    --transform-translate-x: 8.333333%;
+  }
+
+  .md\:focus\:translate-x-2\/12:focus {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .md\:focus\:translate-x-3\/12:focus {
+    --transform-translate-x: 25%;
+  }
+
+  .md\:focus\:translate-x-4\/12:focus {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .md\:focus\:translate-x-5\/12:focus {
+    --transform-translate-x: 41.666667%;
+  }
+
+  .md\:focus\:translate-x-6\/12:focus {
+    --transform-translate-x: 50%;
+  }
+
+  .md\:focus\:translate-x-7\/12:focus {
+    --transform-translate-x: 58.333333%;
+  }
+
+  .md\:focus\:translate-x-8\/12:focus {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .md\:focus\:translate-x-9\/12:focus {
+    --transform-translate-x: 75%;
+  }
+
+  .md\:focus\:translate-x-10\/12:focus {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .md\:focus\:translate-x-11\/12:focus {
+    --transform-translate-x: 91.666667%;
+  }
+
+  .md\:focus\:translate-x-full:focus {
+    --transform-translate-x: 100%;
+  }
+
+  .md\:focus\:-translate-x-1:focus {
+    --transform-translate-x: -0.25rem;
+  }
+
+  .md\:focus\:-translate-x-2:focus {
+    --transform-translate-x: -0.5rem;
+  }
+
+  .md\:focus\:-translate-x-3:focus {
+    --transform-translate-x: -0.75rem;
+  }
+
+  .md\:focus\:-translate-x-4:focus {
+    --transform-translate-x: -1rem;
+  }
+
+  .md\:focus\:-translate-x-5:focus {
+    --transform-translate-x: -1.25rem;
+  }
+
+  .md\:focus\:-translate-x-6:focus {
+    --transform-translate-x: -1.5rem;
+  }
+
+  .md\:focus\:-translate-x-7:focus {
+    --transform-translate-x: -1.75rem;
+  }
+
+  .md\:focus\:-translate-x-8:focus {
+    --transform-translate-x: -2rem;
+  }
+
+  .md\:focus\:-translate-x-9:focus {
+    --transform-translate-x: -2.25rem;
+  }
+
+  .md\:focus\:-translate-x-10:focus {
+    --transform-translate-x: -2.5rem;
+  }
+
+  .md\:focus\:-translate-x-11:focus {
+    --transform-translate-x: -2.75rem;
+  }
+
+  .md\:focus\:-translate-x-12:focus {
+    --transform-translate-x: -3rem;
+  }
+
+  .md\:focus\:-translate-x-13:focus {
+    --transform-translate-x: -3.25rem;
+  }
+
+  .md\:focus\:-translate-x-14:focus {
+    --transform-translate-x: -3.5rem;
+  }
+
+  .md\:focus\:-translate-x-15:focus {
+    --transform-translate-x: -3.75rem;
+  }
+
+  .md\:focus\:-translate-x-16:focus {
+    --transform-translate-x: -4rem;
+  }
+
+  .md\:focus\:-translate-x-20:focus {
+    --transform-translate-x: -5rem;
+  }
+
+  .md\:focus\:-translate-x-24:focus {
+    --transform-translate-x: -6rem;
+  }
+
+  .md\:focus\:-translate-x-28:focus {
+    --transform-translate-x: -7rem;
+  }
+
+  .md\:focus\:-translate-x-32:focus {
+    --transform-translate-x: -8rem;
+  }
+
+  .md\:focus\:-translate-x-36:focus {
+    --transform-translate-x: -9rem;
+  }
+
+  .md\:focus\:-translate-x-40:focus {
+    --transform-translate-x: -10rem;
+  }
+
+  .md\:focus\:-translate-x-48:focus {
+    --transform-translate-x: -12rem;
+  }
+
+  .md\:focus\:-translate-x-56:focus {
+    --transform-translate-x: -14rem;
+  }
+
+  .md\:focus\:-translate-x-60:focus {
+    --transform-translate-x: -15rem;
+  }
+
+  .md\:focus\:-translate-x-64:focus {
+    --transform-translate-x: -16rem;
+  }
+
+  .md\:focus\:-translate-x-72:focus {
+    --transform-translate-x: -18rem;
+  }
+
+  .md\:focus\:-translate-x-80:focus {
+    --transform-translate-x: -20rem;
+  }
+
+  .md\:focus\:-translate-x-96:focus {
+    --transform-translate-x: -24rem;
+  }
+
+  .md\:focus\:-translate-x-px:focus {
+    --transform-translate-x: -1px;
+  }
+
+  .md\:focus\:-translate-x-0\.5:focus {
+    --transform-translate-x: -0.125rem;
+  }
+
+  .md\:focus\:-translate-x-1\.5:focus {
+    --transform-translate-x: -0.375rem;
+  }
+
+  .md\:focus\:-translate-x-2\.5:focus {
+    --transform-translate-x: -0.625rem;
+  }
+
+  .md\:focus\:-translate-x-3\.5:focus {
+    --transform-translate-x: -0.875rem;
+  }
+
+  .md\:focus\:-translate-x-1\/2:focus {
+    --transform-translate-x: -50%;
+  }
+
+  .md\:focus\:-translate-x-1\/3:focus {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .md\:focus\:-translate-x-2\/3:focus {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .md\:focus\:-translate-x-1\/4:focus {
+    --transform-translate-x: -25%;
+  }
+
+  .md\:focus\:-translate-x-2\/4:focus {
+    --transform-translate-x: -50%;
+  }
+
+  .md\:focus\:-translate-x-3\/4:focus {
+    --transform-translate-x: -75%;
+  }
+
+  .md\:focus\:-translate-x-1\/5:focus {
+    --transform-translate-x: -20%;
+  }
+
+  .md\:focus\:-translate-x-2\/5:focus {
+    --transform-translate-x: -40%;
+  }
+
+  .md\:focus\:-translate-x-3\/5:focus {
+    --transform-translate-x: -60%;
+  }
+
+  .md\:focus\:-translate-x-4\/5:focus {
+    --transform-translate-x: -80%;
+  }
+
+  .md\:focus\:-translate-x-1\/6:focus {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .md\:focus\:-translate-x-2\/6:focus {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .md\:focus\:-translate-x-3\/6:focus {
+    --transform-translate-x: -50%;
+  }
+
+  .md\:focus\:-translate-x-4\/6:focus {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .md\:focus\:-translate-x-5\/6:focus {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .md\:focus\:-translate-x-1\/12:focus {
+    --transform-translate-x: -8.33333%;
+  }
+
+  .md\:focus\:-translate-x-2\/12:focus {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .md\:focus\:-translate-x-3\/12:focus {
+    --transform-translate-x: -25%;
+  }
+
+  .md\:focus\:-translate-x-4\/12:focus {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .md\:focus\:-translate-x-5\/12:focus {
+    --transform-translate-x: -41.66667%;
+  }
+
+  .md\:focus\:-translate-x-6\/12:focus {
+    --transform-translate-x: -50%;
+  }
+
+  .md\:focus\:-translate-x-7\/12:focus {
+    --transform-translate-x: -58.33333%;
+  }
+
+  .md\:focus\:-translate-x-8\/12:focus {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .md\:focus\:-translate-x-9\/12:focus {
+    --transform-translate-x: -75%;
+  }
+
+  .md\:focus\:-translate-x-10\/12:focus {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .md\:focus\:-translate-x-11\/12:focus {
+    --transform-translate-x: -91.66667%;
+  }
+
+  .md\:focus\:-translate-x-full:focus {
+    --transform-translate-x: -100%;
+  }
+
+  .md\:focus\:translate-y-0:focus {
+    --transform-translate-y: 0;
+  }
+
+  .md\:focus\:translate-y-1:focus {
+    --transform-translate-y: 0.25rem;
+  }
+
+  .md\:focus\:translate-y-2:focus {
+    --transform-translate-y: 0.5rem;
+  }
+
+  .md\:focus\:translate-y-3:focus {
+    --transform-translate-y: 0.75rem;
+  }
+
+  .md\:focus\:translate-y-4:focus {
+    --transform-translate-y: 1rem;
+  }
+
+  .md\:focus\:translate-y-5:focus {
+    --transform-translate-y: 1.25rem;
+  }
+
+  .md\:focus\:translate-y-6:focus {
+    --transform-translate-y: 1.5rem;
+  }
+
+  .md\:focus\:translate-y-7:focus {
+    --transform-translate-y: 1.75rem;
+  }
+
+  .md\:focus\:translate-y-8:focus {
+    --transform-translate-y: 2rem;
+  }
+
+  .md\:focus\:translate-y-9:focus {
+    --transform-translate-y: 2.25rem;
+  }
+
+  .md\:focus\:translate-y-10:focus {
+    --transform-translate-y: 2.5rem;
+  }
+
+  .md\:focus\:translate-y-11:focus {
+    --transform-translate-y: 2.75rem;
+  }
+
+  .md\:focus\:translate-y-12:focus {
+    --transform-translate-y: 3rem;
+  }
+
+  .md\:focus\:translate-y-13:focus {
+    --transform-translate-y: 3.25rem;
+  }
+
+  .md\:focus\:translate-y-14:focus {
+    --transform-translate-y: 3.5rem;
+  }
+
+  .md\:focus\:translate-y-15:focus {
+    --transform-translate-y: 3.75rem;
+  }
+
+  .md\:focus\:translate-y-16:focus {
+    --transform-translate-y: 4rem;
+  }
+
+  .md\:focus\:translate-y-20:focus {
+    --transform-translate-y: 5rem;
+  }
+
+  .md\:focus\:translate-y-24:focus {
+    --transform-translate-y: 6rem;
+  }
+
+  .md\:focus\:translate-y-28:focus {
+    --transform-translate-y: 7rem;
+  }
+
+  .md\:focus\:translate-y-32:focus {
+    --transform-translate-y: 8rem;
+  }
+
+  .md\:focus\:translate-y-36:focus {
+    --transform-translate-y: 9rem;
+  }
+
+  .md\:focus\:translate-y-40:focus {
+    --transform-translate-y: 10rem;
+  }
+
+  .md\:focus\:translate-y-48:focus {
+    --transform-translate-y: 12rem;
+  }
+
+  .md\:focus\:translate-y-56:focus {
+    --transform-translate-y: 14rem;
+  }
+
+  .md\:focus\:translate-y-60:focus {
+    --transform-translate-y: 15rem;
+  }
+
+  .md\:focus\:translate-y-64:focus {
+    --transform-translate-y: 16rem;
+  }
+
+  .md\:focus\:translate-y-72:focus {
+    --transform-translate-y: 18rem;
+  }
+
+  .md\:focus\:translate-y-80:focus {
+    --transform-translate-y: 20rem;
+  }
+
+  .md\:focus\:translate-y-96:focus {
+    --transform-translate-y: 24rem;
+  }
+
+  .md\:focus\:translate-y-px:focus {
+    --transform-translate-y: 1px;
+  }
+
+  .md\:focus\:translate-y-0\.5:focus {
+    --transform-translate-y: 0.125rem;
+  }
+
+  .md\:focus\:translate-y-1\.5:focus {
+    --transform-translate-y: 0.375rem;
+  }
+
+  .md\:focus\:translate-y-2\.5:focus {
+    --transform-translate-y: 0.625rem;
+  }
+
+  .md\:focus\:translate-y-3\.5:focus {
+    --transform-translate-y: 0.875rem;
+  }
+
+  .md\:focus\:translate-y-1\/2:focus {
+    --transform-translate-y: 50%;
+  }
+
+  .md\:focus\:translate-y-1\/3:focus {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .md\:focus\:translate-y-2\/3:focus {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .md\:focus\:translate-y-1\/4:focus {
+    --transform-translate-y: 25%;
+  }
+
+  .md\:focus\:translate-y-2\/4:focus {
+    --transform-translate-y: 50%;
+  }
+
+  .md\:focus\:translate-y-3\/4:focus {
+    --transform-translate-y: 75%;
+  }
+
+  .md\:focus\:translate-y-1\/5:focus {
+    --transform-translate-y: 20%;
+  }
+
+  .md\:focus\:translate-y-2\/5:focus {
+    --transform-translate-y: 40%;
+  }
+
+  .md\:focus\:translate-y-3\/5:focus {
+    --transform-translate-y: 60%;
+  }
+
+  .md\:focus\:translate-y-4\/5:focus {
+    --transform-translate-y: 80%;
+  }
+
+  .md\:focus\:translate-y-1\/6:focus {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .md\:focus\:translate-y-2\/6:focus {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .md\:focus\:translate-y-3\/6:focus {
+    --transform-translate-y: 50%;
+  }
+
+  .md\:focus\:translate-y-4\/6:focus {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .md\:focus\:translate-y-5\/6:focus {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .md\:focus\:translate-y-1\/12:focus {
+    --transform-translate-y: 8.333333%;
+  }
+
+  .md\:focus\:translate-y-2\/12:focus {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .md\:focus\:translate-y-3\/12:focus {
+    --transform-translate-y: 25%;
+  }
+
+  .md\:focus\:translate-y-4\/12:focus {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .md\:focus\:translate-y-5\/12:focus {
+    --transform-translate-y: 41.666667%;
+  }
+
+  .md\:focus\:translate-y-6\/12:focus {
+    --transform-translate-y: 50%;
+  }
+
+  .md\:focus\:translate-y-7\/12:focus {
+    --transform-translate-y: 58.333333%;
+  }
+
+  .md\:focus\:translate-y-8\/12:focus {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .md\:focus\:translate-y-9\/12:focus {
+    --transform-translate-y: 75%;
+  }
+
+  .md\:focus\:translate-y-10\/12:focus {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .md\:focus\:translate-y-11\/12:focus {
+    --transform-translate-y: 91.666667%;
+  }
+
+  .md\:focus\:translate-y-full:focus {
+    --transform-translate-y: 100%;
+  }
+
+  .md\:focus\:-translate-y-1:focus {
+    --transform-translate-y: -0.25rem;
+  }
+
+  .md\:focus\:-translate-y-2:focus {
+    --transform-translate-y: -0.5rem;
+  }
+
+  .md\:focus\:-translate-y-3:focus {
+    --transform-translate-y: -0.75rem;
+  }
+
+  .md\:focus\:-translate-y-4:focus {
+    --transform-translate-y: -1rem;
+  }
+
+  .md\:focus\:-translate-y-5:focus {
+    --transform-translate-y: -1.25rem;
+  }
+
+  .md\:focus\:-translate-y-6:focus {
+    --transform-translate-y: -1.5rem;
+  }
+
+  .md\:focus\:-translate-y-7:focus {
+    --transform-translate-y: -1.75rem;
+  }
+
+  .md\:focus\:-translate-y-8:focus {
+    --transform-translate-y: -2rem;
+  }
+
+  .md\:focus\:-translate-y-9:focus {
+    --transform-translate-y: -2.25rem;
+  }
+
+  .md\:focus\:-translate-y-10:focus {
+    --transform-translate-y: -2.5rem;
+  }
+
+  .md\:focus\:-translate-y-11:focus {
+    --transform-translate-y: -2.75rem;
+  }
+
+  .md\:focus\:-translate-y-12:focus {
+    --transform-translate-y: -3rem;
+  }
+
+  .md\:focus\:-translate-y-13:focus {
+    --transform-translate-y: -3.25rem;
+  }
+
+  .md\:focus\:-translate-y-14:focus {
+    --transform-translate-y: -3.5rem;
+  }
+
+  .md\:focus\:-translate-y-15:focus {
+    --transform-translate-y: -3.75rem;
+  }
+
+  .md\:focus\:-translate-y-16:focus {
+    --transform-translate-y: -4rem;
+  }
+
+  .md\:focus\:-translate-y-20:focus {
+    --transform-translate-y: -5rem;
+  }
+
+  .md\:focus\:-translate-y-24:focus {
+    --transform-translate-y: -6rem;
+  }
+
+  .md\:focus\:-translate-y-28:focus {
+    --transform-translate-y: -7rem;
+  }
+
+  .md\:focus\:-translate-y-32:focus {
+    --transform-translate-y: -8rem;
+  }
+
+  .md\:focus\:-translate-y-36:focus {
+    --transform-translate-y: -9rem;
+  }
+
+  .md\:focus\:-translate-y-40:focus {
+    --transform-translate-y: -10rem;
+  }
+
+  .md\:focus\:-translate-y-48:focus {
+    --transform-translate-y: -12rem;
+  }
+
+  .md\:focus\:-translate-y-56:focus {
+    --transform-translate-y: -14rem;
+  }
+
+  .md\:focus\:-translate-y-60:focus {
+    --transform-translate-y: -15rem;
+  }
+
+  .md\:focus\:-translate-y-64:focus {
+    --transform-translate-y: -16rem;
+  }
+
+  .md\:focus\:-translate-y-72:focus {
+    --transform-translate-y: -18rem;
+  }
+
+  .md\:focus\:-translate-y-80:focus {
+    --transform-translate-y: -20rem;
+  }
+
+  .md\:focus\:-translate-y-96:focus {
+    --transform-translate-y: -24rem;
+  }
+
+  .md\:focus\:-translate-y-px:focus {
+    --transform-translate-y: -1px;
+  }
+
+  .md\:focus\:-translate-y-0\.5:focus {
+    --transform-translate-y: -0.125rem;
+  }
+
+  .md\:focus\:-translate-y-1\.5:focus {
+    --transform-translate-y: -0.375rem;
+  }
+
+  .md\:focus\:-translate-y-2\.5:focus {
+    --transform-translate-y: -0.625rem;
+  }
+
+  .md\:focus\:-translate-y-3\.5:focus {
+    --transform-translate-y: -0.875rem;
+  }
+
+  .md\:focus\:-translate-y-1\/2:focus {
+    --transform-translate-y: -50%;
+  }
+
+  .md\:focus\:-translate-y-1\/3:focus {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .md\:focus\:-translate-y-2\/3:focus {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .md\:focus\:-translate-y-1\/4:focus {
+    --transform-translate-y: -25%;
+  }
+
+  .md\:focus\:-translate-y-2\/4:focus {
+    --transform-translate-y: -50%;
+  }
+
+  .md\:focus\:-translate-y-3\/4:focus {
+    --transform-translate-y: -75%;
+  }
+
+  .md\:focus\:-translate-y-1\/5:focus {
+    --transform-translate-y: -20%;
+  }
+
+  .md\:focus\:-translate-y-2\/5:focus {
+    --transform-translate-y: -40%;
+  }
+
+  .md\:focus\:-translate-y-3\/5:focus {
+    --transform-translate-y: -60%;
+  }
+
+  .md\:focus\:-translate-y-4\/5:focus {
+    --transform-translate-y: -80%;
+  }
+
+  .md\:focus\:-translate-y-1\/6:focus {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .md\:focus\:-translate-y-2\/6:focus {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .md\:focus\:-translate-y-3\/6:focus {
+    --transform-translate-y: -50%;
+  }
+
+  .md\:focus\:-translate-y-4\/6:focus {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .md\:focus\:-translate-y-5\/6:focus {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .md\:focus\:-translate-y-1\/12:focus {
+    --transform-translate-y: -8.33333%;
+  }
+
+  .md\:focus\:-translate-y-2\/12:focus {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .md\:focus\:-translate-y-3\/12:focus {
+    --transform-translate-y: -25%;
+  }
+
+  .md\:focus\:-translate-y-4\/12:focus {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .md\:focus\:-translate-y-5\/12:focus {
+    --transform-translate-y: -41.66667%;
+  }
+
+  .md\:focus\:-translate-y-6\/12:focus {
+    --transform-translate-y: -50%;
+  }
+
+  .md\:focus\:-translate-y-7\/12:focus {
+    --transform-translate-y: -58.33333%;
+  }
+
+  .md\:focus\:-translate-y-8\/12:focus {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .md\:focus\:-translate-y-9\/12:focus {
+    --transform-translate-y: -75%;
+  }
+
+  .md\:focus\:-translate-y-10\/12:focus {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .md\:focus\:-translate-y-11\/12:focus {
+    --transform-translate-y: -91.66667%;
+  }
+
+  .md\:focus\:-translate-y-full:focus {
+    --transform-translate-y: -100%;
+  }
+
+  .md\:skew-x-0 {
+    --transform-skew-x: 0;
+  }
+
+  .md\:skew-x-3 {
+    --transform-skew-x: 3deg;
+  }
+
+  .md\:skew-x-6 {
+    --transform-skew-x: 6deg;
+  }
+
+  .md\:skew-x-12 {
+    --transform-skew-x: 12deg;
+  }
+
+  .md\:-skew-x-12 {
+    --transform-skew-x: -12deg;
+  }
+
+  .md\:-skew-x-6 {
+    --transform-skew-x: -6deg;
+  }
+
+  .md\:-skew-x-3 {
+    --transform-skew-x: -3deg;
+  }
+
+  .md\:skew-y-0 {
+    --transform-skew-y: 0;
+  }
+
+  .md\:skew-y-3 {
+    --transform-skew-y: 3deg;
+  }
+
+  .md\:skew-y-6 {
+    --transform-skew-y: 6deg;
+  }
+
+  .md\:skew-y-12 {
+    --transform-skew-y: 12deg;
+  }
+
+  .md\:-skew-y-12 {
+    --transform-skew-y: -12deg;
+  }
+
+  .md\:-skew-y-6 {
+    --transform-skew-y: -6deg;
+  }
+
+  .md\:-skew-y-3 {
+    --transform-skew-y: -3deg;
+  }
+
+  .md\:hover\:skew-x-0:hover {
+    --transform-skew-x: 0;
+  }
+
+  .md\:hover\:skew-x-3:hover {
+    --transform-skew-x: 3deg;
+  }
+
+  .md\:hover\:skew-x-6:hover {
+    --transform-skew-x: 6deg;
+  }
+
+  .md\:hover\:skew-x-12:hover {
+    --transform-skew-x: 12deg;
+  }
+
+  .md\:hover\:-skew-x-12:hover {
+    --transform-skew-x: -12deg;
+  }
+
+  .md\:hover\:-skew-x-6:hover {
+    --transform-skew-x: -6deg;
+  }
+
+  .md\:hover\:-skew-x-3:hover {
+    --transform-skew-x: -3deg;
+  }
+
+  .md\:hover\:skew-y-0:hover {
+    --transform-skew-y: 0;
+  }
+
+  .md\:hover\:skew-y-3:hover {
+    --transform-skew-y: 3deg;
+  }
+
+  .md\:hover\:skew-y-6:hover {
+    --transform-skew-y: 6deg;
+  }
+
+  .md\:hover\:skew-y-12:hover {
+    --transform-skew-y: 12deg;
+  }
+
+  .md\:hover\:-skew-y-12:hover {
+    --transform-skew-y: -12deg;
+  }
+
+  .md\:hover\:-skew-y-6:hover {
+    --transform-skew-y: -6deg;
+  }
+
+  .md\:hover\:-skew-y-3:hover {
+    --transform-skew-y: -3deg;
+  }
+
+  .md\:focus\:skew-x-0:focus {
+    --transform-skew-x: 0;
+  }
+
+  .md\:focus\:skew-x-3:focus {
+    --transform-skew-x: 3deg;
+  }
+
+  .md\:focus\:skew-x-6:focus {
+    --transform-skew-x: 6deg;
+  }
+
+  .md\:focus\:skew-x-12:focus {
+    --transform-skew-x: 12deg;
+  }
+
+  .md\:focus\:-skew-x-12:focus {
+    --transform-skew-x: -12deg;
+  }
+
+  .md\:focus\:-skew-x-6:focus {
+    --transform-skew-x: -6deg;
+  }
+
+  .md\:focus\:-skew-x-3:focus {
+    --transform-skew-x: -3deg;
+  }
+
+  .md\:focus\:skew-y-0:focus {
+    --transform-skew-y: 0;
+  }
+
+  .md\:focus\:skew-y-3:focus {
+    --transform-skew-y: 3deg;
+  }
+
+  .md\:focus\:skew-y-6:focus {
+    --transform-skew-y: 6deg;
+  }
+
+  .md\:focus\:skew-y-12:focus {
+    --transform-skew-y: 12deg;
+  }
+
+  .md\:focus\:-skew-y-12:focus {
+    --transform-skew-y: -12deg;
+  }
+
+  .md\:focus\:-skew-y-6:focus {
+    --transform-skew-y: -6deg;
+  }
+
+  .md\:focus\:-skew-y-3:focus {
+    --transform-skew-y: -3deg;
+  }
+
+  .md\:transition-none {
+    transition-property: none;
+  }
+
+  .md\:transition-all {
+    transition-property: all;
+  }
+
+  .md\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+  }
+
+  .md\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+  }
+
+  .md\:transition-opacity {
+    transition-property: opacity;
+  }
+
+  .md\:transition-shadow {
+    transition-property: box-shadow;
+  }
+
+  .md\:transition-transform {
+    transition-property: transform;
+  }
+
+  .md\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .md\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .md\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .md\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .md\:duration-75 {
+    transition-duration: 75ms;
+  }
+
+  .md\:duration-100 {
+    transition-duration: 100ms;
+  }
+
+  .md\:duration-150 {
+    transition-duration: 150ms;
+  }
+
+  .md\:duration-200 {
+    transition-duration: 200ms;
+  }
+
+  .md\:duration-300 {
+    transition-duration: 300ms;
+  }
+
+  .md\:duration-500 {
+    transition-duration: 500ms;
+  }
+
+  .md\:duration-700 {
+    transition-duration: 700ms;
+  }
+
+  .md\:duration-1000 {
+    transition-duration: 1000ms;
+  }
+
+  .md\:delay-75 {
+    transition-delay: 75ms;
+  }
+
+  .md\:delay-100 {
+    transition-delay: 100ms;
+  }
+
+  .md\:delay-150 {
+    transition-delay: 150ms;
+  }
+
+  .md\:delay-200 {
+    transition-delay: 200ms;
+  }
+
+  .md\:delay-300 {
+    transition-delay: 300ms;
+  }
+
+  .md\:delay-500 {
+    transition-delay: 500ms;
+  }
+
+  .md\:delay-700 {
+    transition-delay: 700ms;
+  }
+
+  .md\:delay-1000 {
+    transition-delay: 1000ms;
+  }
+
+  .md\:animate-none {
+    -webkit-animation: none;
+            animation: none;
+  }
+
+  .md\:animate-spin {
+    -webkit-animation: spin 1s linear infinite;
+            animation: spin 1s linear infinite;
+  }
+
+  .md\:animate-ping {
+    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .md\:animate-pulse {
+    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .md\:animate-bounce {
+    -webkit-animation: bounce 1s infinite;
+            animation: bounce 1s infinite;
+  }
+}
+
+@media (min-width: 1024px) {
+  .lg\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .lg\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .lg\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .lg\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .lg\:container {
+      max-width: 1280px;
+    }
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\:space-y-7 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(1.75rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-7 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(1.75rem * var(--space-x-reverse));
+    margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\:space-y-9 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(2.25rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-9 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(2.25rem * var(--space-x-reverse));
+    margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\:space-y-11 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(2.75rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-11 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(2.75rem * var(--space-x-reverse));
+    margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\:space-y-13 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(3.25rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-13 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(3.25rem * var(--space-x-reverse));
+    margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-14 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(3.5rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-14 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(3.5rem * var(--space-x-reverse));
+    margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-15 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(3.75rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-15 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(3.75rem * var(--space-x-reverse));
+    margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\:space-y-28 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(7rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(7rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-28 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(7rem * var(--space-x-reverse));
+    margin-left: calc(7rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\:space-y-36 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(9rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(9rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-36 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(9rem * var(--space-x-reverse));
+    margin-left: calc(9rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\:space-y-60 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(15rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(15rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-60 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(15rem * var(--space-x-reverse));
+    margin-left: calc(15rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\:space-y-72 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(18rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(18rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-72 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(18rem * var(--space-x-reverse));
+    margin-left: calc(18rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-80 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(20rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(20rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-80 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(20rem * var(--space-x-reverse));
+    margin-left: calc(20rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-96 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(24rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(24rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-96 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(24rem * var(--space-x-reverse));
+    margin-left: calc(24rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\:space-y-0\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.125rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-0\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.125rem * var(--space-x-reverse));
+    margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-1\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.375rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-1\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.375rem * var(--space-x-reverse));
+    margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-2\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.625rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-2\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.625rem * var(--space-x-reverse));
+    margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-3\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.875rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-3\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.875rem * var(--space-x-reverse));
+    margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-1\/2 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(50% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-1\/2 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(50% * var(--space-x-reverse));
+    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-1\/3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(33.333333% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-1\/3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(33.333333% * var(--space-x-reverse));
+    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-2\/3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(66.666667% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-2\/3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(66.666667% * var(--space-x-reverse));
+    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-1\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(25% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-1\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(25% * var(--space-x-reverse));
+    margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-2\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(50% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-2\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(50% * var(--space-x-reverse));
+    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-3\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(75% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-3\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(75% * var(--space-x-reverse));
+    margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-1\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(20% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(20% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-1\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(20% * var(--space-x-reverse));
+    margin-left: calc(20% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-2\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(40% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(40% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-2\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(40% * var(--space-x-reverse));
+    margin-left: calc(40% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-3\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(60% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(60% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-3\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(60% * var(--space-x-reverse));
+    margin-left: calc(60% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-4\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(80% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(80% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-4\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(80% * var(--space-x-reverse));
+    margin-left: calc(80% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-1\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(16.666667% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-1\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(16.666667% * var(--space-x-reverse));
+    margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-2\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(33.333333% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-2\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(33.333333% * var(--space-x-reverse));
+    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-3\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(50% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-3\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(50% * var(--space-x-reverse));
+    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-4\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(66.666667% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-4\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(66.666667% * var(--space-x-reverse));
+    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-5\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(83.333333% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-5\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(83.333333% * var(--space-x-reverse));
+    margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-1\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(8.333333% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-1\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(8.333333% * var(--space-x-reverse));
+    margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-2\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(16.666667% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-2\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(16.666667% * var(--space-x-reverse));
+    margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-3\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(25% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-3\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(25% * var(--space-x-reverse));
+    margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-4\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(33.333333% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-4\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(33.333333% * var(--space-x-reverse));
+    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-5\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(41.666667% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-5\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(41.666667% * var(--space-x-reverse));
+    margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-6\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(50% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-6\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(50% * var(--space-x-reverse));
+    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-7\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(58.333333% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-7\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(58.333333% * var(--space-x-reverse));
+    margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-8\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(66.666667% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-8\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(66.666667% * var(--space-x-reverse));
+    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-9\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(75% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-9\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(75% * var(--space-x-reverse));
+    margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-10\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(83.333333% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-10\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(83.333333% * var(--space-x-reverse));
+    margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-11\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(91.666667% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-11\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(91.666667% * var(--space-x-reverse));
+    margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-full > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(100% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(100% * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-full > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(100% * var(--space-x-reverse));
+    margin-left: calc(100% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-space-y-7 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-1.75rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-7 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-1.75rem * var(--space-x-reverse));
+    margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-space-y-9 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-2.25rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-9 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-2.25rem * var(--space-x-reverse));
+    margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-space-y-11 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-2.75rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-11 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-2.75rem * var(--space-x-reverse));
+    margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-space-y-13 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-3.25rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-13 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-3.25rem * var(--space-x-reverse));
+    margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-14 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-3.5rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-14 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-3.5rem * var(--space-x-reverse));
+    margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-15 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-3.75rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-15 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-3.75rem * var(--space-x-reverse));
+    margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-space-y-28 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-7rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-7rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-28 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-7rem * var(--space-x-reverse));
+    margin-left: calc(-7rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-space-y-36 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-9rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-9rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-36 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-9rem * var(--space-x-reverse));
+    margin-left: calc(-9rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-space-y-60 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-15rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-15rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-60 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-15rem * var(--space-x-reverse));
+    margin-left: calc(-15rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-space-y-72 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-18rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-18rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-72 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-18rem * var(--space-x-reverse));
+    margin-left: calc(-18rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-80 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-20rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-20rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-80 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-20rem * var(--space-x-reverse));
+    margin-left: calc(-20rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-96 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-24rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-24rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-96 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-24rem * var(--space-x-reverse));
+    margin-left: calc(-24rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-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));
+  }
+
+  .lg\:-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)));
+  }
+
+  .lg\:-space-y-0\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.125rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-0\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.125rem * var(--space-x-reverse));
+    margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-1\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.375rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-1\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.375rem * var(--space-x-reverse));
+    margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-2\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.625rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-2\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.625rem * var(--space-x-reverse));
+    margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-3\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.875rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-3\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.875rem * var(--space-x-reverse));
+    margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-1\/2 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-50% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-1\/2 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-50% * var(--space-x-reverse));
+    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-1\/3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-1\/3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-33.33333% * var(--space-x-reverse));
+    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-2\/3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-2\/3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-66.66667% * var(--space-x-reverse));
+    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-1\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-25% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-1\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-25% * var(--space-x-reverse));
+    margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-2\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-50% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-2\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-50% * var(--space-x-reverse));
+    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-3\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-75% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-3\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-75% * var(--space-x-reverse));
+    margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-1\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-20% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-20% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-1\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-20% * var(--space-x-reverse));
+    margin-left: calc(-20% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-2\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-40% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-40% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-2\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-40% * var(--space-x-reverse));
+    margin-left: calc(-40% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-3\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-60% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-60% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-3\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-60% * var(--space-x-reverse));
+    margin-left: calc(-60% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-4\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-80% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-80% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-4\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-80% * var(--space-x-reverse));
+    margin-left: calc(-80% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-1\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-16.66667% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-1\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-16.66667% * var(--space-x-reverse));
+    margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-2\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-2\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-33.33333% * var(--space-x-reverse));
+    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-3\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-50% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-3\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-50% * var(--space-x-reverse));
+    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-4\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-4\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-66.66667% * var(--space-x-reverse));
+    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-5\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-83.33333% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-5\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-83.33333% * var(--space-x-reverse));
+    margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-1\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-8.33333% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-1\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-8.33333% * var(--space-x-reverse));
+    margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-2\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-16.66667% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-2\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-16.66667% * var(--space-x-reverse));
+    margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-3\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-25% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-3\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-25% * var(--space-x-reverse));
+    margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-4\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-4\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-33.33333% * var(--space-x-reverse));
+    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-5\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-41.66667% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-5\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-41.66667% * var(--space-x-reverse));
+    margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-6\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-50% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-6\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-50% * var(--space-x-reverse));
+    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-7\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-58.33333% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-7\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-58.33333% * var(--space-x-reverse));
+    margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-8\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-8\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-66.66667% * var(--space-x-reverse));
+    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-9\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-75% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-9\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-75% * var(--space-x-reverse));
+    margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-10\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-83.33333% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-10\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-83.33333% * var(--space-x-reverse));
+    margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-11\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-91.66667% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-11\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-91.66667% * var(--space-x-reverse));
+    margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:-space-y-full > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-100% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-100% * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-full > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-100% * var(--space-x-reverse));
+    margin-left: calc(-100% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .lg\:space-y-reverse > :not(template) ~ :not(template) {
+    --space-y-reverse: 1;
+  }
+
+  .lg\:space-x-reverse > :not(template) ~ :not(template) {
+    --space-x-reverse: 1;
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\: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));
+  }
+
+  .lg\: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)));
+  }
+
+  .lg\:divide-y-reverse > :not(template) ~ :not(template) {
+    --divide-y-reverse: 1;
+  }
+
+  .lg\:divide-x-reverse > :not(template) ~ :not(template) {
+    --divide-x-reverse: 1;
+  }
+
+  .lg\:divide-transparent > :not(template) ~ :not(template) {
+    border-color: transparent;
+  }
+
+  .lg\:divide-white > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--divide-opacity));
+  }
+
+  .lg\:divide-black > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--divide-opacity));
+  }
+
+  .lg\:divide-gray-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--divide-opacity));
+  }
+
+  .lg\:divide-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--divide-opacity));
+  }
+
+  .lg\:divide-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--divide-opacity));
+  }
+
+  .lg\:divide-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--divide-opacity));
+  }
+
+  .lg\:divide-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--divide-opacity));
+  }
+
+  .lg\:divide-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--divide-opacity));
+  }
+
+  .lg\:divide-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--divide-opacity));
+  }
+
+  .lg\:divide-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--divide-opacity));
+  }
+
+  .lg\:divide-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--divide-opacity));
+  }
+
+  .lg\:divide-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--divide-opacity));
+  }
+
+  .lg\:divide-cool-gray-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--divide-opacity));
+  }
+
+  .lg\:divide-cool-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--divide-opacity));
+  }
+
+  .lg\:divide-cool-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--divide-opacity));
+  }
+
+  .lg\:divide-cool-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--divide-opacity));
+  }
+
+  .lg\:divide-cool-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--divide-opacity));
+  }
+
+  .lg\:divide-cool-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--divide-opacity));
+  }
+
+  .lg\:divide-cool-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--divide-opacity));
+  }
+
+  .lg\:divide-cool-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--divide-opacity));
+  }
+
+  .lg\:divide-cool-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--divide-opacity));
+  }
+
+  .lg\:divide-cool-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--divide-opacity));
+  }
+
+  .lg\:divide-red-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--divide-opacity));
+  }
+
+  .lg\:divide-red-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--divide-opacity));
+  }
+
+  .lg\:divide-red-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--divide-opacity));
+  }
+
+  .lg\:divide-red-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--divide-opacity));
+  }
+
+  .lg\:divide-red-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--divide-opacity));
+  }
+
+  .lg\:divide-red-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--divide-opacity));
+  }
+
+  .lg\:divide-red-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--divide-opacity));
+  }
+
+  .lg\:divide-red-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--divide-opacity));
+  }
+
+  .lg\:divide-red-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--divide-opacity));
+  }
+
+  .lg\:divide-red-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--divide-opacity));
+  }
+
+  .lg\:divide-orange-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--divide-opacity));
+  }
+
+  .lg\:divide-orange-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--divide-opacity));
+  }
+
+  .lg\:divide-orange-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--divide-opacity));
+  }
+
+  .lg\:divide-orange-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--divide-opacity));
+  }
+
+  .lg\:divide-orange-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--divide-opacity));
+  }
+
+  .lg\:divide-orange-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--divide-opacity));
+  }
+
+  .lg\:divide-orange-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--divide-opacity));
+  }
+
+  .lg\:divide-orange-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--divide-opacity));
+  }
+
+  .lg\:divide-orange-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--divide-opacity));
+  }
+
+  .lg\:divide-orange-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--divide-opacity));
+  }
+
+  .lg\:divide-yellow-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--divide-opacity));
+  }
+
+  .lg\:divide-yellow-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--divide-opacity));
+  }
+
+  .lg\:divide-yellow-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--divide-opacity));
+  }
+
+  .lg\:divide-yellow-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--divide-opacity));
+  }
+
+  .lg\:divide-yellow-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--divide-opacity));
+  }
+
+  .lg\:divide-yellow-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--divide-opacity));
+  }
+
+  .lg\:divide-yellow-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--divide-opacity));
+  }
+
+  .lg\:divide-yellow-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--divide-opacity));
+  }
+
+  .lg\:divide-yellow-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--divide-opacity));
+  }
+
+  .lg\:divide-yellow-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--divide-opacity));
+  }
+
+  .lg\:divide-green-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--divide-opacity));
+  }
+
+  .lg\:divide-green-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--divide-opacity));
+  }
+
+  .lg\:divide-green-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--divide-opacity));
+  }
+
+  .lg\:divide-green-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--divide-opacity));
+  }
+
+  .lg\:divide-green-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--divide-opacity));
+  }
+
+  .lg\:divide-green-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--divide-opacity));
+  }
+
+  .lg\:divide-green-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--divide-opacity));
+  }
+
+  .lg\:divide-green-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--divide-opacity));
+  }
+
+  .lg\:divide-green-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--divide-opacity));
+  }
+
+  .lg\:divide-green-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--divide-opacity));
+  }
+
+  .lg\:divide-teal-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--divide-opacity));
+  }
+
+  .lg\:divide-teal-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--divide-opacity));
+  }
+
+  .lg\:divide-teal-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--divide-opacity));
+  }
+
+  .lg\:divide-teal-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--divide-opacity));
+  }
+
+  .lg\:divide-teal-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--divide-opacity));
+  }
+
+  .lg\:divide-teal-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--divide-opacity));
+  }
+
+  .lg\:divide-teal-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--divide-opacity));
+  }
+
+  .lg\:divide-teal-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--divide-opacity));
+  }
+
+  .lg\:divide-teal-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--divide-opacity));
+  }
+
+  .lg\:divide-teal-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--divide-opacity));
+  }
+
+  .lg\:divide-blue-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--divide-opacity));
+  }
+
+  .lg\:divide-blue-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--divide-opacity));
+  }
+
+  .lg\:divide-blue-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--divide-opacity));
+  }
+
+  .lg\:divide-blue-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--divide-opacity));
+  }
+
+  .lg\:divide-blue-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--divide-opacity));
+  }
+
+  .lg\:divide-blue-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--divide-opacity));
+  }
+
+  .lg\:divide-blue-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--divide-opacity));
+  }
+
+  .lg\:divide-blue-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--divide-opacity));
+  }
+
+  .lg\:divide-blue-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--divide-opacity));
+  }
+
+  .lg\:divide-blue-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--divide-opacity));
+  }
+
+  .lg\:divide-indigo-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--divide-opacity));
+  }
+
+  .lg\:divide-indigo-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--divide-opacity));
+  }
+
+  .lg\:divide-indigo-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--divide-opacity));
+  }
+
+  .lg\:divide-indigo-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--divide-opacity));
+  }
+
+  .lg\:divide-indigo-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--divide-opacity));
+  }
+
+  .lg\:divide-indigo-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--divide-opacity));
+  }
+
+  .lg\:divide-indigo-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--divide-opacity));
+  }
+
+  .lg\:divide-indigo-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--divide-opacity));
+  }
+
+  .lg\:divide-indigo-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--divide-opacity));
+  }
+
+  .lg\:divide-indigo-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--divide-opacity));
+  }
+
+  .lg\:divide-purple-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--divide-opacity));
+  }
+
+  .lg\:divide-purple-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--divide-opacity));
+  }
+
+  .lg\:divide-purple-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--divide-opacity));
+  }
+
+  .lg\:divide-purple-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--divide-opacity));
+  }
+
+  .lg\:divide-purple-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--divide-opacity));
+  }
+
+  .lg\:divide-purple-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--divide-opacity));
+  }
+
+  .lg\:divide-purple-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--divide-opacity));
+  }
+
+  .lg\:divide-purple-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--divide-opacity));
+  }
+
+  .lg\:divide-purple-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--divide-opacity));
+  }
+
+  .lg\:divide-purple-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--divide-opacity));
+  }
+
+  .lg\:divide-pink-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--divide-opacity));
+  }
+
+  .lg\:divide-pink-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--divide-opacity));
+  }
+
+  .lg\:divide-pink-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--divide-opacity));
+  }
+
+  .lg\:divide-pink-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--divide-opacity));
+  }
+
+  .lg\:divide-pink-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--divide-opacity));
+  }
+
+  .lg\:divide-pink-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--divide-opacity));
+  }
+
+  .lg\:divide-pink-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--divide-opacity));
+  }
+
+  .lg\:divide-pink-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--divide-opacity));
+  }
+
+  .lg\:divide-pink-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--divide-opacity));
+  }
+
+  .lg\:divide-pink-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--divide-opacity));
+  }
+
+  .lg\:divide-opacity-0 > :not(template) ~ :not(template) {
+    --divide-opacity: 0;
+  }
+
+  .lg\:divide-opacity-25 > :not(template) ~ :not(template) {
+    --divide-opacity: 0.25;
+  }
+
+  .lg\:divide-opacity-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 0.5;
+  }
+
+  .lg\:divide-opacity-75 > :not(template) ~ :not(template) {
+    --divide-opacity: 0.75;
+  }
+
+  .lg\:divide-opacity-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+  }
+
+  .lg\: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;
+  }
+
+  .lg\:not-sr-only {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .lg\: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;
+  }
+
+  .lg\:focus\:not-sr-only:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .lg\:appearance-none {
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+  }
+
+  .lg\:bg-fixed {
+    background-attachment: fixed;
+  }
+
+  .lg\:bg-local {
+    background-attachment: local;
+  }
+
+  .lg\:bg-scroll {
+    background-attachment: scroll;
+  }
+
+  .lg\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .lg\:bg-white {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .lg\:bg-black {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .lg\:bg-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .lg\:bg-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .lg\:bg-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .lg\:bg-gray-300 {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .lg\:bg-gray-400 {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .lg\:bg-gray-500 {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .lg\:bg-gray-600 {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .lg\:bg-gray-700 {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .lg\:bg-gray-800 {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .lg\:bg-gray-900 {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .lg\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .lg\:bg-cool-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .lg\:bg-cool-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .lg\:bg-cool-gray-300 {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .lg\:bg-cool-gray-400 {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .lg\:bg-cool-gray-500 {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .lg\:bg-cool-gray-600 {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .lg\:bg-cool-gray-700 {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .lg\:bg-cool-gray-800 {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .lg\:bg-cool-gray-900 {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .lg\:bg-red-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .lg\:bg-red-100 {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .lg\:bg-red-200 {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .lg\:bg-red-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .lg\:bg-red-400 {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .lg\:bg-red-500 {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .lg\:bg-red-600 {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .lg\:bg-red-700 {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .lg\:bg-red-800 {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .lg\:bg-red-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .lg\:bg-orange-50 {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .lg\:bg-orange-100 {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .lg\:bg-orange-200 {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .lg\:bg-orange-300 {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .lg\:bg-orange-400 {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .lg\:bg-orange-500 {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .lg\:bg-orange-600 {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .lg\:bg-orange-700 {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .lg\:bg-orange-800 {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .lg\:bg-orange-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .lg\:bg-yellow-50 {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .lg\:bg-yellow-100 {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .lg\:bg-yellow-200 {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .lg\:bg-yellow-300 {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .lg\:bg-yellow-400 {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .lg\:bg-yellow-500 {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .lg\:bg-yellow-600 {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .lg\:bg-yellow-700 {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .lg\:bg-yellow-800 {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .lg\:bg-yellow-900 {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .lg\:bg-green-50 {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .lg\:bg-green-100 {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .lg\:bg-green-200 {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .lg\:bg-green-300 {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .lg\:bg-green-400 {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .lg\:bg-green-500 {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .lg\:bg-green-600 {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .lg\:bg-green-700 {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .lg\:bg-green-800 {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .lg\:bg-green-900 {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .lg\:bg-teal-50 {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .lg\:bg-teal-100 {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .lg\:bg-teal-200 {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .lg\:bg-teal-300 {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .lg\:bg-teal-400 {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .lg\:bg-teal-500 {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .lg\:bg-teal-600 {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .lg\:bg-teal-700 {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .lg\:bg-teal-800 {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .lg\:bg-teal-900 {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .lg\:bg-blue-50 {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .lg\:bg-blue-100 {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .lg\:bg-blue-200 {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .lg\:bg-blue-300 {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .lg\:bg-blue-400 {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .lg\:bg-blue-500 {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .lg\:bg-blue-600 {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .lg\:bg-blue-700 {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .lg\:bg-blue-800 {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .lg\:bg-blue-900 {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .lg\:bg-indigo-50 {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .lg\:bg-indigo-100 {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .lg\:bg-indigo-200 {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .lg\:bg-indigo-300 {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .lg\:bg-indigo-400 {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .lg\:bg-indigo-500 {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .lg\:bg-indigo-600 {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .lg\:bg-indigo-700 {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .lg\:bg-indigo-800 {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .lg\:bg-indigo-900 {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .lg\:bg-purple-50 {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .lg\:bg-purple-100 {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .lg\:bg-purple-200 {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .lg\:bg-purple-300 {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .lg\:bg-purple-400 {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .lg\:bg-purple-500 {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .lg\:bg-purple-600 {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .lg\:bg-purple-700 {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .lg\:bg-purple-800 {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .lg\:bg-purple-900 {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .lg\:bg-pink-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .lg\:bg-pink-100 {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .lg\:bg-pink-200 {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .lg\:bg-pink-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .lg\:bg-pink-400 {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .lg\:bg-pink-500 {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .lg\:bg-pink-600 {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .lg\:bg-pink-700 {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .lg\:bg-pink-800 {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .lg\:bg-pink-900 {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:hover .lg\:group-hover\:bg-white {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-black {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-300 {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-400 {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-500 {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-600 {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-700 {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-800 {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-900 {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-cool-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-cool-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-cool-gray-300 {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-cool-gray-400 {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-cool-gray-500 {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-cool-gray-600 {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-cool-gray-700 {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-cool-gray-800 {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-cool-gray-900 {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-100 {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-200 {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-400 {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-500 {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-600 {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-700 {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-800 {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-50 {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-100 {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-200 {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-300 {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-400 {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-500 {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-600 {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-700 {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-800 {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-50 {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-100 {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-200 {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-300 {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-400 {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-500 {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-600 {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-700 {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-800 {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-900 {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-50 {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-100 {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-200 {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-300 {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-400 {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-500 {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-600 {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-700 {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-800 {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-900 {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-teal-50 {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-teal-100 {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-teal-200 {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-teal-300 {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-teal-400 {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-teal-500 {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-teal-600 {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-teal-700 {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-teal-800 {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-teal-900 {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-50 {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-100 {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-200 {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-300 {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-400 {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-500 {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-600 {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-700 {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-800 {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-900 {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-50 {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-100 {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-200 {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-300 {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-400 {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-500 {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-600 {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-700 {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-800 {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-900 {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-50 {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-100 {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-200 {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-300 {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-400 {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-500 {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-600 {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-700 {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-800 {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-900 {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-100 {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-200 {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-400 {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-500 {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-600 {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-700 {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-800 {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-900 {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:focus .lg\:group-focus\:bg-white {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-black {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-gray-300 {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-gray-400 {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-gray-500 {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-gray-600 {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-gray-700 {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-gray-800 {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-gray-900 {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-cool-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-cool-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-cool-gray-300 {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-cool-gray-400 {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-cool-gray-500 {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-cool-gray-600 {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-cool-gray-700 {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-cool-gray-800 {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-cool-gray-900 {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-red-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-red-100 {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-red-200 {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-red-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-red-400 {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-red-500 {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-red-600 {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-red-700 {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-red-800 {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-red-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-orange-50 {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-orange-100 {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-orange-200 {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-orange-300 {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-orange-400 {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-orange-500 {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-orange-600 {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-orange-700 {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-orange-800 {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-orange-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-yellow-50 {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-yellow-100 {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-yellow-200 {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-yellow-300 {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-yellow-400 {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-yellow-500 {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-yellow-600 {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-yellow-700 {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-yellow-800 {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-yellow-900 {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-green-50 {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-green-100 {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-green-200 {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-green-300 {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-green-400 {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-green-500 {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-green-600 {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-green-700 {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-green-800 {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-green-900 {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-teal-50 {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-teal-100 {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-teal-200 {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-teal-300 {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-teal-400 {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-teal-500 {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-teal-600 {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-teal-700 {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-teal-800 {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-teal-900 {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-blue-50 {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-blue-100 {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-blue-200 {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-blue-300 {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-blue-400 {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-blue-500 {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-blue-600 {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-blue-700 {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-blue-800 {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-blue-900 {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-indigo-50 {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-indigo-100 {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-indigo-200 {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-indigo-300 {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-indigo-400 {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-indigo-500 {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-indigo-600 {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-indigo-700 {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-indigo-800 {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-indigo-900 {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-purple-50 {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-purple-100 {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-purple-200 {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-purple-300 {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-purple-400 {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-purple-500 {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-purple-600 {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-purple-700 {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-purple-800 {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-purple-900 {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-pink-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-pink-100 {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-pink-200 {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-pink-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-pink-400 {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-pink-500 {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-pink-600 {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-pink-700 {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-pink-800 {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:bg-pink-900 {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-transparent:hover {
+    background-color: transparent;
+  }
+
+  .lg\:hover\:bg-white:hover {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-black:hover {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-50:hover {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-100:hover {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-200:hover {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-300:hover {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-400:hover {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-500:hover {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-600:hover {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-700:hover {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-800:hover {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-900:hover {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-cool-gray-50:hover {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-cool-gray-100:hover {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-cool-gray-200:hover {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-cool-gray-300:hover {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-cool-gray-400:hover {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-cool-gray-500:hover {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-cool-gray-600:hover {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-cool-gray-700:hover {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-cool-gray-800:hover {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-cool-gray-900:hover {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-50:hover {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-100:hover {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-200:hover {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-300:hover {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-400:hover {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-500:hover {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-600:hover {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-700:hover {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-800:hover {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-900:hover {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-orange-50:hover {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-orange-100:hover {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-orange-200:hover {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-orange-300:hover {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-orange-400:hover {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-orange-500:hover {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-orange-600:hover {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-orange-700:hover {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-orange-800:hover {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-orange-900:hover {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-50:hover {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-100:hover {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-200:hover {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-300:hover {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-400:hover {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-500:hover {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-600:hover {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-700:hover {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-800:hover {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-900:hover {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-50:hover {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-100:hover {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-200:hover {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-300:hover {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-400:hover {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-500:hover {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-600:hover {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-700:hover {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-800:hover {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-900:hover {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-teal-50:hover {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-teal-100:hover {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-teal-200:hover {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-teal-300:hover {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-teal-400:hover {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-teal-500:hover {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-teal-600:hover {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-teal-700:hover {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-teal-800:hover {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-teal-900:hover {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-50:hover {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-100:hover {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-200:hover {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-300:hover {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-400:hover {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-500:hover {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-600:hover {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-700:hover {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-800:hover {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-900:hover {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-50:hover {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-100:hover {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-200:hover {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-300:hover {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-400:hover {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-500:hover {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-600:hover {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-700:hover {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-800:hover {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-900:hover {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-50:hover {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-100:hover {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-200:hover {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-300:hover {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-400:hover {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-500:hover {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-600:hover {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-700:hover {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-800:hover {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-900:hover {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-50:hover {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-100:hover {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-200:hover {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-300:hover {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-400:hover {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-500:hover {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-600:hover {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-700:hover {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-800:hover {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-900:hover {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-transparent:focus {
+    background-color: transparent;
+  }
+
+  .lg\:focus\:bg-white:focus {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-black:focus {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-50:focus {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-100:focus {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-200:focus {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-300:focus {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-400:focus {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-500:focus {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-600:focus {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-700:focus {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-800:focus {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-900:focus {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-cool-gray-50:focus {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-cool-gray-100:focus {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-cool-gray-200:focus {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-cool-gray-300:focus {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-cool-gray-400:focus {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-cool-gray-500:focus {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-cool-gray-600:focus {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-cool-gray-700:focus {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-cool-gray-800:focus {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-cool-gray-900:focus {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-50:focus {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-100:focus {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-200:focus {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-300:focus {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-400:focus {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-500:focus {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-600:focus {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-700:focus {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-800:focus {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-900:focus {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-orange-50:focus {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-orange-100:focus {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-orange-200:focus {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-orange-300:focus {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-orange-400:focus {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-orange-500:focus {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-orange-600:focus {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-orange-700:focus {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-orange-800:focus {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-orange-900:focus {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-50:focus {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-100:focus {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-200:focus {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-300:focus {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-400:focus {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-500:focus {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-600:focus {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-700:focus {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-800:focus {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-900:focus {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-50:focus {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-100:focus {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-200:focus {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-300:focus {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-400:focus {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-500:focus {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-600:focus {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-700:focus {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-800:focus {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-900:focus {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-teal-50:focus {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-teal-100:focus {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-teal-200:focus {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-teal-300:focus {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-teal-400:focus {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-teal-500:focus {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-teal-600:focus {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-teal-700:focus {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-teal-800:focus {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-teal-900:focus {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-50:focus {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-100:focus {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-200:focus {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-300:focus {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-400:focus {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-500:focus {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-600:focus {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-700:focus {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-800:focus {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-900:focus {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-50:focus {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-100:focus {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-200:focus {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-300:focus {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-400:focus {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-500:focus {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-600:focus {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-700:focus {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-800:focus {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-900:focus {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-50:focus {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-100:focus {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-200:focus {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-300:focus {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-400:focus {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-500:focus {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-600:focus {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-700:focus {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-800:focus {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-900:focus {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-50:focus {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-100:focus {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-200:focus {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-300:focus {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-400:focus {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-500:focus {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-600:focus {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-700:focus {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-800:focus {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-900:focus {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-transparent:active {
+    background-color: transparent;
+  }
+
+  .lg\:active\:bg-white:active {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-black:active {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-gray-50:active {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-gray-100:active {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-gray-200:active {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-gray-300:active {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-gray-400:active {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-gray-500:active {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-gray-600:active {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-gray-700:active {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-gray-800:active {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-gray-900:active {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-cool-gray-50:active {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-cool-gray-100:active {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-cool-gray-200:active {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-cool-gray-300:active {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-cool-gray-400:active {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-cool-gray-500:active {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-cool-gray-600:active {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-cool-gray-700:active {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-cool-gray-800:active {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-cool-gray-900:active {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-red-50:active {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-red-100:active {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-red-200:active {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-red-300:active {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-red-400:active {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-red-500:active {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-red-600:active {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-red-700:active {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-red-800:active {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-red-900:active {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-orange-50:active {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-orange-100:active {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-orange-200:active {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-orange-300:active {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-orange-400:active {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-orange-500:active {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-orange-600:active {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-orange-700:active {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-orange-800:active {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-orange-900:active {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-yellow-50:active {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-yellow-100:active {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-yellow-200:active {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-yellow-300:active {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-yellow-400:active {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-yellow-500:active {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-yellow-600:active {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-yellow-700:active {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-yellow-800:active {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-yellow-900:active {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-green-50:active {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-green-100:active {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-green-200:active {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-green-300:active {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-green-400:active {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-green-500:active {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-green-600:active {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-green-700:active {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-green-800:active {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-green-900:active {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-teal-50:active {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-teal-100:active {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-teal-200:active {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-teal-300:active {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-teal-400:active {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-teal-500:active {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-teal-600:active {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-teal-700:active {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-teal-800:active {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-teal-900:active {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-blue-50:active {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-blue-100:active {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-blue-200:active {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-blue-300:active {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-blue-400:active {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-blue-500:active {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-blue-600:active {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-blue-700:active {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-blue-800:active {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-blue-900:active {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-indigo-50:active {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-indigo-100:active {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-indigo-200:active {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-indigo-300:active {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-indigo-400:active {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-indigo-500:active {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-indigo-600:active {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-indigo-700:active {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-indigo-800:active {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-indigo-900:active {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-purple-50:active {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-purple-100:active {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-purple-200:active {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-purple-300:active {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-purple-400:active {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-purple-500:active {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-purple-600:active {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-purple-700:active {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-purple-800:active {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-purple-900:active {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-pink-50:active {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-pink-100:active {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-pink-200:active {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-pink-300:active {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-pink-400:active {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-pink-500:active {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-pink-600:active {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-pink-700:active {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-pink-800:active {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .lg\:active\:bg-pink-900:active {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .lg\:bg-opacity-0 {
+    --bg-opacity: 0;
+  }
+
+  .lg\:bg-opacity-25 {
+    --bg-opacity: 0.25;
+  }
+
+  .lg\:bg-opacity-50 {
+    --bg-opacity: 0.5;
+  }
+
+  .lg\:bg-opacity-75 {
+    --bg-opacity: 0.75;
+  }
+
+  .lg\:bg-opacity-100 {
+    --bg-opacity: 1;
+  }
+
+  .lg\:hover\:bg-opacity-0:hover {
+    --bg-opacity: 0;
+  }
+
+  .lg\:hover\:bg-opacity-25:hover {
+    --bg-opacity: 0.25;
+  }
+
+  .lg\:hover\:bg-opacity-50:hover {
+    --bg-opacity: 0.5;
+  }
+
+  .lg\:hover\:bg-opacity-75:hover {
+    --bg-opacity: 0.75;
+  }
+
+  .lg\:hover\:bg-opacity-100:hover {
+    --bg-opacity: 1;
+  }
+
+  .lg\:focus\:bg-opacity-0:focus {
+    --bg-opacity: 0;
+  }
+
+  .lg\:focus\:bg-opacity-25:focus {
+    --bg-opacity: 0.25;
+  }
+
+  .lg\:focus\:bg-opacity-50:focus {
+    --bg-opacity: 0.5;
+  }
+
+  .lg\:focus\:bg-opacity-75:focus {
+    --bg-opacity: 0.75;
+  }
+
+  .lg\:focus\:bg-opacity-100:focus {
+    --bg-opacity: 1;
+  }
+
+  .lg\:bg-bottom {
+    background-position: bottom;
+  }
+
+  .lg\:bg-center {
+    background-position: center;
+  }
+
+  .lg\:bg-left {
+    background-position: left;
+  }
+
+  .lg\:bg-left-bottom {
+    background-position: left bottom;
+  }
+
+  .lg\:bg-left-top {
+    background-position: left top;
+  }
+
+  .lg\:bg-right {
+    background-position: right;
+  }
+
+  .lg\:bg-right-bottom {
+    background-position: right bottom;
+  }
+
+  .lg\:bg-right-top {
+    background-position: right top;
+  }
+
+  .lg\:bg-top {
+    background-position: top;
+  }
+
+  .lg\:bg-repeat {
+    background-repeat: repeat;
+  }
+
+  .lg\:bg-no-repeat {
+    background-repeat: no-repeat;
+  }
+
+  .lg\:bg-repeat-x {
+    background-repeat: repeat-x;
+  }
+
+  .lg\:bg-repeat-y {
+    background-repeat: repeat-y;
+  }
+
+  .lg\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .lg\:bg-repeat-space {
+    background-repeat: space;
+  }
+
+  .lg\:bg-auto {
+    background-size: auto;
+  }
+
+  .lg\:bg-cover {
+    background-size: cover;
+  }
+
+  .lg\:bg-contain {
+    background-size: contain;
+  }
+
+  .lg\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .lg\:border-separate {
+    border-collapse: separate;
+  }
+
+  .lg\:border-transparent {
+    border-color: transparent;
+  }
+
+  .lg\:border-white {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .lg\:border-black {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .lg\:border-gray-50 {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .lg\:border-gray-100 {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .lg\:border-gray-200 {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .lg\:border-gray-300 {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .lg\:border-gray-400 {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .lg\:border-gray-500 {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .lg\:border-gray-600 {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .lg\:border-gray-700 {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .lg\:border-gray-800 {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .lg\:border-gray-900 {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .lg\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .lg\:border-cool-gray-100 {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .lg\:border-cool-gray-200 {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .lg\:border-cool-gray-300 {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .lg\:border-cool-gray-400 {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .lg\:border-cool-gray-500 {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .lg\:border-cool-gray-600 {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .lg\:border-cool-gray-700 {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .lg\:border-cool-gray-800 {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .lg\:border-cool-gray-900 {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .lg\:border-red-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .lg\:border-red-100 {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .lg\:border-red-200 {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .lg\:border-red-300 {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .lg\:border-red-400 {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .lg\:border-red-500 {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .lg\:border-red-600 {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .lg\:border-red-700 {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .lg\:border-red-800 {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .lg\:border-red-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .lg\:border-orange-50 {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .lg\:border-orange-100 {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .lg\:border-orange-200 {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .lg\:border-orange-300 {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .lg\:border-orange-400 {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .lg\:border-orange-500 {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .lg\:border-orange-600 {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .lg\:border-orange-700 {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .lg\:border-orange-800 {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .lg\:border-orange-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .lg\:border-yellow-50 {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .lg\:border-yellow-100 {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .lg\:border-yellow-200 {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .lg\:border-yellow-300 {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .lg\:border-yellow-400 {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .lg\:border-yellow-500 {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .lg\:border-yellow-600 {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .lg\:border-yellow-700 {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .lg\:border-yellow-800 {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .lg\:border-yellow-900 {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .lg\:border-green-50 {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .lg\:border-green-100 {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .lg\:border-green-200 {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .lg\:border-green-300 {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .lg\:border-green-400 {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .lg\:border-green-500 {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .lg\:border-green-600 {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .lg\:border-green-700 {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .lg\:border-green-800 {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .lg\:border-green-900 {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .lg\:border-teal-50 {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .lg\:border-teal-100 {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .lg\:border-teal-200 {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .lg\:border-teal-300 {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .lg\:border-teal-400 {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .lg\:border-teal-500 {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .lg\:border-teal-600 {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .lg\:border-teal-700 {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .lg\:border-teal-800 {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .lg\:border-teal-900 {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .lg\:border-blue-50 {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .lg\:border-blue-100 {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .lg\:border-blue-200 {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .lg\:border-blue-300 {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .lg\:border-blue-400 {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .lg\:border-blue-500 {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .lg\:border-blue-600 {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .lg\:border-blue-700 {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .lg\:border-blue-800 {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .lg\:border-blue-900 {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .lg\:border-indigo-50 {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .lg\:border-indigo-100 {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .lg\:border-indigo-200 {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .lg\:border-indigo-300 {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .lg\:border-indigo-400 {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .lg\:border-indigo-500 {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .lg\:border-indigo-600 {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .lg\:border-indigo-700 {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .lg\:border-indigo-800 {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .lg\:border-indigo-900 {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .lg\:border-purple-50 {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .lg\:border-purple-100 {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .lg\:border-purple-200 {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .lg\:border-purple-300 {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .lg\:border-purple-400 {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .lg\:border-purple-500 {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .lg\:border-purple-600 {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .lg\:border-purple-700 {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .lg\:border-purple-800 {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .lg\:border-purple-900 {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .lg\:border-pink-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .lg\:border-pink-100 {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .lg\:border-pink-200 {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .lg\:border-pink-300 {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .lg\:border-pink-400 {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .lg\:border-pink-500 {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .lg\:border-pink-600 {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .lg\:border-pink-700 {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .lg\:border-pink-800 {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .lg\:border-pink-900 {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:hover .lg\:group-hover\:border-white {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-black {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-50 {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-100 {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-200 {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-300 {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-400 {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-500 {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-600 {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-700 {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-800 {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-900 {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-cool-gray-100 {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-cool-gray-200 {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-cool-gray-300 {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-cool-gray-400 {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-cool-gray-500 {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-cool-gray-600 {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-cool-gray-700 {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-cool-gray-800 {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-cool-gray-900 {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-100 {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-200 {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-300 {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-400 {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-500 {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-600 {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-700 {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-800 {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-50 {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-100 {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-200 {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-300 {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-400 {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-500 {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-600 {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-700 {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-800 {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-50 {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-100 {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-200 {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-300 {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-400 {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-500 {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-600 {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-700 {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-800 {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-900 {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-50 {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-100 {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-200 {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-300 {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-400 {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-500 {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-600 {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-700 {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-800 {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-900 {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-teal-50 {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-teal-100 {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-teal-200 {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-teal-300 {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-teal-400 {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-teal-500 {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-teal-600 {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-teal-700 {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-teal-800 {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-teal-900 {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-50 {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-100 {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-200 {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-300 {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-400 {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-500 {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-600 {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-700 {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-800 {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-900 {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-50 {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-100 {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-200 {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-300 {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-400 {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-500 {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-600 {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-700 {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-800 {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-900 {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-50 {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-100 {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-200 {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-300 {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-400 {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-500 {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-600 {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-700 {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-800 {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-900 {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-100 {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-200 {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-300 {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-400 {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-500 {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-600 {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-700 {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-800 {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-900 {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:focus .lg\:group-focus\:border-white {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-black {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-gray-50 {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-gray-100 {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-gray-200 {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-gray-300 {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-gray-400 {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-gray-500 {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-gray-600 {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-gray-700 {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-gray-800 {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-gray-900 {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-cool-gray-100 {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-cool-gray-200 {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-cool-gray-300 {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-cool-gray-400 {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-cool-gray-500 {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-cool-gray-600 {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-cool-gray-700 {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-cool-gray-800 {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-cool-gray-900 {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-red-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-red-100 {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-red-200 {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-red-300 {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-red-400 {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-red-500 {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-red-600 {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-red-700 {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-red-800 {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-red-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-orange-50 {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-orange-100 {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-orange-200 {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-orange-300 {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-orange-400 {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-orange-500 {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-orange-600 {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-orange-700 {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-orange-800 {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-orange-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-yellow-50 {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-yellow-100 {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-yellow-200 {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-yellow-300 {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-yellow-400 {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-yellow-500 {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-yellow-600 {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-yellow-700 {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-yellow-800 {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-yellow-900 {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-green-50 {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-green-100 {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-green-200 {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-green-300 {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-green-400 {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-green-500 {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-green-600 {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-green-700 {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-green-800 {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-green-900 {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-teal-50 {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-teal-100 {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-teal-200 {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-teal-300 {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-teal-400 {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-teal-500 {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-teal-600 {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-teal-700 {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-teal-800 {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-teal-900 {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-blue-50 {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-blue-100 {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-blue-200 {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-blue-300 {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-blue-400 {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-blue-500 {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-blue-600 {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-blue-700 {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-blue-800 {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-blue-900 {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-indigo-50 {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-indigo-100 {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-indigo-200 {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-indigo-300 {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-indigo-400 {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-indigo-500 {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-indigo-600 {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-indigo-700 {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-indigo-800 {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-indigo-900 {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-purple-50 {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-purple-100 {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-purple-200 {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-purple-300 {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-purple-400 {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-purple-500 {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-purple-600 {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-purple-700 {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-purple-800 {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-purple-900 {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-pink-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-pink-100 {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-pink-200 {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-pink-300 {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-pink-400 {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-pink-500 {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-pink-600 {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-pink-700 {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-pink-800 {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:border-pink-900 {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-transparent:hover {
+    border-color: transparent;
+  }
+
+  .lg\:hover\:border-white:hover {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-black:hover {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-gray-50:hover {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-gray-100:hover {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-gray-200:hover {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-gray-300:hover {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-gray-400:hover {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-gray-500:hover {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-gray-600:hover {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-gray-700:hover {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-gray-800:hover {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-gray-900:hover {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-cool-gray-50:hover {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-cool-gray-100:hover {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-cool-gray-200:hover {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-cool-gray-300:hover {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-cool-gray-400:hover {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-cool-gray-500:hover {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-cool-gray-600:hover {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-cool-gray-700:hover {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-cool-gray-800:hover {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-cool-gray-900:hover {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-red-50:hover {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-red-100:hover {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-red-200:hover {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-red-300:hover {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-red-400:hover {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-red-500:hover {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-red-600:hover {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-red-700:hover {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-red-800:hover {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-red-900:hover {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-orange-50:hover {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-orange-100:hover {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-orange-200:hover {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-orange-300:hover {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-orange-400:hover {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-orange-500:hover {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-orange-600:hover {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-orange-700:hover {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-orange-800:hover {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-orange-900:hover {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-50:hover {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-100:hover {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-200:hover {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-300:hover {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-400:hover {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-500:hover {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-600:hover {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-700:hover {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-800:hover {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-900:hover {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-green-50:hover {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-green-100:hover {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-green-200:hover {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-green-300:hover {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-green-400:hover {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-green-500:hover {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-green-600:hover {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-green-700:hover {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-green-800:hover {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-green-900:hover {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-teal-50:hover {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-teal-100:hover {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-teal-200:hover {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-teal-300:hover {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-teal-400:hover {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-teal-500:hover {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-teal-600:hover {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-teal-700:hover {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-teal-800:hover {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-teal-900:hover {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-blue-50:hover {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-blue-100:hover {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-blue-200:hover {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-blue-300:hover {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-blue-400:hover {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-blue-500:hover {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-blue-600:hover {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-blue-700:hover {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-blue-800:hover {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-blue-900:hover {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-50:hover {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-100:hover {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-200:hover {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-300:hover {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-400:hover {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-500:hover {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-600:hover {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-700:hover {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-800:hover {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-900:hover {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-purple-50:hover {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-purple-100:hover {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-purple-200:hover {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-purple-300:hover {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-purple-400:hover {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-purple-500:hover {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-purple-600:hover {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-purple-700:hover {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-purple-800:hover {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-purple-900:hover {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-pink-50:hover {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-pink-100:hover {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-pink-200:hover {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-pink-300:hover {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-pink-400:hover {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-pink-500:hover {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-pink-600:hover {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-pink-700:hover {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-pink-800:hover {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .lg\:hover\:border-pink-900:hover {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-transparent:focus {
+    border-color: transparent;
+  }
+
+  .lg\:focus\:border-white:focus {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-black:focus {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-gray-50:focus {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-gray-100:focus {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-gray-200:focus {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-gray-300:focus {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-gray-400:focus {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-gray-500:focus {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-gray-600:focus {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-gray-700:focus {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-gray-800:focus {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-gray-900:focus {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-cool-gray-50:focus {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-cool-gray-100:focus {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-cool-gray-200:focus {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-cool-gray-300:focus {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-cool-gray-400:focus {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-cool-gray-500:focus {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-cool-gray-600:focus {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-cool-gray-700:focus {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-cool-gray-800:focus {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-cool-gray-900:focus {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-red-50:focus {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-red-100:focus {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-red-200:focus {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-red-300:focus {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-red-400:focus {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-red-500:focus {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-red-600:focus {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-red-700:focus {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-red-800:focus {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-red-900:focus {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-orange-50:focus {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-orange-100:focus {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-orange-200:focus {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-orange-300:focus {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-orange-400:focus {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-orange-500:focus {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-orange-600:focus {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-orange-700:focus {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-orange-800:focus {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-orange-900:focus {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-50:focus {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-100:focus {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-200:focus {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-300:focus {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-400:focus {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-500:focus {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-600:focus {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-700:focus {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-800:focus {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-900:focus {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-green-50:focus {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-green-100:focus {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-green-200:focus {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-green-300:focus {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-green-400:focus {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-green-500:focus {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-green-600:focus {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-green-700:focus {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-green-800:focus {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-green-900:focus {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-teal-50:focus {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-teal-100:focus {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-teal-200:focus {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-teal-300:focus {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-teal-400:focus {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-teal-500:focus {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-teal-600:focus {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-teal-700:focus {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-teal-800:focus {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-teal-900:focus {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-blue-50:focus {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-blue-100:focus {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-blue-200:focus {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-blue-300:focus {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-blue-400:focus {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-blue-500:focus {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-blue-600:focus {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-blue-700:focus {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-blue-800:focus {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-blue-900:focus {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-50:focus {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-100:focus {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-200:focus {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-300:focus {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-400:focus {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-500:focus {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-600:focus {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-700:focus {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-800:focus {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-900:focus {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-purple-50:focus {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-purple-100:focus {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-purple-200:focus {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-purple-300:focus {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-purple-400:focus {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-purple-500:focus {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-purple-600:focus {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-purple-700:focus {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-purple-800:focus {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-purple-900:focus {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-pink-50:focus {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-pink-100:focus {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-pink-200:focus {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-pink-300:focus {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-pink-400:focus {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-pink-500:focus {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-pink-600:focus {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-pink-700:focus {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-pink-800:focus {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .lg\:focus\:border-pink-900:focus {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .lg\:border-opacity-0 {
+    --border-opacity: 0;
+  }
+
+  .lg\:border-opacity-25 {
+    --border-opacity: 0.25;
+  }
+
+  .lg\:border-opacity-50 {
+    --border-opacity: 0.5;
+  }
+
+  .lg\:border-opacity-75 {
+    --border-opacity: 0.75;
+  }
+
+  .lg\:border-opacity-100 {
+    --border-opacity: 1;
+  }
+
+  .lg\:hover\:border-opacity-0:hover {
+    --border-opacity: 0;
+  }
+
+  .lg\:hover\:border-opacity-25:hover {
+    --border-opacity: 0.25;
+  }
+
+  .lg\:hover\:border-opacity-50:hover {
+    --border-opacity: 0.5;
+  }
+
+  .lg\:hover\:border-opacity-75:hover {
+    --border-opacity: 0.75;
+  }
+
+  .lg\:hover\:border-opacity-100:hover {
+    --border-opacity: 1;
+  }
+
+  .lg\:focus\:border-opacity-0:focus {
+    --border-opacity: 0;
+  }
+
+  .lg\:focus\:border-opacity-25:focus {
+    --border-opacity: 0.25;
+  }
+
+  .lg\:focus\:border-opacity-50:focus {
+    --border-opacity: 0.5;
+  }
+
+  .lg\:focus\:border-opacity-75:focus {
+    --border-opacity: 0.75;
+  }
+
+  .lg\:focus\:border-opacity-100:focus {
+    --border-opacity: 1;
+  }
+
+  .lg\:rounded-none {
+    border-radius: 0;
+  }
+
+  .lg\:rounded-sm {
+    border-radius: 0.125rem;
+  }
+
+  .lg\:rounded {
+    border-radius: 0.25rem;
+  }
+
+  .lg\:rounded-md {
+    border-radius: 0.375rem;
+  }
+
+  .lg\:rounded-lg {
+    border-radius: 0.5rem;
+  }
+
+  .lg\:rounded-full {
+    border-radius: 9999px;
+  }
+
+  .lg\:rounded-t-none {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  .lg\:rounded-r-none {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .lg\:rounded-b-none {
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .lg\:rounded-l-none {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .lg\:rounded-t-sm {
+    border-top-left-radius: 0.125rem;
+    border-top-right-radius: 0.125rem;
+  }
+
+  .lg\:rounded-r-sm {
+    border-top-right-radius: 0.125rem;
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .lg\:rounded-b-sm {
+    border-bottom-right-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .lg\:rounded-l-sm {
+    border-top-left-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .lg\:rounded-t {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+  }
+
+  .lg\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .lg\:rounded-b {
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .lg\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .lg\:rounded-t-md {
+    border-top-left-radius: 0.375rem;
+    border-top-right-radius: 0.375rem;
+  }
+
+  .lg\:rounded-r-md {
+    border-top-right-radius: 0.375rem;
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .lg\:rounded-b-md {
+    border-bottom-right-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .lg\:rounded-l-md {
+    border-top-left-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .lg\:rounded-t-lg {
+    border-top-left-radius: 0.5rem;
+    border-top-right-radius: 0.5rem;
+  }
+
+  .lg\:rounded-r-lg {
+    border-top-right-radius: 0.5rem;
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .lg\:rounded-b-lg {
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .lg\:rounded-l-lg {
+    border-top-left-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .lg\:rounded-t-full {
+    border-top-left-radius: 9999px;
+    border-top-right-radius: 9999px;
+  }
+
+  .lg\:rounded-r-full {
+    border-top-right-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+  }
+
+  .lg\:rounded-b-full {
+    border-bottom-right-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .lg\:rounded-l-full {
+    border-top-left-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .lg\:rounded-tl-none {
+    border-top-left-radius: 0;
+  }
+
+  .lg\:rounded-tr-none {
+    border-top-right-radius: 0;
+  }
+
+  .lg\:rounded-br-none {
+    border-bottom-right-radius: 0;
+  }
+
+  .lg\:rounded-bl-none {
+    border-bottom-left-radius: 0;
+  }
+
+  .lg\:rounded-tl-sm {
+    border-top-left-radius: 0.125rem;
+  }
+
+  .lg\:rounded-tr-sm {
+    border-top-right-radius: 0.125rem;
+  }
+
+  .lg\:rounded-br-sm {
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .lg\:rounded-bl-sm {
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .lg\:rounded-tl {
+    border-top-left-radius: 0.25rem;
+  }
+
+  .lg\:rounded-tr {
+    border-top-right-radius: 0.25rem;
+  }
+
+  .lg\:rounded-br {
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .lg\:rounded-bl {
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .lg\:rounded-tl-md {
+    border-top-left-radius: 0.375rem;
+  }
+
+  .lg\:rounded-tr-md {
+    border-top-right-radius: 0.375rem;
+  }
+
+  .lg\:rounded-br-md {
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .lg\:rounded-bl-md {
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .lg\:rounded-tl-lg {
+    border-top-left-radius: 0.5rem;
+  }
+
+  .lg\:rounded-tr-lg {
+    border-top-right-radius: 0.5rem;
+  }
+
+  .lg\:rounded-br-lg {
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .lg\:rounded-bl-lg {
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .lg\:rounded-tl-full {
+    border-top-left-radius: 9999px;
+  }
+
+  .lg\:rounded-tr-full {
+    border-top-right-radius: 9999px;
+  }
+
+  .lg\:rounded-br-full {
+    border-bottom-right-radius: 9999px;
+  }
+
+  .lg\:rounded-bl-full {
+    border-bottom-left-radius: 9999px;
+  }
+
+  .lg\:border-solid {
+    border-style: solid;
+  }
+
+  .lg\:border-dashed {
+    border-style: dashed;
+  }
+
+  .lg\:border-dotted {
+    border-style: dotted;
+  }
+
+  .lg\:border-double {
+    border-style: double;
+  }
+
+  .lg\:border-none {
+    border-style: none;
+  }
+
+  .lg\:border-0 {
+    border-width: 0;
+  }
+
+  .lg\:border-2 {
+    border-width: 2px;
+  }
+
+  .lg\:border-4 {
+    border-width: 4px;
+  }
+
+  .lg\:border-8 {
+    border-width: 8px;
+  }
+
+  .lg\:border {
+    border-width: 1px;
+  }
+
+  .lg\:border-t-0 {
+    border-top-width: 0;
+  }
+
+  .lg\:border-r-0 {
+    border-right-width: 0;
+  }
+
+  .lg\:border-b-0 {
+    border-bottom-width: 0;
+  }
+
+  .lg\:border-l-0 {
+    border-left-width: 0;
+  }
+
+  .lg\:border-t-2 {
+    border-top-width: 2px;
+  }
+
+  .lg\:border-r-2 {
+    border-right-width: 2px;
+  }
+
+  .lg\:border-b-2 {
+    border-bottom-width: 2px;
+  }
+
+  .lg\:border-l-2 {
+    border-left-width: 2px;
+  }
+
+  .lg\:border-t-4 {
+    border-top-width: 4px;
+  }
+
+  .lg\:border-r-4 {
+    border-right-width: 4px;
+  }
+
+  .lg\:border-b-4 {
+    border-bottom-width: 4px;
+  }
+
+  .lg\:border-l-4 {
+    border-left-width: 4px;
+  }
+
+  .lg\:border-t-8 {
+    border-top-width: 8px;
+  }
+
+  .lg\:border-r-8 {
+    border-right-width: 8px;
+  }
+
+  .lg\:border-b-8 {
+    border-bottom-width: 8px;
+  }
+
+  .lg\:border-l-8 {
+    border-left-width: 8px;
+  }
+
+  .lg\:border-t {
+    border-top-width: 1px;
+  }
+
+  .lg\:border-r {
+    border-right-width: 1px;
+  }
+
+  .lg\:border-b {
+    border-bottom-width: 1px;
+  }
+
+  .lg\:border-l {
+    border-left-width: 1px;
+  }
+
+  .lg\:box-border {
+    box-sizing: border-box;
+  }
+
+  .lg\:box-content {
+    box-sizing: content-box;
+  }
+
+  .lg\:cursor-auto {
+    cursor: auto;
+  }
+
+  .lg\:cursor-default {
+    cursor: default;
+  }
+
+  .lg\:cursor-pointer {
+    cursor: pointer;
+  }
+
+  .lg\:cursor-wait {
+    cursor: wait;
+  }
+
+  .lg\:cursor-text {
+    cursor: text;
+  }
+
+  .lg\:cursor-move {
+    cursor: move;
+  }
+
+  .lg\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
+  .lg\:block {
+    display: block;
+  }
+
+  .lg\:inline-block {
+    display: inline-block;
+  }
+
+  .lg\:inline {
+    display: inline;
+  }
+
+  .lg\:flex {
+    display: flex;
+  }
+
+  .lg\:inline-flex {
+    display: inline-flex;
+  }
+
+  .lg\:table {
+    display: table;
+  }
+
+  .lg\:table-caption {
+    display: table-caption;
+  }
+
+  .lg\:table-cell {
+    display: table-cell;
+  }
+
+  .lg\:table-column {
+    display: table-column;
+  }
+
+  .lg\:table-column-group {
+    display: table-column-group;
+  }
+
+  .lg\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .lg\:table-header-group {
+    display: table-header-group;
+  }
+
+  .lg\:table-row-group {
+    display: table-row-group;
+  }
+
+  .lg\:table-row {
+    display: table-row;
+  }
+
+  .lg\:flow-root {
+    display: flow-root;
+  }
+
+  .lg\:grid {
+    display: grid;
+  }
+
+  .lg\:inline-grid {
+    display: inline-grid;
+  }
+
+  .lg\:hidden {
+    display: none;
+  }
+
+  .lg\:flex-row {
+    flex-direction: row;
+  }
+
+  .lg\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .lg\:flex-col {
+    flex-direction: column;
+  }
+
+  .lg\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .lg\:flex-wrap {
+    flex-wrap: wrap;
+  }
+
+  .lg\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+
+  .lg\:flex-no-wrap {
+    flex-wrap: nowrap;
+  }
+
+  .lg\:items-start {
+    align-items: flex-start;
+  }
+
+  .lg\:items-end {
+    align-items: flex-end;
+  }
+
+  .lg\:items-center {
+    align-items: center;
+  }
+
+  .lg\:items-baseline {
+    align-items: baseline;
+  }
+
+  .lg\:items-stretch {
+    align-items: stretch;
+  }
+
+  .lg\:self-auto {
+    align-self: auto;
+  }
+
+  .lg\:self-start {
+    align-self: flex-start;
+  }
+
+  .lg\:self-end {
+    align-self: flex-end;
+  }
+
+  .lg\:self-center {
+    align-self: center;
+  }
+
+  .lg\:self-stretch {
+    align-self: stretch;
+  }
+
+  .lg\:justify-start {
+    justify-content: flex-start;
+  }
+
+  .lg\:justify-end {
+    justify-content: flex-end;
+  }
+
+  .lg\:justify-center {
+    justify-content: center;
+  }
+
+  .lg\:justify-between {
+    justify-content: space-between;
+  }
+
+  .lg\:justify-around {
+    justify-content: space-around;
+  }
+
+  .lg\:justify-evenly {
+    justify-content: space-evenly;
+  }
+
+  .lg\:content-center {
+    align-content: center;
+  }
+
+  .lg\:content-start {
+    align-content: flex-start;
+  }
+
+  .lg\:content-end {
+    align-content: flex-end;
+  }
+
+  .lg\:content-between {
+    align-content: space-between;
+  }
+
+  .lg\:content-around {
+    align-content: space-around;
+  }
+
+  .lg\:flex-1 {
+    flex: 1 1 0%;
+  }
+
+  .lg\:flex-auto {
+    flex: 1 1 auto;
+  }
+
+  .lg\:flex-initial {
+    flex: 0 1 auto;
+  }
+
+  .lg\:flex-none {
+    flex: none;
+  }
+
+  .lg\:flex-grow-0 {
+    flex-grow: 0;
+  }
+
+  .lg\:flex-grow {
+    flex-grow: 1;
+  }
+
+  .lg\:flex-shrink-0 {
+    flex-shrink: 0;
+  }
+
+  .lg\:flex-shrink {
+    flex-shrink: 1;
+  }
+
+  .lg\:order-1 {
+    order: 1;
+  }
+
+  .lg\:order-2 {
+    order: 2;
+  }
+
+  .lg\:order-3 {
+    order: 3;
+  }
+
+  .lg\:order-4 {
+    order: 4;
+  }
+
+  .lg\:order-5 {
+    order: 5;
+  }
+
+  .lg\:order-6 {
+    order: 6;
+  }
+
+  .lg\:order-7 {
+    order: 7;
+  }
+
+  .lg\:order-8 {
+    order: 8;
+  }
+
+  .lg\:order-9 {
+    order: 9;
+  }
+
+  .lg\:order-10 {
+    order: 10;
+  }
+
+  .lg\:order-11 {
+    order: 11;
+  }
+
+  .lg\:order-12 {
+    order: 12;
+  }
+
+  .lg\:order-first {
+    order: -9999;
+  }
+
+  .lg\:order-last {
+    order: 9999;
+  }
+
+  .lg\:order-none {
+    order: 0;
+  }
+
+  .lg\:float-right {
+    float: right;
+  }
+
+  .lg\:float-left {
+    float: left;
+  }
+
+  .lg\:float-none {
+    float: none;
+  }
+
+  .lg\:clearfix:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+
+  .lg\:clear-left {
+    clear: left;
+  }
+
+  .lg\:clear-right {
+    clear: right;
+  }
+
+  .lg\:clear-both {
+    clear: both;
+  }
+
+  .lg\:clear-none {
+    clear: none;
+  }
+
+  .lg\:font-sans {
+    font-family: Open Sans, 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";
+  }
+
+  .lg\:font-serif {
+    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
+  }
+
+  .lg\:font-mono {
+    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }
+
+  .lg\:font-hairline {
+    font-weight: 100;
+  }
+
+  .lg\:font-thin {
+    font-weight: 200;
+  }
+
+  .lg\:font-light {
+    font-weight: 300;
+  }
+
+  .lg\:font-normal {
+    font-weight: 400;
+  }
+
+  .lg\:font-medium {
+    font-weight: 500;
+  }
+
+  .lg\:font-semibold {
+    font-weight: 600;
+  }
+
+  .lg\:font-bold {
+    font-weight: 700;
+  }
+
+  .lg\:font-extrabold {
+    font-weight: 800;
+  }
+
+  .lg\:font-black {
+    font-weight: 900;
+  }
+
+  .lg\:hover\:font-hairline:hover {
+    font-weight: 100;
+  }
+
+  .lg\:hover\:font-thin:hover {
+    font-weight: 200;
+  }
+
+  .lg\:hover\:font-light:hover {
+    font-weight: 300;
+  }
+
+  .lg\:hover\:font-normal:hover {
+    font-weight: 400;
+  }
+
+  .lg\:hover\:font-medium:hover {
+    font-weight: 500;
+  }
+
+  .lg\:hover\:font-semibold:hover {
+    font-weight: 600;
+  }
+
+  .lg\:hover\:font-bold:hover {
+    font-weight: 700;
+  }
+
+  .lg\:hover\:font-extrabold:hover {
+    font-weight: 800;
+  }
+
+  .lg\:hover\:font-black:hover {
+    font-weight: 900;
+  }
+
+  .lg\:focus\:font-hairline:focus {
+    font-weight: 100;
+  }
+
+  .lg\:focus\:font-thin:focus {
+    font-weight: 200;
+  }
+
+  .lg\:focus\:font-light:focus {
+    font-weight: 300;
+  }
+
+  .lg\:focus\:font-normal:focus {
+    font-weight: 400;
+  }
+
+  .lg\:focus\:font-medium:focus {
+    font-weight: 500;
+  }
+
+  .lg\:focus\:font-semibold:focus {
+    font-weight: 600;
+  }
+
+  .lg\:focus\:font-bold:focus {
+    font-weight: 700;
+  }
+
+  .lg\:focus\:font-extrabold:focus {
+    font-weight: 800;
+  }
+
+  .lg\:focus\:font-black:focus {
+    font-weight: 900;
+  }
+
+  .lg\:h-0 {
+    height: 0;
+  }
+
+  .lg\:h-1 {
+    height: 0.25rem;
+  }
+
+  .lg\:h-2 {
+    height: 0.5rem;
+  }
+
+  .lg\:h-3 {
+    height: 0.75rem;
+  }
+
+  .lg\:h-4 {
+    height: 1rem;
+  }
+
+  .lg\:h-5 {
+    height: 1.25rem;
+  }
+
+  .lg\:h-6 {
+    height: 1.5rem;
+  }
+
+  .lg\:h-7 {
+    height: 1.75rem;
+  }
+
+  .lg\:h-8 {
+    height: 2rem;
+  }
+
+  .lg\:h-9 {
+    height: 2.25rem;
+  }
+
+  .lg\:h-10 {
+    height: 2.5rem;
+  }
+
+  .lg\:h-11 {
+    height: 2.75rem;
+  }
+
+  .lg\:h-12 {
+    height: 3rem;
+  }
+
+  .lg\:h-13 {
+    height: 3.25rem;
+  }
+
+  .lg\:h-14 {
+    height: 3.5rem;
+  }
+
+  .lg\:h-15 {
+    height: 3.75rem;
+  }
+
+  .lg\:h-16 {
+    height: 4rem;
+  }
+
+  .lg\:h-20 {
+    height: 5rem;
+  }
+
+  .lg\:h-24 {
+    height: 6rem;
+  }
+
+  .lg\:h-28 {
+    height: 7rem;
+  }
+
+  .lg\:h-32 {
+    height: 8rem;
+  }
+
+  .lg\:h-36 {
+    height: 9rem;
+  }
+
+  .lg\:h-40 {
+    height: 10rem;
+  }
+
+  .lg\:h-48 {
+    height: 12rem;
+  }
+
+  .lg\:h-56 {
+    height: 14rem;
+  }
+
+  .lg\:h-60 {
+    height: 15rem;
+  }
+
+  .lg\:h-64 {
+    height: 16rem;
+  }
+
+  .lg\:h-72 {
+    height: 18rem;
+  }
+
+  .lg\:h-80 {
+    height: 20rem;
+  }
+
+  .lg\:h-96 {
+    height: 24rem;
+  }
+
+  .lg\:h-auto {
+    height: auto;
+  }
+
+  .lg\:h-px {
+    height: 1px;
+  }
+
+  .lg\:h-0\.5 {
+    height: 0.125rem;
+  }
+
+  .lg\:h-1\.5 {
+    height: 0.375rem;
+  }
+
+  .lg\:h-2\.5 {
+    height: 0.625rem;
+  }
+
+  .lg\:h-3\.5 {
+    height: 0.875rem;
+  }
+
+  .lg\:h-1\/2 {
+    height: 50%;
+  }
+
+  .lg\:h-1\/3 {
+    height: 33.333333%;
+  }
+
+  .lg\:h-2\/3 {
+    height: 66.666667%;
+  }
+
+  .lg\:h-1\/4 {
+    height: 25%;
+  }
+
+  .lg\:h-2\/4 {
+    height: 50%;
+  }
+
+  .lg\:h-3\/4 {
+    height: 75%;
+  }
+
+  .lg\:h-1\/5 {
+    height: 20%;
+  }
+
+  .lg\:h-2\/5 {
+    height: 40%;
+  }
+
+  .lg\:h-3\/5 {
+    height: 60%;
+  }
+
+  .lg\:h-4\/5 {
+    height: 80%;
+  }
+
+  .lg\:h-1\/6 {
+    height: 16.666667%;
+  }
+
+  .lg\:h-2\/6 {
+    height: 33.333333%;
+  }
+
+  .lg\:h-3\/6 {
+    height: 50%;
+  }
+
+  .lg\:h-4\/6 {
+    height: 66.666667%;
+  }
+
+  .lg\:h-5\/6 {
+    height: 83.333333%;
+  }
+
+  .lg\:h-1\/12 {
+    height: 8.333333%;
+  }
+
+  .lg\:h-2\/12 {
+    height: 16.666667%;
+  }
+
+  .lg\:h-3\/12 {
+    height: 25%;
+  }
+
+  .lg\:h-4\/12 {
+    height: 33.333333%;
+  }
+
+  .lg\:h-5\/12 {
+    height: 41.666667%;
+  }
+
+  .lg\:h-6\/12 {
+    height: 50%;
+  }
+
+  .lg\:h-7\/12 {
+    height: 58.333333%;
+  }
+
+  .lg\:h-8\/12 {
+    height: 66.666667%;
+  }
+
+  .lg\:h-9\/12 {
+    height: 75%;
+  }
+
+  .lg\:h-10\/12 {
+    height: 83.333333%;
+  }
+
+  .lg\:h-11\/12 {
+    height: 91.666667%;
+  }
+
+  .lg\:h-full {
+    height: 100%;
+  }
+
+  .lg\:h-screen {
+    height: 100vh;
+  }
+
+  .lg\:text-xs {
+    font-size: 0.75rem;
+  }
+
+  .lg\:text-sm {
+    font-size: 0.875rem;
+  }
+
+  .lg\:text-base {
+    font-size: 1rem;
+  }
+
+  .lg\:text-lg {
+    font-size: 1.125rem;
+  }
+
+  .lg\:text-xl {
+    font-size: 1.25rem;
+  }
+
+  .lg\:text-2xl {
+    font-size: 1.5rem;
+  }
+
+  .lg\:text-3xl {
+    font-size: 1.875rem;
+  }
+
+  .lg\:text-4xl {
+    font-size: 2.25rem;
+  }
+
+  .lg\:text-5xl {
+    font-size: 3rem;
+  }
+
+  .lg\:text-6xl {
+    font-size: 4rem;
+  }
+
+  .lg\:leading-3 {
+    line-height: .75rem;
+  }
+
+  .lg\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .lg\:leading-5 {
+    line-height: 1.25rem;
+  }
+
+  .lg\:leading-6 {
+    line-height: 1.5rem;
+  }
+
+  .lg\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .lg\:leading-8 {
+    line-height: 2rem;
+  }
+
+  .lg\:leading-9 {
+    line-height: 2.25rem;
+  }
+
+  .lg\:leading-10 {
+    line-height: 2.5rem;
+  }
+
+  .lg\:leading-none {
+    line-height: 1;
+  }
+
+  .lg\:leading-tight {
+    line-height: 1.25;
+  }
+
+  .lg\:leading-snug {
+    line-height: 1.375;
+  }
+
+  .lg\:leading-normal {
+    line-height: 1.5;
+  }
+
+  .lg\:leading-relaxed {
+    line-height: 1.625;
+  }
+
+  .lg\:leading-loose {
+    line-height: 2;
+  }
+
+  .lg\:list-inside {
+    list-style-position: inside;
+  }
+
+  .lg\:list-outside {
+    list-style-position: outside;
+  }
+
+  .lg\:list-none {
+    list-style-type: none;
+  }
+
+  .lg\:list-disc {
+    list-style-type: disc;
+  }
+
+  .lg\:list-decimal {
+    list-style-type: decimal;
+  }
+
+  .lg\:m-0 {
+    margin: 0;
+  }
+
+  .lg\:m-1 {
+    margin: 0.25rem;
+  }
+
+  .lg\:m-2 {
+    margin: 0.5rem;
+  }
+
+  .lg\:m-3 {
+    margin: 0.75rem;
+  }
+
+  .lg\:m-4 {
+    margin: 1rem;
+  }
+
+  .lg\:m-5 {
+    margin: 1.25rem;
+  }
+
+  .lg\:m-6 {
+    margin: 1.5rem;
+  }
+
+  .lg\:m-7 {
+    margin: 1.75rem;
+  }
+
+  .lg\:m-8 {
+    margin: 2rem;
+  }
+
+  .lg\:m-9 {
+    margin: 2.25rem;
+  }
+
+  .lg\:m-10 {
+    margin: 2.5rem;
+  }
+
+  .lg\:m-11 {
+    margin: 2.75rem;
+  }
+
+  .lg\:m-12 {
+    margin: 3rem;
+  }
+
+  .lg\:m-13 {
+    margin: 3.25rem;
+  }
+
+  .lg\:m-14 {
+    margin: 3.5rem;
+  }
+
+  .lg\:m-15 {
+    margin: 3.75rem;
+  }
+
+  .lg\:m-16 {
+    margin: 4rem;
+  }
+
+  .lg\:m-20 {
+    margin: 5rem;
+  }
+
+  .lg\:m-24 {
+    margin: 6rem;
+  }
+
+  .lg\:m-28 {
+    margin: 7rem;
+  }
+
+  .lg\:m-32 {
+    margin: 8rem;
+  }
+
+  .lg\:m-36 {
+    margin: 9rem;
+  }
+
+  .lg\:m-40 {
+    margin: 10rem;
+  }
+
+  .lg\:m-48 {
+    margin: 12rem;
+  }
+
+  .lg\:m-56 {
+    margin: 14rem;
+  }
+
+  .lg\:m-60 {
+    margin: 15rem;
+  }
+
+  .lg\:m-64 {
+    margin: 16rem;
+  }
+
+  .lg\:m-72 {
+    margin: 18rem;
+  }
+
+  .lg\:m-80 {
+    margin: 20rem;
+  }
+
+  .lg\:m-96 {
+    margin: 24rem;
+  }
+
+  .lg\:m-auto {
+    margin: auto;
+  }
+
+  .lg\:m-px {
+    margin: 1px;
+  }
+
+  .lg\:m-0\.5 {
+    margin: 0.125rem;
+  }
+
+  .lg\:m-1\.5 {
+    margin: 0.375rem;
+  }
+
+  .lg\:m-2\.5 {
+    margin: 0.625rem;
+  }
+
+  .lg\:m-3\.5 {
+    margin: 0.875rem;
+  }
+
+  .lg\:m-1\/2 {
+    margin: 50%;
+  }
+
+  .lg\:m-1\/3 {
+    margin: 33.333333%;
+  }
+
+  .lg\:m-2\/3 {
+    margin: 66.666667%;
+  }
+
+  .lg\:m-1\/4 {
+    margin: 25%;
+  }
+
+  .lg\:m-2\/4 {
+    margin: 50%;
+  }
+
+  .lg\:m-3\/4 {
+    margin: 75%;
+  }
+
+  .lg\:m-1\/5 {
+    margin: 20%;
+  }
+
+  .lg\:m-2\/5 {
+    margin: 40%;
+  }
+
+  .lg\:m-3\/5 {
+    margin: 60%;
+  }
+
+  .lg\:m-4\/5 {
+    margin: 80%;
+  }
+
+  .lg\:m-1\/6 {
+    margin: 16.666667%;
+  }
+
+  .lg\:m-2\/6 {
+    margin: 33.333333%;
+  }
+
+  .lg\:m-3\/6 {
+    margin: 50%;
+  }
+
+  .lg\:m-4\/6 {
+    margin: 66.666667%;
+  }
+
+  .lg\:m-5\/6 {
+    margin: 83.333333%;
+  }
+
+  .lg\:m-1\/12 {
+    margin: 8.333333%;
+  }
+
+  .lg\:m-2\/12 {
+    margin: 16.666667%;
+  }
+
+  .lg\:m-3\/12 {
+    margin: 25%;
+  }
+
+  .lg\:m-4\/12 {
+    margin: 33.333333%;
+  }
+
+  .lg\:m-5\/12 {
+    margin: 41.666667%;
+  }
+
+  .lg\:m-6\/12 {
+    margin: 50%;
+  }
+
+  .lg\:m-7\/12 {
+    margin: 58.333333%;
+  }
+
+  .lg\:m-8\/12 {
+    margin: 66.666667%;
+  }
+
+  .lg\:m-9\/12 {
+    margin: 75%;
+  }
+
+  .lg\:m-10\/12 {
+    margin: 83.333333%;
+  }
+
+  .lg\:m-11\/12 {
+    margin: 91.666667%;
+  }
+
+  .lg\:m-full {
+    margin: 100%;
+  }
+
+  .lg\:-m-1 {
+    margin: -0.25rem;
+  }
+
+  .lg\:-m-2 {
+    margin: -0.5rem;
+  }
+
+  .lg\:-m-3 {
+    margin: -0.75rem;
+  }
+
+  .lg\:-m-4 {
+    margin: -1rem;
+  }
+
+  .lg\:-m-5 {
+    margin: -1.25rem;
+  }
+
+  .lg\:-m-6 {
+    margin: -1.5rem;
+  }
+
+  .lg\:-m-7 {
+    margin: -1.75rem;
+  }
+
+  .lg\:-m-8 {
+    margin: -2rem;
+  }
+
+  .lg\:-m-9 {
+    margin: -2.25rem;
+  }
+
+  .lg\:-m-10 {
+    margin: -2.5rem;
+  }
+
+  .lg\:-m-11 {
+    margin: -2.75rem;
+  }
+
+  .lg\:-m-12 {
+    margin: -3rem;
+  }
+
+  .lg\:-m-13 {
+    margin: -3.25rem;
+  }
+
+  .lg\:-m-14 {
+    margin: -3.5rem;
+  }
+
+  .lg\:-m-15 {
+    margin: -3.75rem;
+  }
+
+  .lg\:-m-16 {
+    margin: -4rem;
+  }
+
+  .lg\:-m-20 {
+    margin: -5rem;
+  }
+
+  .lg\:-m-24 {
+    margin: -6rem;
+  }
+
+  .lg\:-m-28 {
+    margin: -7rem;
+  }
+
+  .lg\:-m-32 {
+    margin: -8rem;
+  }
+
+  .lg\:-m-36 {
+    margin: -9rem;
+  }
+
+  .lg\:-m-40 {
+    margin: -10rem;
+  }
+
+  .lg\:-m-48 {
+    margin: -12rem;
+  }
+
+  .lg\:-m-56 {
+    margin: -14rem;
+  }
+
+  .lg\:-m-60 {
+    margin: -15rem;
+  }
+
+  .lg\:-m-64 {
+    margin: -16rem;
+  }
+
+  .lg\:-m-72 {
+    margin: -18rem;
+  }
+
+  .lg\:-m-80 {
+    margin: -20rem;
+  }
+
+  .lg\:-m-96 {
+    margin: -24rem;
+  }
+
+  .lg\:-m-px {
+    margin: -1px;
+  }
+
+  .lg\:-m-0\.5 {
+    margin: -0.125rem;
+  }
+
+  .lg\:-m-1\.5 {
+    margin: -0.375rem;
+  }
+
+  .lg\:-m-2\.5 {
+    margin: -0.625rem;
+  }
+
+  .lg\:-m-3\.5 {
+    margin: -0.875rem;
+  }
+
+  .lg\:-m-1\/2 {
+    margin: -50%;
+  }
+
+  .lg\:-m-1\/3 {
+    margin: -33.33333%;
+  }
+
+  .lg\:-m-2\/3 {
+    margin: -66.66667%;
+  }
+
+  .lg\:-m-1\/4 {
+    margin: -25%;
+  }
+
+  .lg\:-m-2\/4 {
+    margin: -50%;
+  }
+
+  .lg\:-m-3\/4 {
+    margin: -75%;
+  }
+
+  .lg\:-m-1\/5 {
+    margin: -20%;
+  }
+
+  .lg\:-m-2\/5 {
+    margin: -40%;
+  }
+
+  .lg\:-m-3\/5 {
+    margin: -60%;
+  }
+
+  .lg\:-m-4\/5 {
+    margin: -80%;
+  }
+
+  .lg\:-m-1\/6 {
+    margin: -16.66667%;
+  }
+
+  .lg\:-m-2\/6 {
+    margin: -33.33333%;
+  }
+
+  .lg\:-m-3\/6 {
+    margin: -50%;
+  }
+
+  .lg\:-m-4\/6 {
+    margin: -66.66667%;
+  }
+
+  .lg\:-m-5\/6 {
+    margin: -83.33333%;
+  }
+
+  .lg\:-m-1\/12 {
+    margin: -8.33333%;
+  }
+
+  .lg\:-m-2\/12 {
+    margin: -16.66667%;
+  }
+
+  .lg\:-m-3\/12 {
+    margin: -25%;
+  }
+
+  .lg\:-m-4\/12 {
+    margin: -33.33333%;
+  }
+
+  .lg\:-m-5\/12 {
+    margin: -41.66667%;
+  }
+
+  .lg\:-m-6\/12 {
+    margin: -50%;
+  }
+
+  .lg\:-m-7\/12 {
+    margin: -58.33333%;
+  }
+
+  .lg\:-m-8\/12 {
+    margin: -66.66667%;
+  }
+
+  .lg\:-m-9\/12 {
+    margin: -75%;
+  }
+
+  .lg\:-m-10\/12 {
+    margin: -83.33333%;
+  }
+
+  .lg\:-m-11\/12 {
+    margin: -91.66667%;
+  }
+
+  .lg\:-m-full {
+    margin: -100%;
+  }
+
+  .lg\:my-0 {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .lg\:mx-0 {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .lg\:my-1 {
+    margin-top: 0.25rem;
+    margin-bottom: 0.25rem;
+  }
+
+  .lg\:mx-1 {
+    margin-left: 0.25rem;
+    margin-right: 0.25rem;
+  }
+
+  .lg\:my-2 {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .lg\:mx-2 {
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+
+  .lg\:my-3 {
+    margin-top: 0.75rem;
+    margin-bottom: 0.75rem;
+  }
+
+  .lg\:mx-3 {
+    margin-left: 0.75rem;
+    margin-right: 0.75rem;
+  }
+
+  .lg\:my-4 {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+
+  .lg\:mx-4 {
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+
+  .lg\:my-5 {
+    margin-top: 1.25rem;
+    margin-bottom: 1.25rem;
+  }
+
+  .lg\:mx-5 {
+    margin-left: 1.25rem;
+    margin-right: 1.25rem;
+  }
+
+  .lg\:my-6 {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .lg\:mx-6 {
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+  }
+
+  .lg\:my-7 {
+    margin-top: 1.75rem;
+    margin-bottom: 1.75rem;
+  }
+
+  .lg\:mx-7 {
+    margin-left: 1.75rem;
+    margin-right: 1.75rem;
+  }
+
+  .lg\:my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+
+  .lg\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
+  }
+
+  .lg\:my-9 {
+    margin-top: 2.25rem;
+    margin-bottom: 2.25rem;
+  }
+
+  .lg\:mx-9 {
+    margin-left: 2.25rem;
+    margin-right: 2.25rem;
+  }
+
+  .lg\:my-10 {
+    margin-top: 2.5rem;
+    margin-bottom: 2.5rem;
+  }
+
+  .lg\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+
+  .lg\:my-11 {
+    margin-top: 2.75rem;
+    margin-bottom: 2.75rem;
+  }
+
+  .lg\:mx-11 {
+    margin-left: 2.75rem;
+    margin-right: 2.75rem;
+  }
+
+  .lg\:my-12 {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+  }
+
+  .lg\:mx-12 {
+    margin-left: 3rem;
+    margin-right: 3rem;
+  }
+
+  .lg\:my-13 {
+    margin-top: 3.25rem;
+    margin-bottom: 3.25rem;
+  }
+
+  .lg\:mx-13 {
+    margin-left: 3.25rem;
+    margin-right: 3.25rem;
+  }
+
+  .lg\:my-14 {
+    margin-top: 3.5rem;
+    margin-bottom: 3.5rem;
+  }
+
+  .lg\:mx-14 {
+    margin-left: 3.5rem;
+    margin-right: 3.5rem;
+  }
+
+  .lg\:my-15 {
+    margin-top: 3.75rem;
+    margin-bottom: 3.75rem;
+  }
+
+  .lg\:mx-15 {
+    margin-left: 3.75rem;
+    margin-right: 3.75rem;
+  }
+
+  .lg\:my-16 {
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+  }
+
+  .lg\:mx-16 {
+    margin-left: 4rem;
+    margin-right: 4rem;
+  }
+
+  .lg\:my-20 {
+    margin-top: 5rem;
+    margin-bottom: 5rem;
+  }
+
+  .lg\:mx-20 {
+    margin-left: 5rem;
+    margin-right: 5rem;
+  }
+
+  .lg\:my-24 {
+    margin-top: 6rem;
+    margin-bottom: 6rem;
+  }
+
+  .lg\:mx-24 {
+    margin-left: 6rem;
+    margin-right: 6rem;
+  }
+
+  .lg\:my-28 {
+    margin-top: 7rem;
+    margin-bottom: 7rem;
+  }
+
+  .lg\:mx-28 {
+    margin-left: 7rem;
+    margin-right: 7rem;
+  }
+
+  .lg\:my-32 {
+    margin-top: 8rem;
+    margin-bottom: 8rem;
+  }
+
+  .lg\:mx-32 {
+    margin-left: 8rem;
+    margin-right: 8rem;
+  }
+
+  .lg\:my-36 {
+    margin-top: 9rem;
+    margin-bottom: 9rem;
+  }
+
+  .lg\:mx-36 {
+    margin-left: 9rem;
+    margin-right: 9rem;
+  }
+
+  .lg\:my-40 {
+    margin-top: 10rem;
+    margin-bottom: 10rem;
+  }
+
+  .lg\:mx-40 {
+    margin-left: 10rem;
+    margin-right: 10rem;
+  }
+
+  .lg\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .lg\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .lg\:my-56 {
+    margin-top: 14rem;
+    margin-bottom: 14rem;
+  }
+
+  .lg\:mx-56 {
+    margin-left: 14rem;
+    margin-right: 14rem;
+  }
+
+  .lg\:my-60 {
+    margin-top: 15rem;
+    margin-bottom: 15rem;
+  }
+
+  .lg\:mx-60 {
+    margin-left: 15rem;
+    margin-right: 15rem;
+  }
+
+  .lg\:my-64 {
+    margin-top: 16rem;
+    margin-bottom: 16rem;
+  }
+
+  .lg\:mx-64 {
+    margin-left: 16rem;
+    margin-right: 16rem;
+  }
+
+  .lg\:my-72 {
+    margin-top: 18rem;
+    margin-bottom: 18rem;
+  }
+
+  .lg\:mx-72 {
+    margin-left: 18rem;
+    margin-right: 18rem;
+  }
+
+  .lg\:my-80 {
+    margin-top: 20rem;
+    margin-bottom: 20rem;
+  }
+
+  .lg\:mx-80 {
+    margin-left: 20rem;
+    margin-right: 20rem;
+  }
+
+  .lg\:my-96 {
+    margin-top: 24rem;
+    margin-bottom: 24rem;
+  }
+
+  .lg\:mx-96 {
+    margin-left: 24rem;
+    margin-right: 24rem;
+  }
+
+  .lg\:my-auto {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+
+  .lg\:mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .lg\:my-px {
+    margin-top: 1px;
+    margin-bottom: 1px;
+  }
+
+  .lg\:mx-px {
+    margin-left: 1px;
+    margin-right: 1px;
+  }
+
+  .lg\:my-0\.5 {
+    margin-top: 0.125rem;
+    margin-bottom: 0.125rem;
+  }
+
+  .lg\:mx-0\.5 {
+    margin-left: 0.125rem;
+    margin-right: 0.125rem;
+  }
+
+  .lg\:my-1\.5 {
+    margin-top: 0.375rem;
+    margin-bottom: 0.375rem;
+  }
+
+  .lg\:mx-1\.5 {
+    margin-left: 0.375rem;
+    margin-right: 0.375rem;
+  }
+
+  .lg\:my-2\.5 {
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem;
+  }
+
+  .lg\:mx-2\.5 {
+    margin-left: 0.625rem;
+    margin-right: 0.625rem;
+  }
+
+  .lg\:my-3\.5 {
+    margin-top: 0.875rem;
+    margin-bottom: 0.875rem;
+  }
+
+  .lg\:mx-3\.5 {
+    margin-left: 0.875rem;
+    margin-right: 0.875rem;
+  }
+
+  .lg\:my-1\/2 {
+    margin-top: 50%;
+    margin-bottom: 50%;
+  }
+
+  .lg\:mx-1\/2 {
+    margin-left: 50%;
+    margin-right: 50%;
+  }
+
+  .lg\:my-1\/3 {
+    margin-top: 33.333333%;
+    margin-bottom: 33.333333%;
+  }
+
+  .lg\:mx-1\/3 {
+    margin-left: 33.333333%;
+    margin-right: 33.333333%;
+  }
+
+  .lg\:my-2\/3 {
+    margin-top: 66.666667%;
+    margin-bottom: 66.666667%;
+  }
+
+  .lg\:mx-2\/3 {
+    margin-left: 66.666667%;
+    margin-right: 66.666667%;
+  }
+
+  .lg\:my-1\/4 {
+    margin-top: 25%;
+    margin-bottom: 25%;
+  }
+
+  .lg\:mx-1\/4 {
+    margin-left: 25%;
+    margin-right: 25%;
+  }
+
+  .lg\:my-2\/4 {
+    margin-top: 50%;
+    margin-bottom: 50%;
+  }
+
+  .lg\:mx-2\/4 {
+    margin-left: 50%;
+    margin-right: 50%;
+  }
+
+  .lg\:my-3\/4 {
+    margin-top: 75%;
+    margin-bottom: 75%;
+  }
+
+  .lg\:mx-3\/4 {
+    margin-left: 75%;
+    margin-right: 75%;
+  }
+
+  .lg\:my-1\/5 {
+    margin-top: 20%;
+    margin-bottom: 20%;
+  }
+
+  .lg\:mx-1\/5 {
+    margin-left: 20%;
+    margin-right: 20%;
+  }
+
+  .lg\:my-2\/5 {
+    margin-top: 40%;
+    margin-bottom: 40%;
+  }
+
+  .lg\:mx-2\/5 {
+    margin-left: 40%;
+    margin-right: 40%;
+  }
+
+  .lg\:my-3\/5 {
+    margin-top: 60%;
+    margin-bottom: 60%;
+  }
+
+  .lg\:mx-3\/5 {
+    margin-left: 60%;
+    margin-right: 60%;
+  }
+
+  .lg\:my-4\/5 {
+    margin-top: 80%;
+    margin-bottom: 80%;
+  }
+
+  .lg\:mx-4\/5 {
+    margin-left: 80%;
+    margin-right: 80%;
+  }
+
+  .lg\:my-1\/6 {
+    margin-top: 16.666667%;
+    margin-bottom: 16.666667%;
+  }
+
+  .lg\:mx-1\/6 {
+    margin-left: 16.666667%;
+    margin-right: 16.666667%;
+  }
+
+  .lg\:my-2\/6 {
+    margin-top: 33.333333%;
+    margin-bottom: 33.333333%;
+  }
+
+  .lg\:mx-2\/6 {
+    margin-left: 33.333333%;
+    margin-right: 33.333333%;
+  }
+
+  .lg\:my-3\/6 {
+    margin-top: 50%;
+    margin-bottom: 50%;
+  }
+
+  .lg\:mx-3\/6 {
+    margin-left: 50%;
+    margin-right: 50%;
+  }
+
+  .lg\:my-4\/6 {
+    margin-top: 66.666667%;
+    margin-bottom: 66.666667%;
+  }
+
+  .lg\:mx-4\/6 {
+    margin-left: 66.666667%;
+    margin-right: 66.666667%;
+  }
+
+  .lg\:my-5\/6 {
+    margin-top: 83.333333%;
+    margin-bottom: 83.333333%;
+  }
+
+  .lg\:mx-5\/6 {
+    margin-left: 83.333333%;
+    margin-right: 83.333333%;
+  }
+
+  .lg\:my-1\/12 {
+    margin-top: 8.333333%;
+    margin-bottom: 8.333333%;
+  }
+
+  .lg\:mx-1\/12 {
+    margin-left: 8.333333%;
+    margin-right: 8.333333%;
+  }
+
+  .lg\:my-2\/12 {
+    margin-top: 16.666667%;
+    margin-bottom: 16.666667%;
+  }
+
+  .lg\:mx-2\/12 {
+    margin-left: 16.666667%;
+    margin-right: 16.666667%;
+  }
+
+  .lg\:my-3\/12 {
+    margin-top: 25%;
+    margin-bottom: 25%;
+  }
+
+  .lg\:mx-3\/12 {
+    margin-left: 25%;
+    margin-right: 25%;
+  }
+
+  .lg\:my-4\/12 {
+    margin-top: 33.333333%;
+    margin-bottom: 33.333333%;
+  }
+
+  .lg\:mx-4\/12 {
+    margin-left: 33.333333%;
+    margin-right: 33.333333%;
+  }
+
+  .lg\:my-5\/12 {
+    margin-top: 41.666667%;
+    margin-bottom: 41.666667%;
+  }
+
+  .lg\:mx-5\/12 {
+    margin-left: 41.666667%;
+    margin-right: 41.666667%;
+  }
+
+  .lg\:my-6\/12 {
+    margin-top: 50%;
+    margin-bottom: 50%;
+  }
+
+  .lg\:mx-6\/12 {
+    margin-left: 50%;
+    margin-right: 50%;
+  }
+
+  .lg\:my-7\/12 {
+    margin-top: 58.333333%;
+    margin-bottom: 58.333333%;
+  }
+
+  .lg\:mx-7\/12 {
+    margin-left: 58.333333%;
+    margin-right: 58.333333%;
+  }
+
+  .lg\:my-8\/12 {
+    margin-top: 66.666667%;
+    margin-bottom: 66.666667%;
+  }
+
+  .lg\:mx-8\/12 {
+    margin-left: 66.666667%;
+    margin-right: 66.666667%;
+  }
+
+  .lg\:my-9\/12 {
+    margin-top: 75%;
+    margin-bottom: 75%;
+  }
+
+  .lg\:mx-9\/12 {
+    margin-left: 75%;
+    margin-right: 75%;
+  }
+
+  .lg\:my-10\/12 {
+    margin-top: 83.333333%;
+    margin-bottom: 83.333333%;
+  }
+
+  .lg\:mx-10\/12 {
+    margin-left: 83.333333%;
+    margin-right: 83.333333%;
+  }
+
+  .lg\:my-11\/12 {
+    margin-top: 91.666667%;
+    margin-bottom: 91.666667%;
+  }
+
+  .lg\:mx-11\/12 {
+    margin-left: 91.666667%;
+    margin-right: 91.666667%;
+  }
+
+  .lg\:my-full {
+    margin-top: 100%;
+    margin-bottom: 100%;
+  }
+
+  .lg\:mx-full {
+    margin-left: 100%;
+    margin-right: 100%;
+  }
+
+  .lg\:-my-1 {
+    margin-top: -0.25rem;
+    margin-bottom: -0.25rem;
+  }
+
+  .lg\:-mx-1 {
+    margin-left: -0.25rem;
+    margin-right: -0.25rem;
+  }
+
+  .lg\:-my-2 {
+    margin-top: -0.5rem;
+    margin-bottom: -0.5rem;
+  }
+
+  .lg\:-mx-2 {
+    margin-left: -0.5rem;
+    margin-right: -0.5rem;
+  }
+
+  .lg\:-my-3 {
+    margin-top: -0.75rem;
+    margin-bottom: -0.75rem;
+  }
+
+  .lg\:-mx-3 {
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
+  }
+
+  .lg\:-my-4 {
+    margin-top: -1rem;
+    margin-bottom: -1rem;
+  }
+
+  .lg\:-mx-4 {
+    margin-left: -1rem;
+    margin-right: -1rem;
+  }
+
+  .lg\:-my-5 {
+    margin-top: -1.25rem;
+    margin-bottom: -1.25rem;
+  }
+
+  .lg\:-mx-5 {
+    margin-left: -1.25rem;
+    margin-right: -1.25rem;
+  }
+
+  .lg\:-my-6 {
+    margin-top: -1.5rem;
+    margin-bottom: -1.5rem;
+  }
+
+  .lg\:-mx-6 {
+    margin-left: -1.5rem;
+    margin-right: -1.5rem;
+  }
+
+  .lg\:-my-7 {
+    margin-top: -1.75rem;
+    margin-bottom: -1.75rem;
+  }
+
+  .lg\:-mx-7 {
+    margin-left: -1.75rem;
+    margin-right: -1.75rem;
+  }
+
+  .lg\:-my-8 {
+    margin-top: -2rem;
+    margin-bottom: -2rem;
+  }
+
+  .lg\:-mx-8 {
+    margin-left: -2rem;
+    margin-right: -2rem;
+  }
+
+  .lg\:-my-9 {
+    margin-top: -2.25rem;
+    margin-bottom: -2.25rem;
+  }
+
+  .lg\:-mx-9 {
+    margin-left: -2.25rem;
+    margin-right: -2.25rem;
+  }
+
+  .lg\:-my-10 {
+    margin-top: -2.5rem;
+    margin-bottom: -2.5rem;
+  }
+
+  .lg\:-mx-10 {
+    margin-left: -2.5rem;
+    margin-right: -2.5rem;
+  }
+
+  .lg\:-my-11 {
+    margin-top: -2.75rem;
+    margin-bottom: -2.75rem;
+  }
+
+  .lg\:-mx-11 {
+    margin-left: -2.75rem;
+    margin-right: -2.75rem;
+  }
+
+  .lg\:-my-12 {
+    margin-top: -3rem;
+    margin-bottom: -3rem;
+  }
+
+  .lg\:-mx-12 {
+    margin-left: -3rem;
+    margin-right: -3rem;
+  }
+
+  .lg\:-my-13 {
+    margin-top: -3.25rem;
+    margin-bottom: -3.25rem;
+  }
+
+  .lg\:-mx-13 {
+    margin-left: -3.25rem;
+    margin-right: -3.25rem;
+  }
+
+  .lg\:-my-14 {
+    margin-top: -3.5rem;
+    margin-bottom: -3.5rem;
+  }
+
+  .lg\:-mx-14 {
+    margin-left: -3.5rem;
+    margin-right: -3.5rem;
+  }
+
+  .lg\:-my-15 {
+    margin-top: -3.75rem;
+    margin-bottom: -3.75rem;
+  }
+
+  .lg\:-mx-15 {
+    margin-left: -3.75rem;
+    margin-right: -3.75rem;
+  }
+
+  .lg\:-my-16 {
+    margin-top: -4rem;
+    margin-bottom: -4rem;
+  }
+
+  .lg\:-mx-16 {
+    margin-left: -4rem;
+    margin-right: -4rem;
+  }
+
+  .lg\:-my-20 {
+    margin-top: -5rem;
+    margin-bottom: -5rem;
+  }
+
+  .lg\:-mx-20 {
+    margin-left: -5rem;
+    margin-right: -5rem;
+  }
+
+  .lg\:-my-24 {
+    margin-top: -6rem;
+    margin-bottom: -6rem;
+  }
+
+  .lg\:-mx-24 {
+    margin-left: -6rem;
+    margin-right: -6rem;
+  }
+
+  .lg\:-my-28 {
+    margin-top: -7rem;
+    margin-bottom: -7rem;
+  }
+
+  .lg\:-mx-28 {
+    margin-left: -7rem;
+    margin-right: -7rem;
+  }
+
+  .lg\:-my-32 {
+    margin-top: -8rem;
+    margin-bottom: -8rem;
+  }
+
+  .lg\:-mx-32 {
+    margin-left: -8rem;
+    margin-right: -8rem;
+  }
+
+  .lg\:-my-36 {
+    margin-top: -9rem;
+    margin-bottom: -9rem;
+  }
+
+  .lg\:-mx-36 {
+    margin-left: -9rem;
+    margin-right: -9rem;
+  }
+
+  .lg\:-my-40 {
+    margin-top: -10rem;
+    margin-bottom: -10rem;
+  }
+
+  .lg\:-mx-40 {
+    margin-left: -10rem;
+    margin-right: -10rem;
+  }
+
+  .lg\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .lg\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .lg\:-my-56 {
+    margin-top: -14rem;
+    margin-bottom: -14rem;
+  }
+
+  .lg\:-mx-56 {
+    margin-left: -14rem;
+    margin-right: -14rem;
+  }
+
+  .lg\:-my-60 {
+    margin-top: -15rem;
+    margin-bottom: -15rem;
+  }
+
+  .lg\:-mx-60 {
+    margin-left: -15rem;
+    margin-right: -15rem;
+  }
+
+  .lg\:-my-64 {
+    margin-top: -16rem;
+    margin-bottom: -16rem;
+  }
+
+  .lg\:-mx-64 {
+    margin-left: -16rem;
+    margin-right: -16rem;
+  }
+
+  .lg\:-my-72 {
+    margin-top: -18rem;
+    margin-bottom: -18rem;
+  }
+
+  .lg\:-mx-72 {
+    margin-left: -18rem;
+    margin-right: -18rem;
+  }
+
+  .lg\:-my-80 {
+    margin-top: -20rem;
+    margin-bottom: -20rem;
+  }
+
+  .lg\:-mx-80 {
+    margin-left: -20rem;
+    margin-right: -20rem;
+  }
+
+  .lg\:-my-96 {
+    margin-top: -24rem;
+    margin-bottom: -24rem;
+  }
+
+  .lg\:-mx-96 {
+    margin-left: -24rem;
+    margin-right: -24rem;
+  }
+
+  .lg\:-my-px {
+    margin-top: -1px;
+    margin-bottom: -1px;
+  }
+
+  .lg\:-mx-px {
+    margin-left: -1px;
+    margin-right: -1px;
+  }
+
+  .lg\:-my-0\.5 {
+    margin-top: -0.125rem;
+    margin-bottom: -0.125rem;
+  }
+
+  .lg\:-mx-0\.5 {
+    margin-left: -0.125rem;
+    margin-right: -0.125rem;
+  }
+
+  .lg\:-my-1\.5 {
+    margin-top: -0.375rem;
+    margin-bottom: -0.375rem;
+  }
+
+  .lg\:-mx-1\.5 {
+    margin-left: -0.375rem;
+    margin-right: -0.375rem;
+  }
+
+  .lg\:-my-2\.5 {
+    margin-top: -0.625rem;
+    margin-bottom: -0.625rem;
+  }
+
+  .lg\:-mx-2\.5 {
+    margin-left: -0.625rem;
+    margin-right: -0.625rem;
+  }
+
+  .lg\:-my-3\.5 {
+    margin-top: -0.875rem;
+    margin-bottom: -0.875rem;
+  }
+
+  .lg\:-mx-3\.5 {
+    margin-left: -0.875rem;
+    margin-right: -0.875rem;
+  }
+
+  .lg\:-my-1\/2 {
+    margin-top: -50%;
+    margin-bottom: -50%;
+  }
+
+  .lg\:-mx-1\/2 {
+    margin-left: -50%;
+    margin-right: -50%;
+  }
+
+  .lg\:-my-1\/3 {
+    margin-top: -33.33333%;
+    margin-bottom: -33.33333%;
+  }
+
+  .lg\:-mx-1\/3 {
+    margin-left: -33.33333%;
+    margin-right: -33.33333%;
+  }
+
+  .lg\:-my-2\/3 {
+    margin-top: -66.66667%;
+    margin-bottom: -66.66667%;
+  }
+
+  .lg\:-mx-2\/3 {
+    margin-left: -66.66667%;
+    margin-right: -66.66667%;
+  }
+
+  .lg\:-my-1\/4 {
+    margin-top: -25%;
+    margin-bottom: -25%;
+  }
+
+  .lg\:-mx-1\/4 {
+    margin-left: -25%;
+    margin-right: -25%;
+  }
+
+  .lg\:-my-2\/4 {
+    margin-top: -50%;
+    margin-bottom: -50%;
+  }
+
+  .lg\:-mx-2\/4 {
+    margin-left: -50%;
+    margin-right: -50%;
+  }
+
+  .lg\:-my-3\/4 {
+    margin-top: -75%;
+    margin-bottom: -75%;
+  }
+
+  .lg\:-mx-3\/4 {
+    margin-left: -75%;
+    margin-right: -75%;
+  }
+
+  .lg\:-my-1\/5 {
+    margin-top: -20%;
+    margin-bottom: -20%;
+  }
+
+  .lg\:-mx-1\/5 {
+    margin-left: -20%;
+    margin-right: -20%;
+  }
+
+  .lg\:-my-2\/5 {
+    margin-top: -40%;
+    margin-bottom: -40%;
+  }
+
+  .lg\:-mx-2\/5 {
+    margin-left: -40%;
+    margin-right: -40%;
+  }
+
+  .lg\:-my-3\/5 {
+    margin-top: -60%;
+    margin-bottom: -60%;
+  }
+
+  .lg\:-mx-3\/5 {
+    margin-left: -60%;
+    margin-right: -60%;
+  }
+
+  .lg\:-my-4\/5 {
+    margin-top: -80%;
+    margin-bottom: -80%;
+  }
+
+  .lg\:-mx-4\/5 {
+    margin-left: -80%;
+    margin-right: -80%;
+  }
+
+  .lg\:-my-1\/6 {
+    margin-top: -16.66667%;
+    margin-bottom: -16.66667%;
+  }
+
+  .lg\:-mx-1\/6 {
+    margin-left: -16.66667%;
+    margin-right: -16.66667%;
+  }
+
+  .lg\:-my-2\/6 {
+    margin-top: -33.33333%;
+    margin-bottom: -33.33333%;
+  }
+
+  .lg\:-mx-2\/6 {
+    margin-left: -33.33333%;
+    margin-right: -33.33333%;
+  }
+
+  .lg\:-my-3\/6 {
+    margin-top: -50%;
+    margin-bottom: -50%;
+  }
+
+  .lg\:-mx-3\/6 {
+    margin-left: -50%;
+    margin-right: -50%;
+  }
+
+  .lg\:-my-4\/6 {
+    margin-top: -66.66667%;
+    margin-bottom: -66.66667%;
+  }
+
+  .lg\:-mx-4\/6 {
+    margin-left: -66.66667%;
+    margin-right: -66.66667%;
+  }
+
+  .lg\:-my-5\/6 {
+    margin-top: -83.33333%;
+    margin-bottom: -83.33333%;
+  }
+
+  .lg\:-mx-5\/6 {
+    margin-left: -83.33333%;
+    margin-right: -83.33333%;
+  }
+
+  .lg\:-my-1\/12 {
+    margin-top: -8.33333%;
+    margin-bottom: -8.33333%;
+  }
+
+  .lg\:-mx-1\/12 {
+    margin-left: -8.33333%;
+    margin-right: -8.33333%;
+  }
+
+  .lg\:-my-2\/12 {
+    margin-top: -16.66667%;
+    margin-bottom: -16.66667%;
+  }
+
+  .lg\:-mx-2\/12 {
+    margin-left: -16.66667%;
+    margin-right: -16.66667%;
+  }
+
+  .lg\:-my-3\/12 {
+    margin-top: -25%;
+    margin-bottom: -25%;
+  }
+
+  .lg\:-mx-3\/12 {
+    margin-left: -25%;
+    margin-right: -25%;
+  }
+
+  .lg\:-my-4\/12 {
+    margin-top: -33.33333%;
+    margin-bottom: -33.33333%;
+  }
+
+  .lg\:-mx-4\/12 {
+    margin-left: -33.33333%;
+    margin-right: -33.33333%;
+  }
+
+  .lg\:-my-5\/12 {
+    margin-top: -41.66667%;
+    margin-bottom: -41.66667%;
+  }
+
+  .lg\:-mx-5\/12 {
+    margin-left: -41.66667%;
+    margin-right: -41.66667%;
+  }
+
+  .lg\:-my-6\/12 {
+    margin-top: -50%;
+    margin-bottom: -50%;
+  }
+
+  .lg\:-mx-6\/12 {
+    margin-left: -50%;
+    margin-right: -50%;
+  }
+
+  .lg\:-my-7\/12 {
+    margin-top: -58.33333%;
+    margin-bottom: -58.33333%;
+  }
+
+  .lg\:-mx-7\/12 {
+    margin-left: -58.33333%;
+    margin-right: -58.33333%;
+  }
+
+  .lg\:-my-8\/12 {
+    margin-top: -66.66667%;
+    margin-bottom: -66.66667%;
+  }
+
+  .lg\:-mx-8\/12 {
+    margin-left: -66.66667%;
+    margin-right: -66.66667%;
+  }
+
+  .lg\:-my-9\/12 {
+    margin-top: -75%;
+    margin-bottom: -75%;
+  }
+
+  .lg\:-mx-9\/12 {
+    margin-left: -75%;
+    margin-right: -75%;
+  }
+
+  .lg\:-my-10\/12 {
+    margin-top: -83.33333%;
+    margin-bottom: -83.33333%;
+  }
+
+  .lg\:-mx-10\/12 {
+    margin-left: -83.33333%;
+    margin-right: -83.33333%;
+  }
+
+  .lg\:-my-11\/12 {
+    margin-top: -91.66667%;
+    margin-bottom: -91.66667%;
+  }
+
+  .lg\:-mx-11\/12 {
+    margin-left: -91.66667%;
+    margin-right: -91.66667%;
+  }
+
+  .lg\:-my-full {
+    margin-top: -100%;
+    margin-bottom: -100%;
+  }
+
+  .lg\:-mx-full {
+    margin-left: -100%;
+    margin-right: -100%;
+  }
+
+  .lg\:mt-0 {
+    margin-top: 0;
+  }
+
+  .lg\:mr-0 {
+    margin-right: 0;
+  }
+
+  .lg\:mb-0 {
+    margin-bottom: 0;
+  }
+
+  .lg\:ml-0 {
+    margin-left: 0;
+  }
+
+  .lg\:mt-1 {
+    margin-top: 0.25rem;
+  }
+
+  .lg\:mr-1 {
+    margin-right: 0.25rem;
+  }
+
+  .lg\:mb-1 {
+    margin-bottom: 0.25rem;
+  }
+
+  .lg\:ml-1 {
+    margin-left: 0.25rem;
+  }
+
+  .lg\:mt-2 {
+    margin-top: 0.5rem;
+  }
+
+  .lg\:mr-2 {
+    margin-right: 0.5rem;
+  }
+
+  .lg\:mb-2 {
+    margin-bottom: 0.5rem;
+  }
+
+  .lg\:ml-2 {
+    margin-left: 0.5rem;
+  }
+
+  .lg\:mt-3 {
+    margin-top: 0.75rem;
+  }
+
+  .lg\:mr-3 {
+    margin-right: 0.75rem;
+  }
+
+  .lg\:mb-3 {
+    margin-bottom: 0.75rem;
+  }
+
+  .lg\:ml-3 {
+    margin-left: 0.75rem;
+  }
+
+  .lg\:mt-4 {
+    margin-top: 1rem;
+  }
+
+  .lg\:mr-4 {
+    margin-right: 1rem;
+  }
+
+  .lg\:mb-4 {
+    margin-bottom: 1rem;
+  }
+
+  .lg\:ml-4 {
+    margin-left: 1rem;
+  }
+
+  .lg\:mt-5 {
+    margin-top: 1.25rem;
+  }
+
+  .lg\:mr-5 {
+    margin-right: 1.25rem;
+  }
+
+  .lg\:mb-5 {
+    margin-bottom: 1.25rem;
+  }
+
+  .lg\:ml-5 {
+    margin-left: 1.25rem;
+  }
+
+  .lg\:mt-6 {
+    margin-top: 1.5rem;
+  }
+
+  .lg\:mr-6 {
+    margin-right: 1.5rem;
+  }
+
+  .lg\:mb-6 {
+    margin-bottom: 1.5rem;
+  }
+
+  .lg\:ml-6 {
+    margin-left: 1.5rem;
+  }
+
+  .lg\:mt-7 {
+    margin-top: 1.75rem;
+  }
+
+  .lg\:mr-7 {
+    margin-right: 1.75rem;
+  }
+
+  .lg\:mb-7 {
+    margin-bottom: 1.75rem;
+  }
+
+  .lg\:ml-7 {
+    margin-left: 1.75rem;
+  }
+
+  .lg\:mt-8 {
+    margin-top: 2rem;
+  }
+
+  .lg\:mr-8 {
+    margin-right: 2rem;
+  }
+
+  .lg\:mb-8 {
+    margin-bottom: 2rem;
+  }
+
+  .lg\:ml-8 {
+    margin-left: 2rem;
+  }
+
+  .lg\:mt-9 {
+    margin-top: 2.25rem;
+  }
+
+  .lg\:mr-9 {
+    margin-right: 2.25rem;
+  }
+
+  .lg\:mb-9 {
+    margin-bottom: 2.25rem;
+  }
+
+  .lg\:ml-9 {
+    margin-left: 2.25rem;
+  }
+
+  .lg\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
+  .lg\:mr-10 {
+    margin-right: 2.5rem;
+  }
+
+  .lg\:mb-10 {
+    margin-bottom: 2.5rem;
+  }
+
+  .lg\:ml-10 {
+    margin-left: 2.5rem;
+  }
+
+  .lg\:mt-11 {
+    margin-top: 2.75rem;
+  }
+
+  .lg\:mr-11 {
+    margin-right: 2.75rem;
+  }
+
+  .lg\:mb-11 {
+    margin-bottom: 2.75rem;
+  }
+
+  .lg\:ml-11 {
+    margin-left: 2.75rem;
+  }
+
+  .lg\:mt-12 {
+    margin-top: 3rem;
+  }
+
+  .lg\:mr-12 {
+    margin-right: 3rem;
+  }
+
+  .lg\:mb-12 {
+    margin-bottom: 3rem;
+  }
+
+  .lg\:ml-12 {
+    margin-left: 3rem;
+  }
+
+  .lg\:mt-13 {
+    margin-top: 3.25rem;
+  }
+
+  .lg\:mr-13 {
+    margin-right: 3.25rem;
+  }
+
+  .lg\:mb-13 {
+    margin-bottom: 3.25rem;
+  }
+
+  .lg\:ml-13 {
+    margin-left: 3.25rem;
+  }
+
+  .lg\:mt-14 {
+    margin-top: 3.5rem;
+  }
+
+  .lg\:mr-14 {
+    margin-right: 3.5rem;
+  }
+
+  .lg\:mb-14 {
+    margin-bottom: 3.5rem;
+  }
+
+  .lg\:ml-14 {
+    margin-left: 3.5rem;
+  }
+
+  .lg\:mt-15 {
+    margin-top: 3.75rem;
+  }
+
+  .lg\:mr-15 {
+    margin-right: 3.75rem;
+  }
+
+  .lg\:mb-15 {
+    margin-bottom: 3.75rem;
+  }
+
+  .lg\:ml-15 {
+    margin-left: 3.75rem;
+  }
+
+  .lg\:mt-16 {
+    margin-top: 4rem;
+  }
+
+  .lg\:mr-16 {
+    margin-right: 4rem;
+  }
+
+  .lg\:mb-16 {
+    margin-bottom: 4rem;
+  }
+
+  .lg\:ml-16 {
+    margin-left: 4rem;
+  }
+
+  .lg\:mt-20 {
+    margin-top: 5rem;
+  }
+
+  .lg\:mr-20 {
+    margin-right: 5rem;
+  }
+
+  .lg\:mb-20 {
+    margin-bottom: 5rem;
+  }
+
+  .lg\:ml-20 {
+    margin-left: 5rem;
+  }
+
+  .lg\:mt-24 {
+    margin-top: 6rem;
+  }
+
+  .lg\:mr-24 {
+    margin-right: 6rem;
+  }
+
+  .lg\:mb-24 {
+    margin-bottom: 6rem;
+  }
+
+  .lg\:ml-24 {
+    margin-left: 6rem;
+  }
+
+  .lg\:mt-28 {
+    margin-top: 7rem;
+  }
+
+  .lg\:mr-28 {
+    margin-right: 7rem;
+  }
+
+  .lg\:mb-28 {
+    margin-bottom: 7rem;
+  }
+
+  .lg\:ml-28 {
+    margin-left: 7rem;
+  }
+
+  .lg\:mt-32 {
+    margin-top: 8rem;
+  }
+
+  .lg\:mr-32 {
+    margin-right: 8rem;
+  }
+
+  .lg\:mb-32 {
+    margin-bottom: 8rem;
+  }
+
+  .lg\:ml-32 {
+    margin-left: 8rem;
+  }
+
+  .lg\:mt-36 {
+    margin-top: 9rem;
+  }
+
+  .lg\:mr-36 {
+    margin-right: 9rem;
+  }
+
+  .lg\:mb-36 {
+    margin-bottom: 9rem;
+  }
+
+  .lg\:ml-36 {
+    margin-left: 9rem;
+  }
+
+  .lg\:mt-40 {
+    margin-top: 10rem;
+  }
+
+  .lg\:mr-40 {
+    margin-right: 10rem;
+  }
+
+  .lg\:mb-40 {
+    margin-bottom: 10rem;
+  }
+
+  .lg\:ml-40 {
+    margin-left: 10rem;
+  }
+
+  .lg\:mt-48 {
+    margin-top: 12rem;
+  }
+
+  .lg\:mr-48 {
+    margin-right: 12rem;
+  }
+
+  .lg\:mb-48 {
+    margin-bottom: 12rem;
+  }
+
+  .lg\:ml-48 {
+    margin-left: 12rem;
+  }
+
+  .lg\:mt-56 {
+    margin-top: 14rem;
+  }
+
+  .lg\:mr-56 {
+    margin-right: 14rem;
+  }
+
+  .lg\:mb-56 {
+    margin-bottom: 14rem;
+  }
+
+  .lg\:ml-56 {
+    margin-left: 14rem;
+  }
+
+  .lg\:mt-60 {
+    margin-top: 15rem;
+  }
+
+  .lg\:mr-60 {
+    margin-right: 15rem;
+  }
+
+  .lg\:mb-60 {
+    margin-bottom: 15rem;
+  }
+
+  .lg\:ml-60 {
+    margin-left: 15rem;
+  }
+
+  .lg\:mt-64 {
+    margin-top: 16rem;
+  }
+
+  .lg\:mr-64 {
+    margin-right: 16rem;
+  }
+
+  .lg\:mb-64 {
+    margin-bottom: 16rem;
+  }
+
+  .lg\:ml-64 {
+    margin-left: 16rem;
+  }
+
+  .lg\:mt-72 {
+    margin-top: 18rem;
+  }
+
+  .lg\:mr-72 {
+    margin-right: 18rem;
+  }
+
+  .lg\:mb-72 {
+    margin-bottom: 18rem;
+  }
+
+  .lg\:ml-72 {
+    margin-left: 18rem;
+  }
+
+  .lg\:mt-80 {
+    margin-top: 20rem;
+  }
+
+  .lg\:mr-80 {
+    margin-right: 20rem;
+  }
+
+  .lg\:mb-80 {
+    margin-bottom: 20rem;
+  }
+
+  .lg\:ml-80 {
+    margin-left: 20rem;
+  }
+
+  .lg\:mt-96 {
+    margin-top: 24rem;
+  }
+
+  .lg\:mr-96 {
+    margin-right: 24rem;
+  }
+
+  .lg\:mb-96 {
+    margin-bottom: 24rem;
+  }
+
+  .lg\:ml-96 {
+    margin-left: 24rem;
+  }
+
+  .lg\:mt-auto {
+    margin-top: auto;
+  }
+
+  .lg\:mr-auto {
+    margin-right: auto;
+  }
+
+  .lg\:mb-auto {
+    margin-bottom: auto;
+  }
+
+  .lg\:ml-auto {
+    margin-left: auto;
+  }
+
+  .lg\:mt-px {
+    margin-top: 1px;
+  }
+
+  .lg\:mr-px {
+    margin-right: 1px;
+  }
+
+  .lg\:mb-px {
+    margin-bottom: 1px;
+  }
+
+  .lg\:ml-px {
+    margin-left: 1px;
+  }
+
+  .lg\:mt-0\.5 {
+    margin-top: 0.125rem;
+  }
+
+  .lg\:mr-0\.5 {
+    margin-right: 0.125rem;
+  }
+
+  .lg\:mb-0\.5 {
+    margin-bottom: 0.125rem;
+  }
+
+  .lg\:ml-0\.5 {
+    margin-left: 0.125rem;
+  }
+
+  .lg\:mt-1\.5 {
+    margin-top: 0.375rem;
+  }
+
+  .lg\:mr-1\.5 {
+    margin-right: 0.375rem;
+  }
+
+  .lg\:mb-1\.5 {
+    margin-bottom: 0.375rem;
+  }
+
+  .lg\:ml-1\.5 {
+    margin-left: 0.375rem;
+  }
+
+  .lg\:mt-2\.5 {
+    margin-top: 0.625rem;
+  }
+
+  .lg\:mr-2\.5 {
+    margin-right: 0.625rem;
+  }
+
+  .lg\:mb-2\.5 {
+    margin-bottom: 0.625rem;
+  }
+
+  .lg\:ml-2\.5 {
+    margin-left: 0.625rem;
+  }
+
+  .lg\:mt-3\.5 {
+    margin-top: 0.875rem;
+  }
+
+  .lg\:mr-3\.5 {
+    margin-right: 0.875rem;
+  }
+
+  .lg\:mb-3\.5 {
+    margin-bottom: 0.875rem;
+  }
+
+  .lg\:ml-3\.5 {
+    margin-left: 0.875rem;
+  }
+
+  .lg\:mt-1\/2 {
+    margin-top: 50%;
+  }
+
+  .lg\:mr-1\/2 {
+    margin-right: 50%;
+  }
+
+  .lg\:mb-1\/2 {
+    margin-bottom: 50%;
+  }
+
+  .lg\:ml-1\/2 {
+    margin-left: 50%;
+  }
+
+  .lg\:mt-1\/3 {
+    margin-top: 33.333333%;
+  }
+
+  .lg\:mr-1\/3 {
+    margin-right: 33.333333%;
+  }
+
+  .lg\:mb-1\/3 {
+    margin-bottom: 33.333333%;
+  }
+
+  .lg\:ml-1\/3 {
+    margin-left: 33.333333%;
+  }
+
+  .lg\:mt-2\/3 {
+    margin-top: 66.666667%;
+  }
+
+  .lg\:mr-2\/3 {
+    margin-right: 66.666667%;
+  }
+
+  .lg\:mb-2\/3 {
+    margin-bottom: 66.666667%;
+  }
+
+  .lg\:ml-2\/3 {
+    margin-left: 66.666667%;
+  }
+
+  .lg\:mt-1\/4 {
+    margin-top: 25%;
+  }
+
+  .lg\:mr-1\/4 {
+    margin-right: 25%;
+  }
+
+  .lg\:mb-1\/4 {
+    margin-bottom: 25%;
+  }
+
+  .lg\:ml-1\/4 {
+    margin-left: 25%;
+  }
+
+  .lg\:mt-2\/4 {
+    margin-top: 50%;
+  }
+
+  .lg\:mr-2\/4 {
+    margin-right: 50%;
+  }
+
+  .lg\:mb-2\/4 {
+    margin-bottom: 50%;
+  }
+
+  .lg\:ml-2\/4 {
+    margin-left: 50%;
+  }
+
+  .lg\:mt-3\/4 {
+    margin-top: 75%;
+  }
+
+  .lg\:mr-3\/4 {
+    margin-right: 75%;
+  }
+
+  .lg\:mb-3\/4 {
+    margin-bottom: 75%;
+  }
+
+  .lg\:ml-3\/4 {
+    margin-left: 75%;
+  }
+
+  .lg\:mt-1\/5 {
+    margin-top: 20%;
+  }
+
+  .lg\:mr-1\/5 {
+    margin-right: 20%;
+  }
+
+  .lg\:mb-1\/5 {
+    margin-bottom: 20%;
+  }
+
+  .lg\:ml-1\/5 {
+    margin-left: 20%;
+  }
+
+  .lg\:mt-2\/5 {
+    margin-top: 40%;
+  }
+
+  .lg\:mr-2\/5 {
+    margin-right: 40%;
+  }
+
+  .lg\:mb-2\/5 {
+    margin-bottom: 40%;
+  }
+
+  .lg\:ml-2\/5 {
+    margin-left: 40%;
+  }
+
+  .lg\:mt-3\/5 {
+    margin-top: 60%;
+  }
+
+  .lg\:mr-3\/5 {
+    margin-right: 60%;
+  }
+
+  .lg\:mb-3\/5 {
+    margin-bottom: 60%;
+  }
+
+  .lg\:ml-3\/5 {
+    margin-left: 60%;
+  }
+
+  .lg\:mt-4\/5 {
+    margin-top: 80%;
+  }
+
+  .lg\:mr-4\/5 {
+    margin-right: 80%;
+  }
+
+  .lg\:mb-4\/5 {
+    margin-bottom: 80%;
+  }
+
+  .lg\:ml-4\/5 {
+    margin-left: 80%;
+  }
+
+  .lg\:mt-1\/6 {
+    margin-top: 16.666667%;
+  }
+
+  .lg\:mr-1\/6 {
+    margin-right: 16.666667%;
+  }
+
+  .lg\:mb-1\/6 {
+    margin-bottom: 16.666667%;
+  }
+
+  .lg\:ml-1\/6 {
+    margin-left: 16.666667%;
+  }
+
+  .lg\:mt-2\/6 {
+    margin-top: 33.333333%;
+  }
+
+  .lg\:mr-2\/6 {
+    margin-right: 33.333333%;
+  }
+
+  .lg\:mb-2\/6 {
+    margin-bottom: 33.333333%;
+  }
+
+  .lg\:ml-2\/6 {
+    margin-left: 33.333333%;
+  }
+
+  .lg\:mt-3\/6 {
+    margin-top: 50%;
+  }
+
+  .lg\:mr-3\/6 {
+    margin-right: 50%;
+  }
+
+  .lg\:mb-3\/6 {
+    margin-bottom: 50%;
+  }
+
+  .lg\:ml-3\/6 {
+    margin-left: 50%;
+  }
+
+  .lg\:mt-4\/6 {
+    margin-top: 66.666667%;
+  }
+
+  .lg\:mr-4\/6 {
+    margin-right: 66.666667%;
+  }
+
+  .lg\:mb-4\/6 {
+    margin-bottom: 66.666667%;
+  }
+
+  .lg\:ml-4\/6 {
+    margin-left: 66.666667%;
+  }
+
+  .lg\:mt-5\/6 {
+    margin-top: 83.333333%;
+  }
+
+  .lg\:mr-5\/6 {
+    margin-right: 83.333333%;
+  }
+
+  .lg\:mb-5\/6 {
+    margin-bottom: 83.333333%;
+  }
+
+  .lg\:ml-5\/6 {
+    margin-left: 83.333333%;
+  }
+
+  .lg\:mt-1\/12 {
+    margin-top: 8.333333%;
+  }
+
+  .lg\:mr-1\/12 {
+    margin-right: 8.333333%;
+  }
+
+  .lg\:mb-1\/12 {
+    margin-bottom: 8.333333%;
+  }
+
+  .lg\:ml-1\/12 {
+    margin-left: 8.333333%;
+  }
+
+  .lg\:mt-2\/12 {
+    margin-top: 16.666667%;
+  }
+
+  .lg\:mr-2\/12 {
+    margin-right: 16.666667%;
+  }
+
+  .lg\:mb-2\/12 {
+    margin-bottom: 16.666667%;
+  }
+
+  .lg\:ml-2\/12 {
+    margin-left: 16.666667%;
+  }
+
+  .lg\:mt-3\/12 {
+    margin-top: 25%;
+  }
+
+  .lg\:mr-3\/12 {
+    margin-right: 25%;
+  }
+
+  .lg\:mb-3\/12 {
+    margin-bottom: 25%;
+  }
+
+  .lg\:ml-3\/12 {
+    margin-left: 25%;
+  }
+
+  .lg\:mt-4\/12 {
+    margin-top: 33.333333%;
+  }
+
+  .lg\:mr-4\/12 {
+    margin-right: 33.333333%;
+  }
+
+  .lg\:mb-4\/12 {
+    margin-bottom: 33.333333%;
+  }
+
+  .lg\:ml-4\/12 {
+    margin-left: 33.333333%;
+  }
+
+  .lg\:mt-5\/12 {
+    margin-top: 41.666667%;
+  }
+
+  .lg\:mr-5\/12 {
+    margin-right: 41.666667%;
+  }
+
+  .lg\:mb-5\/12 {
+    margin-bottom: 41.666667%;
+  }
+
+  .lg\:ml-5\/12 {
+    margin-left: 41.666667%;
+  }
+
+  .lg\:mt-6\/12 {
+    margin-top: 50%;
+  }
+
+  .lg\:mr-6\/12 {
+    margin-right: 50%;
+  }
+
+  .lg\:mb-6\/12 {
+    margin-bottom: 50%;
+  }
+
+  .lg\:ml-6\/12 {
+    margin-left: 50%;
+  }
+
+  .lg\:mt-7\/12 {
+    margin-top: 58.333333%;
+  }
+
+  .lg\:mr-7\/12 {
+    margin-right: 58.333333%;
+  }
+
+  .lg\:mb-7\/12 {
+    margin-bottom: 58.333333%;
+  }
+
+  .lg\:ml-7\/12 {
+    margin-left: 58.333333%;
+  }
+
+  .lg\:mt-8\/12 {
+    margin-top: 66.666667%;
+  }
+
+  .lg\:mr-8\/12 {
+    margin-right: 66.666667%;
+  }
+
+  .lg\:mb-8\/12 {
+    margin-bottom: 66.666667%;
+  }
+
+  .lg\:ml-8\/12 {
+    margin-left: 66.666667%;
+  }
+
+  .lg\:mt-9\/12 {
+    margin-top: 75%;
+  }
+
+  .lg\:mr-9\/12 {
+    margin-right: 75%;
+  }
+
+  .lg\:mb-9\/12 {
+    margin-bottom: 75%;
+  }
+
+  .lg\:ml-9\/12 {
+    margin-left: 75%;
+  }
+
+  .lg\:mt-10\/12 {
+    margin-top: 83.333333%;
+  }
+
+  .lg\:mr-10\/12 {
+    margin-right: 83.333333%;
+  }
+
+  .lg\:mb-10\/12 {
+    margin-bottom: 83.333333%;
+  }
+
+  .lg\:ml-10\/12 {
+    margin-left: 83.333333%;
+  }
+
+  .lg\:mt-11\/12 {
+    margin-top: 91.666667%;
+  }
+
+  .lg\:mr-11\/12 {
+    margin-right: 91.666667%;
+  }
+
+  .lg\:mb-11\/12 {
+    margin-bottom: 91.666667%;
+  }
+
+  .lg\:ml-11\/12 {
+    margin-left: 91.666667%;
+  }
+
+  .lg\:mt-full {
+    margin-top: 100%;
+  }
+
+  .lg\:mr-full {
+    margin-right: 100%;
+  }
+
+  .lg\:mb-full {
+    margin-bottom: 100%;
+  }
+
+  .lg\:ml-full {
+    margin-left: 100%;
+  }
+
+  .lg\:-mt-1 {
+    margin-top: -0.25rem;
+  }
+
+  .lg\:-mr-1 {
+    margin-right: -0.25rem;
+  }
+
+  .lg\:-mb-1 {
+    margin-bottom: -0.25rem;
+  }
+
+  .lg\:-ml-1 {
+    margin-left: -0.25rem;
+  }
+
+  .lg\:-mt-2 {
+    margin-top: -0.5rem;
+  }
+
+  .lg\:-mr-2 {
+    margin-right: -0.5rem;
+  }
+
+  .lg\:-mb-2 {
+    margin-bottom: -0.5rem;
+  }
+
+  .lg\:-ml-2 {
+    margin-left: -0.5rem;
+  }
+
+  .lg\:-mt-3 {
+    margin-top: -0.75rem;
+  }
+
+  .lg\:-mr-3 {
+    margin-right: -0.75rem;
+  }
+
+  .lg\:-mb-3 {
+    margin-bottom: -0.75rem;
+  }
+
+  .lg\:-ml-3 {
+    margin-left: -0.75rem;
+  }
+
+  .lg\:-mt-4 {
+    margin-top: -1rem;
+  }
+
+  .lg\:-mr-4 {
+    margin-right: -1rem;
+  }
+
+  .lg\:-mb-4 {
+    margin-bottom: -1rem;
+  }
+
+  .lg\:-ml-4 {
+    margin-left: -1rem;
+  }
+
+  .lg\:-mt-5 {
+    margin-top: -1.25rem;
+  }
+
+  .lg\:-mr-5 {
+    margin-right: -1.25rem;
+  }
+
+  .lg\:-mb-5 {
+    margin-bottom: -1.25rem;
+  }
+
+  .lg\:-ml-5 {
+    margin-left: -1.25rem;
+  }
+
+  .lg\:-mt-6 {
+    margin-top: -1.5rem;
+  }
+
+  .lg\:-mr-6 {
+    margin-right: -1.5rem;
+  }
+
+  .lg\:-mb-6 {
+    margin-bottom: -1.5rem;
+  }
+
+  .lg\:-ml-6 {
+    margin-left: -1.5rem;
+  }
+
+  .lg\:-mt-7 {
+    margin-top: -1.75rem;
+  }
+
+  .lg\:-mr-7 {
+    margin-right: -1.75rem;
+  }
+
+  .lg\:-mb-7 {
+    margin-bottom: -1.75rem;
+  }
+
+  .lg\:-ml-7 {
+    margin-left: -1.75rem;
+  }
+
+  .lg\:-mt-8 {
+    margin-top: -2rem;
+  }
+
+  .lg\:-mr-8 {
+    margin-right: -2rem;
+  }
+
+  .lg\:-mb-8 {
+    margin-bottom: -2rem;
+  }
+
+  .lg\:-ml-8 {
+    margin-left: -2rem;
+  }
+
+  .lg\:-mt-9 {
+    margin-top: -2.25rem;
+  }
+
+  .lg\:-mr-9 {
+    margin-right: -2.25rem;
+  }
+
+  .lg\:-mb-9 {
+    margin-bottom: -2.25rem;
+  }
+
+  .lg\:-ml-9 {
+    margin-left: -2.25rem;
+  }
+
+  .lg\:-mt-10 {
+    margin-top: -2.5rem;
+  }
+
+  .lg\:-mr-10 {
+    margin-right: -2.5rem;
+  }
+
+  .lg\:-mb-10 {
+    margin-bottom: -2.5rem;
+  }
+
+  .lg\:-ml-10 {
+    margin-left: -2.5rem;
+  }
+
+  .lg\:-mt-11 {
+    margin-top: -2.75rem;
+  }
+
+  .lg\:-mr-11 {
+    margin-right: -2.75rem;
+  }
+
+  .lg\:-mb-11 {
+    margin-bottom: -2.75rem;
+  }
+
+  .lg\:-ml-11 {
+    margin-left: -2.75rem;
+  }
+
+  .lg\:-mt-12 {
+    margin-top: -3rem;
+  }
+
+  .lg\:-mr-12 {
+    margin-right: -3rem;
+  }
+
+  .lg\:-mb-12 {
+    margin-bottom: -3rem;
+  }
+
+  .lg\:-ml-12 {
+    margin-left: -3rem;
+  }
+
+  .lg\:-mt-13 {
+    margin-top: -3.25rem;
+  }
+
+  .lg\:-mr-13 {
+    margin-right: -3.25rem;
+  }
+
+  .lg\:-mb-13 {
+    margin-bottom: -3.25rem;
+  }
+
+  .lg\:-ml-13 {
+    margin-left: -3.25rem;
+  }
+
+  .lg\:-mt-14 {
+    margin-top: -3.5rem;
+  }
+
+  .lg\:-mr-14 {
+    margin-right: -3.5rem;
+  }
+
+  .lg\:-mb-14 {
+    margin-bottom: -3.5rem;
+  }
+
+  .lg\:-ml-14 {
+    margin-left: -3.5rem;
+  }
+
+  .lg\:-mt-15 {
+    margin-top: -3.75rem;
+  }
+
+  .lg\:-mr-15 {
+    margin-right: -3.75rem;
+  }
+
+  .lg\:-mb-15 {
+    margin-bottom: -3.75rem;
+  }
+
+  .lg\:-ml-15 {
+    margin-left: -3.75rem;
+  }
+
+  .lg\:-mt-16 {
+    margin-top: -4rem;
+  }
+
+  .lg\:-mr-16 {
+    margin-right: -4rem;
+  }
+
+  .lg\:-mb-16 {
+    margin-bottom: -4rem;
+  }
+
+  .lg\:-ml-16 {
+    margin-left: -4rem;
+  }
+
+  .lg\:-mt-20 {
+    margin-top: -5rem;
+  }
+
+  .lg\:-mr-20 {
+    margin-right: -5rem;
+  }
+
+  .lg\:-mb-20 {
+    margin-bottom: -5rem;
+  }
+
+  .lg\:-ml-20 {
+    margin-left: -5rem;
+  }
+
+  .lg\:-mt-24 {
+    margin-top: -6rem;
+  }
+
+  .lg\:-mr-24 {
+    margin-right: -6rem;
+  }
+
+  .lg\:-mb-24 {
+    margin-bottom: -6rem;
+  }
+
+  .lg\:-ml-24 {
+    margin-left: -6rem;
+  }
+
+  .lg\:-mt-28 {
+    margin-top: -7rem;
+  }
+
+  .lg\:-mr-28 {
+    margin-right: -7rem;
+  }
+
+  .lg\:-mb-28 {
+    margin-bottom: -7rem;
+  }
+
+  .lg\:-ml-28 {
+    margin-left: -7rem;
+  }
+
+  .lg\:-mt-32 {
+    margin-top: -8rem;
+  }
+
+  .lg\:-mr-32 {
+    margin-right: -8rem;
+  }
+
+  .lg\:-mb-32 {
+    margin-bottom: -8rem;
+  }
+
+  .lg\:-ml-32 {
+    margin-left: -8rem;
+  }
+
+  .lg\:-mt-36 {
+    margin-top: -9rem;
+  }
+
+  .lg\:-mr-36 {
+    margin-right: -9rem;
+  }
+
+  .lg\:-mb-36 {
+    margin-bottom: -9rem;
+  }
+
+  .lg\:-ml-36 {
+    margin-left: -9rem;
+  }
+
+  .lg\:-mt-40 {
+    margin-top: -10rem;
+  }
+
+  .lg\:-mr-40 {
+    margin-right: -10rem;
+  }
+
+  .lg\:-mb-40 {
+    margin-bottom: -10rem;
+  }
+
+  .lg\:-ml-40 {
+    margin-left: -10rem;
+  }
+
+  .lg\:-mt-48 {
+    margin-top: -12rem;
+  }
+
+  .lg\:-mr-48 {
+    margin-right: -12rem;
+  }
+
+  .lg\:-mb-48 {
+    margin-bottom: -12rem;
+  }
+
+  .lg\:-ml-48 {
+    margin-left: -12rem;
+  }
+
+  .lg\:-mt-56 {
+    margin-top: -14rem;
+  }
+
+  .lg\:-mr-56 {
+    margin-right: -14rem;
+  }
+
+  .lg\:-mb-56 {
+    margin-bottom: -14rem;
+  }
+
+  .lg\:-ml-56 {
+    margin-left: -14rem;
+  }
+
+  .lg\:-mt-60 {
+    margin-top: -15rem;
+  }
+
+  .lg\:-mr-60 {
+    margin-right: -15rem;
+  }
+
+  .lg\:-mb-60 {
+    margin-bottom: -15rem;
+  }
+
+  .lg\:-ml-60 {
+    margin-left: -15rem;
+  }
+
+  .lg\:-mt-64 {
+    margin-top: -16rem;
+  }
+
+  .lg\:-mr-64 {
+    margin-right: -16rem;
+  }
+
+  .lg\:-mb-64 {
+    margin-bottom: -16rem;
+  }
+
+  .lg\:-ml-64 {
+    margin-left: -16rem;
+  }
+
+  .lg\:-mt-72 {
+    margin-top: -18rem;
+  }
+
+  .lg\:-mr-72 {
+    margin-right: -18rem;
+  }
+
+  .lg\:-mb-72 {
+    margin-bottom: -18rem;
+  }
+
+  .lg\:-ml-72 {
+    margin-left: -18rem;
+  }
+
+  .lg\:-mt-80 {
+    margin-top: -20rem;
+  }
+
+  .lg\:-mr-80 {
+    margin-right: -20rem;
+  }
+
+  .lg\:-mb-80 {
+    margin-bottom: -20rem;
+  }
+
+  .lg\:-ml-80 {
+    margin-left: -20rem;
+  }
+
+  .lg\:-mt-96 {
+    margin-top: -24rem;
+  }
+
+  .lg\:-mr-96 {
+    margin-right: -24rem;
+  }
+
+  .lg\:-mb-96 {
+    margin-bottom: -24rem;
+  }
+
+  .lg\:-ml-96 {
+    margin-left: -24rem;
+  }
+
+  .lg\:-mt-px {
+    margin-top: -1px;
+  }
+
+  .lg\:-mr-px {
+    margin-right: -1px;
+  }
+
+  .lg\:-mb-px {
+    margin-bottom: -1px;
+  }
+
+  .lg\:-ml-px {
+    margin-left: -1px;
+  }
+
+  .lg\:-mt-0\.5 {
+    margin-top: -0.125rem;
+  }
+
+  .lg\:-mr-0\.5 {
+    margin-right: -0.125rem;
+  }
+
+  .lg\:-mb-0\.5 {
+    margin-bottom: -0.125rem;
+  }
+
+  .lg\:-ml-0\.5 {
+    margin-left: -0.125rem;
+  }
+
+  .lg\:-mt-1\.5 {
+    margin-top: -0.375rem;
+  }
+
+  .lg\:-mr-1\.5 {
+    margin-right: -0.375rem;
+  }
+
+  .lg\:-mb-1\.5 {
+    margin-bottom: -0.375rem;
+  }
+
+  .lg\:-ml-1\.5 {
+    margin-left: -0.375rem;
+  }
+
+  .lg\:-mt-2\.5 {
+    margin-top: -0.625rem;
+  }
+
+  .lg\:-mr-2\.5 {
+    margin-right: -0.625rem;
+  }
+
+  .lg\:-mb-2\.5 {
+    margin-bottom: -0.625rem;
+  }
+
+  .lg\:-ml-2\.5 {
+    margin-left: -0.625rem;
+  }
+
+  .lg\:-mt-3\.5 {
+    margin-top: -0.875rem;
+  }
+
+  .lg\:-mr-3\.5 {
+    margin-right: -0.875rem;
+  }
+
+  .lg\:-mb-3\.5 {
+    margin-bottom: -0.875rem;
+  }
+
+  .lg\:-ml-3\.5 {
+    margin-left: -0.875rem;
+  }
+
+  .lg\:-mt-1\/2 {
+    margin-top: -50%;
+  }
+
+  .lg\:-mr-1\/2 {
+    margin-right: -50%;
+  }
+
+  .lg\:-mb-1\/2 {
+    margin-bottom: -50%;
+  }
+
+  .lg\:-ml-1\/2 {
+    margin-left: -50%;
+  }
+
+  .lg\:-mt-1\/3 {
+    margin-top: -33.33333%;
+  }
+
+  .lg\:-mr-1\/3 {
+    margin-right: -33.33333%;
+  }
+
+  .lg\:-mb-1\/3 {
+    margin-bottom: -33.33333%;
+  }
+
+  .lg\:-ml-1\/3 {
+    margin-left: -33.33333%;
+  }
+
+  .lg\:-mt-2\/3 {
+    margin-top: -66.66667%;
+  }
+
+  .lg\:-mr-2\/3 {
+    margin-right: -66.66667%;
+  }
+
+  .lg\:-mb-2\/3 {
+    margin-bottom: -66.66667%;
+  }
+
+  .lg\:-ml-2\/3 {
+    margin-left: -66.66667%;
+  }
+
+  .lg\:-mt-1\/4 {
+    margin-top: -25%;
+  }
+
+  .lg\:-mr-1\/4 {
+    margin-right: -25%;
+  }
+
+  .lg\:-mb-1\/4 {
+    margin-bottom: -25%;
+  }
+
+  .lg\:-ml-1\/4 {
+    margin-left: -25%;
+  }
+
+  .lg\:-mt-2\/4 {
+    margin-top: -50%;
+  }
+
+  .lg\:-mr-2\/4 {
+    margin-right: -50%;
+  }
+
+  .lg\:-mb-2\/4 {
+    margin-bottom: -50%;
+  }
+
+  .lg\:-ml-2\/4 {
+    margin-left: -50%;
+  }
+
+  .lg\:-mt-3\/4 {
+    margin-top: -75%;
+  }
+
+  .lg\:-mr-3\/4 {
+    margin-right: -75%;
+  }
+
+  .lg\:-mb-3\/4 {
+    margin-bottom: -75%;
+  }
+
+  .lg\:-ml-3\/4 {
+    margin-left: -75%;
+  }
+
+  .lg\:-mt-1\/5 {
+    margin-top: -20%;
+  }
+
+  .lg\:-mr-1\/5 {
+    margin-right: -20%;
+  }
+
+  .lg\:-mb-1\/5 {
+    margin-bottom: -20%;
+  }
+
+  .lg\:-ml-1\/5 {
+    margin-left: -20%;
+  }
+
+  .lg\:-mt-2\/5 {
+    margin-top: -40%;
+  }
+
+  .lg\:-mr-2\/5 {
+    margin-right: -40%;
+  }
+
+  .lg\:-mb-2\/5 {
+    margin-bottom: -40%;
+  }
+
+  .lg\:-ml-2\/5 {
+    margin-left: -40%;
+  }
+
+  .lg\:-mt-3\/5 {
+    margin-top: -60%;
+  }
+
+  .lg\:-mr-3\/5 {
+    margin-right: -60%;
+  }
+
+  .lg\:-mb-3\/5 {
+    margin-bottom: -60%;
+  }
+
+  .lg\:-ml-3\/5 {
+    margin-left: -60%;
+  }
+
+  .lg\:-mt-4\/5 {
+    margin-top: -80%;
+  }
+
+  .lg\:-mr-4\/5 {
+    margin-right: -80%;
+  }
+
+  .lg\:-mb-4\/5 {
+    margin-bottom: -80%;
+  }
+
+  .lg\:-ml-4\/5 {
+    margin-left: -80%;
+  }
+
+  .lg\:-mt-1\/6 {
+    margin-top: -16.66667%;
+  }
+
+  .lg\:-mr-1\/6 {
+    margin-right: -16.66667%;
+  }
+
+  .lg\:-mb-1\/6 {
+    margin-bottom: -16.66667%;
+  }
+
+  .lg\:-ml-1\/6 {
+    margin-left: -16.66667%;
+  }
+
+  .lg\:-mt-2\/6 {
+    margin-top: -33.33333%;
+  }
+
+  .lg\:-mr-2\/6 {
+    margin-right: -33.33333%;
+  }
+
+  .lg\:-mb-2\/6 {
+    margin-bottom: -33.33333%;
+  }
+
+  .lg\:-ml-2\/6 {
+    margin-left: -33.33333%;
+  }
+
+  .lg\:-mt-3\/6 {
+    margin-top: -50%;
+  }
+
+  .lg\:-mr-3\/6 {
+    margin-right: -50%;
+  }
+
+  .lg\:-mb-3\/6 {
+    margin-bottom: -50%;
+  }
+
+  .lg\:-ml-3\/6 {
+    margin-left: -50%;
+  }
+
+  .lg\:-mt-4\/6 {
+    margin-top: -66.66667%;
+  }
+
+  .lg\:-mr-4\/6 {
+    margin-right: -66.66667%;
+  }
+
+  .lg\:-mb-4\/6 {
+    margin-bottom: -66.66667%;
+  }
+
+  .lg\:-ml-4\/6 {
+    margin-left: -66.66667%;
+  }
+
+  .lg\:-mt-5\/6 {
+    margin-top: -83.33333%;
+  }
+
+  .lg\:-mr-5\/6 {
+    margin-right: -83.33333%;
+  }
+
+  .lg\:-mb-5\/6 {
+    margin-bottom: -83.33333%;
+  }
+
+  .lg\:-ml-5\/6 {
+    margin-left: -83.33333%;
+  }
+
+  .lg\:-mt-1\/12 {
+    margin-top: -8.33333%;
+  }
+
+  .lg\:-mr-1\/12 {
+    margin-right: -8.33333%;
+  }
+
+  .lg\:-mb-1\/12 {
+    margin-bottom: -8.33333%;
+  }
+
+  .lg\:-ml-1\/12 {
+    margin-left: -8.33333%;
+  }
+
+  .lg\:-mt-2\/12 {
+    margin-top: -16.66667%;
+  }
+
+  .lg\:-mr-2\/12 {
+    margin-right: -16.66667%;
+  }
+
+  .lg\:-mb-2\/12 {
+    margin-bottom: -16.66667%;
+  }
+
+  .lg\:-ml-2\/12 {
+    margin-left: -16.66667%;
+  }
+
+  .lg\:-mt-3\/12 {
+    margin-top: -25%;
+  }
+
+  .lg\:-mr-3\/12 {
+    margin-right: -25%;
+  }
+
+  .lg\:-mb-3\/12 {
+    margin-bottom: -25%;
+  }
+
+  .lg\:-ml-3\/12 {
+    margin-left: -25%;
+  }
+
+  .lg\:-mt-4\/12 {
+    margin-top: -33.33333%;
+  }
+
+  .lg\:-mr-4\/12 {
+    margin-right: -33.33333%;
+  }
+
+  .lg\:-mb-4\/12 {
+    margin-bottom: -33.33333%;
+  }
+
+  .lg\:-ml-4\/12 {
+    margin-left: -33.33333%;
+  }
+
+  .lg\:-mt-5\/12 {
+    margin-top: -41.66667%;
+  }
+
+  .lg\:-mr-5\/12 {
+    margin-right: -41.66667%;
+  }
+
+  .lg\:-mb-5\/12 {
+    margin-bottom: -41.66667%;
+  }
+
+  .lg\:-ml-5\/12 {
+    margin-left: -41.66667%;
+  }
+
+  .lg\:-mt-6\/12 {
+    margin-top: -50%;
+  }
+
+  .lg\:-mr-6\/12 {
+    margin-right: -50%;
+  }
+
+  .lg\:-mb-6\/12 {
+    margin-bottom: -50%;
+  }
+
+  .lg\:-ml-6\/12 {
+    margin-left: -50%;
+  }
+
+  .lg\:-mt-7\/12 {
+    margin-top: -58.33333%;
+  }
+
+  .lg\:-mr-7\/12 {
+    margin-right: -58.33333%;
+  }
+
+  .lg\:-mb-7\/12 {
+    margin-bottom: -58.33333%;
+  }
+
+  .lg\:-ml-7\/12 {
+    margin-left: -58.33333%;
+  }
+
+  .lg\:-mt-8\/12 {
+    margin-top: -66.66667%;
+  }
+
+  .lg\:-mr-8\/12 {
+    margin-right: -66.66667%;
+  }
+
+  .lg\:-mb-8\/12 {
+    margin-bottom: -66.66667%;
+  }
+
+  .lg\:-ml-8\/12 {
+    margin-left: -66.66667%;
+  }
+
+  .lg\:-mt-9\/12 {
+    margin-top: -75%;
+  }
+
+  .lg\:-mr-9\/12 {
+    margin-right: -75%;
+  }
+
+  .lg\:-mb-9\/12 {
+    margin-bottom: -75%;
+  }
+
+  .lg\:-ml-9\/12 {
+    margin-left: -75%;
+  }
+
+  .lg\:-mt-10\/12 {
+    margin-top: -83.33333%;
+  }
+
+  .lg\:-mr-10\/12 {
+    margin-right: -83.33333%;
+  }
+
+  .lg\:-mb-10\/12 {
+    margin-bottom: -83.33333%;
+  }
+
+  .lg\:-ml-10\/12 {
+    margin-left: -83.33333%;
+  }
+
+  .lg\:-mt-11\/12 {
+    margin-top: -91.66667%;
+  }
+
+  .lg\:-mr-11\/12 {
+    margin-right: -91.66667%;
+  }
+
+  .lg\:-mb-11\/12 {
+    margin-bottom: -91.66667%;
+  }
+
+  .lg\:-ml-11\/12 {
+    margin-left: -91.66667%;
+  }
+
+  .lg\:-mt-full {
+    margin-top: -100%;
+  }
+
+  .lg\:-mr-full {
+    margin-right: -100%;
+  }
+
+  .lg\:-mb-full {
+    margin-bottom: -100%;
+  }
+
+  .lg\:-ml-full {
+    margin-left: -100%;
+  }
+
+  .lg\:max-h-0 {
+    max-height: 0;
+  }
+
+  .lg\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .lg\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .lg\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .lg\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .lg\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .lg\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .lg\:max-h-7 {
+    max-height: 1.75rem;
+  }
+
+  .lg\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .lg\:max-h-9 {
+    max-height: 2.25rem;
+  }
+
+  .lg\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .lg\:max-h-11 {
+    max-height: 2.75rem;
+  }
+
+  .lg\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .lg\:max-h-13 {
+    max-height: 3.25rem;
+  }
+
+  .lg\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .lg\:max-h-15 {
+    max-height: 3.75rem;
+  }
+
+  .lg\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .lg\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .lg\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .lg\:max-h-28 {
+    max-height: 7rem;
+  }
+
+  .lg\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .lg\:max-h-36 {
+    max-height: 9rem;
+  }
+
+  .lg\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .lg\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .lg\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .lg\:max-h-60 {
+    max-height: 15rem;
+  }
+
+  .lg\:max-h-64 {
+    max-height: 16rem;
+  }
+
+  .lg\:max-h-72 {
+    max-height: 18rem;
+  }
+
+  .lg\:max-h-80 {
+    max-height: 20rem;
+  }
+
+  .lg\:max-h-96 {
+    max-height: 24rem;
+  }
+
+  .lg\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .lg\:max-h-px {
+    max-height: 1px;
+  }
+
+  .lg\:max-h-0\.5 {
+    max-height: 0.125rem;
+  }
+
+  .lg\:max-h-1\.5 {
+    max-height: 0.375rem;
+  }
+
+  .lg\:max-h-2\.5 {
+    max-height: 0.625rem;
+  }
+
+  .lg\:max-h-3\.5 {
+    max-height: 0.875rem;
+  }
+
+  .lg\:max-h-1\/2 {
+    max-height: 50%;
+  }
+
+  .lg\:max-h-1\/3 {
+    max-height: 33.333333%;
+  }
+
+  .lg\:max-h-2\/3 {
+    max-height: 66.666667%;
+  }
+
+  .lg\:max-h-1\/4 {
+    max-height: 25%;
+  }
+
+  .lg\:max-h-2\/4 {
+    max-height: 50%;
+  }
+
+  .lg\:max-h-3\/4 {
+    max-height: 75%;
+  }
+
+  .lg\:max-h-1\/5 {
+    max-height: 20%;
+  }
+
+  .lg\:max-h-2\/5 {
+    max-height: 40%;
+  }
+
+  .lg\:max-h-3\/5 {
+    max-height: 60%;
+  }
+
+  .lg\:max-h-4\/5 {
+    max-height: 80%;
+  }
+
+  .lg\:max-h-1\/6 {
+    max-height: 16.666667%;
+  }
+
+  .lg\:max-h-2\/6 {
+    max-height: 33.333333%;
+  }
+
+  .lg\:max-h-3\/6 {
+    max-height: 50%;
+  }
+
+  .lg\:max-h-4\/6 {
+    max-height: 66.666667%;
+  }
+
+  .lg\:max-h-5\/6 {
+    max-height: 83.333333%;
+  }
+
+  .lg\:max-h-1\/12 {
+    max-height: 8.333333%;
+  }
+
+  .lg\:max-h-2\/12 {
+    max-height: 16.666667%;
+  }
+
+  .lg\:max-h-3\/12 {
+    max-height: 25%;
+  }
+
+  .lg\:max-h-4\/12 {
+    max-height: 33.333333%;
+  }
+
+  .lg\:max-h-5\/12 {
+    max-height: 41.666667%;
+  }
+
+  .lg\:max-h-6\/12 {
+    max-height: 50%;
+  }
+
+  .lg\:max-h-7\/12 {
+    max-height: 58.333333%;
+  }
+
+  .lg\:max-h-8\/12 {
+    max-height: 66.666667%;
+  }
+
+  .lg\:max-h-9\/12 {
+    max-height: 75%;
+  }
+
+  .lg\:max-h-10\/12 {
+    max-height: 83.333333%;
+  }
+
+  .lg\:max-h-11\/12 {
+    max-height: 91.666667%;
+  }
+
+  .lg\:max-h-full {
+    max-height: 100%;
+  }
+
+  .lg\:max-w-none {
+    max-width: none;
+  }
+
+  .lg\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .lg\:max-w-sm {
+    max-width: 24rem;
+  }
+
+  .lg\:max-w-md {
+    max-width: 28rem;
+  }
+
+  .lg\:max-w-lg {
+    max-width: 32rem;
+  }
+
+  .lg\:max-w-xl {
+    max-width: 36rem;
+  }
+
+  .lg\:max-w-2xl {
+    max-width: 42rem;
+  }
+
+  .lg\:max-w-3xl {
+    max-width: 48rem;
+  }
+
+  .lg\:max-w-4xl {
+    max-width: 56rem;
+  }
+
+  .lg\:max-w-5xl {
+    max-width: 64rem;
+  }
+
+  .lg\:max-w-6xl {
+    max-width: 72rem;
+  }
+
+  .lg\:max-w-7xl {
+    max-width: 80rem;
+  }
+
+  .lg\:max-w-full {
+    max-width: 100%;
+  }
+
+  .lg\:max-w-screen-sm {
+    max-width: 640px;
+  }
+
+  .lg\:max-w-screen-md {
+    max-width: 768px;
+  }
+
+  .lg\:max-w-screen-lg {
+    max-width: 1024px;
+  }
+
+  .lg\:max-w-screen-xl {
+    max-width: 1280px;
+  }
+
+  .lg\:min-h-0 {
+    min-height: 0;
+  }
+
+  .lg\:min-h-full {
+    min-height: 100%;
+  }
+
+  .lg\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .lg\:min-w-0 {
+    min-width: 0;
+  }
+
+  .lg\:min-w-full {
+    min-width: 100%;
+  }
+
+  .lg\:object-contain {
+    -o-object-fit: contain;
+       object-fit: contain;
+  }
+
+  .lg\:object-cover {
+    -o-object-fit: cover;
+       object-fit: cover;
+  }
+
+  .lg\:object-fill {
+    -o-object-fit: fill;
+       object-fit: fill;
+  }
+
+  .lg\:object-none {
+    -o-object-fit: none;
+       object-fit: none;
+  }
+
+  .lg\:object-scale-down {
+    -o-object-fit: scale-down;
+       object-fit: scale-down;
+  }
+
+  .lg\:object-bottom {
+    -o-object-position: bottom;
+       object-position: bottom;
+  }
+
+  .lg\:object-center {
+    -o-object-position: center;
+       object-position: center;
+  }
+
+  .lg\:object-left {
+    -o-object-position: left;
+       object-position: left;
+  }
+
+  .lg\:object-left-bottom {
+    -o-object-position: left bottom;
+       object-position: left bottom;
+  }
+
+  .lg\:object-left-top {
+    -o-object-position: left top;
+       object-position: left top;
+  }
+
+  .lg\:object-right {
+    -o-object-position: right;
+       object-position: right;
+  }
+
+  .lg\:object-right-bottom {
+    -o-object-position: right bottom;
+       object-position: right bottom;
+  }
+
+  .lg\:object-right-top {
+    -o-object-position: right top;
+       object-position: right top;
+  }
+
+  .lg\:object-top {
+    -o-object-position: top;
+       object-position: top;
+  }
+
+  .lg\:opacity-0 {
+    opacity: 0;
+  }
+
+  .lg\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .lg\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .lg\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .lg\:opacity-100 {
+    opacity: 1;
+  }
+
+  .lg\:hover\:opacity-0:hover {
+    opacity: 0;
+  }
+
+  .lg\:hover\:opacity-25:hover {
+    opacity: 0.25;
+  }
+
+  .lg\:hover\:opacity-50:hover {
+    opacity: 0.5;
+  }
+
+  .lg\:hover\:opacity-75:hover {
+    opacity: 0.75;
+  }
+
+  .lg\:hover\:opacity-100:hover {
+    opacity: 1;
+  }
+
+  .lg\:focus\:opacity-0:focus {
+    opacity: 0;
+  }
+
+  .lg\:focus\:opacity-25:focus {
+    opacity: 0.25;
+  }
+
+  .lg\:focus\:opacity-50:focus {
+    opacity: 0.5;
+  }
+
+  .lg\:focus\:opacity-75:focus {
+    opacity: 0.75;
+  }
+
+  .lg\:focus\:opacity-100:focus {
+    opacity: 1;
+  }
+
+  .lg\:outline-none {
+    outline: 0;
+  }
+
+  .lg\:focus\:outline-none:focus {
+    outline: 0;
+  }
+
+  .lg\:overflow-auto {
+    overflow: auto;
+  }
+
+  .lg\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .lg\:overflow-visible {
+    overflow: visible;
+  }
+
+  .lg\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .lg\:overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .lg\:overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .lg\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .lg\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
+  .lg\:overflow-x-visible {
+    overflow-x: visible;
+  }
+
+  .lg\:overflow-y-visible {
+    overflow-y: visible;
+  }
+
+  .lg\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
+  .lg\:overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
+  .lg\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .lg\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
+  }
+
+  .lg\:overscroll-auto {
+    -ms-scroll-chaining: chained;
+        overscroll-behavior: auto;
+  }
+
+  .lg\:overscroll-contain {
+    -ms-scroll-chaining: none;
+        overscroll-behavior: contain;
+  }
+
+  .lg\:overscroll-none {
+    -ms-scroll-chaining: none;
+        overscroll-behavior: none;
+  }
+
+  .lg\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .lg\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .lg\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .lg\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .lg\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .lg\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .lg\:p-0 {
+    padding: 0;
+  }
+
+  .lg\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .lg\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .lg\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .lg\:p-4 {
+    padding: 1rem;
+  }
+
+  .lg\:p-5 {
+    padding: 1.25rem;
+  }
+
+  .lg\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .lg\:p-7 {
+    padding: 1.75rem;
+  }
+
+  .lg\:p-8 {
+    padding: 2rem;
+  }
+
+  .lg\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .lg\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .lg\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .lg\:p-12 {
+    padding: 3rem;
+  }
+
+  .lg\:p-13 {
+    padding: 3.25rem;
+  }
+
+  .lg\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .lg\:p-15 {
+    padding: 3.75rem;
+  }
+
+  .lg\:p-16 {
+    padding: 4rem;
+  }
+
+  .lg\:p-20 {
+    padding: 5rem;
+  }
+
+  .lg\:p-24 {
+    padding: 6rem;
+  }
+
+  .lg\:p-28 {
+    padding: 7rem;
+  }
+
+  .lg\:p-32 {
+    padding: 8rem;
+  }
+
+  .lg\:p-36 {
+    padding: 9rem;
+  }
+
+  .lg\:p-40 {
+    padding: 10rem;
+  }
+
+  .lg\:p-48 {
+    padding: 12rem;
+  }
+
+  .lg\:p-56 {
+    padding: 14rem;
+  }
+
+  .lg\:p-60 {
+    padding: 15rem;
+  }
+
+  .lg\:p-64 {
+    padding: 16rem;
+  }
+
+  .lg\:p-72 {
+    padding: 18rem;
+  }
+
+  .lg\:p-80 {
+    padding: 20rem;
+  }
+
+  .lg\:p-96 {
+    padding: 24rem;
+  }
+
+  .lg\:p-px {
+    padding: 1px;
+  }
+
+  .lg\:p-0\.5 {
+    padding: 0.125rem;
+  }
+
+  .lg\:p-1\.5 {
+    padding: 0.375rem;
+  }
+
+  .lg\:p-2\.5 {
+    padding: 0.625rem;
+  }
+
+  .lg\:p-3\.5 {
+    padding: 0.875rem;
+  }
+
+  .lg\:p-1\/2 {
+    padding: 50%;
+  }
+
+  .lg\:p-1\/3 {
+    padding: 33.333333%;
+  }
+
+  .lg\:p-2\/3 {
+    padding: 66.666667%;
+  }
+
+  .lg\:p-1\/4 {
+    padding: 25%;
+  }
+
+  .lg\:p-2\/4 {
+    padding: 50%;
+  }
+
+  .lg\:p-3\/4 {
+    padding: 75%;
+  }
+
+  .lg\:p-1\/5 {
+    padding: 20%;
+  }
+
+  .lg\:p-2\/5 {
+    padding: 40%;
+  }
+
+  .lg\:p-3\/5 {
+    padding: 60%;
+  }
+
+  .lg\:p-4\/5 {
+    padding: 80%;
+  }
+
+  .lg\:p-1\/6 {
+    padding: 16.666667%;
+  }
+
+  .lg\:p-2\/6 {
+    padding: 33.333333%;
+  }
+
+  .lg\:p-3\/6 {
+    padding: 50%;
+  }
+
+  .lg\:p-4\/6 {
+    padding: 66.666667%;
+  }
+
+  .lg\:p-5\/6 {
+    padding: 83.333333%;
+  }
+
+  .lg\:p-1\/12 {
+    padding: 8.333333%;
+  }
+
+  .lg\:p-2\/12 {
+    padding: 16.666667%;
+  }
+
+  .lg\:p-3\/12 {
+    padding: 25%;
+  }
+
+  .lg\:p-4\/12 {
+    padding: 33.333333%;
+  }
+
+  .lg\:p-5\/12 {
+    padding: 41.666667%;
+  }
+
+  .lg\:p-6\/12 {
+    padding: 50%;
+  }
+
+  .lg\:p-7\/12 {
+    padding: 58.333333%;
+  }
+
+  .lg\:p-8\/12 {
+    padding: 66.666667%;
+  }
+
+  .lg\:p-9\/12 {
+    padding: 75%;
+  }
+
+  .lg\:p-10\/12 {
+    padding: 83.333333%;
+  }
+
+  .lg\:p-11\/12 {
+    padding: 91.666667%;
+  }
+
+  .lg\:p-full {
+    padding: 100%;
+  }
+
+  .lg\:py-0 {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .lg\:px-0 {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .lg\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .lg\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .lg\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .lg\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .lg\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .lg\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .lg\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .lg\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .lg\:py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+
+  .lg\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .lg\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .lg\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .lg\:py-7 {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+
+  .lg\:px-7 {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+
+  .lg\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .lg\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .lg\:py-9 {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+
+  .lg\:px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+
+  .lg\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
+  .lg\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .lg\:py-11 {
+    padding-top: 2.75rem;
+    padding-bottom: 2.75rem;
+  }
+
+  .lg\:px-11 {
+    padding-left: 2.75rem;
+    padding-right: 2.75rem;
+  }
+
+  .lg\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .lg\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .lg\:py-13 {
+    padding-top: 3.25rem;
+    padding-bottom: 3.25rem;
+  }
+
+  .lg\:px-13 {
+    padding-left: 3.25rem;
+    padding-right: 3.25rem;
+  }
+
+  .lg\:py-14 {
+    padding-top: 3.5rem;
+    padding-bottom: 3.5rem;
+  }
+
+  .lg\:px-14 {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
+  }
+
+  .lg\:py-15 {
+    padding-top: 3.75rem;
+    padding-bottom: 3.75rem;
+  }
+
+  .lg\:px-15 {
+    padding-left: 3.75rem;
+    padding-right: 3.75rem;
+  }
+
+  .lg\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .lg\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
+  .lg\:py-20 {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
+  }
+
+  .lg\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
+  }
+
+  .lg\:py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+  }
+
+  .lg\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
+  }
+
+  .lg\:py-28 {
+    padding-top: 7rem;
+    padding-bottom: 7rem;
+  }
+
+  .lg\:px-28 {
+    padding-left: 7rem;
+    padding-right: 7rem;
+  }
+
+  .lg\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+
+  .lg\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
+  }
+
+  .lg\:py-36 {
+    padding-top: 9rem;
+    padding-bottom: 9rem;
+  }
+
+  .lg\:px-36 {
+    padding-left: 9rem;
+    padding-right: 9rem;
+  }
+
+  .lg\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
+  }
+
+  .lg\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
+  }
+
+  .lg\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .lg\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .lg\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
+  }
+
+  .lg\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
+  }
+
+  .lg\:py-60 {
+    padding-top: 15rem;
+    padding-bottom: 15rem;
+  }
+
+  .lg\:px-60 {
+    padding-left: 15rem;
+    padding-right: 15rem;
+  }
+
+  .lg\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
+  }
+
+  .lg\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
+  }
+
+  .lg\:py-72 {
+    padding-top: 18rem;
+    padding-bottom: 18rem;
+  }
+
+  .lg\:px-72 {
+    padding-left: 18rem;
+    padding-right: 18rem;
+  }
+
+  .lg\:py-80 {
+    padding-top: 20rem;
+    padding-bottom: 20rem;
+  }
+
+  .lg\:px-80 {
+    padding-left: 20rem;
+    padding-right: 20rem;
+  }
+
+  .lg\:py-96 {
+    padding-top: 24rem;
+    padding-bottom: 24rem;
+  }
+
+  .lg\:px-96 {
+    padding-left: 24rem;
+    padding-right: 24rem;
+  }
+
+  .lg\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .lg\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .lg\:py-0\.5 {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+  }
+
+  .lg\:px-0\.5 {
+    padding-left: 0.125rem;
+    padding-right: 0.125rem;
+  }
+
+  .lg\:py-1\.5 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }
+
+  .lg\:px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+
+  .lg\:py-2\.5 {
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+
+  .lg\:px-2\.5 {
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+  }
+
+  .lg\:py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+  }
+
+  .lg\:px-3\.5 {
+    padding-left: 0.875rem;
+    padding-right: 0.875rem;
+  }
+
+  .lg\:py-1\/2 {
+    padding-top: 50%;
+    padding-bottom: 50%;
+  }
+
+  .lg\:px-1\/2 {
+    padding-left: 50%;
+    padding-right: 50%;
+  }
+
+  .lg\:py-1\/3 {
+    padding-top: 33.333333%;
+    padding-bottom: 33.333333%;
+  }
+
+  .lg\:px-1\/3 {
+    padding-left: 33.333333%;
+    padding-right: 33.333333%;
+  }
+
+  .lg\:py-2\/3 {
+    padding-top: 66.666667%;
+    padding-bottom: 66.666667%;
+  }
+
+  .lg\:px-2\/3 {
+    padding-left: 66.666667%;
+    padding-right: 66.666667%;
+  }
+
+  .lg\:py-1\/4 {
+    padding-top: 25%;
+    padding-bottom: 25%;
+  }
+
+  .lg\:px-1\/4 {
+    padding-left: 25%;
+    padding-right: 25%;
+  }
+
+  .lg\:py-2\/4 {
+    padding-top: 50%;
+    padding-bottom: 50%;
+  }
+
+  .lg\:px-2\/4 {
+    padding-left: 50%;
+    padding-right: 50%;
+  }
+
+  .lg\:py-3\/4 {
+    padding-top: 75%;
+    padding-bottom: 75%;
+  }
+
+  .lg\:px-3\/4 {
+    padding-left: 75%;
+    padding-right: 75%;
+  }
+
+  .lg\:py-1\/5 {
+    padding-top: 20%;
+    padding-bottom: 20%;
+  }
+
+  .lg\:px-1\/5 {
+    padding-left: 20%;
+    padding-right: 20%;
+  }
+
+  .lg\:py-2\/5 {
+    padding-top: 40%;
+    padding-bottom: 40%;
+  }
+
+  .lg\:px-2\/5 {
+    padding-left: 40%;
+    padding-right: 40%;
+  }
+
+  .lg\:py-3\/5 {
+    padding-top: 60%;
+    padding-bottom: 60%;
+  }
+
+  .lg\:px-3\/5 {
+    padding-left: 60%;
+    padding-right: 60%;
+  }
+
+  .lg\:py-4\/5 {
+    padding-top: 80%;
+    padding-bottom: 80%;
+  }
+
+  .lg\:px-4\/5 {
+    padding-left: 80%;
+    padding-right: 80%;
+  }
+
+  .lg\:py-1\/6 {
+    padding-top: 16.666667%;
+    padding-bottom: 16.666667%;
+  }
+
+  .lg\:px-1\/6 {
+    padding-left: 16.666667%;
+    padding-right: 16.666667%;
+  }
+
+  .lg\:py-2\/6 {
+    padding-top: 33.333333%;
+    padding-bottom: 33.333333%;
+  }
+
+  .lg\:px-2\/6 {
+    padding-left: 33.333333%;
+    padding-right: 33.333333%;
+  }
+
+  .lg\:py-3\/6 {
+    padding-top: 50%;
+    padding-bottom: 50%;
+  }
+
+  .lg\:px-3\/6 {
+    padding-left: 50%;
+    padding-right: 50%;
+  }
+
+  .lg\:py-4\/6 {
+    padding-top: 66.666667%;
+    padding-bottom: 66.666667%;
+  }
+
+  .lg\:px-4\/6 {
+    padding-left: 66.666667%;
+    padding-right: 66.666667%;
+  }
+
+  .lg\:py-5\/6 {
+    padding-top: 83.333333%;
+    padding-bottom: 83.333333%;
+  }
+
+  .lg\:px-5\/6 {
+    padding-left: 83.333333%;
+    padding-right: 83.333333%;
+  }
+
+  .lg\:py-1\/12 {
+    padding-top: 8.333333%;
+    padding-bottom: 8.333333%;
+  }
+
+  .lg\:px-1\/12 {
+    padding-left: 8.333333%;
+    padding-right: 8.333333%;
+  }
+
+  .lg\:py-2\/12 {
+    padding-top: 16.666667%;
+    padding-bottom: 16.666667%;
+  }
+
+  .lg\:px-2\/12 {
+    padding-left: 16.666667%;
+    padding-right: 16.666667%;
+  }
+
+  .lg\:py-3\/12 {
+    padding-top: 25%;
+    padding-bottom: 25%;
+  }
+
+  .lg\:px-3\/12 {
+    padding-left: 25%;
+    padding-right: 25%;
+  }
+
+  .lg\:py-4\/12 {
+    padding-top: 33.333333%;
+    padding-bottom: 33.333333%;
+  }
+
+  .lg\:px-4\/12 {
+    padding-left: 33.333333%;
+    padding-right: 33.333333%;
+  }
+
+  .lg\:py-5\/12 {
+    padding-top: 41.666667%;
+    padding-bottom: 41.666667%;
+  }
+
+  .lg\:px-5\/12 {
+    padding-left: 41.666667%;
+    padding-right: 41.666667%;
+  }
+
+  .lg\:py-6\/12 {
+    padding-top: 50%;
+    padding-bottom: 50%;
+  }
+
+  .lg\:px-6\/12 {
+    padding-left: 50%;
+    padding-right: 50%;
+  }
+
+  .lg\:py-7\/12 {
+    padding-top: 58.333333%;
+    padding-bottom: 58.333333%;
+  }
+
+  .lg\:px-7\/12 {
+    padding-left: 58.333333%;
+    padding-right: 58.333333%;
+  }
+
+  .lg\:py-8\/12 {
+    padding-top: 66.666667%;
+    padding-bottom: 66.666667%;
+  }
+
+  .lg\:px-8\/12 {
+    padding-left: 66.666667%;
+    padding-right: 66.666667%;
+  }
+
+  .lg\:py-9\/12 {
+    padding-top: 75%;
+    padding-bottom: 75%;
+  }
+
+  .lg\:px-9\/12 {
+    padding-left: 75%;
+    padding-right: 75%;
+  }
+
+  .lg\:py-10\/12 {
+    padding-top: 83.333333%;
+    padding-bottom: 83.333333%;
+  }
+
+  .lg\:px-10\/12 {
+    padding-left: 83.333333%;
+    padding-right: 83.333333%;
+  }
+
+  .lg\:py-11\/12 {
+    padding-top: 91.666667%;
+    padding-bottom: 91.666667%;
+  }
+
+  .lg\:px-11\/12 {
+    padding-left: 91.666667%;
+    padding-right: 91.666667%;
+  }
+
+  .lg\:py-full {
+    padding-top: 100%;
+    padding-bottom: 100%;
+  }
+
+  .lg\:px-full {
+    padding-left: 100%;
+    padding-right: 100%;
+  }
+
+  .lg\:pt-0 {
+    padding-top: 0;
+  }
+
+  .lg\:pr-0 {
+    padding-right: 0;
+  }
+
+  .lg\:pb-0 {
+    padding-bottom: 0;
+  }
+
+  .lg\:pl-0 {
+    padding-left: 0;
+  }
+
+  .lg\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .lg\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .lg\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .lg\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .lg\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .lg\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .lg\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .lg\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .lg\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .lg\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .lg\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .lg\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .lg\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .lg\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .lg\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .lg\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .lg\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
+  .lg\:pr-5 {
+    padding-right: 1.25rem;
+  }
+
+  .lg\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
+
+  .lg\:pl-5 {
+    padding-left: 1.25rem;
+  }
+
+  .lg\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .lg\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .lg\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .lg\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .lg\:pt-7 {
+    padding-top: 1.75rem;
+  }
+
+  .lg\:pr-7 {
+    padding-right: 1.75rem;
+  }
+
+  .lg\:pb-7 {
+    padding-bottom: 1.75rem;
+  }
+
+  .lg\:pl-7 {
+    padding-left: 1.75rem;
+  }
+
+  .lg\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .lg\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .lg\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .lg\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .lg\:pt-9 {
+    padding-top: 2.25rem;
+  }
+
+  .lg\:pr-9 {
+    padding-right: 2.25rem;
+  }
+
+  .lg\:pb-9 {
+    padding-bottom: 2.25rem;
+  }
+
+  .lg\:pl-9 {
+    padding-left: 2.25rem;
+  }
+
+  .lg\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
+  .lg\:pr-10 {
+    padding-right: 2.5rem;
+  }
+
+  .lg\:pb-10 {
+    padding-bottom: 2.5rem;
+  }
+
+  .lg\:pl-10 {
+    padding-left: 2.5rem;
+  }
+
+  .lg\:pt-11 {
+    padding-top: 2.75rem;
+  }
+
+  .lg\:pr-11 {
+    padding-right: 2.75rem;
+  }
+
+  .lg\:pb-11 {
+    padding-bottom: 2.75rem;
+  }
+
+  .lg\:pl-11 {
+    padding-left: 2.75rem;
+  }
+
+  .lg\:pt-12 {
+    padding-top: 3rem;
+  }
+
+  .lg\:pr-12 {
+    padding-right: 3rem;
+  }
+
+  .lg\:pb-12 {
+    padding-bottom: 3rem;
+  }
+
+  .lg\:pl-12 {
+    padding-left: 3rem;
+  }
+
+  .lg\:pt-13 {
+    padding-top: 3.25rem;
+  }
+
+  .lg\:pr-13 {
+    padding-right: 3.25rem;
+  }
+
+  .lg\:pb-13 {
+    padding-bottom: 3.25rem;
+  }
+
+  .lg\:pl-13 {
+    padding-left: 3.25rem;
+  }
+
+  .lg\:pt-14 {
+    padding-top: 3.5rem;
+  }
+
+  .lg\:pr-14 {
+    padding-right: 3.5rem;
+  }
+
+  .lg\:pb-14 {
+    padding-bottom: 3.5rem;
+  }
+
+  .lg\:pl-14 {
+    padding-left: 3.5rem;
+  }
+
+  .lg\:pt-15 {
+    padding-top: 3.75rem;
+  }
+
+  .lg\:pr-15 {
+    padding-right: 3.75rem;
+  }
+
+  .lg\:pb-15 {
+    padding-bottom: 3.75rem;
+  }
+
+  .lg\:pl-15 {
+    padding-left: 3.75rem;
+  }
+
+  .lg\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .lg\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .lg\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .lg\:pl-16 {
+    padding-left: 4rem;
+  }
+
+  .lg\:pt-20 {
+    padding-top: 5rem;
+  }
+
+  .lg\:pr-20 {
+    padding-right: 5rem;
+  }
+
+  .lg\:pb-20 {
+    padding-bottom: 5rem;
+  }
+
+  .lg\:pl-20 {
+    padding-left: 5rem;
+  }
+
+  .lg\:pt-24 {
+    padding-top: 6rem;
+  }
+
+  .lg\:pr-24 {
+    padding-right: 6rem;
+  }
+
+  .lg\:pb-24 {
+    padding-bottom: 6rem;
+  }
+
+  .lg\:pl-24 {
+    padding-left: 6rem;
+  }
+
+  .lg\:pt-28 {
+    padding-top: 7rem;
+  }
+
+  .lg\:pr-28 {
+    padding-right: 7rem;
+  }
+
+  .lg\:pb-28 {
+    padding-bottom: 7rem;
+  }
+
+  .lg\:pl-28 {
+    padding-left: 7rem;
+  }
+
+  .lg\:pt-32 {
+    padding-top: 8rem;
+  }
+
+  .lg\:pr-32 {
+    padding-right: 8rem;
+  }
+
+  .lg\:pb-32 {
+    padding-bottom: 8rem;
+  }
+
+  .lg\:pl-32 {
+    padding-left: 8rem;
+  }
+
+  .lg\:pt-36 {
+    padding-top: 9rem;
+  }
+
+  .lg\:pr-36 {
+    padding-right: 9rem;
+  }
+
+  .lg\:pb-36 {
+    padding-bottom: 9rem;
+  }
+
+  .lg\:pl-36 {
+    padding-left: 9rem;
+  }
+
+  .lg\:pt-40 {
+    padding-top: 10rem;
+  }
+
+  .lg\:pr-40 {
+    padding-right: 10rem;
+  }
+
+  .lg\:pb-40 {
+    padding-bottom: 10rem;
+  }
+
+  .lg\:pl-40 {
+    padding-left: 10rem;
+  }
+
+  .lg\:pt-48 {
+    padding-top: 12rem;
+  }
+
+  .lg\:pr-48 {
+    padding-right: 12rem;
+  }
+
+  .lg\:pb-48 {
+    padding-bottom: 12rem;
+  }
+
+  .lg\:pl-48 {
+    padding-left: 12rem;
+  }
+
+  .lg\:pt-56 {
+    padding-top: 14rem;
+  }
+
+  .lg\:pr-56 {
+    padding-right: 14rem;
+  }
+
+  .lg\:pb-56 {
+    padding-bottom: 14rem;
+  }
+
+  .lg\:pl-56 {
+    padding-left: 14rem;
+  }
+
+  .lg\:pt-60 {
+    padding-top: 15rem;
+  }
+
+  .lg\:pr-60 {
+    padding-right: 15rem;
+  }
+
+  .lg\:pb-60 {
+    padding-bottom: 15rem;
+  }
+
+  .lg\:pl-60 {
+    padding-left: 15rem;
+  }
+
+  .lg\:pt-64 {
+    padding-top: 16rem;
+  }
+
+  .lg\:pr-64 {
+    padding-right: 16rem;
+  }
+
+  .lg\:pb-64 {
+    padding-bottom: 16rem;
+  }
+
+  .lg\:pl-64 {
+    padding-left: 16rem;
+  }
+
+  .lg\:pt-72 {
+    padding-top: 18rem;
+  }
+
+  .lg\:pr-72 {
+    padding-right: 18rem;
+  }
+
+  .lg\:pb-72 {
+    padding-bottom: 18rem;
+  }
+
+  .lg\:pl-72 {
+    padding-left: 18rem;
+  }
+
+  .lg\:pt-80 {
+    padding-top: 20rem;
+  }
+
+  .lg\:pr-80 {
+    padding-right: 20rem;
+  }
+
+  .lg\:pb-80 {
+    padding-bottom: 20rem;
+  }
+
+  .lg\:pl-80 {
+    padding-left: 20rem;
+  }
+
+  .lg\:pt-96 {
+    padding-top: 24rem;
+  }
+
+  .lg\:pr-96 {
+    padding-right: 24rem;
+  }
+
+  .lg\:pb-96 {
+    padding-bottom: 24rem;
+  }
+
+  .lg\:pl-96 {
+    padding-left: 24rem;
+  }
+
+  .lg\:pt-px {
+    padding-top: 1px;
+  }
+
+  .lg\:pr-px {
+    padding-right: 1px;
+  }
+
+  .lg\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .lg\:pl-px {
+    padding-left: 1px;
+  }
+
+  .lg\:pt-0\.5 {
+    padding-top: 0.125rem;
+  }
+
+  .lg\:pr-0\.5 {
+    padding-right: 0.125rem;
+  }
+
+  .lg\:pb-0\.5 {
+    padding-bottom: 0.125rem;
+  }
+
+  .lg\:pl-0\.5 {
+    padding-left: 0.125rem;
+  }
+
+  .lg\:pt-1\.5 {
+    padding-top: 0.375rem;
+  }
+
+  .lg\:pr-1\.5 {
+    padding-right: 0.375rem;
+  }
+
+  .lg\:pb-1\.5 {
+    padding-bottom: 0.375rem;
+  }
+
+  .lg\:pl-1\.5 {
+    padding-left: 0.375rem;
+  }
+
+  .lg\:pt-2\.5 {
+    padding-top: 0.625rem;
+  }
+
+  .lg\:pr-2\.5 {
+    padding-right: 0.625rem;
+  }
+
+  .lg\:pb-2\.5 {
+    padding-bottom: 0.625rem;
+  }
+
+  .lg\:pl-2\.5 {
+    padding-left: 0.625rem;
+  }
+
+  .lg\:pt-3\.5 {
+    padding-top: 0.875rem;
+  }
+
+  .lg\:pr-3\.5 {
+    padding-right: 0.875rem;
+  }
+
+  .lg\:pb-3\.5 {
+    padding-bottom: 0.875rem;
+  }
+
+  .lg\:pl-3\.5 {
+    padding-left: 0.875rem;
+  }
+
+  .lg\:pt-1\/2 {
+    padding-top: 50%;
+  }
+
+  .lg\:pr-1\/2 {
+    padding-right: 50%;
+  }
+
+  .lg\:pb-1\/2 {
+    padding-bottom: 50%;
+  }
+
+  .lg\:pl-1\/2 {
+    padding-left: 50%;
+  }
+
+  .lg\:pt-1\/3 {
+    padding-top: 33.333333%;
+  }
+
+  .lg\:pr-1\/3 {
+    padding-right: 33.333333%;
+  }
+
+  .lg\:pb-1\/3 {
+    padding-bottom: 33.333333%;
+  }
+
+  .lg\:pl-1\/3 {
+    padding-left: 33.333333%;
+  }
+
+  .lg\:pt-2\/3 {
+    padding-top: 66.666667%;
+  }
+
+  .lg\:pr-2\/3 {
+    padding-right: 66.666667%;
+  }
+
+  .lg\:pb-2\/3 {
+    padding-bottom: 66.666667%;
+  }
+
+  .lg\:pl-2\/3 {
+    padding-left: 66.666667%;
+  }
+
+  .lg\:pt-1\/4 {
+    padding-top: 25%;
+  }
+
+  .lg\:pr-1\/4 {
+    padding-right: 25%;
+  }
+
+  .lg\:pb-1\/4 {
+    padding-bottom: 25%;
+  }
+
+  .lg\:pl-1\/4 {
+    padding-left: 25%;
+  }
+
+  .lg\:pt-2\/4 {
+    padding-top: 50%;
+  }
+
+  .lg\:pr-2\/4 {
+    padding-right: 50%;
+  }
+
+  .lg\:pb-2\/4 {
+    padding-bottom: 50%;
+  }
+
+  .lg\:pl-2\/4 {
+    padding-left: 50%;
+  }
+
+  .lg\:pt-3\/4 {
+    padding-top: 75%;
+  }
+
+  .lg\:pr-3\/4 {
+    padding-right: 75%;
+  }
+
+  .lg\:pb-3\/4 {
+    padding-bottom: 75%;
+  }
+
+  .lg\:pl-3\/4 {
+    padding-left: 75%;
+  }
+
+  .lg\:pt-1\/5 {
+    padding-top: 20%;
+  }
+
+  .lg\:pr-1\/5 {
+    padding-right: 20%;
+  }
+
+  .lg\:pb-1\/5 {
+    padding-bottom: 20%;
+  }
+
+  .lg\:pl-1\/5 {
+    padding-left: 20%;
+  }
+
+  .lg\:pt-2\/5 {
+    padding-top: 40%;
+  }
+
+  .lg\:pr-2\/5 {
+    padding-right: 40%;
+  }
+
+  .lg\:pb-2\/5 {
+    padding-bottom: 40%;
+  }
+
+  .lg\:pl-2\/5 {
+    padding-left: 40%;
+  }
+
+  .lg\:pt-3\/5 {
+    padding-top: 60%;
+  }
+
+  .lg\:pr-3\/5 {
+    padding-right: 60%;
+  }
+
+  .lg\:pb-3\/5 {
+    padding-bottom: 60%;
+  }
+
+  .lg\:pl-3\/5 {
+    padding-left: 60%;
+  }
+
+  .lg\:pt-4\/5 {
+    padding-top: 80%;
+  }
+
+  .lg\:pr-4\/5 {
+    padding-right: 80%;
+  }
+
+  .lg\:pb-4\/5 {
+    padding-bottom: 80%;
+  }
+
+  .lg\:pl-4\/5 {
+    padding-left: 80%;
+  }
+
+  .lg\:pt-1\/6 {
+    padding-top: 16.666667%;
+  }
+
+  .lg\:pr-1\/6 {
+    padding-right: 16.666667%;
+  }
+
+  .lg\:pb-1\/6 {
+    padding-bottom: 16.666667%;
+  }
+
+  .lg\:pl-1\/6 {
+    padding-left: 16.666667%;
+  }
+
+  .lg\:pt-2\/6 {
+    padding-top: 33.333333%;
+  }
+
+  .lg\:pr-2\/6 {
+    padding-right: 33.333333%;
+  }
+
+  .lg\:pb-2\/6 {
+    padding-bottom: 33.333333%;
+  }
+
+  .lg\:pl-2\/6 {
+    padding-left: 33.333333%;
+  }
+
+  .lg\:pt-3\/6 {
+    padding-top: 50%;
+  }
+
+  .lg\:pr-3\/6 {
+    padding-right: 50%;
+  }
+
+  .lg\:pb-3\/6 {
+    padding-bottom: 50%;
+  }
+
+  .lg\:pl-3\/6 {
+    padding-left: 50%;
+  }
+
+  .lg\:pt-4\/6 {
+    padding-top: 66.666667%;
+  }
+
+  .lg\:pr-4\/6 {
+    padding-right: 66.666667%;
+  }
+
+  .lg\:pb-4\/6 {
+    padding-bottom: 66.666667%;
+  }
+
+  .lg\:pl-4\/6 {
+    padding-left: 66.666667%;
+  }
+
+  .lg\:pt-5\/6 {
+    padding-top: 83.333333%;
+  }
+
+  .lg\:pr-5\/6 {
+    padding-right: 83.333333%;
+  }
+
+  .lg\:pb-5\/6 {
+    padding-bottom: 83.333333%;
+  }
+
+  .lg\:pl-5\/6 {
+    padding-left: 83.333333%;
+  }
+
+  .lg\:pt-1\/12 {
+    padding-top: 8.333333%;
+  }
+
+  .lg\:pr-1\/12 {
+    padding-right: 8.333333%;
+  }
+
+  .lg\:pb-1\/12 {
+    padding-bottom: 8.333333%;
+  }
+
+  .lg\:pl-1\/12 {
+    padding-left: 8.333333%;
+  }
+
+  .lg\:pt-2\/12 {
+    padding-top: 16.666667%;
+  }
+
+  .lg\:pr-2\/12 {
+    padding-right: 16.666667%;
+  }
+
+  .lg\:pb-2\/12 {
+    padding-bottom: 16.666667%;
+  }
+
+  .lg\:pl-2\/12 {
+    padding-left: 16.666667%;
+  }
+
+  .lg\:pt-3\/12 {
+    padding-top: 25%;
+  }
+
+  .lg\:pr-3\/12 {
+    padding-right: 25%;
+  }
+
+  .lg\:pb-3\/12 {
+    padding-bottom: 25%;
+  }
+
+  .lg\:pl-3\/12 {
+    padding-left: 25%;
+  }
+
+  .lg\:pt-4\/12 {
+    padding-top: 33.333333%;
+  }
+
+  .lg\:pr-4\/12 {
+    padding-right: 33.333333%;
+  }
+
+  .lg\:pb-4\/12 {
+    padding-bottom: 33.333333%;
+  }
+
+  .lg\:pl-4\/12 {
+    padding-left: 33.333333%;
+  }
+
+  .lg\:pt-5\/12 {
+    padding-top: 41.666667%;
+  }
+
+  .lg\:pr-5\/12 {
+    padding-right: 41.666667%;
+  }
+
+  .lg\:pb-5\/12 {
+    padding-bottom: 41.666667%;
+  }
+
+  .lg\:pl-5\/12 {
+    padding-left: 41.666667%;
+  }
+
+  .lg\:pt-6\/12 {
+    padding-top: 50%;
+  }
+
+  .lg\:pr-6\/12 {
+    padding-right: 50%;
+  }
+
+  .lg\:pb-6\/12 {
+    padding-bottom: 50%;
+  }
+
+  .lg\:pl-6\/12 {
+    padding-left: 50%;
+  }
+
+  .lg\:pt-7\/12 {
+    padding-top: 58.333333%;
+  }
+
+  .lg\:pr-7\/12 {
+    padding-right: 58.333333%;
+  }
+
+  .lg\:pb-7\/12 {
+    padding-bottom: 58.333333%;
+  }
+
+  .lg\:pl-7\/12 {
+    padding-left: 58.333333%;
+  }
+
+  .lg\:pt-8\/12 {
+    padding-top: 66.666667%;
+  }
+
+  .lg\:pr-8\/12 {
+    padding-right: 66.666667%;
+  }
+
+  .lg\:pb-8\/12 {
+    padding-bottom: 66.666667%;
+  }
+
+  .lg\:pl-8\/12 {
+    padding-left: 66.666667%;
+  }
+
+  .lg\:pt-9\/12 {
+    padding-top: 75%;
+  }
+
+  .lg\:pr-9\/12 {
+    padding-right: 75%;
+  }
+
+  .lg\:pb-9\/12 {
+    padding-bottom: 75%;
+  }
+
+  .lg\:pl-9\/12 {
+    padding-left: 75%;
+  }
+
+  .lg\:pt-10\/12 {
+    padding-top: 83.333333%;
+  }
+
+  .lg\:pr-10\/12 {
+    padding-right: 83.333333%;
+  }
+
+  .lg\:pb-10\/12 {
+    padding-bottom: 83.333333%;
+  }
+
+  .lg\:pl-10\/12 {
+    padding-left: 83.333333%;
+  }
+
+  .lg\:pt-11\/12 {
+    padding-top: 91.666667%;
+  }
+
+  .lg\:pr-11\/12 {
+    padding-right: 91.666667%;
+  }
+
+  .lg\:pb-11\/12 {
+    padding-bottom: 91.666667%;
+  }
+
+  .lg\:pl-11\/12 {
+    padding-left: 91.666667%;
+  }
+
+  .lg\:pt-full {
+    padding-top: 100%;
+  }
+
+  .lg\:pr-full {
+    padding-right: 100%;
+  }
+
+  .lg\:pb-full {
+    padding-bottom: 100%;
+  }
+
+  .lg\:pl-full {
+    padding-left: 100%;
+  }
+
+  .lg\:placeholder-transparent::-moz-placeholder {
+    color: transparent;
+  }
+
+  .lg\:placeholder-transparent:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .lg\:placeholder-transparent::-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .lg\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .lg\:placeholder-white::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-white:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-white::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-white::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-black::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-black:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-black::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-black::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-cool-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-transparent:focus::-moz-placeholder {
+    color: transparent;
+  }
+
+  .lg\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .lg\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .lg\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .lg\:focus\:placeholder-white:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-white:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-white:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-black:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-black:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-black:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-cool-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-opacity-0::-moz-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .lg\:placeholder-opacity-0:-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .lg\:placeholder-opacity-0::-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .lg\:placeholder-opacity-0::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .lg\:placeholder-opacity-25::-moz-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .lg\:placeholder-opacity-25:-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .lg\:placeholder-opacity-25::-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .lg\:placeholder-opacity-25::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .lg\:placeholder-opacity-50::-moz-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .lg\:placeholder-opacity-50:-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .lg\:placeholder-opacity-50::-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .lg\:placeholder-opacity-50::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .lg\:placeholder-opacity-75::-moz-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .lg\:placeholder-opacity-75:-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .lg\:placeholder-opacity-75::-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .lg\:placeholder-opacity-75::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .lg\:placeholder-opacity-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .lg\:placeholder-opacity-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .lg\:placeholder-opacity-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .lg\:placeholder-opacity-100::placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .lg\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .lg\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .lg\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .lg\:focus\:placeholder-opacity-0:focus::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .lg\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .lg\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .lg\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .lg\:focus\:placeholder-opacity-25:focus::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .lg\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .lg\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .lg\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .lg\:focus\:placeholder-opacity-50:focus::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .lg\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .lg\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .lg\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .lg\:focus\:placeholder-opacity-75:focus::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .lg\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .lg\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .lg\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .lg\:focus\:placeholder-opacity-100:focus::placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .lg\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .lg\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
+  .lg\:static {
+    position: static;
+  }
+
+  .lg\:fixed {
+    position: fixed;
+  }
+
+  .lg\:absolute {
+    position: absolute;
+  }
+
+  .lg\:relative {
+    position: relative;
+  }
+
+  .lg\:sticky {
+    position: -webkit-sticky;
+    position: sticky;
+  }
+
+  .lg\:inset-0 {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  .lg\:inset-1 {
+    top: 0.25rem;
+    right: 0.25rem;
+    bottom: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .lg\:inset-2 {
+    top: 0.5rem;
+    right: 0.5rem;
+    bottom: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .lg\:inset-3 {
+    top: 0.75rem;
+    right: 0.75rem;
+    bottom: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .lg\:inset-4 {
+    top: 1rem;
+    right: 1rem;
+    bottom: 1rem;
+    left: 1rem;
+  }
+
+  .lg\:inset-5 {
+    top: 1.25rem;
+    right: 1.25rem;
+    bottom: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .lg\:inset-6 {
+    top: 1.5rem;
+    right: 1.5rem;
+    bottom: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .lg\:inset-7 {
+    top: 1.75rem;
+    right: 1.75rem;
+    bottom: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .lg\:inset-8 {
+    top: 2rem;
+    right: 2rem;
+    bottom: 2rem;
+    left: 2rem;
+  }
+
+  .lg\:inset-9 {
+    top: 2.25rem;
+    right: 2.25rem;
+    bottom: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .lg\:inset-10 {
+    top: 2.5rem;
+    right: 2.5rem;
+    bottom: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .lg\:inset-11 {
+    top: 2.75rem;
+    right: 2.75rem;
+    bottom: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .lg\:inset-12 {
+    top: 3rem;
+    right: 3rem;
+    bottom: 3rem;
+    left: 3rem;
+  }
+
+  .lg\:inset-13 {
+    top: 3.25rem;
+    right: 3.25rem;
+    bottom: 3.25rem;
+    left: 3.25rem;
+  }
+
+  .lg\:inset-14 {
+    top: 3.5rem;
+    right: 3.5rem;
+    bottom: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .lg\:inset-15 {
+    top: 3.75rem;
+    right: 3.75rem;
+    bottom: 3.75rem;
+    left: 3.75rem;
+  }
+
+  .lg\:inset-16 {
+    top: 4rem;
+    right: 4rem;
+    bottom: 4rem;
+    left: 4rem;
+  }
+
+  .lg\:inset-20 {
+    top: 5rem;
+    right: 5rem;
+    bottom: 5rem;
+    left: 5rem;
+  }
+
+  .lg\:inset-24 {
+    top: 6rem;
+    right: 6rem;
+    bottom: 6rem;
+    left: 6rem;
+  }
+
+  .lg\:inset-28 {
+    top: 7rem;
+    right: 7rem;
+    bottom: 7rem;
+    left: 7rem;
+  }
+
+  .lg\:inset-32 {
+    top: 8rem;
+    right: 8rem;
+    bottom: 8rem;
+    left: 8rem;
+  }
+
+  .lg\:inset-36 {
+    top: 9rem;
+    right: 9rem;
+    bottom: 9rem;
+    left: 9rem;
+  }
+
+  .lg\:inset-40 {
+    top: 10rem;
+    right: 10rem;
+    bottom: 10rem;
+    left: 10rem;
+  }
+
+  .lg\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .lg\:inset-56 {
+    top: 14rem;
+    right: 14rem;
+    bottom: 14rem;
+    left: 14rem;
+  }
+
+  .lg\:inset-60 {
+    top: 15rem;
+    right: 15rem;
+    bottom: 15rem;
+    left: 15rem;
+  }
+
+  .lg\:inset-64 {
+    top: 16rem;
+    right: 16rem;
+    bottom: 16rem;
+    left: 16rem;
+  }
+
+  .lg\:inset-72 {
+    top: 18rem;
+    right: 18rem;
+    bottom: 18rem;
+    left: 18rem;
+  }
+
+  .lg\:inset-80 {
+    top: 20rem;
+    right: 20rem;
+    bottom: 20rem;
+    left: 20rem;
+  }
+
+  .lg\:inset-96 {
+    top: 24rem;
+    right: 24rem;
+    bottom: 24rem;
+    left: 24rem;
+  }
+
+  .lg\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .lg\:inset-px {
+    top: 1px;
+    right: 1px;
+    bottom: 1px;
+    left: 1px;
+  }
+
+  .lg\:inset-0\.5 {
+    top: 0.125rem;
+    right: 0.125rem;
+    bottom: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .lg\:inset-1\.5 {
+    top: 0.375rem;
+    right: 0.375rem;
+    bottom: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .lg\:inset-2\.5 {
+    top: 0.625rem;
+    right: 0.625rem;
+    bottom: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .lg\:inset-3\.5 {
+    top: 0.875rem;
+    right: 0.875rem;
+    bottom: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .lg\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .lg\:inset-1\/3 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .lg\:inset-2\/3 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .lg\:inset-1\/4 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .lg\:inset-2\/4 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .lg\:inset-3\/4 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .lg\:inset-1\/5 {
+    top: 20%;
+    right: 20%;
+    bottom: 20%;
+    left: 20%;
+  }
+
+  .lg\:inset-2\/5 {
+    top: 40%;
+    right: 40%;
+    bottom: 40%;
+    left: 40%;
+  }
+
+  .lg\:inset-3\/5 {
+    top: 60%;
+    right: 60%;
+    bottom: 60%;
+    left: 60%;
+  }
+
+  .lg\:inset-4\/5 {
+    top: 80%;
+    right: 80%;
+    bottom: 80%;
+    left: 80%;
+  }
+
+  .lg\:inset-1\/6 {
+    top: 16.666667%;
+    right: 16.666667%;
+    bottom: 16.666667%;
+    left: 16.666667%;
+  }
+
+  .lg\:inset-2\/6 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .lg\:inset-3\/6 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .lg\:inset-4\/6 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .lg\:inset-5\/6 {
+    top: 83.333333%;
+    right: 83.333333%;
+    bottom: 83.333333%;
+    left: 83.333333%;
+  }
+
+  .lg\:inset-1\/12 {
+    top: 8.333333%;
+    right: 8.333333%;
+    bottom: 8.333333%;
+    left: 8.333333%;
+  }
+
+  .lg\:inset-2\/12 {
+    top: 16.666667%;
+    right: 16.666667%;
+    bottom: 16.666667%;
+    left: 16.666667%;
+  }
+
+  .lg\:inset-3\/12 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .lg\:inset-4\/12 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .lg\:inset-5\/12 {
+    top: 41.666667%;
+    right: 41.666667%;
+    bottom: 41.666667%;
+    left: 41.666667%;
+  }
+
+  .lg\:inset-6\/12 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .lg\:inset-7\/12 {
+    top: 58.333333%;
+    right: 58.333333%;
+    bottom: 58.333333%;
+    left: 58.333333%;
+  }
+
+  .lg\:inset-8\/12 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .lg\:inset-9\/12 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .lg\:inset-10\/12 {
+    top: 83.333333%;
+    right: 83.333333%;
+    bottom: 83.333333%;
+    left: 83.333333%;
+  }
+
+  .lg\:inset-11\/12 {
+    top: 91.666667%;
+    right: 91.666667%;
+    bottom: 91.666667%;
+    left: 91.666667%;
+  }
+
+  .lg\:inset-full {
+    top: 100%;
+    right: 100%;
+    bottom: 100%;
+    left: 100%;
+  }
+
+  .lg\:inset-y-0 {
+    top: 0;
+    bottom: 0;
+  }
+
+  .lg\:inset-x-0 {
+    right: 0;
+    left: 0;
+  }
+
+  .lg\:inset-y-1 {
+    top: 0.25rem;
+    bottom: 0.25rem;
+  }
+
+  .lg\:inset-x-1 {
+    right: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .lg\:inset-y-2 {
+    top: 0.5rem;
+    bottom: 0.5rem;
+  }
+
+  .lg\:inset-x-2 {
+    right: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .lg\:inset-y-3 {
+    top: 0.75rem;
+    bottom: 0.75rem;
+  }
+
+  .lg\:inset-x-3 {
+    right: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .lg\:inset-y-4 {
+    top: 1rem;
+    bottom: 1rem;
+  }
+
+  .lg\:inset-x-4 {
+    right: 1rem;
+    left: 1rem;
+  }
+
+  .lg\:inset-y-5 {
+    top: 1.25rem;
+    bottom: 1.25rem;
+  }
+
+  .lg\:inset-x-5 {
+    right: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .lg\:inset-y-6 {
+    top: 1.5rem;
+    bottom: 1.5rem;
+  }
+
+  .lg\:inset-x-6 {
+    right: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .lg\:inset-y-7 {
+    top: 1.75rem;
+    bottom: 1.75rem;
+  }
+
+  .lg\:inset-x-7 {
+    right: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .lg\:inset-y-8 {
+    top: 2rem;
+    bottom: 2rem;
+  }
+
+  .lg\:inset-x-8 {
+    right: 2rem;
+    left: 2rem;
+  }
+
+  .lg\:inset-y-9 {
+    top: 2.25rem;
+    bottom: 2.25rem;
+  }
+
+  .lg\:inset-x-9 {
+    right: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .lg\:inset-y-10 {
+    top: 2.5rem;
+    bottom: 2.5rem;
+  }
+
+  .lg\:inset-x-10 {
+    right: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .lg\:inset-y-11 {
+    top: 2.75rem;
+    bottom: 2.75rem;
+  }
+
+  .lg\:inset-x-11 {
+    right: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .lg\:inset-y-12 {
+    top: 3rem;
+    bottom: 3rem;
+  }
+
+  .lg\:inset-x-12 {
+    right: 3rem;
+    left: 3rem;
+  }
+
+  .lg\:inset-y-13 {
+    top: 3.25rem;
+    bottom: 3.25rem;
+  }
+
+  .lg\:inset-x-13 {
+    right: 3.25rem;
+    left: 3.25rem;
+  }
+
+  .lg\:inset-y-14 {
+    top: 3.5rem;
+    bottom: 3.5rem;
+  }
+
+  .lg\:inset-x-14 {
+    right: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .lg\:inset-y-15 {
+    top: 3.75rem;
+    bottom: 3.75rem;
+  }
+
+  .lg\:inset-x-15 {
+    right: 3.75rem;
+    left: 3.75rem;
+  }
+
+  .lg\:inset-y-16 {
+    top: 4rem;
+    bottom: 4rem;
+  }
+
+  .lg\:inset-x-16 {
+    right: 4rem;
+    left: 4rem;
+  }
+
+  .lg\:inset-y-20 {
+    top: 5rem;
+    bottom: 5rem;
+  }
+
+  .lg\:inset-x-20 {
+    right: 5rem;
+    left: 5rem;
+  }
+
+  .lg\:inset-y-24 {
+    top: 6rem;
+    bottom: 6rem;
+  }
+
+  .lg\:inset-x-24 {
+    right: 6rem;
+    left: 6rem;
+  }
+
+  .lg\:inset-y-28 {
+    top: 7rem;
+    bottom: 7rem;
+  }
+
+  .lg\:inset-x-28 {
+    right: 7rem;
+    left: 7rem;
+  }
+
+  .lg\:inset-y-32 {
+    top: 8rem;
+    bottom: 8rem;
+  }
+
+  .lg\:inset-x-32 {
+    right: 8rem;
+    left: 8rem;
+  }
+
+  .lg\:inset-y-36 {
+    top: 9rem;
+    bottom: 9rem;
+  }
+
+  .lg\:inset-x-36 {
+    right: 9rem;
+    left: 9rem;
+  }
+
+  .lg\:inset-y-40 {
+    top: 10rem;
+    bottom: 10rem;
+  }
+
+  .lg\:inset-x-40 {
+    right: 10rem;
+    left: 10rem;
+  }
+
+  .lg\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .lg\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .lg\:inset-y-56 {
+    top: 14rem;
+    bottom: 14rem;
+  }
+
+  .lg\:inset-x-56 {
+    right: 14rem;
+    left: 14rem;
+  }
+
+  .lg\:inset-y-60 {
+    top: 15rem;
+    bottom: 15rem;
+  }
+
+  .lg\:inset-x-60 {
+    right: 15rem;
+    left: 15rem;
+  }
+
+  .lg\:inset-y-64 {
+    top: 16rem;
+    bottom: 16rem;
+  }
+
+  .lg\:inset-x-64 {
+    right: 16rem;
+    left: 16rem;
+  }
+
+  .lg\:inset-y-72 {
+    top: 18rem;
+    bottom: 18rem;
+  }
+
+  .lg\:inset-x-72 {
+    right: 18rem;
+    left: 18rem;
+  }
+
+  .lg\:inset-y-80 {
+    top: 20rem;
+    bottom: 20rem;
+  }
+
+  .lg\:inset-x-80 {
+    right: 20rem;
+    left: 20rem;
+  }
+
+  .lg\:inset-y-96 {
+    top: 24rem;
+    bottom: 24rem;
+  }
+
+  .lg\:inset-x-96 {
+    right: 24rem;
+    left: 24rem;
+  }
+
+  .lg\:inset-y-auto {
+    top: auto;
+    bottom: auto;
+  }
+
+  .lg\:inset-x-auto {
+    right: auto;
+    left: auto;
+  }
+
+  .lg\:inset-y-px {
+    top: 1px;
+    bottom: 1px;
+  }
+
+  .lg\:inset-x-px {
+    right: 1px;
+    left: 1px;
+  }
+
+  .lg\:inset-y-0\.5 {
+    top: 0.125rem;
+    bottom: 0.125rem;
+  }
+
+  .lg\:inset-x-0\.5 {
+    right: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .lg\:inset-y-1\.5 {
+    top: 0.375rem;
+    bottom: 0.375rem;
+  }
+
+  .lg\:inset-x-1\.5 {
+    right: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .lg\:inset-y-2\.5 {
+    top: 0.625rem;
+    bottom: 0.625rem;
+  }
+
+  .lg\:inset-x-2\.5 {
+    right: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .lg\:inset-y-3\.5 {
+    top: 0.875rem;
+    bottom: 0.875rem;
+  }
+
+  .lg\:inset-x-3\.5 {
+    right: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .lg\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .lg\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .lg\:inset-y-1\/3 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .lg\:inset-x-1\/3 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .lg\:inset-y-2\/3 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .lg\:inset-x-2\/3 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .lg\:inset-y-1\/4 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .lg\:inset-x-1\/4 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .lg\:inset-y-2\/4 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .lg\:inset-x-2\/4 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .lg\:inset-y-3\/4 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .lg\:inset-x-3\/4 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .lg\:inset-y-1\/5 {
+    top: 20%;
+    bottom: 20%;
+  }
+
+  .lg\:inset-x-1\/5 {
+    right: 20%;
+    left: 20%;
+  }
+
+  .lg\:inset-y-2\/5 {
+    top: 40%;
+    bottom: 40%;
+  }
+
+  .lg\:inset-x-2\/5 {
+    right: 40%;
+    left: 40%;
+  }
+
+  .lg\:inset-y-3\/5 {
+    top: 60%;
+    bottom: 60%;
+  }
+
+  .lg\:inset-x-3\/5 {
+    right: 60%;
+    left: 60%;
+  }
+
+  .lg\:inset-y-4\/5 {
+    top: 80%;
+    bottom: 80%;
+  }
+
+  .lg\:inset-x-4\/5 {
+    right: 80%;
+    left: 80%;
+  }
+
+  .lg\:inset-y-1\/6 {
+    top: 16.666667%;
+    bottom: 16.666667%;
+  }
+
+  .lg\:inset-x-1\/6 {
+    right: 16.666667%;
+    left: 16.666667%;
+  }
+
+  .lg\:inset-y-2\/6 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .lg\:inset-x-2\/6 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .lg\:inset-y-3\/6 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .lg\:inset-x-3\/6 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .lg\:inset-y-4\/6 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .lg\:inset-x-4\/6 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .lg\:inset-y-5\/6 {
+    top: 83.333333%;
+    bottom: 83.333333%;
+  }
+
+  .lg\:inset-x-5\/6 {
+    right: 83.333333%;
+    left: 83.333333%;
+  }
+
+  .lg\:inset-y-1\/12 {
+    top: 8.333333%;
+    bottom: 8.333333%;
+  }
+
+  .lg\:inset-x-1\/12 {
+    right: 8.333333%;
+    left: 8.333333%;
+  }
+
+  .lg\:inset-y-2\/12 {
+    top: 16.666667%;
+    bottom: 16.666667%;
+  }
+
+  .lg\:inset-x-2\/12 {
+    right: 16.666667%;
+    left: 16.666667%;
+  }
+
+  .lg\:inset-y-3\/12 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .lg\:inset-x-3\/12 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .lg\:inset-y-4\/12 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .lg\:inset-x-4\/12 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .lg\:inset-y-5\/12 {
+    top: 41.666667%;
+    bottom: 41.666667%;
+  }
+
+  .lg\:inset-x-5\/12 {
+    right: 41.666667%;
+    left: 41.666667%;
+  }
+
+  .lg\:inset-y-6\/12 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .lg\:inset-x-6\/12 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .lg\:inset-y-7\/12 {
+    top: 58.333333%;
+    bottom: 58.333333%;
+  }
+
+  .lg\:inset-x-7\/12 {
+    right: 58.333333%;
+    left: 58.333333%;
+  }
+
+  .lg\:inset-y-8\/12 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .lg\:inset-x-8\/12 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .lg\:inset-y-9\/12 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .lg\:inset-x-9\/12 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .lg\:inset-y-10\/12 {
+    top: 83.333333%;
+    bottom: 83.333333%;
+  }
+
+  .lg\:inset-x-10\/12 {
+    right: 83.333333%;
+    left: 83.333333%;
+  }
+
+  .lg\:inset-y-11\/12 {
+    top: 91.666667%;
+    bottom: 91.666667%;
+  }
+
+  .lg\:inset-x-11\/12 {
+    right: 91.666667%;
+    left: 91.666667%;
+  }
+
+  .lg\:inset-y-full {
+    top: 100%;
+    bottom: 100%;
+  }
+
+  .lg\:inset-x-full {
+    right: 100%;
+    left: 100%;
+  }
+
+  .lg\:top-0 {
+    top: 0;
+  }
+
+  .lg\:right-0 {
+    right: 0;
+  }
+
+  .lg\:bottom-0 {
+    bottom: 0;
+  }
+
+  .lg\:left-0 {
+    left: 0;
+  }
+
+  .lg\:top-1 {
+    top: 0.25rem;
+  }
+
+  .lg\:right-1 {
+    right: 0.25rem;
+  }
+
+  .lg\:bottom-1 {
+    bottom: 0.25rem;
+  }
+
+  .lg\:left-1 {
+    left: 0.25rem;
+  }
+
+  .lg\:top-2 {
+    top: 0.5rem;
+  }
+
+  .lg\:right-2 {
+    right: 0.5rem;
+  }
+
+  .lg\:bottom-2 {
+    bottom: 0.5rem;
+  }
+
+  .lg\:left-2 {
+    left: 0.5rem;
+  }
+
+  .lg\:top-3 {
+    top: 0.75rem;
+  }
+
+  .lg\:right-3 {
+    right: 0.75rem;
+  }
+
+  .lg\:bottom-3 {
+    bottom: 0.75rem;
+  }
+
+  .lg\:left-3 {
+    left: 0.75rem;
+  }
+
+  .lg\:top-4 {
+    top: 1rem;
+  }
+
+  .lg\:right-4 {
+    right: 1rem;
+  }
+
+  .lg\:bottom-4 {
+    bottom: 1rem;
+  }
+
+  .lg\:left-4 {
+    left: 1rem;
+  }
+
+  .lg\:top-5 {
+    top: 1.25rem;
+  }
+
+  .lg\:right-5 {
+    right: 1.25rem;
+  }
+
+  .lg\:bottom-5 {
+    bottom: 1.25rem;
+  }
+
+  .lg\:left-5 {
+    left: 1.25rem;
+  }
+
+  .lg\:top-6 {
+    top: 1.5rem;
+  }
+
+  .lg\:right-6 {
+    right: 1.5rem;
+  }
+
+  .lg\:bottom-6 {
+    bottom: 1.5rem;
+  }
+
+  .lg\:left-6 {
+    left: 1.5rem;
+  }
+
+  .lg\:top-7 {
+    top: 1.75rem;
+  }
+
+  .lg\:right-7 {
+    right: 1.75rem;
+  }
+
+  .lg\:bottom-7 {
+    bottom: 1.75rem;
+  }
+
+  .lg\:left-7 {
+    left: 1.75rem;
+  }
+
+  .lg\:top-8 {
+    top: 2rem;
+  }
+
+  .lg\:right-8 {
+    right: 2rem;
+  }
+
+  .lg\:bottom-8 {
+    bottom: 2rem;
+  }
+
+  .lg\:left-8 {
+    left: 2rem;
+  }
+
+  .lg\:top-9 {
+    top: 2.25rem;
+  }
+
+  .lg\:right-9 {
+    right: 2.25rem;
+  }
+
+  .lg\:bottom-9 {
+    bottom: 2.25rem;
+  }
+
+  .lg\:left-9 {
+    left: 2.25rem;
+  }
+
+  .lg\:top-10 {
+    top: 2.5rem;
+  }
+
+  .lg\:right-10 {
+    right: 2.5rem;
+  }
+
+  .lg\:bottom-10 {
+    bottom: 2.5rem;
+  }
+
+  .lg\:left-10 {
+    left: 2.5rem;
+  }
+
+  .lg\:top-11 {
+    top: 2.75rem;
+  }
+
+  .lg\:right-11 {
+    right: 2.75rem;
+  }
+
+  .lg\:bottom-11 {
+    bottom: 2.75rem;
+  }
+
+  .lg\:left-11 {
+    left: 2.75rem;
+  }
+
+  .lg\:top-12 {
+    top: 3rem;
+  }
+
+  .lg\:right-12 {
+    right: 3rem;
+  }
+
+  .lg\:bottom-12 {
+    bottom: 3rem;
+  }
+
+  .lg\:left-12 {
+    left: 3rem;
+  }
+
+  .lg\:top-13 {
+    top: 3.25rem;
+  }
+
+  .lg\:right-13 {
+    right: 3.25rem;
+  }
+
+  .lg\:bottom-13 {
+    bottom: 3.25rem;
+  }
+
+  .lg\:left-13 {
+    left: 3.25rem;
+  }
+
+  .lg\:top-14 {
+    top: 3.5rem;
+  }
+
+  .lg\:right-14 {
+    right: 3.5rem;
+  }
+
+  .lg\:bottom-14 {
+    bottom: 3.5rem;
+  }
+
+  .lg\:left-14 {
+    left: 3.5rem;
+  }
+
+  .lg\:top-15 {
+    top: 3.75rem;
+  }
+
+  .lg\:right-15 {
+    right: 3.75rem;
+  }
+
+  .lg\:bottom-15 {
+    bottom: 3.75rem;
+  }
+
+  .lg\:left-15 {
+    left: 3.75rem;
+  }
+
+  .lg\:top-16 {
+    top: 4rem;
+  }
+
+  .lg\:right-16 {
+    right: 4rem;
+  }
+
+  .lg\:bottom-16 {
+    bottom: 4rem;
+  }
+
+  .lg\:left-16 {
+    left: 4rem;
+  }
+
+  .lg\:top-20 {
+    top: 5rem;
+  }
+
+  .lg\:right-20 {
+    right: 5rem;
+  }
+
+  .lg\:bottom-20 {
+    bottom: 5rem;
+  }
+
+  .lg\:left-20 {
+    left: 5rem;
+  }
+
+  .lg\:top-24 {
+    top: 6rem;
+  }
+
+  .lg\:right-24 {
+    right: 6rem;
+  }
+
+  .lg\:bottom-24 {
+    bottom: 6rem;
+  }
+
+  .lg\:left-24 {
+    left: 6rem;
+  }
+
+  .lg\:top-28 {
+    top: 7rem;
+  }
+
+  .lg\:right-28 {
+    right: 7rem;
+  }
+
+  .lg\:bottom-28 {
+    bottom: 7rem;
+  }
+
+  .lg\:left-28 {
+    left: 7rem;
+  }
+
+  .lg\:top-32 {
+    top: 8rem;
+  }
+
+  .lg\:right-32 {
+    right: 8rem;
+  }
+
+  .lg\:bottom-32 {
+    bottom: 8rem;
+  }
+
+  .lg\:left-32 {
+    left: 8rem;
+  }
+
+  .lg\:top-36 {
+    top: 9rem;
+  }
+
+  .lg\:right-36 {
+    right: 9rem;
+  }
+
+  .lg\:bottom-36 {
+    bottom: 9rem;
+  }
+
+  .lg\:left-36 {
+    left: 9rem;
+  }
+
+  .lg\:top-40 {
+    top: 10rem;
+  }
+
+  .lg\:right-40 {
+    right: 10rem;
+  }
+
+  .lg\:bottom-40 {
+    bottom: 10rem;
+  }
+
+  .lg\:left-40 {
+    left: 10rem;
+  }
+
+  .lg\:top-48 {
+    top: 12rem;
+  }
+
+  .lg\:right-48 {
+    right: 12rem;
+  }
+
+  .lg\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .lg\:left-48 {
+    left: 12rem;
+  }
+
+  .lg\:top-56 {
+    top: 14rem;
+  }
+
+  .lg\:right-56 {
+    right: 14rem;
+  }
+
+  .lg\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .lg\:left-56 {
+    left: 14rem;
+  }
+
+  .lg\:top-60 {
+    top: 15rem;
+  }
+
+  .lg\:right-60 {
+    right: 15rem;
+  }
+
+  .lg\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .lg\:left-60 {
+    left: 15rem;
+  }
+
+  .lg\:top-64 {
+    top: 16rem;
+  }
+
+  .lg\:right-64 {
+    right: 16rem;
+  }
+
+  .lg\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .lg\:left-64 {
+    left: 16rem;
+  }
+
+  .lg\:top-72 {
+    top: 18rem;
+  }
+
+  .lg\:right-72 {
+    right: 18rem;
+  }
+
+  .lg\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .lg\:left-72 {
+    left: 18rem;
+  }
+
+  .lg\:top-80 {
+    top: 20rem;
+  }
+
+  .lg\:right-80 {
+    right: 20rem;
+  }
+
+  .lg\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .lg\:left-80 {
+    left: 20rem;
+  }
+
+  .lg\:top-96 {
+    top: 24rem;
+  }
+
+  .lg\:right-96 {
+    right: 24rem;
+  }
+
+  .lg\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .lg\:left-96 {
+    left: 24rem;
+  }
+
+  .lg\:top-auto {
+    top: auto;
+  }
+
+  .lg\:right-auto {
+    right: auto;
+  }
+
+  .lg\:bottom-auto {
+    bottom: auto;
+  }
+
+  .lg\:left-auto {
+    left: auto;
+  }
+
+  .lg\:top-px {
+    top: 1px;
+  }
+
+  .lg\:right-px {
+    right: 1px;
+  }
+
+  .lg\:bottom-px {
+    bottom: 1px;
+  }
+
+  .lg\:left-px {
+    left: 1px;
+  }
+
+  .lg\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .lg\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .lg\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .lg\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .lg\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .lg\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .lg\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .lg\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .lg\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .lg\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .lg\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .lg\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .lg\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .lg\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .lg\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .lg\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .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\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .lg\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .lg\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .lg\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .lg\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .lg\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .lg\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .lg\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .lg\:top-1\/4 {
+    top: 25%;
+  }
+
+  .lg\:right-1\/4 {
+    right: 25%;
+  }
+
+  .lg\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .lg\:left-1\/4 {
+    left: 25%;
+  }
+
+  .lg\:top-2\/4 {
+    top: 50%;
+  }
+
+  .lg\:right-2\/4 {
+    right: 50%;
+  }
+
+  .lg\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .lg\:left-2\/4 {
+    left: 50%;
+  }
+
+  .lg\:top-3\/4 {
+    top: 75%;
+  }
+
+  .lg\:right-3\/4 {
+    right: 75%;
+  }
+
+  .lg\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .lg\:left-3\/4 {
+    left: 75%;
+  }
+
+  .lg\:top-1\/5 {
+    top: 20%;
+  }
+
+  .lg\:right-1\/5 {
+    right: 20%;
+  }
+
+  .lg\:bottom-1\/5 {
+    bottom: 20%;
+  }
+
+  .lg\:left-1\/5 {
+    left: 20%;
+  }
+
+  .lg\:top-2\/5 {
+    top: 40%;
+  }
+
+  .lg\:right-2\/5 {
+    right: 40%;
+  }
+
+  .lg\:bottom-2\/5 {
+    bottom: 40%;
+  }
+
+  .lg\:left-2\/5 {
+    left: 40%;
+  }
+
+  .lg\:top-3\/5 {
+    top: 60%;
+  }
+
+  .lg\:right-3\/5 {
+    right: 60%;
+  }
+
+  .lg\:bottom-3\/5 {
+    bottom: 60%;
+  }
+
+  .lg\:left-3\/5 {
+    left: 60%;
+  }
+
+  .lg\:top-4\/5 {
+    top: 80%;
+  }
+
+  .lg\:right-4\/5 {
+    right: 80%;
+  }
+
+  .lg\:bottom-4\/5 {
+    bottom: 80%;
+  }
+
+  .lg\:left-4\/5 {
+    left: 80%;
+  }
+
+  .lg\:top-1\/6 {
+    top: 16.666667%;
+  }
+
+  .lg\:right-1\/6 {
+    right: 16.666667%;
+  }
+
+  .lg\:bottom-1\/6 {
+    bottom: 16.666667%;
+  }
+
+  .lg\:left-1\/6 {
+    left: 16.666667%;
+  }
+
+  .lg\:top-2\/6 {
+    top: 33.333333%;
+  }
+
+  .lg\:right-2\/6 {
+    right: 33.333333%;
+  }
+
+  .lg\:bottom-2\/6 {
+    bottom: 33.333333%;
+  }
+
+  .lg\:left-2\/6 {
+    left: 33.333333%;
+  }
+
+  .lg\:top-3\/6 {
+    top: 50%;
+  }
+
+  .lg\:right-3\/6 {
+    right: 50%;
+  }
+
+  .lg\:bottom-3\/6 {
+    bottom: 50%;
+  }
+
+  .lg\:left-3\/6 {
+    left: 50%;
+  }
+
+  .lg\:top-4\/6 {
+    top: 66.666667%;
+  }
+
+  .lg\:right-4\/6 {
+    right: 66.666667%;
+  }
+
+  .lg\:bottom-4\/6 {
+    bottom: 66.666667%;
+  }
+
+  .lg\:left-4\/6 {
+    left: 66.666667%;
+  }
+
+  .lg\:top-5\/6 {
+    top: 83.333333%;
+  }
+
+  .lg\:right-5\/6 {
+    right: 83.333333%;
+  }
+
+  .lg\:bottom-5\/6 {
+    bottom: 83.333333%;
+  }
+
+  .lg\:left-5\/6 {
+    left: 83.333333%;
+  }
+
+  .lg\:top-1\/12 {
+    top: 8.333333%;
+  }
+
+  .lg\:right-1\/12 {
+    right: 8.333333%;
+  }
+
+  .lg\:bottom-1\/12 {
+    bottom: 8.333333%;
+  }
+
+  .lg\:left-1\/12 {
+    left: 8.333333%;
+  }
+
+  .lg\:top-2\/12 {
+    top: 16.666667%;
+  }
+
+  .lg\:right-2\/12 {
+    right: 16.666667%;
+  }
+
+  .lg\:bottom-2\/12 {
+    bottom: 16.666667%;
+  }
+
+  .lg\:left-2\/12 {
+    left: 16.666667%;
+  }
+
+  .lg\:top-3\/12 {
+    top: 25%;
+  }
+
+  .lg\:right-3\/12 {
+    right: 25%;
+  }
+
+  .lg\:bottom-3\/12 {
+    bottom: 25%;
+  }
+
+  .lg\:left-3\/12 {
+    left: 25%;
+  }
+
+  .lg\:top-4\/12 {
+    top: 33.333333%;
+  }
+
+  .lg\:right-4\/12 {
+    right: 33.333333%;
+  }
+
+  .lg\:bottom-4\/12 {
+    bottom: 33.333333%;
+  }
+
+  .lg\:left-4\/12 {
+    left: 33.333333%;
+  }
+
+  .lg\:top-5\/12 {
+    top: 41.666667%;
+  }
+
+  .lg\:right-5\/12 {
+    right: 41.666667%;
+  }
+
+  .lg\:bottom-5\/12 {
+    bottom: 41.666667%;
+  }
+
+  .lg\:left-5\/12 {
+    left: 41.666667%;
+  }
+
+  .lg\:top-6\/12 {
+    top: 50%;
+  }
+
+  .lg\:right-6\/12 {
+    right: 50%;
+  }
+
+  .lg\:bottom-6\/12 {
+    bottom: 50%;
+  }
+
+  .lg\:left-6\/12 {
+    left: 50%;
+  }
+
+  .lg\:top-7\/12 {
+    top: 58.333333%;
+  }
+
+  .lg\:right-7\/12 {
+    right: 58.333333%;
+  }
+
+  .lg\:bottom-7\/12 {
+    bottom: 58.333333%;
+  }
+
+  .lg\:left-7\/12 {
+    left: 58.333333%;
+  }
+
+  .lg\:top-8\/12 {
+    top: 66.666667%;
+  }
+
+  .lg\:right-8\/12 {
+    right: 66.666667%;
+  }
+
+  .lg\:bottom-8\/12 {
+    bottom: 66.666667%;
+  }
+
+  .lg\:left-8\/12 {
+    left: 66.666667%;
+  }
+
+  .lg\:top-9\/12 {
+    top: 75%;
+  }
+
+  .lg\:right-9\/12 {
+    right: 75%;
+  }
+
+  .lg\:bottom-9\/12 {
+    bottom: 75%;
+  }
+
+  .lg\:left-9\/12 {
+    left: 75%;
+  }
+
+  .lg\:top-10\/12 {
+    top: 83.333333%;
+  }
+
+  .lg\:right-10\/12 {
+    right: 83.333333%;
+  }
+
+  .lg\:bottom-10\/12 {
+    bottom: 83.333333%;
+  }
+
+  .lg\:left-10\/12 {
+    left: 83.333333%;
+  }
+
+  .lg\:top-11\/12 {
+    top: 91.666667%;
+  }
+
+  .lg\:right-11\/12 {
+    right: 91.666667%;
+  }
+
+  .lg\:bottom-11\/12 {
+    bottom: 91.666667%;
+  }
+
+  .lg\:left-11\/12 {
+    left: 91.666667%;
+  }
+
+  .lg\:top-full {
+    top: 100%;
+  }
+
+  .lg\:right-full {
+    right: 100%;
+  }
+
+  .lg\:bottom-full {
+    bottom: 100%;
+  }
+
+  .lg\:left-full {
+    left: 100%;
+  }
+
+  .lg\:resize-none {
+    resize: none;
+  }
+
+  .lg\:resize-y {
+    resize: vertical;
+  }
+
+  .lg\:resize-x {
+    resize: horizontal;
+  }
+
+  .lg\:resize {
+    resize: both;
+  }
+
+  .lg\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .lg\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .lg\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .lg\:shadow-none {
+    box-shadow: none;
+  }
+
+  .lg\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .lg\:shadow-outline-gray {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .lg\:shadow-outline-blue {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .lg\:shadow-outline-teal {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .lg\:shadow-outline-green {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .lg\:shadow-outline-yellow {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .lg\:shadow-outline-orange {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .lg\:shadow-outline-red {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .lg\:shadow-outline-pink {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .lg\:shadow-outline-purple {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .lg\:shadow-outline-indigo {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .lg\:group-focus\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-none {
+    box-shadow: none;
+  }
+
+  .group:focus .lg\:group-focus\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-gray {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-blue {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-teal {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-green {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-yellow {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-orange {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-red {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-pink {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-purple {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .group:focus .lg\:group-focus\:shadow-outline-indigo {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .lg\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\: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);
+  }
+
+  .lg\: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);
+  }
+
+  .lg\: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);
+  }
+
+  .lg\: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);
+  }
+
+  .lg\:hover\:shadow-2xl:hover {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .lg\:hover\:shadow-inner:hover {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:hover\:shadow-outline:hover {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .lg\:hover\:shadow-none:hover {
+    box-shadow: none;
+  }
+
+  .lg\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .lg\:hover\:shadow-outline-gray:hover {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-blue:hover {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-teal:hover {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-green:hover {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-yellow:hover {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-orange:hover {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-red:hover {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-pink:hover {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-purple:hover {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .lg\:hover\:shadow-outline-indigo:hover {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .lg\:focus\:shadow-xs:focus {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\: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);
+  }
+
+  .lg\: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);
+  }
+
+  .lg\: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);
+  }
+
+  .lg\: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);
+  }
+
+  .lg\:focus\:shadow-2xl:focus {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .lg\:focus\:shadow-inner:focus {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:focus\:shadow-outline:focus {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .lg\:focus\:shadow-none:focus {
+    box-shadow: none;
+  }
+
+  .lg\:focus\:shadow-solid:focus {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .lg\:focus\:shadow-outline-gray:focus {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .lg\:focus\:shadow-outline-blue:focus {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .lg\:focus\:shadow-outline-teal:focus {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .lg\:focus\:shadow-outline-green:focus {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .lg\:focus\:shadow-outline-yellow:focus {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .lg\:focus\:shadow-outline-orange:focus {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .lg\:focus\:shadow-outline-red:focus {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .lg\:focus\:shadow-outline-pink:focus {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .lg\:focus\:shadow-outline-purple:focus {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .lg\:focus\:shadow-outline-indigo:focus {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .lg\:fill-current {
+    fill: currentColor;
+  }
+
+  .lg\:stroke-current {
+    stroke: currentColor;
+  }
+
+  .lg\:stroke-0 {
+    stroke-width: 0;
+  }
+
+  .lg\:stroke-1 {
+    stroke-width: 1;
+  }
+
+  .lg\:stroke-2 {
+    stroke-width: 2;
+  }
+
+  .lg\:table-auto {
+    table-layout: auto;
+  }
+
+  .lg\:table-fixed {
+    table-layout: fixed;
+  }
+
+  .lg\:text-left {
+    text-align: left;
+  }
+
+  .lg\:text-center {
+    text-align: center;
+  }
+
+  .lg\:text-right {
+    text-align: right;
+  }
+
+  .lg\:text-justify {
+    text-align: justify;
+  }
+
+  .lg\:text-transparent {
+    color: transparent;
+  }
+
+  .lg\:text-white {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .lg\:text-black {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .lg\:text-gray-50 {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .lg\:text-gray-100 {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .lg\:text-gray-200 {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .lg\:text-gray-300 {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .lg\:text-gray-400 {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .lg\:text-gray-500 {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .lg\:text-gray-600 {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .lg\:text-gray-700 {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .lg\:text-gray-800 {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .lg\:text-gray-900 {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .lg\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .lg\:text-cool-gray-100 {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .lg\:text-cool-gray-200 {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .lg\:text-cool-gray-300 {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .lg\:text-cool-gray-400 {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .lg\:text-cool-gray-500 {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .lg\:text-cool-gray-600 {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .lg\:text-cool-gray-700 {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .lg\:text-cool-gray-800 {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .lg\:text-cool-gray-900 {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .lg\:text-red-50 {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .lg\:text-red-100 {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .lg\:text-red-200 {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .lg\:text-red-300 {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .lg\:text-red-400 {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .lg\:text-red-500 {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .lg\:text-red-600 {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .lg\:text-red-700 {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .lg\:text-red-800 {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .lg\:text-red-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .lg\:text-orange-50 {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .lg\:text-orange-100 {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .lg\:text-orange-200 {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .lg\:text-orange-300 {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .lg\:text-orange-400 {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .lg\:text-orange-500 {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .lg\:text-orange-600 {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .lg\:text-orange-700 {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .lg\:text-orange-800 {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .lg\:text-orange-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .lg\:text-yellow-50 {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .lg\:text-yellow-100 {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .lg\:text-yellow-200 {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .lg\:text-yellow-300 {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .lg\:text-yellow-400 {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .lg\:text-yellow-500 {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .lg\:text-yellow-600 {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .lg\:text-yellow-700 {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .lg\:text-yellow-800 {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .lg\:text-yellow-900 {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .lg\:text-green-50 {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .lg\:text-green-100 {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .lg\:text-green-200 {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .lg\:text-green-300 {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .lg\:text-green-400 {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .lg\:text-green-500 {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .lg\:text-green-600 {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .lg\:text-green-700 {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .lg\:text-green-800 {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .lg\:text-green-900 {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .lg\:text-teal-50 {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .lg\:text-teal-100 {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .lg\:text-teal-200 {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .lg\:text-teal-300 {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .lg\:text-teal-400 {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .lg\:text-teal-500 {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .lg\:text-teal-600 {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .lg\:text-teal-700 {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .lg\:text-teal-800 {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .lg\:text-teal-900 {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .lg\:text-blue-50 {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .lg\:text-blue-100 {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .lg\:text-blue-200 {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .lg\:text-blue-300 {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .lg\:text-blue-400 {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .lg\:text-blue-500 {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .lg\:text-blue-600 {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .lg\:text-blue-700 {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .lg\:text-blue-800 {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .lg\:text-blue-900 {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .lg\:text-indigo-50 {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .lg\:text-indigo-100 {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .lg\:text-indigo-200 {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .lg\:text-indigo-300 {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .lg\:text-indigo-400 {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .lg\:text-indigo-500 {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .lg\:text-indigo-600 {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .lg\:text-indigo-700 {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .lg\:text-indigo-800 {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .lg\:text-indigo-900 {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .lg\:text-purple-50 {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .lg\:text-purple-100 {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .lg\:text-purple-200 {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .lg\:text-purple-300 {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .lg\:text-purple-400 {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .lg\:text-purple-500 {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .lg\:text-purple-600 {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .lg\:text-purple-700 {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .lg\:text-purple-800 {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .lg\:text-purple-900 {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .lg\:text-pink-50 {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .lg\:text-pink-100 {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .lg\:text-pink-200 {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .lg\:text-pink-300 {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .lg\:text-pink-400 {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .lg\:text-pink-500 {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .lg\:text-pink-600 {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .lg\:text-pink-700 {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .lg\:text-pink-800 {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .lg\:text-pink-900 {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-transparent {
+    color: transparent;
+  }
+
+  .group:hover .lg\:group-hover\:text-white {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-black {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-50 {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-100 {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-200 {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-300 {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-400 {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-500 {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-600 {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-700 {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-800 {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-900 {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-cool-gray-100 {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-cool-gray-200 {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-cool-gray-300 {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-cool-gray-400 {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-cool-gray-500 {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-cool-gray-600 {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-cool-gray-700 {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-cool-gray-800 {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-cool-gray-900 {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-50 {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-100 {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-200 {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-300 {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-400 {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-500 {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-600 {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-700 {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-800 {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-50 {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-100 {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-200 {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-300 {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-400 {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-500 {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-600 {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-700 {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-800 {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-50 {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-100 {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-200 {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-300 {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-400 {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-500 {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-600 {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-700 {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-800 {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-900 {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-50 {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-100 {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-200 {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-300 {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-400 {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-500 {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-600 {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-700 {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-800 {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-900 {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-teal-50 {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-teal-100 {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-teal-200 {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-teal-300 {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-teal-400 {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-teal-500 {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-teal-600 {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-teal-700 {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-teal-800 {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-teal-900 {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-50 {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-100 {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-200 {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-300 {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-400 {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-500 {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-600 {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-700 {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-800 {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-900 {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-50 {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-100 {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-200 {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-300 {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-400 {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-500 {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-600 {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-700 {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-800 {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-900 {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-50 {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-100 {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-200 {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-300 {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-400 {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-500 {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-600 {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-700 {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-800 {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-900 {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-50 {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-100 {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-200 {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-300 {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-400 {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-500 {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-600 {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-700 {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-800 {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-900 {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-transparent {
+    color: transparent;
+  }
+
+  .group:focus .lg\:group-focus\:text-white {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-black {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-gray-50 {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-gray-100 {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-gray-200 {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-gray-300 {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-gray-400 {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-gray-500 {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-gray-600 {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-gray-700 {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-gray-800 {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-gray-900 {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-cool-gray-100 {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-cool-gray-200 {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-cool-gray-300 {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-cool-gray-400 {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-cool-gray-500 {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-cool-gray-600 {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-cool-gray-700 {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-cool-gray-800 {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-cool-gray-900 {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-red-50 {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-red-100 {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-red-200 {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-red-300 {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-red-400 {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-red-500 {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-red-600 {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-red-700 {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-red-800 {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-red-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-orange-50 {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-orange-100 {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-orange-200 {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-orange-300 {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-orange-400 {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-orange-500 {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-orange-600 {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-orange-700 {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-orange-800 {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-orange-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-yellow-50 {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-yellow-100 {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-yellow-200 {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-yellow-300 {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-yellow-400 {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-yellow-500 {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-yellow-600 {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-yellow-700 {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-yellow-800 {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-yellow-900 {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-green-50 {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-green-100 {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-green-200 {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-green-300 {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-green-400 {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-green-500 {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-green-600 {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-green-700 {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-green-800 {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-green-900 {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-teal-50 {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-teal-100 {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-teal-200 {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-teal-300 {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-teal-400 {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-teal-500 {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-teal-600 {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-teal-700 {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-teal-800 {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-teal-900 {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-blue-50 {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-blue-100 {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-blue-200 {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-blue-300 {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-blue-400 {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-blue-500 {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-blue-600 {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-blue-700 {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-blue-800 {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-blue-900 {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-indigo-50 {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-indigo-100 {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-indigo-200 {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-indigo-300 {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-indigo-400 {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-indigo-500 {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-indigo-600 {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-indigo-700 {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-indigo-800 {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-indigo-900 {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-purple-50 {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-purple-100 {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-purple-200 {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-purple-300 {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-purple-400 {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-purple-500 {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-purple-600 {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-purple-700 {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-purple-800 {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-purple-900 {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-pink-50 {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-pink-100 {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-pink-200 {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-pink-300 {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-pink-400 {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-pink-500 {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-pink-600 {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-pink-700 {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-pink-800 {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .group:focus .lg\:group-focus\:text-pink-900 {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .lg\:hover\:text-white:hover {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-black:hover {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-gray-50:hover {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-gray-100:hover {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-gray-200:hover {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-gray-300:hover {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-gray-400:hover {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-gray-500:hover {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-gray-600:hover {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-gray-700:hover {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-gray-800:hover {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-gray-900:hover {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-cool-gray-50:hover {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-cool-gray-100:hover {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-cool-gray-200:hover {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-cool-gray-300:hover {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-cool-gray-400:hover {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-cool-gray-500:hover {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-cool-gray-600:hover {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-cool-gray-700:hover {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-cool-gray-800:hover {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-cool-gray-900:hover {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-red-50:hover {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-red-100:hover {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-red-200:hover {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-red-300:hover {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-red-400:hover {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-red-500:hover {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-red-600:hover {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-red-700:hover {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-red-800:hover {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-red-900:hover {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-orange-50:hover {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-orange-100:hover {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-orange-200:hover {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-orange-300:hover {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-orange-400:hover {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-orange-500:hover {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-orange-600:hover {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-orange-700:hover {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-orange-800:hover {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-orange-900:hover {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-50:hover {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-100:hover {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-200:hover {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-300:hover {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-400:hover {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-500:hover {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-600:hover {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-700:hover {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-800:hover {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-900:hover {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-green-50:hover {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-green-100:hover {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-green-200:hover {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-green-300:hover {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-green-400:hover {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-green-500:hover {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-green-600:hover {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-green-700:hover {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-green-800:hover {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-green-900:hover {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-teal-50:hover {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-teal-100:hover {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-teal-200:hover {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-teal-300:hover {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-teal-400:hover {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-teal-500:hover {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-teal-600:hover {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-teal-700:hover {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-teal-800:hover {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-teal-900:hover {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-blue-50:hover {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-blue-100:hover {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-blue-200:hover {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-blue-300:hover {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-blue-400:hover {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-blue-500:hover {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-blue-600:hover {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-blue-700:hover {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-blue-800:hover {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-blue-900:hover {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-50:hover {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-100:hover {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-200:hover {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-300:hover {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-400:hover {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-500:hover {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-600:hover {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-700:hover {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-800:hover {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-900:hover {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-purple-50:hover {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-purple-100:hover {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-purple-200:hover {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-purple-300:hover {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-purple-400:hover {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-purple-500:hover {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-purple-600:hover {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-purple-700:hover {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-purple-800:hover {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-purple-900:hover {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-pink-50:hover {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-pink-100:hover {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-pink-200:hover {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-pink-300:hover {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-pink-400:hover {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-pink-500:hover {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-pink-600:hover {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-pink-700:hover {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-pink-800:hover {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .lg\:hover\:text-pink-900:hover {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .lg\:focus-within\:text-white:focus-within {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-black:focus-within {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-cool-gray-50:focus-within {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-cool-gray-100:focus-within {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-cool-gray-200:focus-within {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-cool-gray-300:focus-within {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-cool-gray-400:focus-within {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-cool-gray-500:focus-within {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-cool-gray-600:focus-within {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-cool-gray-700:focus-within {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-cool-gray-800:focus-within {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-cool-gray-900:focus-within {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-orange-50:focus-within {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-orange-100:focus-within {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-orange-200:focus-within {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-orange-300:focus-within {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-orange-400:focus-within {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-orange-500:focus-within {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-orange-600:focus-within {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-orange-700:focus-within {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-orange-800:focus-within {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-orange-900:focus-within {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-teal-50:focus-within {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-teal-100:focus-within {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-teal-200:focus-within {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-teal-300:focus-within {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-teal-400:focus-within {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-teal-500:focus-within {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-teal-600:focus-within {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-teal-700:focus-within {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-teal-800:focus-within {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-teal-900:focus-within {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-transparent:focus {
+    color: transparent;
+  }
+
+  .lg\:focus\:text-white:focus {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-black:focus {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-gray-50:focus {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-gray-100:focus {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-gray-200:focus {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-gray-300:focus {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-gray-400:focus {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-gray-500:focus {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-gray-600:focus {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-gray-700:focus {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-gray-800:focus {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-gray-900:focus {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-cool-gray-50:focus {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-cool-gray-100:focus {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-cool-gray-200:focus {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-cool-gray-300:focus {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-cool-gray-400:focus {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-cool-gray-500:focus {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-cool-gray-600:focus {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-cool-gray-700:focus {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-cool-gray-800:focus {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-cool-gray-900:focus {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-red-50:focus {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-red-100:focus {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-red-200:focus {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-red-300:focus {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-red-400:focus {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-red-500:focus {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-red-600:focus {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-red-700:focus {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-red-800:focus {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-red-900:focus {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-orange-50:focus {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-orange-100:focus {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-orange-200:focus {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-orange-300:focus {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-orange-400:focus {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-orange-500:focus {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-orange-600:focus {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-orange-700:focus {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-orange-800:focus {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-orange-900:focus {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-50:focus {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-100:focus {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-200:focus {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-300:focus {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-400:focus {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-500:focus {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-600:focus {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-700:focus {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-800:focus {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-900:focus {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-green-50:focus {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-green-100:focus {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-green-200:focus {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-green-300:focus {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-green-400:focus {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-green-500:focus {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-green-600:focus {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-green-700:focus {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-green-800:focus {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-green-900:focus {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-teal-50:focus {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-teal-100:focus {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-teal-200:focus {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-teal-300:focus {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-teal-400:focus {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-teal-500:focus {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-teal-600:focus {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-teal-700:focus {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-teal-800:focus {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-teal-900:focus {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-blue-50:focus {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-blue-100:focus {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-blue-200:focus {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-blue-300:focus {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-blue-400:focus {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-blue-500:focus {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-blue-600:focus {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-blue-700:focus {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-blue-800:focus {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-blue-900:focus {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-50:focus {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-100:focus {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-200:focus {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-300:focus {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-400:focus {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-500:focus {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-600:focus {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-700:focus {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-800:focus {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-900:focus {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-purple-50:focus {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-purple-100:focus {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-purple-200:focus {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-purple-300:focus {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-purple-400:focus {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-purple-500:focus {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-purple-600:focus {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-purple-700:focus {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-purple-800:focus {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-purple-900:focus {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-pink-50:focus {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-pink-100:focus {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-pink-200:focus {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-pink-300:focus {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-pink-400:focus {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-pink-500:focus {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-pink-600:focus {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-pink-700:focus {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-pink-800:focus {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .lg\:focus\:text-pink-900:focus {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .lg\:active\:text-transparent:active {
+    color: transparent;
+  }
+
+  .lg\:active\:text-white:active {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .lg\:active\:text-black:active {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .lg\:active\:text-gray-50:active {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .lg\:active\:text-gray-100:active {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .lg\:active\:text-gray-200:active {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .lg\:active\:text-gray-300:active {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .lg\:active\:text-gray-400:active {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .lg\:active\:text-gray-500:active {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .lg\:active\:text-gray-600:active {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .lg\:active\:text-gray-700:active {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .lg\:active\:text-gray-800:active {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .lg\:active\:text-gray-900:active {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .lg\:active\:text-cool-gray-50:active {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .lg\:active\:text-cool-gray-100:active {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .lg\:active\:text-cool-gray-200:active {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .lg\:active\:text-cool-gray-300:active {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .lg\:active\:text-cool-gray-400:active {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .lg\:active\:text-cool-gray-500:active {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .lg\:active\:text-cool-gray-600:active {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .lg\:active\:text-cool-gray-700:active {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .lg\:active\:text-cool-gray-800:active {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .lg\:active\:text-cool-gray-900:active {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .lg\:active\:text-red-50:active {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .lg\:active\:text-red-100:active {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .lg\:active\:text-red-200:active {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .lg\:active\:text-red-300:active {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .lg\:active\:text-red-400:active {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .lg\:active\:text-red-500:active {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .lg\:active\:text-red-600:active {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .lg\:active\:text-red-700:active {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .lg\:active\:text-red-800:active {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .lg\:active\:text-red-900:active {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .lg\:active\:text-orange-50:active {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .lg\:active\:text-orange-100:active {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .lg\:active\:text-orange-200:active {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .lg\:active\:text-orange-300:active {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .lg\:active\:text-orange-400:active {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .lg\:active\:text-orange-500:active {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .lg\:active\:text-orange-600:active {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .lg\:active\:text-orange-700:active {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .lg\:active\:text-orange-800:active {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .lg\:active\:text-orange-900:active {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .lg\:active\:text-yellow-50:active {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .lg\:active\:text-yellow-100:active {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .lg\:active\:text-yellow-200:active {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .lg\:active\:text-yellow-300:active {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .lg\:active\:text-yellow-400:active {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .lg\:active\:text-yellow-500:active {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .lg\:active\:text-yellow-600:active {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .lg\:active\:text-yellow-700:active {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .lg\:active\:text-yellow-800:active {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .lg\:active\:text-yellow-900:active {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .lg\:active\:text-green-50:active {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .lg\:active\:text-green-100:active {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .lg\:active\:text-green-200:active {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .lg\:active\:text-green-300:active {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .lg\:active\:text-green-400:active {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .lg\:active\:text-green-500:active {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .lg\:active\:text-green-600:active {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .lg\:active\:text-green-700:active {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .lg\:active\:text-green-800:active {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .lg\:active\:text-green-900:active {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .lg\:active\:text-teal-50:active {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .lg\:active\:text-teal-100:active {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .lg\:active\:text-teal-200:active {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .lg\:active\:text-teal-300:active {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .lg\:active\:text-teal-400:active {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .lg\:active\:text-teal-500:active {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .lg\:active\:text-teal-600:active {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .lg\:active\:text-teal-700:active {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .lg\:active\:text-teal-800:active {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .lg\:active\:text-teal-900:active {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .lg\:active\:text-blue-50:active {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .lg\:active\:text-blue-100:active {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .lg\:active\:text-blue-200:active {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .lg\:active\:text-blue-300:active {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .lg\:active\:text-blue-400:active {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .lg\:active\:text-blue-500:active {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .lg\:active\:text-blue-600:active {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .lg\:active\:text-blue-700:active {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .lg\:active\:text-blue-800:active {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .lg\:active\:text-blue-900:active {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .lg\:active\:text-indigo-50:active {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .lg\:active\:text-indigo-100:active {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .lg\:active\:text-indigo-200:active {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .lg\:active\:text-indigo-300:active {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .lg\:active\:text-indigo-400:active {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .lg\:active\:text-indigo-500:active {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .lg\:active\:text-indigo-600:active {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .lg\:active\:text-indigo-700:active {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .lg\:active\:text-indigo-800:active {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .lg\:active\:text-indigo-900:active {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .lg\:active\:text-purple-50:active {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .lg\:active\:text-purple-100:active {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .lg\:active\:text-purple-200:active {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .lg\:active\:text-purple-300:active {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .lg\:active\:text-purple-400:active {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .lg\:active\:text-purple-500:active {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .lg\:active\:text-purple-600:active {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .lg\:active\:text-purple-700:active {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .lg\:active\:text-purple-800:active {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .lg\:active\:text-purple-900:active {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .lg\:active\:text-pink-50:active {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .lg\:active\:text-pink-100:active {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .lg\:active\:text-pink-200:active {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .lg\:active\:text-pink-300:active {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .lg\:active\:text-pink-400:active {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .lg\:active\:text-pink-500:active {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .lg\:active\:text-pink-600:active {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .lg\:active\:text-pink-700:active {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .lg\:active\:text-pink-800:active {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .lg\:active\:text-pink-900:active {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .lg\:text-opacity-0 {
+    --text-opacity: 0;
+  }
+
+  .lg\:text-opacity-25 {
+    --text-opacity: 0.25;
+  }
+
+  .lg\:text-opacity-50 {
+    --text-opacity: 0.5;
+  }
+
+  .lg\:text-opacity-75 {
+    --text-opacity: 0.75;
+  }
+
+  .lg\:text-opacity-100 {
+    --text-opacity: 1;
+  }
+
+  .lg\:hover\:text-opacity-0:hover {
+    --text-opacity: 0;
+  }
+
+  .lg\:hover\:text-opacity-25:hover {
+    --text-opacity: 0.25;
+  }
+
+  .lg\:hover\:text-opacity-50:hover {
+    --text-opacity: 0.5;
+  }
+
+  .lg\:hover\:text-opacity-75:hover {
+    --text-opacity: 0.75;
+  }
+
+  .lg\:hover\:text-opacity-100:hover {
+    --text-opacity: 1;
+  }
+
+  .lg\:focus\:text-opacity-0:focus {
+    --text-opacity: 0;
+  }
+
+  .lg\:focus\:text-opacity-25:focus {
+    --text-opacity: 0.25;
+  }
+
+  .lg\:focus\:text-opacity-50:focus {
+    --text-opacity: 0.5;
+  }
+
+  .lg\:focus\:text-opacity-75:focus {
+    --text-opacity: 0.75;
+  }
+
+  .lg\:focus\:text-opacity-100:focus {
+    --text-opacity: 1;
+  }
+
+  .lg\:italic {
+    font-style: italic;
+  }
+
+  .lg\:not-italic {
+    font-style: normal;
+  }
+
+  .lg\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .lg\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .lg\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .lg\:normal-case {
+    text-transform: none;
+  }
+
+  .lg\:underline {
+    text-decoration: underline;
+  }
+
+  .lg\:line-through {
+    text-decoration: line-through;
+  }
+
+  .lg\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:hover .lg\:group-hover\:underline {
+    text-decoration: underline;
+  }
+
+  .group:hover .lg\:group-hover\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:hover .lg\:group-hover\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:focus .lg\:group-focus\:underline {
+    text-decoration: underline;
+  }
+
+  .group:focus .lg\:group-focus\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:focus .lg\:group-focus\:no-underline {
+    text-decoration: none;
+  }
+
+  .lg\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .lg\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .lg\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .lg\:focus\:underline:focus {
+    text-decoration: underline;
+  }
+
+  .lg\:focus\:line-through:focus {
+    text-decoration: line-through;
+  }
+
+  .lg\:focus\:no-underline:focus {
+    text-decoration: none;
+  }
+
+  .lg\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .lg\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .lg\:tracking-tighter {
+    letter-spacing: -0.05em;
+  }
+
+  .lg\:tracking-tight {
+    letter-spacing: -0.025em;
+  }
+
+  .lg\:tracking-normal {
+    letter-spacing: 0;
+  }
+
+  .lg\:tracking-wide {
+    letter-spacing: 0.025em;
+  }
+
+  .lg\:tracking-wider {
+    letter-spacing: 0.05em;
+  }
+
+  .lg\:tracking-widest {
+    letter-spacing: 0.1em;
+  }
+
+  .lg\:select-none {
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+  }
+
+  .lg\:select-text {
+    -webkit-user-select: text;
+       -moz-user-select: text;
+        -ms-user-select: text;
+            user-select: text;
+  }
+
+  .lg\:select-all {
+    -webkit-user-select: all;
+       -moz-user-select: all;
+        -ms-user-select: all;
+            user-select: all;
+  }
+
+  .lg\:select-auto {
+    -webkit-user-select: auto;
+       -moz-user-select: auto;
+        -ms-user-select: auto;
+            user-select: auto;
+  }
+
+  .lg\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .lg\:align-top {
+    vertical-align: top;
+  }
+
+  .lg\:align-middle {
+    vertical-align: middle;
+  }
+
+  .lg\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .lg\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .lg\:align-text-bottom {
+    vertical-align: text-bottom;
+  }
+
+  .lg\:visible {
+    visibility: visible;
+  }
+
+  .lg\:invisible {
+    visibility: hidden;
+  }
+
+  .lg\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .lg\:whitespace-no-wrap {
+    white-space: nowrap;
+  }
+
+  .lg\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .lg\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .lg\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .lg\:break-normal {
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .lg\:break-words {
+    overflow-wrap: break-word;
+  }
+
+  .lg\:break-all {
+    word-break: break-all;
+  }
+
+  .lg\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .lg\:w-0 {
+    width: 0;
+  }
+
+  .lg\:w-1 {
+    width: 0.25rem;
+  }
+
+  .lg\:w-2 {
+    width: 0.5rem;
+  }
+
+  .lg\:w-3 {
+    width: 0.75rem;
+  }
+
+  .lg\:w-4 {
+    width: 1rem;
+  }
+
+  .lg\:w-5 {
+    width: 1.25rem;
+  }
+
+  .lg\:w-6 {
+    width: 1.5rem;
+  }
+
+  .lg\:w-7 {
+    width: 1.75rem;
+  }
+
+  .lg\:w-8 {
+    width: 2rem;
+  }
+
+  .lg\:w-9 {
+    width: 2.25rem;
+  }
+
+  .lg\:w-10 {
+    width: 2.5rem;
+  }
+
+  .lg\:w-11 {
+    width: 2.75rem;
+  }
+
+  .lg\:w-12 {
+    width: 3rem;
+  }
+
+  .lg\:w-13 {
+    width: 3.25rem;
+  }
+
+  .lg\:w-14 {
+    width: 3.5rem;
+  }
+
+  .lg\:w-15 {
+    width: 3.75rem;
+  }
+
+  .lg\:w-16 {
+    width: 4rem;
+  }
+
+  .lg\:w-20 {
+    width: 5rem;
+  }
+
+  .lg\:w-24 {
+    width: 6rem;
+  }
+
+  .lg\:w-28 {
+    width: 7rem;
+  }
+
+  .lg\:w-32 {
+    width: 8rem;
+  }
+
+  .lg\:w-36 {
+    width: 9rem;
+  }
+
+  .lg\:w-40 {
+    width: 10rem;
+  }
+
+  .lg\:w-48 {
+    width: 12rem;
+  }
+
+  .lg\:w-56 {
+    width: 14rem;
+  }
+
+  .lg\:w-60 {
+    width: 15rem;
+  }
+
+  .lg\:w-64 {
+    width: 16rem;
+  }
+
+  .lg\:w-72 {
+    width: 18rem;
+  }
+
+  .lg\:w-80 {
+    width: 20rem;
+  }
+
+  .lg\:w-96 {
+    width: 24rem;
+  }
+
+  .lg\:w-auto {
+    width: auto;
+  }
+
+  .lg\:w-px {
+    width: 1px;
+  }
+
+  .lg\:w-0\.5 {
+    width: 0.125rem;
+  }
+
+  .lg\:w-1\.5 {
+    width: 0.375rem;
+  }
+
+  .lg\:w-2\.5 {
+    width: 0.625rem;
+  }
+
+  .lg\:w-3\.5 {
+    width: 0.875rem;
+  }
+
+  .lg\:w-1\/2 {
+    width: 50%;
+  }
+
+  .lg\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .lg\:w-2\/3 {
+    width: 66.666667%;
+  }
+
+  .lg\:w-1\/4 {
+    width: 25%;
+  }
+
+  .lg\:w-2\/4 {
+    width: 50%;
+  }
+
+  .lg\:w-3\/4 {
+    width: 75%;
+  }
+
+  .lg\:w-1\/5 {
+    width: 20%;
+  }
+
+  .lg\:w-2\/5 {
+    width: 40%;
+  }
+
+  .lg\:w-3\/5 {
+    width: 60%;
+  }
+
+  .lg\:w-4\/5 {
+    width: 80%;
+  }
+
+  .lg\:w-1\/6 {
+    width: 16.666667%;
+  }
+
+  .lg\:w-2\/6 {
+    width: 33.333333%;
+  }
+
+  .lg\:w-3\/6 {
+    width: 50%;
+  }
+
+  .lg\:w-4\/6 {
+    width: 66.666667%;
+  }
+
+  .lg\:w-5\/6 {
+    width: 83.333333%;
+  }
+
+  .lg\:w-1\/12 {
+    width: 8.333333%;
+  }
+
+  .lg\:w-2\/12 {
+    width: 16.666667%;
+  }
+
+  .lg\:w-3\/12 {
+    width: 25%;
+  }
+
+  .lg\:w-4\/12 {
+    width: 33.333333%;
+  }
+
+  .lg\:w-5\/12 {
+    width: 41.666667%;
+  }
+
+  .lg\:w-6\/12 {
+    width: 50%;
+  }
+
+  .lg\:w-7\/12 {
+    width: 58.333333%;
+  }
+
+  .lg\:w-8\/12 {
+    width: 66.666667%;
+  }
+
+  .lg\:w-9\/12 {
+    width: 75%;
+  }
+
+  .lg\:w-10\/12 {
+    width: 83.333333%;
+  }
+
+  .lg\:w-11\/12 {
+    width: 91.666667%;
+  }
+
+  .lg\:w-full {
+    width: 100%;
+  }
+
+  .lg\:w-screen {
+    width: 100vw;
+  }
+
+  .lg\:z-0 {
+    z-index: 0;
+  }
+
+  .lg\:z-10 {
+    z-index: 10;
+  }
+
+  .lg\:z-20 {
+    z-index: 20;
+  }
+
+  .lg\:z-30 {
+    z-index: 30;
+  }
+
+  .lg\:z-40 {
+    z-index: 40;
+  }
+
+  .lg\:z-50 {
+    z-index: 50;
+  }
+
+  .lg\:z-auto {
+    z-index: auto;
+  }
+
+  .lg\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .lg\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .lg\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .lg\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .lg\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .lg\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .lg\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
+  .lg\:focus\:z-0:focus {
+    z-index: 0;
+  }
+
+  .lg\:focus\:z-10:focus {
+    z-index: 10;
+  }
+
+  .lg\:focus\:z-20:focus {
+    z-index: 20;
+  }
+
+  .lg\:focus\:z-30:focus {
+    z-index: 30;
+  }
+
+  .lg\:focus\:z-40:focus {
+    z-index: 40;
+  }
+
+  .lg\:focus\:z-50:focus {
+    z-index: 50;
+  }
+
+  .lg\:focus\:z-auto:focus {
+    z-index: auto;
+  }
+
+  .lg\:gap-0 {
+    grid-gap: 0;
+    gap: 0;
+  }
+
+  .lg\:gap-1 {
+    grid-gap: 0.25rem;
+    gap: 0.25rem;
+  }
+
+  .lg\:gap-2 {
+    grid-gap: 0.5rem;
+    gap: 0.5rem;
+  }
+
+  .lg\:gap-3 {
+    grid-gap: 0.75rem;
+    gap: 0.75rem;
+  }
+
+  .lg\:gap-4 {
+    grid-gap: 1rem;
+    gap: 1rem;
+  }
+
+  .lg\:gap-5 {
+    grid-gap: 1.25rem;
+    gap: 1.25rem;
+  }
+
+  .lg\:gap-6 {
+    grid-gap: 1.5rem;
+    gap: 1.5rem;
+  }
+
+  .lg\:gap-7 {
+    grid-gap: 1.75rem;
+    gap: 1.75rem;
+  }
+
+  .lg\:gap-8 {
+    grid-gap: 2rem;
+    gap: 2rem;
+  }
+
+  .lg\:gap-9 {
+    grid-gap: 2.25rem;
+    gap: 2.25rem;
+  }
+
+  .lg\:gap-10 {
+    grid-gap: 2.5rem;
+    gap: 2.5rem;
+  }
+
+  .lg\:gap-11 {
+    grid-gap: 2.75rem;
+    gap: 2.75rem;
+  }
+
+  .lg\:gap-12 {
+    grid-gap: 3rem;
+    gap: 3rem;
+  }
+
+  .lg\:gap-13 {
+    grid-gap: 3.25rem;
+    gap: 3.25rem;
+  }
+
+  .lg\:gap-14 {
+    grid-gap: 3.5rem;
+    gap: 3.5rem;
+  }
+
+  .lg\:gap-15 {
+    grid-gap: 3.75rem;
+    gap: 3.75rem;
+  }
+
+  .lg\:gap-16 {
+    grid-gap: 4rem;
+    gap: 4rem;
+  }
+
+  .lg\:gap-20 {
+    grid-gap: 5rem;
+    gap: 5rem;
+  }
+
+  .lg\:gap-24 {
+    grid-gap: 6rem;
+    gap: 6rem;
+  }
+
+  .lg\:gap-28 {
+    grid-gap: 7rem;
+    gap: 7rem;
+  }
+
+  .lg\:gap-32 {
+    grid-gap: 8rem;
+    gap: 8rem;
+  }
+
+  .lg\:gap-36 {
+    grid-gap: 9rem;
+    gap: 9rem;
+  }
+
+  .lg\:gap-40 {
+    grid-gap: 10rem;
+    gap: 10rem;
+  }
+
+  .lg\:gap-48 {
+    grid-gap: 12rem;
+    gap: 12rem;
+  }
+
+  .lg\:gap-56 {
+    grid-gap: 14rem;
+    gap: 14rem;
+  }
+
+  .lg\:gap-60 {
+    grid-gap: 15rem;
+    gap: 15rem;
+  }
+
+  .lg\:gap-64 {
+    grid-gap: 16rem;
+    gap: 16rem;
+  }
+
+  .lg\:gap-72 {
+    grid-gap: 18rem;
+    gap: 18rem;
+  }
+
+  .lg\:gap-80 {
+    grid-gap: 20rem;
+    gap: 20rem;
+  }
+
+  .lg\:gap-96 {
+    grid-gap: 24rem;
+    gap: 24rem;
+  }
+
+  .lg\:gap-px {
+    grid-gap: 1px;
+    gap: 1px;
+  }
+
+  .lg\:gap-0\.5 {
+    grid-gap: 0.125rem;
+    gap: 0.125rem;
+  }
+
+  .lg\:gap-1\.5 {
+    grid-gap: 0.375rem;
+    gap: 0.375rem;
+  }
+
+  .lg\:gap-2\.5 {
+    grid-gap: 0.625rem;
+    gap: 0.625rem;
+  }
+
+  .lg\:gap-3\.5 {
+    grid-gap: 0.875rem;
+    gap: 0.875rem;
+  }
+
+  .lg\:gap-1\/2 {
+    grid-gap: 50%;
+    gap: 50%;
+  }
+
+  .lg\:gap-1\/3 {
+    grid-gap: 33.333333%;
+    gap: 33.333333%;
+  }
+
+  .lg\:gap-2\/3 {
+    grid-gap: 66.666667%;
+    gap: 66.666667%;
+  }
+
+  .lg\:gap-1\/4 {
+    grid-gap: 25%;
+    gap: 25%;
+  }
+
+  .lg\:gap-2\/4 {
+    grid-gap: 50%;
+    gap: 50%;
+  }
+
+  .lg\:gap-3\/4 {
+    grid-gap: 75%;
+    gap: 75%;
+  }
+
+  .lg\:gap-1\/5 {
+    grid-gap: 20%;
+    gap: 20%;
+  }
+
+  .lg\:gap-2\/5 {
+    grid-gap: 40%;
+    gap: 40%;
+  }
+
+  .lg\:gap-3\/5 {
+    grid-gap: 60%;
+    gap: 60%;
+  }
+
+  .lg\:gap-4\/5 {
+    grid-gap: 80%;
+    gap: 80%;
+  }
+
+  .lg\:gap-1\/6 {
+    grid-gap: 16.666667%;
+    gap: 16.666667%;
+  }
+
+  .lg\:gap-2\/6 {
+    grid-gap: 33.333333%;
+    gap: 33.333333%;
+  }
+
+  .lg\:gap-3\/6 {
+    grid-gap: 50%;
+    gap: 50%;
+  }
+
+  .lg\:gap-4\/6 {
+    grid-gap: 66.666667%;
+    gap: 66.666667%;
+  }
+
+  .lg\:gap-5\/6 {
+    grid-gap: 83.333333%;
+    gap: 83.333333%;
+  }
+
+  .lg\:gap-1\/12 {
+    grid-gap: 8.333333%;
+    gap: 8.333333%;
+  }
+
+  .lg\:gap-2\/12 {
+    grid-gap: 16.666667%;
+    gap: 16.666667%;
+  }
+
+  .lg\:gap-3\/12 {
+    grid-gap: 25%;
+    gap: 25%;
+  }
+
+  .lg\:gap-4\/12 {
+    grid-gap: 33.333333%;
+    gap: 33.333333%;
+  }
+
+  .lg\:gap-5\/12 {
+    grid-gap: 41.666667%;
+    gap: 41.666667%;
+  }
+
+  .lg\:gap-6\/12 {
+    grid-gap: 50%;
+    gap: 50%;
+  }
+
+  .lg\:gap-7\/12 {
+    grid-gap: 58.333333%;
+    gap: 58.333333%;
+  }
+
+  .lg\:gap-8\/12 {
+    grid-gap: 66.666667%;
+    gap: 66.666667%;
+  }
+
+  .lg\:gap-9\/12 {
+    grid-gap: 75%;
+    gap: 75%;
+  }
+
+  .lg\:gap-10\/12 {
+    grid-gap: 83.333333%;
+    gap: 83.333333%;
+  }
+
+  .lg\:gap-11\/12 {
+    grid-gap: 91.666667%;
+    gap: 91.666667%;
+  }
+
+  .lg\:gap-full {
+    grid-gap: 100%;
+    gap: 100%;
+  }
+
+  .lg\:col-gap-0 {
+    grid-column-gap: 0;
+    -moz-column-gap: 0;
+         column-gap: 0;
+  }
+
+  .lg\:col-gap-1 {
+    grid-column-gap: 0.25rem;
+    -moz-column-gap: 0.25rem;
+         column-gap: 0.25rem;
+  }
+
+  .lg\:col-gap-2 {
+    grid-column-gap: 0.5rem;
+    -moz-column-gap: 0.5rem;
+         column-gap: 0.5rem;
+  }
+
+  .lg\:col-gap-3 {
+    grid-column-gap: 0.75rem;
+    -moz-column-gap: 0.75rem;
+         column-gap: 0.75rem;
+  }
+
+  .lg\:col-gap-4 {
+    grid-column-gap: 1rem;
+    -moz-column-gap: 1rem;
+         column-gap: 1rem;
+  }
+
+  .lg\:col-gap-5 {
+    grid-column-gap: 1.25rem;
+    -moz-column-gap: 1.25rem;
+         column-gap: 1.25rem;
+  }
+
+  .lg\:col-gap-6 {
+    grid-column-gap: 1.5rem;
+    -moz-column-gap: 1.5rem;
+         column-gap: 1.5rem;
+  }
+
+  .lg\:col-gap-7 {
+    grid-column-gap: 1.75rem;
+    -moz-column-gap: 1.75rem;
+         column-gap: 1.75rem;
+  }
+
+  .lg\:col-gap-8 {
+    grid-column-gap: 2rem;
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
+  }
+
+  .lg\:col-gap-9 {
+    grid-column-gap: 2.25rem;
+    -moz-column-gap: 2.25rem;
+         column-gap: 2.25rem;
+  }
+
+  .lg\:col-gap-10 {
+    grid-column-gap: 2.5rem;
+    -moz-column-gap: 2.5rem;
+         column-gap: 2.5rem;
+  }
+
+  .lg\:col-gap-11 {
+    grid-column-gap: 2.75rem;
+    -moz-column-gap: 2.75rem;
+         column-gap: 2.75rem;
+  }
+
+  .lg\:col-gap-12 {
+    grid-column-gap: 3rem;
+    -moz-column-gap: 3rem;
+         column-gap: 3rem;
+  }
+
+  .lg\:col-gap-13 {
+    grid-column-gap: 3.25rem;
+    -moz-column-gap: 3.25rem;
+         column-gap: 3.25rem;
+  }
+
+  .lg\:col-gap-14 {
+    grid-column-gap: 3.5rem;
+    -moz-column-gap: 3.5rem;
+         column-gap: 3.5rem;
+  }
+
+  .lg\:col-gap-15 {
+    grid-column-gap: 3.75rem;
+    -moz-column-gap: 3.75rem;
+         column-gap: 3.75rem;
+  }
+
+  .lg\:col-gap-16 {
+    grid-column-gap: 4rem;
+    -moz-column-gap: 4rem;
+         column-gap: 4rem;
+  }
+
+  .lg\:col-gap-20 {
+    grid-column-gap: 5rem;
+    -moz-column-gap: 5rem;
+         column-gap: 5rem;
+  }
+
+  .lg\:col-gap-24 {
+    grid-column-gap: 6rem;
+    -moz-column-gap: 6rem;
+         column-gap: 6rem;
+  }
+
+  .lg\:col-gap-28 {
+    grid-column-gap: 7rem;
+    -moz-column-gap: 7rem;
+         column-gap: 7rem;
+  }
+
+  .lg\:col-gap-32 {
+    grid-column-gap: 8rem;
+    -moz-column-gap: 8rem;
+         column-gap: 8rem;
+  }
+
+  .lg\:col-gap-36 {
+    grid-column-gap: 9rem;
+    -moz-column-gap: 9rem;
+         column-gap: 9rem;
+  }
+
+  .lg\:col-gap-40 {
+    grid-column-gap: 10rem;
+    -moz-column-gap: 10rem;
+         column-gap: 10rem;
+  }
+
+  .lg\:col-gap-48 {
+    grid-column-gap: 12rem;
+    -moz-column-gap: 12rem;
+         column-gap: 12rem;
+  }
+
+  .lg\:col-gap-56 {
+    grid-column-gap: 14rem;
+    -moz-column-gap: 14rem;
+         column-gap: 14rem;
+  }
+
+  .lg\:col-gap-60 {
+    grid-column-gap: 15rem;
+    -moz-column-gap: 15rem;
+         column-gap: 15rem;
+  }
+
+  .lg\:col-gap-64 {
+    grid-column-gap: 16rem;
+    -moz-column-gap: 16rem;
+         column-gap: 16rem;
+  }
+
+  .lg\:col-gap-72 {
+    grid-column-gap: 18rem;
+    -moz-column-gap: 18rem;
+         column-gap: 18rem;
+  }
+
+  .lg\:col-gap-80 {
+    grid-column-gap: 20rem;
+    -moz-column-gap: 20rem;
+         column-gap: 20rem;
+  }
+
+  .lg\:col-gap-96 {
+    grid-column-gap: 24rem;
+    -moz-column-gap: 24rem;
+         column-gap: 24rem;
+  }
+
+  .lg\:col-gap-px {
+    grid-column-gap: 1px;
+    -moz-column-gap: 1px;
+         column-gap: 1px;
+  }
+
+  .lg\:col-gap-0\.5 {
+    grid-column-gap: 0.125rem;
+    -moz-column-gap: 0.125rem;
+         column-gap: 0.125rem;
+  }
+
+  .lg\:col-gap-1\.5 {
+    grid-column-gap: 0.375rem;
+    -moz-column-gap: 0.375rem;
+         column-gap: 0.375rem;
+  }
+
+  .lg\:col-gap-2\.5 {
+    grid-column-gap: 0.625rem;
+    -moz-column-gap: 0.625rem;
+         column-gap: 0.625rem;
+  }
+
+  .lg\:col-gap-3\.5 {
+    grid-column-gap: 0.875rem;
+    -moz-column-gap: 0.875rem;
+         column-gap: 0.875rem;
+  }
+
+  .lg\:col-gap-1\/2 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .lg\:col-gap-1\/3 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .lg\:col-gap-2\/3 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .lg\:col-gap-1\/4 {
+    grid-column-gap: 25%;
+    -moz-column-gap: 25%;
+         column-gap: 25%;
+  }
+
+  .lg\:col-gap-2\/4 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .lg\:col-gap-3\/4 {
+    grid-column-gap: 75%;
+    -moz-column-gap: 75%;
+         column-gap: 75%;
+  }
+
+  .lg\:col-gap-1\/5 {
+    grid-column-gap: 20%;
+    -moz-column-gap: 20%;
+         column-gap: 20%;
+  }
+
+  .lg\:col-gap-2\/5 {
+    grid-column-gap: 40%;
+    -moz-column-gap: 40%;
+         column-gap: 40%;
+  }
+
+  .lg\:col-gap-3\/5 {
+    grid-column-gap: 60%;
+    -moz-column-gap: 60%;
+         column-gap: 60%;
+  }
+
+  .lg\:col-gap-4\/5 {
+    grid-column-gap: 80%;
+    -moz-column-gap: 80%;
+         column-gap: 80%;
+  }
+
+  .lg\:col-gap-1\/6 {
+    grid-column-gap: 16.666667%;
+    -moz-column-gap: 16.666667%;
+         column-gap: 16.666667%;
+  }
+
+  .lg\:col-gap-2\/6 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .lg\:col-gap-3\/6 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .lg\:col-gap-4\/6 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .lg\:col-gap-5\/6 {
+    grid-column-gap: 83.333333%;
+    -moz-column-gap: 83.333333%;
+         column-gap: 83.333333%;
+  }
+
+  .lg\:col-gap-1\/12 {
+    grid-column-gap: 8.333333%;
+    -moz-column-gap: 8.333333%;
+         column-gap: 8.333333%;
+  }
+
+  .lg\:col-gap-2\/12 {
+    grid-column-gap: 16.666667%;
+    -moz-column-gap: 16.666667%;
+         column-gap: 16.666667%;
+  }
+
+  .lg\:col-gap-3\/12 {
+    grid-column-gap: 25%;
+    -moz-column-gap: 25%;
+         column-gap: 25%;
+  }
+
+  .lg\:col-gap-4\/12 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .lg\:col-gap-5\/12 {
+    grid-column-gap: 41.666667%;
+    -moz-column-gap: 41.666667%;
+         column-gap: 41.666667%;
+  }
+
+  .lg\:col-gap-6\/12 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .lg\:col-gap-7\/12 {
+    grid-column-gap: 58.333333%;
+    -moz-column-gap: 58.333333%;
+         column-gap: 58.333333%;
+  }
+
+  .lg\:col-gap-8\/12 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .lg\:col-gap-9\/12 {
+    grid-column-gap: 75%;
+    -moz-column-gap: 75%;
+         column-gap: 75%;
+  }
+
+  .lg\:col-gap-10\/12 {
+    grid-column-gap: 83.333333%;
+    -moz-column-gap: 83.333333%;
+         column-gap: 83.333333%;
+  }
+
+  .lg\:col-gap-11\/12 {
+    grid-column-gap: 91.666667%;
+    -moz-column-gap: 91.666667%;
+         column-gap: 91.666667%;
+  }
+
+  .lg\:col-gap-full {
+    grid-column-gap: 100%;
+    -moz-column-gap: 100%;
+         column-gap: 100%;
+  }
+
+  .lg\:row-gap-0 {
+    grid-row-gap: 0;
+    row-gap: 0;
+  }
+
+  .lg\:row-gap-1 {
+    grid-row-gap: 0.25rem;
+    row-gap: 0.25rem;
+  }
+
+  .lg\:row-gap-2 {
+    grid-row-gap: 0.5rem;
+    row-gap: 0.5rem;
+  }
+
+  .lg\:row-gap-3 {
+    grid-row-gap: 0.75rem;
+    row-gap: 0.75rem;
+  }
+
+  .lg\:row-gap-4 {
+    grid-row-gap: 1rem;
+    row-gap: 1rem;
+  }
+
+  .lg\:row-gap-5 {
+    grid-row-gap: 1.25rem;
+    row-gap: 1.25rem;
+  }
+
+  .lg\:row-gap-6 {
+    grid-row-gap: 1.5rem;
+    row-gap: 1.5rem;
+  }
+
+  .lg\:row-gap-7 {
+    grid-row-gap: 1.75rem;
+    row-gap: 1.75rem;
+  }
+
+  .lg\:row-gap-8 {
+    grid-row-gap: 2rem;
+    row-gap: 2rem;
+  }
+
+  .lg\:row-gap-9 {
+    grid-row-gap: 2.25rem;
+    row-gap: 2.25rem;
+  }
+
+  .lg\:row-gap-10 {
+    grid-row-gap: 2.5rem;
+    row-gap: 2.5rem;
+  }
+
+  .lg\:row-gap-11 {
+    grid-row-gap: 2.75rem;
+    row-gap: 2.75rem;
+  }
+
+  .lg\:row-gap-12 {
+    grid-row-gap: 3rem;
+    row-gap: 3rem;
+  }
+
+  .lg\:row-gap-13 {
+    grid-row-gap: 3.25rem;
+    row-gap: 3.25rem;
+  }
+
+  .lg\:row-gap-14 {
+    grid-row-gap: 3.5rem;
+    row-gap: 3.5rem;
+  }
+
+  .lg\:row-gap-15 {
+    grid-row-gap: 3.75rem;
+    row-gap: 3.75rem;
+  }
+
+  .lg\:row-gap-16 {
+    grid-row-gap: 4rem;
+    row-gap: 4rem;
+  }
+
+  .lg\:row-gap-20 {
+    grid-row-gap: 5rem;
+    row-gap: 5rem;
+  }
+
+  .lg\:row-gap-24 {
+    grid-row-gap: 6rem;
+    row-gap: 6rem;
+  }
+
+  .lg\:row-gap-28 {
+    grid-row-gap: 7rem;
+    row-gap: 7rem;
+  }
+
+  .lg\:row-gap-32 {
+    grid-row-gap: 8rem;
+    row-gap: 8rem;
+  }
+
+  .lg\:row-gap-36 {
+    grid-row-gap: 9rem;
+    row-gap: 9rem;
+  }
+
+  .lg\:row-gap-40 {
+    grid-row-gap: 10rem;
+    row-gap: 10rem;
+  }
+
+  .lg\:row-gap-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem;
+  }
+
+  .lg\:row-gap-56 {
+    grid-row-gap: 14rem;
+    row-gap: 14rem;
+  }
+
+  .lg\:row-gap-60 {
+    grid-row-gap: 15rem;
+    row-gap: 15rem;
+  }
+
+  .lg\:row-gap-64 {
+    grid-row-gap: 16rem;
+    row-gap: 16rem;
+  }
+
+  .lg\:row-gap-72 {
+    grid-row-gap: 18rem;
+    row-gap: 18rem;
+  }
+
+  .lg\:row-gap-80 {
+    grid-row-gap: 20rem;
+    row-gap: 20rem;
+  }
+
+  .lg\:row-gap-96 {
+    grid-row-gap: 24rem;
+    row-gap: 24rem;
+  }
+
+  .lg\:row-gap-px {
+    grid-row-gap: 1px;
+    row-gap: 1px;
+  }
+
+  .lg\:row-gap-0\.5 {
+    grid-row-gap: 0.125rem;
+    row-gap: 0.125rem;
+  }
+
+  .lg\:row-gap-1\.5 {
+    grid-row-gap: 0.375rem;
+    row-gap: 0.375rem;
+  }
+
+  .lg\:row-gap-2\.5 {
+    grid-row-gap: 0.625rem;
+    row-gap: 0.625rem;
+  }
+
+  .lg\:row-gap-3\.5 {
+    grid-row-gap: 0.875rem;
+    row-gap: 0.875rem;
+  }
+
+  .lg\:row-gap-1\/2 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .lg\:row-gap-1\/3 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .lg\:row-gap-2\/3 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .lg\:row-gap-1\/4 {
+    grid-row-gap: 25%;
+    row-gap: 25%;
+  }
+
+  .lg\:row-gap-2\/4 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .lg\:row-gap-3\/4 {
+    grid-row-gap: 75%;
+    row-gap: 75%;
+  }
+
+  .lg\:row-gap-1\/5 {
+    grid-row-gap: 20%;
+    row-gap: 20%;
+  }
+
+  .lg\:row-gap-2\/5 {
+    grid-row-gap: 40%;
+    row-gap: 40%;
+  }
+
+  .lg\:row-gap-3\/5 {
+    grid-row-gap: 60%;
+    row-gap: 60%;
+  }
+
+  .lg\:row-gap-4\/5 {
+    grid-row-gap: 80%;
+    row-gap: 80%;
+  }
+
+  .lg\:row-gap-1\/6 {
+    grid-row-gap: 16.666667%;
+    row-gap: 16.666667%;
+  }
+
+  .lg\:row-gap-2\/6 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .lg\:row-gap-3\/6 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .lg\:row-gap-4\/6 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .lg\:row-gap-5\/6 {
+    grid-row-gap: 83.333333%;
+    row-gap: 83.333333%;
+  }
+
+  .lg\:row-gap-1\/12 {
+    grid-row-gap: 8.333333%;
+    row-gap: 8.333333%;
+  }
+
+  .lg\:row-gap-2\/12 {
+    grid-row-gap: 16.666667%;
+    row-gap: 16.666667%;
+  }
+
+  .lg\:row-gap-3\/12 {
+    grid-row-gap: 25%;
+    row-gap: 25%;
+  }
+
+  .lg\:row-gap-4\/12 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .lg\:row-gap-5\/12 {
+    grid-row-gap: 41.666667%;
+    row-gap: 41.666667%;
+  }
+
+  .lg\:row-gap-6\/12 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .lg\:row-gap-7\/12 {
+    grid-row-gap: 58.333333%;
+    row-gap: 58.333333%;
+  }
+
+  .lg\:row-gap-8\/12 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .lg\:row-gap-9\/12 {
+    grid-row-gap: 75%;
+    row-gap: 75%;
+  }
+
+  .lg\:row-gap-10\/12 {
+    grid-row-gap: 83.333333%;
+    row-gap: 83.333333%;
+  }
+
+  .lg\:row-gap-11\/12 {
+    grid-row-gap: 91.666667%;
+    row-gap: 91.666667%;
+  }
+
+  .lg\:row-gap-full {
+    grid-row-gap: 100%;
+    row-gap: 100%;
+  }
+
+  .lg\:grid-flow-row {
+    grid-auto-flow: row;
+  }
+
+  .lg\:grid-flow-col {
+    grid-auto-flow: column;
+  }
+
+  .lg\:grid-flow-row-dense {
+    grid-auto-flow: row dense;
+  }
+
+  .lg\:grid-flow-col-dense {
+    grid-auto-flow: column dense;
+  }
+
+  .lg\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .lg\:col-auto {
+    grid-column: auto;
+  }
+
+  .lg\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .lg\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .lg\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .lg\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .lg\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .lg\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .lg\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .lg\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .lg\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .lg\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .lg\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .lg\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .lg\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .lg\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .lg\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .lg\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .lg\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .lg\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .lg\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .lg\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .lg\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .lg\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .lg\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .lg\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .lg\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .lg\:col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .lg\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .lg\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .lg\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .lg\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .lg\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .lg\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .lg\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .lg\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .lg\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .lg\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .lg\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .lg\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .lg\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .lg\:col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .lg\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-none {
+    grid-template-rows: none;
+  }
+
+  .lg\:row-auto {
+    grid-row: auto;
+  }
+
+  .lg\:row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .lg\:row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .lg\:row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .lg\:row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .lg\:row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .lg\:row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .lg\:row-start-1 {
+    grid-row-start: 1;
+  }
+
+  .lg\:row-start-2 {
+    grid-row-start: 2;
+  }
+
+  .lg\:row-start-3 {
+    grid-row-start: 3;
+  }
+
+  .lg\:row-start-4 {
+    grid-row-start: 4;
+  }
+
+  .lg\:row-start-5 {
+    grid-row-start: 5;
+  }
+
+  .lg\:row-start-6 {
+    grid-row-start: 6;
+  }
+
+  .lg\:row-start-7 {
+    grid-row-start: 7;
+  }
+
+  .lg\:row-start-auto {
+    grid-row-start: auto;
+  }
+
+  .lg\:row-end-1 {
+    grid-row-end: 1;
+  }
+
+  .lg\:row-end-2 {
+    grid-row-end: 2;
+  }
+
+  .lg\:row-end-3 {
+    grid-row-end: 3;
+  }
+
+  .lg\:row-end-4 {
+    grid-row-end: 4;
+  }
+
+  .lg\:row-end-5 {
+    grid-row-end: 5;
+  }
+
+  .lg\:row-end-6 {
+    grid-row-end: 6;
+  }
+
+  .lg\:row-end-7 {
+    grid-row-end: 7;
+  }
+
+  .lg\:row-end-auto {
+    grid-row-end: auto;
+  }
+
+  .lg\: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));
+  }
+
+  .lg\:transform-none {
+    transform: none;
+  }
+
+  .lg\:origin-center {
+    transform-origin: center;
+  }
+
+  .lg\:origin-top {
+    transform-origin: top;
+  }
+
+  .lg\:origin-top-right {
+    transform-origin: top right;
+  }
+
+  .lg\:origin-right {
+    transform-origin: right;
+  }
+
+  .lg\:origin-bottom-right {
+    transform-origin: bottom right;
+  }
+
+  .lg\:origin-bottom {
+    transform-origin: bottom;
+  }
+
+  .lg\:origin-bottom-left {
+    transform-origin: bottom left;
+  }
+
+  .lg\:origin-left {
+    transform-origin: left;
+  }
+
+  .lg\:origin-top-left {
+    transform-origin: top left;
+  }
+
+  .lg\:scale-0 {
+    --transform-scale-x: 0;
+    --transform-scale-y: 0;
+  }
+
+  .lg\:scale-50 {
+    --transform-scale-x: .5;
+    --transform-scale-y: .5;
+  }
+
+  .lg\:scale-75 {
+    --transform-scale-x: .75;
+    --transform-scale-y: .75;
+  }
+
+  .lg\:scale-90 {
+    --transform-scale-x: .9;
+    --transform-scale-y: .9;
+  }
+
+  .lg\:scale-95 {
+    --transform-scale-x: .95;
+    --transform-scale-y: .95;
+  }
+
+  .lg\:scale-100 {
+    --transform-scale-x: 1;
+    --transform-scale-y: 1;
+  }
+
+  .lg\:scale-105 {
+    --transform-scale-x: 1.05;
+    --transform-scale-y: 1.05;
+  }
+
+  .lg\:scale-110 {
+    --transform-scale-x: 1.1;
+    --transform-scale-y: 1.1;
+  }
+
+  .lg\:scale-125 {
+    --transform-scale-x: 1.25;
+    --transform-scale-y: 1.25;
+  }
+
+  .lg\:scale-150 {
+    --transform-scale-x: 1.5;
+    --transform-scale-y: 1.5;
+  }
+
+  .lg\:scale-x-0 {
+    --transform-scale-x: 0;
+  }
+
+  .lg\:scale-x-50 {
+    --transform-scale-x: .5;
+  }
+
+  .lg\:scale-x-75 {
+    --transform-scale-x: .75;
+  }
+
+  .lg\:scale-x-90 {
+    --transform-scale-x: .9;
+  }
+
+  .lg\:scale-x-95 {
+    --transform-scale-x: .95;
+  }
+
+  .lg\:scale-x-100 {
+    --transform-scale-x: 1;
+  }
+
+  .lg\:scale-x-105 {
+    --transform-scale-x: 1.05;
+  }
+
+  .lg\:scale-x-110 {
+    --transform-scale-x: 1.1;
+  }
+
+  .lg\:scale-x-125 {
+    --transform-scale-x: 1.25;
+  }
+
+  .lg\:scale-x-150 {
+    --transform-scale-x: 1.5;
+  }
+
+  .lg\:scale-y-0 {
+    --transform-scale-y: 0;
+  }
+
+  .lg\:scale-y-50 {
+    --transform-scale-y: .5;
+  }
+
+  .lg\:scale-y-75 {
+    --transform-scale-y: .75;
+  }
+
+  .lg\:scale-y-90 {
+    --transform-scale-y: .9;
+  }
+
+  .lg\:scale-y-95 {
+    --transform-scale-y: .95;
+  }
+
+  .lg\:scale-y-100 {
+    --transform-scale-y: 1;
+  }
+
+  .lg\:scale-y-105 {
+    --transform-scale-y: 1.05;
+  }
+
+  .lg\:scale-y-110 {
+    --transform-scale-y: 1.1;
+  }
+
+  .lg\:scale-y-125 {
+    --transform-scale-y: 1.25;
+  }
+
+  .lg\:scale-y-150 {
+    --transform-scale-y: 1.5;
+  }
+
+  .lg\:hover\:scale-0:hover {
+    --transform-scale-x: 0;
+    --transform-scale-y: 0;
+  }
+
+  .lg\:hover\:scale-50:hover {
+    --transform-scale-x: .5;
+    --transform-scale-y: .5;
+  }
+
+  .lg\:hover\:scale-75:hover {
+    --transform-scale-x: .75;
+    --transform-scale-y: .75;
+  }
+
+  .lg\:hover\:scale-90:hover {
+    --transform-scale-x: .9;
+    --transform-scale-y: .9;
+  }
+
+  .lg\:hover\:scale-95:hover {
+    --transform-scale-x: .95;
+    --transform-scale-y: .95;
+  }
+
+  .lg\:hover\:scale-100:hover {
+    --transform-scale-x: 1;
+    --transform-scale-y: 1;
+  }
+
+  .lg\:hover\:scale-105:hover {
+    --transform-scale-x: 1.05;
+    --transform-scale-y: 1.05;
+  }
+
+  .lg\:hover\:scale-110:hover {
+    --transform-scale-x: 1.1;
+    --transform-scale-y: 1.1;
+  }
+
+  .lg\:hover\:scale-125:hover {
+    --transform-scale-x: 1.25;
+    --transform-scale-y: 1.25;
+  }
+
+  .lg\:hover\:scale-150:hover {
+    --transform-scale-x: 1.5;
+    --transform-scale-y: 1.5;
+  }
+
+  .lg\:hover\:scale-x-0:hover {
+    --transform-scale-x: 0;
+  }
+
+  .lg\:hover\:scale-x-50:hover {
+    --transform-scale-x: .5;
+  }
+
+  .lg\:hover\:scale-x-75:hover {
+    --transform-scale-x: .75;
+  }
+
+  .lg\:hover\:scale-x-90:hover {
+    --transform-scale-x: .9;
+  }
+
+  .lg\:hover\:scale-x-95:hover {
+    --transform-scale-x: .95;
+  }
+
+  .lg\:hover\:scale-x-100:hover {
+    --transform-scale-x: 1;
+  }
+
+  .lg\:hover\:scale-x-105:hover {
+    --transform-scale-x: 1.05;
+  }
+
+  .lg\:hover\:scale-x-110:hover {
+    --transform-scale-x: 1.1;
+  }
+
+  .lg\:hover\:scale-x-125:hover {
+    --transform-scale-x: 1.25;
+  }
+
+  .lg\:hover\:scale-x-150:hover {
+    --transform-scale-x: 1.5;
+  }
+
+  .lg\:hover\:scale-y-0:hover {
+    --transform-scale-y: 0;
+  }
+
+  .lg\:hover\:scale-y-50:hover {
+    --transform-scale-y: .5;
+  }
+
+  .lg\:hover\:scale-y-75:hover {
+    --transform-scale-y: .75;
+  }
+
+  .lg\:hover\:scale-y-90:hover {
+    --transform-scale-y: .9;
+  }
+
+  .lg\:hover\:scale-y-95:hover {
+    --transform-scale-y: .95;
+  }
+
+  .lg\:hover\:scale-y-100:hover {
+    --transform-scale-y: 1;
+  }
+
+  .lg\:hover\:scale-y-105:hover {
+    --transform-scale-y: 1.05;
+  }
+
+  .lg\:hover\:scale-y-110:hover {
+    --transform-scale-y: 1.1;
+  }
+
+  .lg\:hover\:scale-y-125:hover {
+    --transform-scale-y: 1.25;
+  }
+
+  .lg\:hover\:scale-y-150:hover {
+    --transform-scale-y: 1.5;
+  }
+
+  .lg\:focus\:scale-0:focus {
+    --transform-scale-x: 0;
+    --transform-scale-y: 0;
+  }
+
+  .lg\:focus\:scale-50:focus {
+    --transform-scale-x: .5;
+    --transform-scale-y: .5;
+  }
+
+  .lg\:focus\:scale-75:focus {
+    --transform-scale-x: .75;
+    --transform-scale-y: .75;
+  }
+
+  .lg\:focus\:scale-90:focus {
+    --transform-scale-x: .9;
+    --transform-scale-y: .9;
+  }
+
+  .lg\:focus\:scale-95:focus {
+    --transform-scale-x: .95;
+    --transform-scale-y: .95;
+  }
+
+  .lg\:focus\:scale-100:focus {
+    --transform-scale-x: 1;
+    --transform-scale-y: 1;
+  }
+
+  .lg\:focus\:scale-105:focus {
+    --transform-scale-x: 1.05;
+    --transform-scale-y: 1.05;
+  }
+
+  .lg\:focus\:scale-110:focus {
+    --transform-scale-x: 1.1;
+    --transform-scale-y: 1.1;
+  }
+
+  .lg\:focus\:scale-125:focus {
+    --transform-scale-x: 1.25;
+    --transform-scale-y: 1.25;
+  }
+
+  .lg\:focus\:scale-150:focus {
+    --transform-scale-x: 1.5;
+    --transform-scale-y: 1.5;
+  }
+
+  .lg\:focus\:scale-x-0:focus {
+    --transform-scale-x: 0;
+  }
+
+  .lg\:focus\:scale-x-50:focus {
+    --transform-scale-x: .5;
+  }
+
+  .lg\:focus\:scale-x-75:focus {
+    --transform-scale-x: .75;
+  }
+
+  .lg\:focus\:scale-x-90:focus {
+    --transform-scale-x: .9;
+  }
+
+  .lg\:focus\:scale-x-95:focus {
+    --transform-scale-x: .95;
+  }
+
+  .lg\:focus\:scale-x-100:focus {
+    --transform-scale-x: 1;
+  }
+
+  .lg\:focus\:scale-x-105:focus {
+    --transform-scale-x: 1.05;
+  }
+
+  .lg\:focus\:scale-x-110:focus {
+    --transform-scale-x: 1.1;
+  }
+
+  .lg\:focus\:scale-x-125:focus {
+    --transform-scale-x: 1.25;
+  }
+
+  .lg\:focus\:scale-x-150:focus {
+    --transform-scale-x: 1.5;
+  }
+
+  .lg\:focus\:scale-y-0:focus {
+    --transform-scale-y: 0;
+  }
+
+  .lg\:focus\:scale-y-50:focus {
+    --transform-scale-y: .5;
+  }
+
+  .lg\:focus\:scale-y-75:focus {
+    --transform-scale-y: .75;
+  }
+
+  .lg\:focus\:scale-y-90:focus {
+    --transform-scale-y: .9;
+  }
+
+  .lg\:focus\:scale-y-95:focus {
+    --transform-scale-y: .95;
+  }
+
+  .lg\:focus\:scale-y-100:focus {
+    --transform-scale-y: 1;
+  }
+
+  .lg\:focus\:scale-y-105:focus {
+    --transform-scale-y: 1.05;
+  }
+
+  .lg\:focus\:scale-y-110:focus {
+    --transform-scale-y: 1.1;
+  }
+
+  .lg\:focus\:scale-y-125:focus {
+    --transform-scale-y: 1.25;
+  }
+
+  .lg\:focus\:scale-y-150:focus {
+    --transform-scale-y: 1.5;
+  }
+
+  .lg\:rotate-0 {
+    --transform-rotate: 0;
+  }
+
+  .lg\:rotate-45 {
+    --transform-rotate: 45deg;
+  }
+
+  .lg\:rotate-90 {
+    --transform-rotate: 90deg;
+  }
+
+  .lg\:rotate-180 {
+    --transform-rotate: 180deg;
+  }
+
+  .lg\:-rotate-180 {
+    --transform-rotate: -180deg;
+  }
+
+  .lg\:-rotate-90 {
+    --transform-rotate: -90deg;
+  }
+
+  .lg\:-rotate-45 {
+    --transform-rotate: -45deg;
+  }
+
+  .lg\:hover\:rotate-0:hover {
+    --transform-rotate: 0;
+  }
+
+  .lg\:hover\:rotate-45:hover {
+    --transform-rotate: 45deg;
+  }
+
+  .lg\:hover\:rotate-90:hover {
+    --transform-rotate: 90deg;
+  }
+
+  .lg\:hover\:rotate-180:hover {
+    --transform-rotate: 180deg;
+  }
+
+  .lg\:hover\:-rotate-180:hover {
+    --transform-rotate: -180deg;
+  }
+
+  .lg\:hover\:-rotate-90:hover {
+    --transform-rotate: -90deg;
+  }
+
+  .lg\:hover\:-rotate-45:hover {
+    --transform-rotate: -45deg;
+  }
+
+  .lg\:focus\:rotate-0:focus {
+    --transform-rotate: 0;
+  }
+
+  .lg\:focus\:rotate-45:focus {
+    --transform-rotate: 45deg;
+  }
+
+  .lg\:focus\:rotate-90:focus {
+    --transform-rotate: 90deg;
+  }
+
+  .lg\:focus\:rotate-180:focus {
+    --transform-rotate: 180deg;
+  }
+
+  .lg\:focus\:-rotate-180:focus {
+    --transform-rotate: -180deg;
+  }
+
+  .lg\:focus\:-rotate-90:focus {
+    --transform-rotate: -90deg;
+  }
+
+  .lg\:focus\:-rotate-45:focus {
+    --transform-rotate: -45deg;
+  }
+
+  .lg\:translate-x-0 {
+    --transform-translate-x: 0;
+  }
+
+  .lg\:translate-x-1 {
+    --transform-translate-x: 0.25rem;
+  }
+
+  .lg\:translate-x-2 {
+    --transform-translate-x: 0.5rem;
+  }
+
+  .lg\:translate-x-3 {
+    --transform-translate-x: 0.75rem;
+  }
+
+  .lg\:translate-x-4 {
+    --transform-translate-x: 1rem;
+  }
+
+  .lg\:translate-x-5 {
+    --transform-translate-x: 1.25rem;
+  }
+
+  .lg\:translate-x-6 {
+    --transform-translate-x: 1.5rem;
+  }
+
+  .lg\:translate-x-7 {
+    --transform-translate-x: 1.75rem;
+  }
+
+  .lg\:translate-x-8 {
+    --transform-translate-x: 2rem;
+  }
+
+  .lg\:translate-x-9 {
+    --transform-translate-x: 2.25rem;
+  }
+
+  .lg\:translate-x-10 {
+    --transform-translate-x: 2.5rem;
+  }
+
+  .lg\:translate-x-11 {
+    --transform-translate-x: 2.75rem;
+  }
+
+  .lg\:translate-x-12 {
+    --transform-translate-x: 3rem;
+  }
+
+  .lg\:translate-x-13 {
+    --transform-translate-x: 3.25rem;
+  }
+
+  .lg\:translate-x-14 {
+    --transform-translate-x: 3.5rem;
+  }
+
+  .lg\:translate-x-15 {
+    --transform-translate-x: 3.75rem;
+  }
+
+  .lg\:translate-x-16 {
+    --transform-translate-x: 4rem;
+  }
+
+  .lg\:translate-x-20 {
+    --transform-translate-x: 5rem;
+  }
+
+  .lg\:translate-x-24 {
+    --transform-translate-x: 6rem;
+  }
+
+  .lg\:translate-x-28 {
+    --transform-translate-x: 7rem;
+  }
+
+  .lg\:translate-x-32 {
+    --transform-translate-x: 8rem;
+  }
+
+  .lg\:translate-x-36 {
+    --transform-translate-x: 9rem;
+  }
+
+  .lg\:translate-x-40 {
+    --transform-translate-x: 10rem;
+  }
+
+  .lg\:translate-x-48 {
+    --transform-translate-x: 12rem;
+  }
+
+  .lg\:translate-x-56 {
+    --transform-translate-x: 14rem;
+  }
+
+  .lg\:translate-x-60 {
+    --transform-translate-x: 15rem;
+  }
+
+  .lg\:translate-x-64 {
+    --transform-translate-x: 16rem;
+  }
+
+  .lg\:translate-x-72 {
+    --transform-translate-x: 18rem;
+  }
+
+  .lg\:translate-x-80 {
+    --transform-translate-x: 20rem;
+  }
+
+  .lg\:translate-x-96 {
+    --transform-translate-x: 24rem;
+  }
+
+  .lg\:translate-x-px {
+    --transform-translate-x: 1px;
+  }
+
+  .lg\:translate-x-0\.5 {
+    --transform-translate-x: 0.125rem;
+  }
+
+  .lg\:translate-x-1\.5 {
+    --transform-translate-x: 0.375rem;
+  }
+
+  .lg\:translate-x-2\.5 {
+    --transform-translate-x: 0.625rem;
+  }
+
+  .lg\:translate-x-3\.5 {
+    --transform-translate-x: 0.875rem;
+  }
+
+  .lg\:translate-x-1\/2 {
+    --transform-translate-x: 50%;
+  }
+
+  .lg\:translate-x-1\/3 {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .lg\:translate-x-2\/3 {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .lg\:translate-x-1\/4 {
+    --transform-translate-x: 25%;
+  }
+
+  .lg\:translate-x-2\/4 {
+    --transform-translate-x: 50%;
+  }
+
+  .lg\:translate-x-3\/4 {
+    --transform-translate-x: 75%;
+  }
+
+  .lg\:translate-x-1\/5 {
+    --transform-translate-x: 20%;
+  }
+
+  .lg\:translate-x-2\/5 {
+    --transform-translate-x: 40%;
+  }
+
+  .lg\:translate-x-3\/5 {
+    --transform-translate-x: 60%;
+  }
+
+  .lg\:translate-x-4\/5 {
+    --transform-translate-x: 80%;
+  }
+
+  .lg\:translate-x-1\/6 {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .lg\:translate-x-2\/6 {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .lg\:translate-x-3\/6 {
+    --transform-translate-x: 50%;
+  }
+
+  .lg\:translate-x-4\/6 {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .lg\:translate-x-5\/6 {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .lg\:translate-x-1\/12 {
+    --transform-translate-x: 8.333333%;
+  }
+
+  .lg\:translate-x-2\/12 {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .lg\:translate-x-3\/12 {
+    --transform-translate-x: 25%;
+  }
+
+  .lg\:translate-x-4\/12 {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .lg\:translate-x-5\/12 {
+    --transform-translate-x: 41.666667%;
+  }
+
+  .lg\:translate-x-6\/12 {
+    --transform-translate-x: 50%;
+  }
+
+  .lg\:translate-x-7\/12 {
+    --transform-translate-x: 58.333333%;
+  }
+
+  .lg\:translate-x-8\/12 {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .lg\:translate-x-9\/12 {
+    --transform-translate-x: 75%;
+  }
+
+  .lg\:translate-x-10\/12 {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .lg\:translate-x-11\/12 {
+    --transform-translate-x: 91.666667%;
+  }
+
+  .lg\:translate-x-full {
+    --transform-translate-x: 100%;
+  }
+
+  .lg\:-translate-x-1 {
+    --transform-translate-x: -0.25rem;
+  }
+
+  .lg\:-translate-x-2 {
+    --transform-translate-x: -0.5rem;
+  }
+
+  .lg\:-translate-x-3 {
+    --transform-translate-x: -0.75rem;
+  }
+
+  .lg\:-translate-x-4 {
+    --transform-translate-x: -1rem;
+  }
+
+  .lg\:-translate-x-5 {
+    --transform-translate-x: -1.25rem;
+  }
+
+  .lg\:-translate-x-6 {
+    --transform-translate-x: -1.5rem;
+  }
+
+  .lg\:-translate-x-7 {
+    --transform-translate-x: -1.75rem;
+  }
+
+  .lg\:-translate-x-8 {
+    --transform-translate-x: -2rem;
+  }
+
+  .lg\:-translate-x-9 {
+    --transform-translate-x: -2.25rem;
+  }
+
+  .lg\:-translate-x-10 {
+    --transform-translate-x: -2.5rem;
+  }
+
+  .lg\:-translate-x-11 {
+    --transform-translate-x: -2.75rem;
+  }
+
+  .lg\:-translate-x-12 {
+    --transform-translate-x: -3rem;
+  }
+
+  .lg\:-translate-x-13 {
+    --transform-translate-x: -3.25rem;
+  }
+
+  .lg\:-translate-x-14 {
+    --transform-translate-x: -3.5rem;
+  }
+
+  .lg\:-translate-x-15 {
+    --transform-translate-x: -3.75rem;
+  }
+
+  .lg\:-translate-x-16 {
+    --transform-translate-x: -4rem;
+  }
+
+  .lg\:-translate-x-20 {
+    --transform-translate-x: -5rem;
+  }
+
+  .lg\:-translate-x-24 {
+    --transform-translate-x: -6rem;
+  }
+
+  .lg\:-translate-x-28 {
+    --transform-translate-x: -7rem;
+  }
+
+  .lg\:-translate-x-32 {
+    --transform-translate-x: -8rem;
+  }
+
+  .lg\:-translate-x-36 {
+    --transform-translate-x: -9rem;
+  }
+
+  .lg\:-translate-x-40 {
+    --transform-translate-x: -10rem;
+  }
+
+  .lg\:-translate-x-48 {
+    --transform-translate-x: -12rem;
+  }
+
+  .lg\:-translate-x-56 {
+    --transform-translate-x: -14rem;
+  }
+
+  .lg\:-translate-x-60 {
+    --transform-translate-x: -15rem;
+  }
+
+  .lg\:-translate-x-64 {
+    --transform-translate-x: -16rem;
+  }
+
+  .lg\:-translate-x-72 {
+    --transform-translate-x: -18rem;
+  }
+
+  .lg\:-translate-x-80 {
+    --transform-translate-x: -20rem;
+  }
+
+  .lg\:-translate-x-96 {
+    --transform-translate-x: -24rem;
+  }
+
+  .lg\:-translate-x-px {
+    --transform-translate-x: -1px;
+  }
+
+  .lg\:-translate-x-0\.5 {
+    --transform-translate-x: -0.125rem;
+  }
+
+  .lg\:-translate-x-1\.5 {
+    --transform-translate-x: -0.375rem;
+  }
+
+  .lg\:-translate-x-2\.5 {
+    --transform-translate-x: -0.625rem;
+  }
+
+  .lg\:-translate-x-3\.5 {
+    --transform-translate-x: -0.875rem;
+  }
+
+  .lg\:-translate-x-1\/2 {
+    --transform-translate-x: -50%;
+  }
+
+  .lg\:-translate-x-1\/3 {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .lg\:-translate-x-2\/3 {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .lg\:-translate-x-1\/4 {
+    --transform-translate-x: -25%;
+  }
+
+  .lg\:-translate-x-2\/4 {
+    --transform-translate-x: -50%;
+  }
+
+  .lg\:-translate-x-3\/4 {
+    --transform-translate-x: -75%;
+  }
+
+  .lg\:-translate-x-1\/5 {
+    --transform-translate-x: -20%;
+  }
+
+  .lg\:-translate-x-2\/5 {
+    --transform-translate-x: -40%;
+  }
+
+  .lg\:-translate-x-3\/5 {
+    --transform-translate-x: -60%;
+  }
+
+  .lg\:-translate-x-4\/5 {
+    --transform-translate-x: -80%;
+  }
+
+  .lg\:-translate-x-1\/6 {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .lg\:-translate-x-2\/6 {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .lg\:-translate-x-3\/6 {
+    --transform-translate-x: -50%;
+  }
+
+  .lg\:-translate-x-4\/6 {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .lg\:-translate-x-5\/6 {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .lg\:-translate-x-1\/12 {
+    --transform-translate-x: -8.33333%;
+  }
+
+  .lg\:-translate-x-2\/12 {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .lg\:-translate-x-3\/12 {
+    --transform-translate-x: -25%;
+  }
+
+  .lg\:-translate-x-4\/12 {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .lg\:-translate-x-5\/12 {
+    --transform-translate-x: -41.66667%;
+  }
+
+  .lg\:-translate-x-6\/12 {
+    --transform-translate-x: -50%;
+  }
+
+  .lg\:-translate-x-7\/12 {
+    --transform-translate-x: -58.33333%;
+  }
+
+  .lg\:-translate-x-8\/12 {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .lg\:-translate-x-9\/12 {
+    --transform-translate-x: -75%;
+  }
+
+  .lg\:-translate-x-10\/12 {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .lg\:-translate-x-11\/12 {
+    --transform-translate-x: -91.66667%;
+  }
+
+  .lg\:-translate-x-full {
+    --transform-translate-x: -100%;
+  }
+
+  .lg\:translate-y-0 {
+    --transform-translate-y: 0;
+  }
+
+  .lg\:translate-y-1 {
+    --transform-translate-y: 0.25rem;
+  }
+
+  .lg\:translate-y-2 {
+    --transform-translate-y: 0.5rem;
+  }
+
+  .lg\:translate-y-3 {
+    --transform-translate-y: 0.75rem;
+  }
+
+  .lg\:translate-y-4 {
+    --transform-translate-y: 1rem;
+  }
+
+  .lg\:translate-y-5 {
+    --transform-translate-y: 1.25rem;
+  }
+
+  .lg\:translate-y-6 {
+    --transform-translate-y: 1.5rem;
+  }
+
+  .lg\:translate-y-7 {
+    --transform-translate-y: 1.75rem;
+  }
+
+  .lg\:translate-y-8 {
+    --transform-translate-y: 2rem;
+  }
+
+  .lg\:translate-y-9 {
+    --transform-translate-y: 2.25rem;
+  }
+
+  .lg\:translate-y-10 {
+    --transform-translate-y: 2.5rem;
+  }
+
+  .lg\:translate-y-11 {
+    --transform-translate-y: 2.75rem;
+  }
+
+  .lg\:translate-y-12 {
+    --transform-translate-y: 3rem;
+  }
+
+  .lg\:translate-y-13 {
+    --transform-translate-y: 3.25rem;
+  }
+
+  .lg\:translate-y-14 {
+    --transform-translate-y: 3.5rem;
+  }
+
+  .lg\:translate-y-15 {
+    --transform-translate-y: 3.75rem;
+  }
+
+  .lg\:translate-y-16 {
+    --transform-translate-y: 4rem;
+  }
+
+  .lg\:translate-y-20 {
+    --transform-translate-y: 5rem;
+  }
+
+  .lg\:translate-y-24 {
+    --transform-translate-y: 6rem;
+  }
+
+  .lg\:translate-y-28 {
+    --transform-translate-y: 7rem;
+  }
+
+  .lg\:translate-y-32 {
+    --transform-translate-y: 8rem;
+  }
+
+  .lg\:translate-y-36 {
+    --transform-translate-y: 9rem;
+  }
+
+  .lg\:translate-y-40 {
+    --transform-translate-y: 10rem;
+  }
+
+  .lg\:translate-y-48 {
+    --transform-translate-y: 12rem;
+  }
+
+  .lg\:translate-y-56 {
+    --transform-translate-y: 14rem;
+  }
+
+  .lg\:translate-y-60 {
+    --transform-translate-y: 15rem;
+  }
+
+  .lg\:translate-y-64 {
+    --transform-translate-y: 16rem;
+  }
+
+  .lg\:translate-y-72 {
+    --transform-translate-y: 18rem;
+  }
+
+  .lg\:translate-y-80 {
+    --transform-translate-y: 20rem;
+  }
+
+  .lg\:translate-y-96 {
+    --transform-translate-y: 24rem;
+  }
+
+  .lg\:translate-y-px {
+    --transform-translate-y: 1px;
+  }
+
+  .lg\:translate-y-0\.5 {
+    --transform-translate-y: 0.125rem;
+  }
+
+  .lg\:translate-y-1\.5 {
+    --transform-translate-y: 0.375rem;
+  }
+
+  .lg\:translate-y-2\.5 {
+    --transform-translate-y: 0.625rem;
+  }
+
+  .lg\:translate-y-3\.5 {
+    --transform-translate-y: 0.875rem;
+  }
+
+  .lg\:translate-y-1\/2 {
+    --transform-translate-y: 50%;
+  }
+
+  .lg\:translate-y-1\/3 {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .lg\:translate-y-2\/3 {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .lg\:translate-y-1\/4 {
+    --transform-translate-y: 25%;
+  }
+
+  .lg\:translate-y-2\/4 {
+    --transform-translate-y: 50%;
+  }
+
+  .lg\:translate-y-3\/4 {
+    --transform-translate-y: 75%;
+  }
+
+  .lg\:translate-y-1\/5 {
+    --transform-translate-y: 20%;
+  }
+
+  .lg\:translate-y-2\/5 {
+    --transform-translate-y: 40%;
+  }
+
+  .lg\:translate-y-3\/5 {
+    --transform-translate-y: 60%;
+  }
+
+  .lg\:translate-y-4\/5 {
+    --transform-translate-y: 80%;
+  }
+
+  .lg\:translate-y-1\/6 {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .lg\:translate-y-2\/6 {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .lg\:translate-y-3\/6 {
+    --transform-translate-y: 50%;
+  }
+
+  .lg\:translate-y-4\/6 {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .lg\:translate-y-5\/6 {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .lg\:translate-y-1\/12 {
+    --transform-translate-y: 8.333333%;
+  }
+
+  .lg\:translate-y-2\/12 {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .lg\:translate-y-3\/12 {
+    --transform-translate-y: 25%;
+  }
+
+  .lg\:translate-y-4\/12 {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .lg\:translate-y-5\/12 {
+    --transform-translate-y: 41.666667%;
+  }
+
+  .lg\:translate-y-6\/12 {
+    --transform-translate-y: 50%;
+  }
+
+  .lg\:translate-y-7\/12 {
+    --transform-translate-y: 58.333333%;
+  }
+
+  .lg\:translate-y-8\/12 {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .lg\:translate-y-9\/12 {
+    --transform-translate-y: 75%;
+  }
+
+  .lg\:translate-y-10\/12 {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .lg\:translate-y-11\/12 {
+    --transform-translate-y: 91.666667%;
+  }
+
+  .lg\:translate-y-full {
+    --transform-translate-y: 100%;
+  }
+
+  .lg\:-translate-y-1 {
+    --transform-translate-y: -0.25rem;
+  }
+
+  .lg\:-translate-y-2 {
+    --transform-translate-y: -0.5rem;
+  }
+
+  .lg\:-translate-y-3 {
+    --transform-translate-y: -0.75rem;
+  }
+
+  .lg\:-translate-y-4 {
+    --transform-translate-y: -1rem;
+  }
+
+  .lg\:-translate-y-5 {
+    --transform-translate-y: -1.25rem;
+  }
+
+  .lg\:-translate-y-6 {
+    --transform-translate-y: -1.5rem;
+  }
+
+  .lg\:-translate-y-7 {
+    --transform-translate-y: -1.75rem;
+  }
+
+  .lg\:-translate-y-8 {
+    --transform-translate-y: -2rem;
+  }
+
+  .lg\:-translate-y-9 {
+    --transform-translate-y: -2.25rem;
+  }
+
+  .lg\:-translate-y-10 {
+    --transform-translate-y: -2.5rem;
+  }
+
+  .lg\:-translate-y-11 {
+    --transform-translate-y: -2.75rem;
+  }
+
+  .lg\:-translate-y-12 {
+    --transform-translate-y: -3rem;
+  }
+
+  .lg\:-translate-y-13 {
+    --transform-translate-y: -3.25rem;
+  }
+
+  .lg\:-translate-y-14 {
+    --transform-translate-y: -3.5rem;
+  }
+
+  .lg\:-translate-y-15 {
+    --transform-translate-y: -3.75rem;
+  }
+
+  .lg\:-translate-y-16 {
+    --transform-translate-y: -4rem;
+  }
+
+  .lg\:-translate-y-20 {
+    --transform-translate-y: -5rem;
+  }
+
+  .lg\:-translate-y-24 {
+    --transform-translate-y: -6rem;
+  }
+
+  .lg\:-translate-y-28 {
+    --transform-translate-y: -7rem;
+  }
+
+  .lg\:-translate-y-32 {
+    --transform-translate-y: -8rem;
+  }
+
+  .lg\:-translate-y-36 {
+    --transform-translate-y: -9rem;
+  }
+
+  .lg\:-translate-y-40 {
+    --transform-translate-y: -10rem;
+  }
+
+  .lg\:-translate-y-48 {
+    --transform-translate-y: -12rem;
+  }
+
+  .lg\:-translate-y-56 {
+    --transform-translate-y: -14rem;
+  }
+
+  .lg\:-translate-y-60 {
+    --transform-translate-y: -15rem;
+  }
+
+  .lg\:-translate-y-64 {
+    --transform-translate-y: -16rem;
+  }
+
+  .lg\:-translate-y-72 {
+    --transform-translate-y: -18rem;
+  }
+
+  .lg\:-translate-y-80 {
+    --transform-translate-y: -20rem;
+  }
+
+  .lg\:-translate-y-96 {
+    --transform-translate-y: -24rem;
+  }
+
+  .lg\:-translate-y-px {
+    --transform-translate-y: -1px;
+  }
+
+  .lg\:-translate-y-0\.5 {
+    --transform-translate-y: -0.125rem;
+  }
+
+  .lg\:-translate-y-1\.5 {
+    --transform-translate-y: -0.375rem;
+  }
+
+  .lg\:-translate-y-2\.5 {
+    --transform-translate-y: -0.625rem;
+  }
+
+  .lg\:-translate-y-3\.5 {
+    --transform-translate-y: -0.875rem;
+  }
+
+  .lg\:-translate-y-1\/2 {
+    --transform-translate-y: -50%;
+  }
+
+  .lg\:-translate-y-1\/3 {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .lg\:-translate-y-2\/3 {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .lg\:-translate-y-1\/4 {
+    --transform-translate-y: -25%;
+  }
+
+  .lg\:-translate-y-2\/4 {
+    --transform-translate-y: -50%;
+  }
+
+  .lg\:-translate-y-3\/4 {
+    --transform-translate-y: -75%;
+  }
+
+  .lg\:-translate-y-1\/5 {
+    --transform-translate-y: -20%;
+  }
+
+  .lg\:-translate-y-2\/5 {
+    --transform-translate-y: -40%;
+  }
+
+  .lg\:-translate-y-3\/5 {
+    --transform-translate-y: -60%;
+  }
+
+  .lg\:-translate-y-4\/5 {
+    --transform-translate-y: -80%;
+  }
+
+  .lg\:-translate-y-1\/6 {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .lg\:-translate-y-2\/6 {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .lg\:-translate-y-3\/6 {
+    --transform-translate-y: -50%;
+  }
+
+  .lg\:-translate-y-4\/6 {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .lg\:-translate-y-5\/6 {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .lg\:-translate-y-1\/12 {
+    --transform-translate-y: -8.33333%;
+  }
+
+  .lg\:-translate-y-2\/12 {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .lg\:-translate-y-3\/12 {
+    --transform-translate-y: -25%;
+  }
+
+  .lg\:-translate-y-4\/12 {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .lg\:-translate-y-5\/12 {
+    --transform-translate-y: -41.66667%;
+  }
+
+  .lg\:-translate-y-6\/12 {
+    --transform-translate-y: -50%;
+  }
+
+  .lg\:-translate-y-7\/12 {
+    --transform-translate-y: -58.33333%;
+  }
+
+  .lg\:-translate-y-8\/12 {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .lg\:-translate-y-9\/12 {
+    --transform-translate-y: -75%;
+  }
+
+  .lg\:-translate-y-10\/12 {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .lg\:-translate-y-11\/12 {
+    --transform-translate-y: -91.66667%;
+  }
+
+  .lg\:-translate-y-full {
+    --transform-translate-y: -100%;
+  }
+
+  .lg\:hover\:translate-x-0:hover {
+    --transform-translate-x: 0;
+  }
+
+  .lg\:hover\:translate-x-1:hover {
+    --transform-translate-x: 0.25rem;
+  }
+
+  .lg\:hover\:translate-x-2:hover {
+    --transform-translate-x: 0.5rem;
+  }
+
+  .lg\:hover\:translate-x-3:hover {
+    --transform-translate-x: 0.75rem;
+  }
+
+  .lg\:hover\:translate-x-4:hover {
+    --transform-translate-x: 1rem;
+  }
+
+  .lg\:hover\:translate-x-5:hover {
+    --transform-translate-x: 1.25rem;
+  }
+
+  .lg\:hover\:translate-x-6:hover {
+    --transform-translate-x: 1.5rem;
+  }
+
+  .lg\:hover\:translate-x-7:hover {
+    --transform-translate-x: 1.75rem;
+  }
+
+  .lg\:hover\:translate-x-8:hover {
+    --transform-translate-x: 2rem;
+  }
+
+  .lg\:hover\:translate-x-9:hover {
+    --transform-translate-x: 2.25rem;
+  }
+
+  .lg\:hover\:translate-x-10:hover {
+    --transform-translate-x: 2.5rem;
+  }
+
+  .lg\:hover\:translate-x-11:hover {
+    --transform-translate-x: 2.75rem;
+  }
+
+  .lg\:hover\:translate-x-12:hover {
+    --transform-translate-x: 3rem;
+  }
+
+  .lg\:hover\:translate-x-13:hover {
+    --transform-translate-x: 3.25rem;
+  }
+
+  .lg\:hover\:translate-x-14:hover {
+    --transform-translate-x: 3.5rem;
+  }
+
+  .lg\:hover\:translate-x-15:hover {
+    --transform-translate-x: 3.75rem;
+  }
+
+  .lg\:hover\:translate-x-16:hover {
+    --transform-translate-x: 4rem;
+  }
+
+  .lg\:hover\:translate-x-20:hover {
+    --transform-translate-x: 5rem;
+  }
+
+  .lg\:hover\:translate-x-24:hover {
+    --transform-translate-x: 6rem;
+  }
+
+  .lg\:hover\:translate-x-28:hover {
+    --transform-translate-x: 7rem;
+  }
+
+  .lg\:hover\:translate-x-32:hover {
+    --transform-translate-x: 8rem;
+  }
+
+  .lg\:hover\:translate-x-36:hover {
+    --transform-translate-x: 9rem;
+  }
+
+  .lg\:hover\:translate-x-40:hover {
+    --transform-translate-x: 10rem;
+  }
+
+  .lg\:hover\:translate-x-48:hover {
+    --transform-translate-x: 12rem;
+  }
+
+  .lg\:hover\:translate-x-56:hover {
+    --transform-translate-x: 14rem;
+  }
+
+  .lg\:hover\:translate-x-60:hover {
+    --transform-translate-x: 15rem;
+  }
+
+  .lg\:hover\:translate-x-64:hover {
+    --transform-translate-x: 16rem;
+  }
+
+  .lg\:hover\:translate-x-72:hover {
+    --transform-translate-x: 18rem;
+  }
+
+  .lg\:hover\:translate-x-80:hover {
+    --transform-translate-x: 20rem;
+  }
+
+  .lg\:hover\:translate-x-96:hover {
+    --transform-translate-x: 24rem;
+  }
+
+  .lg\:hover\:translate-x-px:hover {
+    --transform-translate-x: 1px;
+  }
+
+  .lg\:hover\:translate-x-0\.5:hover {
+    --transform-translate-x: 0.125rem;
+  }
+
+  .lg\:hover\:translate-x-1\.5:hover {
+    --transform-translate-x: 0.375rem;
+  }
+
+  .lg\:hover\:translate-x-2\.5:hover {
+    --transform-translate-x: 0.625rem;
+  }
+
+  .lg\:hover\:translate-x-3\.5:hover {
+    --transform-translate-x: 0.875rem;
+  }
+
+  .lg\:hover\:translate-x-1\/2:hover {
+    --transform-translate-x: 50%;
+  }
+
+  .lg\:hover\:translate-x-1\/3:hover {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .lg\:hover\:translate-x-2\/3:hover {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .lg\:hover\:translate-x-1\/4:hover {
+    --transform-translate-x: 25%;
+  }
+
+  .lg\:hover\:translate-x-2\/4:hover {
+    --transform-translate-x: 50%;
+  }
+
+  .lg\:hover\:translate-x-3\/4:hover {
+    --transform-translate-x: 75%;
+  }
+
+  .lg\:hover\:translate-x-1\/5:hover {
+    --transform-translate-x: 20%;
+  }
+
+  .lg\:hover\:translate-x-2\/5:hover {
+    --transform-translate-x: 40%;
+  }
+
+  .lg\:hover\:translate-x-3\/5:hover {
+    --transform-translate-x: 60%;
+  }
+
+  .lg\:hover\:translate-x-4\/5:hover {
+    --transform-translate-x: 80%;
+  }
+
+  .lg\:hover\:translate-x-1\/6:hover {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .lg\:hover\:translate-x-2\/6:hover {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .lg\:hover\:translate-x-3\/6:hover {
+    --transform-translate-x: 50%;
+  }
+
+  .lg\:hover\:translate-x-4\/6:hover {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .lg\:hover\:translate-x-5\/6:hover {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .lg\:hover\:translate-x-1\/12:hover {
+    --transform-translate-x: 8.333333%;
+  }
+
+  .lg\:hover\:translate-x-2\/12:hover {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .lg\:hover\:translate-x-3\/12:hover {
+    --transform-translate-x: 25%;
+  }
+
+  .lg\:hover\:translate-x-4\/12:hover {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .lg\:hover\:translate-x-5\/12:hover {
+    --transform-translate-x: 41.666667%;
+  }
+
+  .lg\:hover\:translate-x-6\/12:hover {
+    --transform-translate-x: 50%;
+  }
+
+  .lg\:hover\:translate-x-7\/12:hover {
+    --transform-translate-x: 58.333333%;
+  }
+
+  .lg\:hover\:translate-x-8\/12:hover {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .lg\:hover\:translate-x-9\/12:hover {
+    --transform-translate-x: 75%;
+  }
+
+  .lg\:hover\:translate-x-10\/12:hover {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .lg\:hover\:translate-x-11\/12:hover {
+    --transform-translate-x: 91.666667%;
+  }
+
+  .lg\:hover\:translate-x-full:hover {
+    --transform-translate-x: 100%;
+  }
+
+  .lg\:hover\:-translate-x-1:hover {
+    --transform-translate-x: -0.25rem;
+  }
+
+  .lg\:hover\:-translate-x-2:hover {
+    --transform-translate-x: -0.5rem;
+  }
+
+  .lg\:hover\:-translate-x-3:hover {
+    --transform-translate-x: -0.75rem;
+  }
+
+  .lg\:hover\:-translate-x-4:hover {
+    --transform-translate-x: -1rem;
+  }
+
+  .lg\:hover\:-translate-x-5:hover {
+    --transform-translate-x: -1.25rem;
+  }
+
+  .lg\:hover\:-translate-x-6:hover {
+    --transform-translate-x: -1.5rem;
+  }
+
+  .lg\:hover\:-translate-x-7:hover {
+    --transform-translate-x: -1.75rem;
+  }
+
+  .lg\:hover\:-translate-x-8:hover {
+    --transform-translate-x: -2rem;
+  }
+
+  .lg\:hover\:-translate-x-9:hover {
+    --transform-translate-x: -2.25rem;
+  }
+
+  .lg\:hover\:-translate-x-10:hover {
+    --transform-translate-x: -2.5rem;
+  }
+
+  .lg\:hover\:-translate-x-11:hover {
+    --transform-translate-x: -2.75rem;
+  }
+
+  .lg\:hover\:-translate-x-12:hover {
+    --transform-translate-x: -3rem;
+  }
+
+  .lg\:hover\:-translate-x-13:hover {
+    --transform-translate-x: -3.25rem;
+  }
+
+  .lg\:hover\:-translate-x-14:hover {
+    --transform-translate-x: -3.5rem;
+  }
+
+  .lg\:hover\:-translate-x-15:hover {
+    --transform-translate-x: -3.75rem;
+  }
+
+  .lg\:hover\:-translate-x-16:hover {
+    --transform-translate-x: -4rem;
+  }
+
+  .lg\:hover\:-translate-x-20:hover {
+    --transform-translate-x: -5rem;
+  }
+
+  .lg\:hover\:-translate-x-24:hover {
+    --transform-translate-x: -6rem;
+  }
+
+  .lg\:hover\:-translate-x-28:hover {
+    --transform-translate-x: -7rem;
+  }
+
+  .lg\:hover\:-translate-x-32:hover {
+    --transform-translate-x: -8rem;
+  }
+
+  .lg\:hover\:-translate-x-36:hover {
+    --transform-translate-x: -9rem;
+  }
+
+  .lg\:hover\:-translate-x-40:hover {
+    --transform-translate-x: -10rem;
+  }
+
+  .lg\:hover\:-translate-x-48:hover {
+    --transform-translate-x: -12rem;
+  }
+
+  .lg\:hover\:-translate-x-56:hover {
+    --transform-translate-x: -14rem;
+  }
+
+  .lg\:hover\:-translate-x-60:hover {
+    --transform-translate-x: -15rem;
+  }
+
+  .lg\:hover\:-translate-x-64:hover {
+    --transform-translate-x: -16rem;
+  }
+
+  .lg\:hover\:-translate-x-72:hover {
+    --transform-translate-x: -18rem;
+  }
+
+  .lg\:hover\:-translate-x-80:hover {
+    --transform-translate-x: -20rem;
+  }
+
+  .lg\:hover\:-translate-x-96:hover {
+    --transform-translate-x: -24rem;
+  }
+
+  .lg\:hover\:-translate-x-px:hover {
+    --transform-translate-x: -1px;
+  }
+
+  .lg\:hover\:-translate-x-0\.5:hover {
+    --transform-translate-x: -0.125rem;
+  }
+
+  .lg\:hover\:-translate-x-1\.5:hover {
+    --transform-translate-x: -0.375rem;
+  }
+
+  .lg\:hover\:-translate-x-2\.5:hover {
+    --transform-translate-x: -0.625rem;
+  }
+
+  .lg\:hover\:-translate-x-3\.5:hover {
+    --transform-translate-x: -0.875rem;
+  }
+
+  .lg\:hover\:-translate-x-1\/2:hover {
+    --transform-translate-x: -50%;
+  }
+
+  .lg\:hover\:-translate-x-1\/3:hover {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .lg\:hover\:-translate-x-2\/3:hover {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .lg\:hover\:-translate-x-1\/4:hover {
+    --transform-translate-x: -25%;
+  }
+
+  .lg\:hover\:-translate-x-2\/4:hover {
+    --transform-translate-x: -50%;
+  }
+
+  .lg\:hover\:-translate-x-3\/4:hover {
+    --transform-translate-x: -75%;
+  }
+
+  .lg\:hover\:-translate-x-1\/5:hover {
+    --transform-translate-x: -20%;
+  }
+
+  .lg\:hover\:-translate-x-2\/5:hover {
+    --transform-translate-x: -40%;
+  }
+
+  .lg\:hover\:-translate-x-3\/5:hover {
+    --transform-translate-x: -60%;
+  }
+
+  .lg\:hover\:-translate-x-4\/5:hover {
+    --transform-translate-x: -80%;
+  }
+
+  .lg\:hover\:-translate-x-1\/6:hover {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .lg\:hover\:-translate-x-2\/6:hover {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .lg\:hover\:-translate-x-3\/6:hover {
+    --transform-translate-x: -50%;
+  }
+
+  .lg\:hover\:-translate-x-4\/6:hover {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .lg\:hover\:-translate-x-5\/6:hover {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .lg\:hover\:-translate-x-1\/12:hover {
+    --transform-translate-x: -8.33333%;
+  }
+
+  .lg\:hover\:-translate-x-2\/12:hover {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .lg\:hover\:-translate-x-3\/12:hover {
+    --transform-translate-x: -25%;
+  }
+
+  .lg\:hover\:-translate-x-4\/12:hover {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .lg\:hover\:-translate-x-5\/12:hover {
+    --transform-translate-x: -41.66667%;
+  }
+
+  .lg\:hover\:-translate-x-6\/12:hover {
+    --transform-translate-x: -50%;
+  }
+
+  .lg\:hover\:-translate-x-7\/12:hover {
+    --transform-translate-x: -58.33333%;
+  }
+
+  .lg\:hover\:-translate-x-8\/12:hover {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .lg\:hover\:-translate-x-9\/12:hover {
+    --transform-translate-x: -75%;
+  }
+
+  .lg\:hover\:-translate-x-10\/12:hover {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .lg\:hover\:-translate-x-11\/12:hover {
+    --transform-translate-x: -91.66667%;
+  }
+
+  .lg\:hover\:-translate-x-full:hover {
+    --transform-translate-x: -100%;
+  }
+
+  .lg\:hover\:translate-y-0:hover {
+    --transform-translate-y: 0;
+  }
+
+  .lg\:hover\:translate-y-1:hover {
+    --transform-translate-y: 0.25rem;
+  }
+
+  .lg\:hover\:translate-y-2:hover {
+    --transform-translate-y: 0.5rem;
+  }
+
+  .lg\:hover\:translate-y-3:hover {
+    --transform-translate-y: 0.75rem;
+  }
+
+  .lg\:hover\:translate-y-4:hover {
+    --transform-translate-y: 1rem;
+  }
+
+  .lg\:hover\:translate-y-5:hover {
+    --transform-translate-y: 1.25rem;
+  }
+
+  .lg\:hover\:translate-y-6:hover {
+    --transform-translate-y: 1.5rem;
+  }
+
+  .lg\:hover\:translate-y-7:hover {
+    --transform-translate-y: 1.75rem;
+  }
+
+  .lg\:hover\:translate-y-8:hover {
+    --transform-translate-y: 2rem;
+  }
+
+  .lg\:hover\:translate-y-9:hover {
+    --transform-translate-y: 2.25rem;
+  }
+
+  .lg\:hover\:translate-y-10:hover {
+    --transform-translate-y: 2.5rem;
+  }
+
+  .lg\:hover\:translate-y-11:hover {
+    --transform-translate-y: 2.75rem;
+  }
+
+  .lg\:hover\:translate-y-12:hover {
+    --transform-translate-y: 3rem;
+  }
+
+  .lg\:hover\:translate-y-13:hover {
+    --transform-translate-y: 3.25rem;
+  }
+
+  .lg\:hover\:translate-y-14:hover {
+    --transform-translate-y: 3.5rem;
+  }
+
+  .lg\:hover\:translate-y-15:hover {
+    --transform-translate-y: 3.75rem;
+  }
+
+  .lg\:hover\:translate-y-16:hover {
+    --transform-translate-y: 4rem;
+  }
+
+  .lg\:hover\:translate-y-20:hover {
+    --transform-translate-y: 5rem;
+  }
+
+  .lg\:hover\:translate-y-24:hover {
+    --transform-translate-y: 6rem;
+  }
+
+  .lg\:hover\:translate-y-28:hover {
+    --transform-translate-y: 7rem;
+  }
+
+  .lg\:hover\:translate-y-32:hover {
+    --transform-translate-y: 8rem;
+  }
+
+  .lg\:hover\:translate-y-36:hover {
+    --transform-translate-y: 9rem;
+  }
+
+  .lg\:hover\:translate-y-40:hover {
+    --transform-translate-y: 10rem;
+  }
+
+  .lg\:hover\:translate-y-48:hover {
+    --transform-translate-y: 12rem;
+  }
+
+  .lg\:hover\:translate-y-56:hover {
+    --transform-translate-y: 14rem;
+  }
+
+  .lg\:hover\:translate-y-60:hover {
+    --transform-translate-y: 15rem;
+  }
+
+  .lg\:hover\:translate-y-64:hover {
+    --transform-translate-y: 16rem;
+  }
+
+  .lg\:hover\:translate-y-72:hover {
+    --transform-translate-y: 18rem;
+  }
+
+  .lg\:hover\:translate-y-80:hover {
+    --transform-translate-y: 20rem;
+  }
+
+  .lg\:hover\:translate-y-96:hover {
+    --transform-translate-y: 24rem;
+  }
+
+  .lg\:hover\:translate-y-px:hover {
+    --transform-translate-y: 1px;
+  }
+
+  .lg\:hover\:translate-y-0\.5:hover {
+    --transform-translate-y: 0.125rem;
+  }
+
+  .lg\:hover\:translate-y-1\.5:hover {
+    --transform-translate-y: 0.375rem;
+  }
+
+  .lg\:hover\:translate-y-2\.5:hover {
+    --transform-translate-y: 0.625rem;
+  }
+
+  .lg\:hover\:translate-y-3\.5:hover {
+    --transform-translate-y: 0.875rem;
+  }
+
+  .lg\:hover\:translate-y-1\/2:hover {
+    --transform-translate-y: 50%;
+  }
+
+  .lg\:hover\:translate-y-1\/3:hover {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .lg\:hover\:translate-y-2\/3:hover {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .lg\:hover\:translate-y-1\/4:hover {
+    --transform-translate-y: 25%;
+  }
+
+  .lg\:hover\:translate-y-2\/4:hover {
+    --transform-translate-y: 50%;
+  }
+
+  .lg\:hover\:translate-y-3\/4:hover {
+    --transform-translate-y: 75%;
+  }
+
+  .lg\:hover\:translate-y-1\/5:hover {
+    --transform-translate-y: 20%;
+  }
+
+  .lg\:hover\:translate-y-2\/5:hover {
+    --transform-translate-y: 40%;
+  }
+
+  .lg\:hover\:translate-y-3\/5:hover {
+    --transform-translate-y: 60%;
+  }
+
+  .lg\:hover\:translate-y-4\/5:hover {
+    --transform-translate-y: 80%;
+  }
+
+  .lg\:hover\:translate-y-1\/6:hover {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .lg\:hover\:translate-y-2\/6:hover {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .lg\:hover\:translate-y-3\/6:hover {
+    --transform-translate-y: 50%;
+  }
+
+  .lg\:hover\:translate-y-4\/6:hover {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .lg\:hover\:translate-y-5\/6:hover {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .lg\:hover\:translate-y-1\/12:hover {
+    --transform-translate-y: 8.333333%;
+  }
+
+  .lg\:hover\:translate-y-2\/12:hover {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .lg\:hover\:translate-y-3\/12:hover {
+    --transform-translate-y: 25%;
+  }
+
+  .lg\:hover\:translate-y-4\/12:hover {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .lg\:hover\:translate-y-5\/12:hover {
+    --transform-translate-y: 41.666667%;
+  }
+
+  .lg\:hover\:translate-y-6\/12:hover {
+    --transform-translate-y: 50%;
+  }
+
+  .lg\:hover\:translate-y-7\/12:hover {
+    --transform-translate-y: 58.333333%;
+  }
+
+  .lg\:hover\:translate-y-8\/12:hover {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .lg\:hover\:translate-y-9\/12:hover {
+    --transform-translate-y: 75%;
+  }
+
+  .lg\:hover\:translate-y-10\/12:hover {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .lg\:hover\:translate-y-11\/12:hover {
+    --transform-translate-y: 91.666667%;
+  }
+
+  .lg\:hover\:translate-y-full:hover {
+    --transform-translate-y: 100%;
+  }
+
+  .lg\:hover\:-translate-y-1:hover {
+    --transform-translate-y: -0.25rem;
+  }
+
+  .lg\:hover\:-translate-y-2:hover {
+    --transform-translate-y: -0.5rem;
+  }
+
+  .lg\:hover\:-translate-y-3:hover {
+    --transform-translate-y: -0.75rem;
+  }
+
+  .lg\:hover\:-translate-y-4:hover {
+    --transform-translate-y: -1rem;
+  }
+
+  .lg\:hover\:-translate-y-5:hover {
+    --transform-translate-y: -1.25rem;
+  }
+
+  .lg\:hover\:-translate-y-6:hover {
+    --transform-translate-y: -1.5rem;
+  }
+
+  .lg\:hover\:-translate-y-7:hover {
+    --transform-translate-y: -1.75rem;
+  }
+
+  .lg\:hover\:-translate-y-8:hover {
+    --transform-translate-y: -2rem;
+  }
+
+  .lg\:hover\:-translate-y-9:hover {
+    --transform-translate-y: -2.25rem;
+  }
+
+  .lg\:hover\:-translate-y-10:hover {
+    --transform-translate-y: -2.5rem;
+  }
+
+  .lg\:hover\:-translate-y-11:hover {
+    --transform-translate-y: -2.75rem;
+  }
+
+  .lg\:hover\:-translate-y-12:hover {
+    --transform-translate-y: -3rem;
+  }
+
+  .lg\:hover\:-translate-y-13:hover {
+    --transform-translate-y: -3.25rem;
+  }
+
+  .lg\:hover\:-translate-y-14:hover {
+    --transform-translate-y: -3.5rem;
+  }
+
+  .lg\:hover\:-translate-y-15:hover {
+    --transform-translate-y: -3.75rem;
+  }
+
+  .lg\:hover\:-translate-y-16:hover {
+    --transform-translate-y: -4rem;
+  }
+
+  .lg\:hover\:-translate-y-20:hover {
+    --transform-translate-y: -5rem;
+  }
+
+  .lg\:hover\:-translate-y-24:hover {
+    --transform-translate-y: -6rem;
+  }
+
+  .lg\:hover\:-translate-y-28:hover {
+    --transform-translate-y: -7rem;
+  }
+
+  .lg\:hover\:-translate-y-32:hover {
+    --transform-translate-y: -8rem;
+  }
+
+  .lg\:hover\:-translate-y-36:hover {
+    --transform-translate-y: -9rem;
+  }
+
+  .lg\:hover\:-translate-y-40:hover {
+    --transform-translate-y: -10rem;
+  }
+
+  .lg\:hover\:-translate-y-48:hover {
+    --transform-translate-y: -12rem;
+  }
+
+  .lg\:hover\:-translate-y-56:hover {
+    --transform-translate-y: -14rem;
+  }
+
+  .lg\:hover\:-translate-y-60:hover {
+    --transform-translate-y: -15rem;
+  }
+
+  .lg\:hover\:-translate-y-64:hover {
+    --transform-translate-y: -16rem;
+  }
+
+  .lg\:hover\:-translate-y-72:hover {
+    --transform-translate-y: -18rem;
+  }
+
+  .lg\:hover\:-translate-y-80:hover {
+    --transform-translate-y: -20rem;
+  }
+
+  .lg\:hover\:-translate-y-96:hover {
+    --transform-translate-y: -24rem;
+  }
+
+  .lg\:hover\:-translate-y-px:hover {
+    --transform-translate-y: -1px;
+  }
+
+  .lg\:hover\:-translate-y-0\.5:hover {
+    --transform-translate-y: -0.125rem;
+  }
+
+  .lg\:hover\:-translate-y-1\.5:hover {
+    --transform-translate-y: -0.375rem;
+  }
+
+  .lg\:hover\:-translate-y-2\.5:hover {
+    --transform-translate-y: -0.625rem;
+  }
+
+  .lg\:hover\:-translate-y-3\.5:hover {
+    --transform-translate-y: -0.875rem;
+  }
+
+  .lg\:hover\:-translate-y-1\/2:hover {
+    --transform-translate-y: -50%;
+  }
+
+  .lg\:hover\:-translate-y-1\/3:hover {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .lg\:hover\:-translate-y-2\/3:hover {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .lg\:hover\:-translate-y-1\/4:hover {
+    --transform-translate-y: -25%;
+  }
+
+  .lg\:hover\:-translate-y-2\/4:hover {
+    --transform-translate-y: -50%;
+  }
+
+  .lg\:hover\:-translate-y-3\/4:hover {
+    --transform-translate-y: -75%;
+  }
+
+  .lg\:hover\:-translate-y-1\/5:hover {
+    --transform-translate-y: -20%;
+  }
+
+  .lg\:hover\:-translate-y-2\/5:hover {
+    --transform-translate-y: -40%;
+  }
+
+  .lg\:hover\:-translate-y-3\/5:hover {
+    --transform-translate-y: -60%;
+  }
+
+  .lg\:hover\:-translate-y-4\/5:hover {
+    --transform-translate-y: -80%;
+  }
+
+  .lg\:hover\:-translate-y-1\/6:hover {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .lg\:hover\:-translate-y-2\/6:hover {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .lg\:hover\:-translate-y-3\/6:hover {
+    --transform-translate-y: -50%;
+  }
+
+  .lg\:hover\:-translate-y-4\/6:hover {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .lg\:hover\:-translate-y-5\/6:hover {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .lg\:hover\:-translate-y-1\/12:hover {
+    --transform-translate-y: -8.33333%;
+  }
+
+  .lg\:hover\:-translate-y-2\/12:hover {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .lg\:hover\:-translate-y-3\/12:hover {
+    --transform-translate-y: -25%;
+  }
+
+  .lg\:hover\:-translate-y-4\/12:hover {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .lg\:hover\:-translate-y-5\/12:hover {
+    --transform-translate-y: -41.66667%;
+  }
+
+  .lg\:hover\:-translate-y-6\/12:hover {
+    --transform-translate-y: -50%;
+  }
+
+  .lg\:hover\:-translate-y-7\/12:hover {
+    --transform-translate-y: -58.33333%;
+  }
+
+  .lg\:hover\:-translate-y-8\/12:hover {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .lg\:hover\:-translate-y-9\/12:hover {
+    --transform-translate-y: -75%;
+  }
+
+  .lg\:hover\:-translate-y-10\/12:hover {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .lg\:hover\:-translate-y-11\/12:hover {
+    --transform-translate-y: -91.66667%;
+  }
+
+  .lg\:hover\:-translate-y-full:hover {
+    --transform-translate-y: -100%;
+  }
+
+  .lg\:focus\:translate-x-0:focus {
+    --transform-translate-x: 0;
+  }
+
+  .lg\:focus\:translate-x-1:focus {
+    --transform-translate-x: 0.25rem;
+  }
+
+  .lg\:focus\:translate-x-2:focus {
+    --transform-translate-x: 0.5rem;
+  }
+
+  .lg\:focus\:translate-x-3:focus {
+    --transform-translate-x: 0.75rem;
+  }
+
+  .lg\:focus\:translate-x-4:focus {
+    --transform-translate-x: 1rem;
+  }
+
+  .lg\:focus\:translate-x-5:focus {
+    --transform-translate-x: 1.25rem;
+  }
+
+  .lg\:focus\:translate-x-6:focus {
+    --transform-translate-x: 1.5rem;
+  }
+
+  .lg\:focus\:translate-x-7:focus {
+    --transform-translate-x: 1.75rem;
+  }
+
+  .lg\:focus\:translate-x-8:focus {
+    --transform-translate-x: 2rem;
+  }
+
+  .lg\:focus\:translate-x-9:focus {
+    --transform-translate-x: 2.25rem;
+  }
+
+  .lg\:focus\:translate-x-10:focus {
+    --transform-translate-x: 2.5rem;
+  }
+
+  .lg\:focus\:translate-x-11:focus {
+    --transform-translate-x: 2.75rem;
+  }
+
+  .lg\:focus\:translate-x-12:focus {
+    --transform-translate-x: 3rem;
+  }
+
+  .lg\:focus\:translate-x-13:focus {
+    --transform-translate-x: 3.25rem;
+  }
+
+  .lg\:focus\:translate-x-14:focus {
+    --transform-translate-x: 3.5rem;
+  }
+
+  .lg\:focus\:translate-x-15:focus {
+    --transform-translate-x: 3.75rem;
+  }
+
+  .lg\:focus\:translate-x-16:focus {
+    --transform-translate-x: 4rem;
+  }
+
+  .lg\:focus\:translate-x-20:focus {
+    --transform-translate-x: 5rem;
+  }
+
+  .lg\:focus\:translate-x-24:focus {
+    --transform-translate-x: 6rem;
+  }
+
+  .lg\:focus\:translate-x-28:focus {
+    --transform-translate-x: 7rem;
+  }
+
+  .lg\:focus\:translate-x-32:focus {
+    --transform-translate-x: 8rem;
+  }
+
+  .lg\:focus\:translate-x-36:focus {
+    --transform-translate-x: 9rem;
+  }
+
+  .lg\:focus\:translate-x-40:focus {
+    --transform-translate-x: 10rem;
+  }
+
+  .lg\:focus\:translate-x-48:focus {
+    --transform-translate-x: 12rem;
+  }
+
+  .lg\:focus\:translate-x-56:focus {
+    --transform-translate-x: 14rem;
+  }
+
+  .lg\:focus\:translate-x-60:focus {
+    --transform-translate-x: 15rem;
+  }
+
+  .lg\:focus\:translate-x-64:focus {
+    --transform-translate-x: 16rem;
+  }
+
+  .lg\:focus\:translate-x-72:focus {
+    --transform-translate-x: 18rem;
+  }
+
+  .lg\:focus\:translate-x-80:focus {
+    --transform-translate-x: 20rem;
+  }
+
+  .lg\:focus\:translate-x-96:focus {
+    --transform-translate-x: 24rem;
+  }
+
+  .lg\:focus\:translate-x-px:focus {
+    --transform-translate-x: 1px;
+  }
+
+  .lg\:focus\:translate-x-0\.5:focus {
+    --transform-translate-x: 0.125rem;
+  }
+
+  .lg\:focus\:translate-x-1\.5:focus {
+    --transform-translate-x: 0.375rem;
+  }
+
+  .lg\:focus\:translate-x-2\.5:focus {
+    --transform-translate-x: 0.625rem;
+  }
+
+  .lg\:focus\:translate-x-3\.5:focus {
+    --transform-translate-x: 0.875rem;
+  }
+
+  .lg\:focus\:translate-x-1\/2:focus {
+    --transform-translate-x: 50%;
+  }
+
+  .lg\:focus\:translate-x-1\/3:focus {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .lg\:focus\:translate-x-2\/3:focus {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .lg\:focus\:translate-x-1\/4:focus {
+    --transform-translate-x: 25%;
+  }
+
+  .lg\:focus\:translate-x-2\/4:focus {
+    --transform-translate-x: 50%;
+  }
+
+  .lg\:focus\:translate-x-3\/4:focus {
+    --transform-translate-x: 75%;
+  }
+
+  .lg\:focus\:translate-x-1\/5:focus {
+    --transform-translate-x: 20%;
+  }
+
+  .lg\:focus\:translate-x-2\/5:focus {
+    --transform-translate-x: 40%;
+  }
+
+  .lg\:focus\:translate-x-3\/5:focus {
+    --transform-translate-x: 60%;
+  }
+
+  .lg\:focus\:translate-x-4\/5:focus {
+    --transform-translate-x: 80%;
+  }
+
+  .lg\:focus\:translate-x-1\/6:focus {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .lg\:focus\:translate-x-2\/6:focus {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .lg\:focus\:translate-x-3\/6:focus {
+    --transform-translate-x: 50%;
+  }
+
+  .lg\:focus\:translate-x-4\/6:focus {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .lg\:focus\:translate-x-5\/6:focus {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .lg\:focus\:translate-x-1\/12:focus {
+    --transform-translate-x: 8.333333%;
+  }
+
+  .lg\:focus\:translate-x-2\/12:focus {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .lg\:focus\:translate-x-3\/12:focus {
+    --transform-translate-x: 25%;
+  }
+
+  .lg\:focus\:translate-x-4\/12:focus {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .lg\:focus\:translate-x-5\/12:focus {
+    --transform-translate-x: 41.666667%;
+  }
+
+  .lg\:focus\:translate-x-6\/12:focus {
+    --transform-translate-x: 50%;
+  }
+
+  .lg\:focus\:translate-x-7\/12:focus {
+    --transform-translate-x: 58.333333%;
+  }
+
+  .lg\:focus\:translate-x-8\/12:focus {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .lg\:focus\:translate-x-9\/12:focus {
+    --transform-translate-x: 75%;
+  }
+
+  .lg\:focus\:translate-x-10\/12:focus {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .lg\:focus\:translate-x-11\/12:focus {
+    --transform-translate-x: 91.666667%;
+  }
+
+  .lg\:focus\:translate-x-full:focus {
+    --transform-translate-x: 100%;
+  }
+
+  .lg\:focus\:-translate-x-1:focus {
+    --transform-translate-x: -0.25rem;
+  }
+
+  .lg\:focus\:-translate-x-2:focus {
+    --transform-translate-x: -0.5rem;
+  }
+
+  .lg\:focus\:-translate-x-3:focus {
+    --transform-translate-x: -0.75rem;
+  }
+
+  .lg\:focus\:-translate-x-4:focus {
+    --transform-translate-x: -1rem;
+  }
+
+  .lg\:focus\:-translate-x-5:focus {
+    --transform-translate-x: -1.25rem;
+  }
+
+  .lg\:focus\:-translate-x-6:focus {
+    --transform-translate-x: -1.5rem;
+  }
+
+  .lg\:focus\:-translate-x-7:focus {
+    --transform-translate-x: -1.75rem;
+  }
+
+  .lg\:focus\:-translate-x-8:focus {
+    --transform-translate-x: -2rem;
+  }
+
+  .lg\:focus\:-translate-x-9:focus {
+    --transform-translate-x: -2.25rem;
+  }
+
+  .lg\:focus\:-translate-x-10:focus {
+    --transform-translate-x: -2.5rem;
+  }
+
+  .lg\:focus\:-translate-x-11:focus {
+    --transform-translate-x: -2.75rem;
+  }
+
+  .lg\:focus\:-translate-x-12:focus {
+    --transform-translate-x: -3rem;
+  }
+
+  .lg\:focus\:-translate-x-13:focus {
+    --transform-translate-x: -3.25rem;
+  }
+
+  .lg\:focus\:-translate-x-14:focus {
+    --transform-translate-x: -3.5rem;
+  }
+
+  .lg\:focus\:-translate-x-15:focus {
+    --transform-translate-x: -3.75rem;
+  }
+
+  .lg\:focus\:-translate-x-16:focus {
+    --transform-translate-x: -4rem;
+  }
+
+  .lg\:focus\:-translate-x-20:focus {
+    --transform-translate-x: -5rem;
+  }
+
+  .lg\:focus\:-translate-x-24:focus {
+    --transform-translate-x: -6rem;
+  }
+
+  .lg\:focus\:-translate-x-28:focus {
+    --transform-translate-x: -7rem;
+  }
+
+  .lg\:focus\:-translate-x-32:focus {
+    --transform-translate-x: -8rem;
+  }
+
+  .lg\:focus\:-translate-x-36:focus {
+    --transform-translate-x: -9rem;
+  }
+
+  .lg\:focus\:-translate-x-40:focus {
+    --transform-translate-x: -10rem;
+  }
+
+  .lg\:focus\:-translate-x-48:focus {
+    --transform-translate-x: -12rem;
+  }
+
+  .lg\:focus\:-translate-x-56:focus {
+    --transform-translate-x: -14rem;
+  }
+
+  .lg\:focus\:-translate-x-60:focus {
+    --transform-translate-x: -15rem;
+  }
+
+  .lg\:focus\:-translate-x-64:focus {
+    --transform-translate-x: -16rem;
+  }
+
+  .lg\:focus\:-translate-x-72:focus {
+    --transform-translate-x: -18rem;
+  }
+
+  .lg\:focus\:-translate-x-80:focus {
+    --transform-translate-x: -20rem;
+  }
+
+  .lg\:focus\:-translate-x-96:focus {
+    --transform-translate-x: -24rem;
+  }
+
+  .lg\:focus\:-translate-x-px:focus {
+    --transform-translate-x: -1px;
+  }
+
+  .lg\:focus\:-translate-x-0\.5:focus {
+    --transform-translate-x: -0.125rem;
+  }
+
+  .lg\:focus\:-translate-x-1\.5:focus {
+    --transform-translate-x: -0.375rem;
+  }
+
+  .lg\:focus\:-translate-x-2\.5:focus {
+    --transform-translate-x: -0.625rem;
+  }
+
+  .lg\:focus\:-translate-x-3\.5:focus {
+    --transform-translate-x: -0.875rem;
+  }
+
+  .lg\:focus\:-translate-x-1\/2:focus {
+    --transform-translate-x: -50%;
+  }
+
+  .lg\:focus\:-translate-x-1\/3:focus {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .lg\:focus\:-translate-x-2\/3:focus {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .lg\:focus\:-translate-x-1\/4:focus {
+    --transform-translate-x: -25%;
+  }
+
+  .lg\:focus\:-translate-x-2\/4:focus {
+    --transform-translate-x: -50%;
+  }
+
+  .lg\:focus\:-translate-x-3\/4:focus {
+    --transform-translate-x: -75%;
+  }
+
+  .lg\:focus\:-translate-x-1\/5:focus {
+    --transform-translate-x: -20%;
+  }
+
+  .lg\:focus\:-translate-x-2\/5:focus {
+    --transform-translate-x: -40%;
+  }
+
+  .lg\:focus\:-translate-x-3\/5:focus {
+    --transform-translate-x: -60%;
+  }
+
+  .lg\:focus\:-translate-x-4\/5:focus {
+    --transform-translate-x: -80%;
+  }
+
+  .lg\:focus\:-translate-x-1\/6:focus {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .lg\:focus\:-translate-x-2\/6:focus {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .lg\:focus\:-translate-x-3\/6:focus {
+    --transform-translate-x: -50%;
+  }
+
+  .lg\:focus\:-translate-x-4\/6:focus {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .lg\:focus\:-translate-x-5\/6:focus {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .lg\:focus\:-translate-x-1\/12:focus {
+    --transform-translate-x: -8.33333%;
+  }
+
+  .lg\:focus\:-translate-x-2\/12:focus {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .lg\:focus\:-translate-x-3\/12:focus {
+    --transform-translate-x: -25%;
+  }
+
+  .lg\:focus\:-translate-x-4\/12:focus {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .lg\:focus\:-translate-x-5\/12:focus {
+    --transform-translate-x: -41.66667%;
+  }
+
+  .lg\:focus\:-translate-x-6\/12:focus {
+    --transform-translate-x: -50%;
+  }
+
+  .lg\:focus\:-translate-x-7\/12:focus {
+    --transform-translate-x: -58.33333%;
+  }
+
+  .lg\:focus\:-translate-x-8\/12:focus {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .lg\:focus\:-translate-x-9\/12:focus {
+    --transform-translate-x: -75%;
+  }
+
+  .lg\:focus\:-translate-x-10\/12:focus {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .lg\:focus\:-translate-x-11\/12:focus {
+    --transform-translate-x: -91.66667%;
+  }
+
+  .lg\:focus\:-translate-x-full:focus {
+    --transform-translate-x: -100%;
+  }
+
+  .lg\:focus\:translate-y-0:focus {
+    --transform-translate-y: 0;
+  }
+
+  .lg\:focus\:translate-y-1:focus {
+    --transform-translate-y: 0.25rem;
+  }
+
+  .lg\:focus\:translate-y-2:focus {
+    --transform-translate-y: 0.5rem;
+  }
+
+  .lg\:focus\:translate-y-3:focus {
+    --transform-translate-y: 0.75rem;
+  }
+
+  .lg\:focus\:translate-y-4:focus {
+    --transform-translate-y: 1rem;
+  }
+
+  .lg\:focus\:translate-y-5:focus {
+    --transform-translate-y: 1.25rem;
+  }
+
+  .lg\:focus\:translate-y-6:focus {
+    --transform-translate-y: 1.5rem;
+  }
+
+  .lg\:focus\:translate-y-7:focus {
+    --transform-translate-y: 1.75rem;
+  }
+
+  .lg\:focus\:translate-y-8:focus {
+    --transform-translate-y: 2rem;
+  }
+
+  .lg\:focus\:translate-y-9:focus {
+    --transform-translate-y: 2.25rem;
+  }
+
+  .lg\:focus\:translate-y-10:focus {
+    --transform-translate-y: 2.5rem;
+  }
+
+  .lg\:focus\:translate-y-11:focus {
+    --transform-translate-y: 2.75rem;
+  }
+
+  .lg\:focus\:translate-y-12:focus {
+    --transform-translate-y: 3rem;
+  }
+
+  .lg\:focus\:translate-y-13:focus {
+    --transform-translate-y: 3.25rem;
+  }
+
+  .lg\:focus\:translate-y-14:focus {
+    --transform-translate-y: 3.5rem;
+  }
+
+  .lg\:focus\:translate-y-15:focus {
+    --transform-translate-y: 3.75rem;
+  }
+
+  .lg\:focus\:translate-y-16:focus {
+    --transform-translate-y: 4rem;
+  }
+
+  .lg\:focus\:translate-y-20:focus {
+    --transform-translate-y: 5rem;
+  }
+
+  .lg\:focus\:translate-y-24:focus {
+    --transform-translate-y: 6rem;
+  }
+
+  .lg\:focus\:translate-y-28:focus {
+    --transform-translate-y: 7rem;
+  }
+
+  .lg\:focus\:translate-y-32:focus {
+    --transform-translate-y: 8rem;
+  }
+
+  .lg\:focus\:translate-y-36:focus {
+    --transform-translate-y: 9rem;
+  }
+
+  .lg\:focus\:translate-y-40:focus {
+    --transform-translate-y: 10rem;
+  }
+
+  .lg\:focus\:translate-y-48:focus {
+    --transform-translate-y: 12rem;
+  }
+
+  .lg\:focus\:translate-y-56:focus {
+    --transform-translate-y: 14rem;
+  }
+
+  .lg\:focus\:translate-y-60:focus {
+    --transform-translate-y: 15rem;
+  }
+
+  .lg\:focus\:translate-y-64:focus {
+    --transform-translate-y: 16rem;
+  }
+
+  .lg\:focus\:translate-y-72:focus {
+    --transform-translate-y: 18rem;
+  }
+
+  .lg\:focus\:translate-y-80:focus {
+    --transform-translate-y: 20rem;
+  }
+
+  .lg\:focus\:translate-y-96:focus {
+    --transform-translate-y: 24rem;
+  }
+
+  .lg\:focus\:translate-y-px:focus {
+    --transform-translate-y: 1px;
+  }
+
+  .lg\:focus\:translate-y-0\.5:focus {
+    --transform-translate-y: 0.125rem;
+  }
+
+  .lg\:focus\:translate-y-1\.5:focus {
+    --transform-translate-y: 0.375rem;
+  }
+
+  .lg\:focus\:translate-y-2\.5:focus {
+    --transform-translate-y: 0.625rem;
+  }
+
+  .lg\:focus\:translate-y-3\.5:focus {
+    --transform-translate-y: 0.875rem;
+  }
+
+  .lg\:focus\:translate-y-1\/2:focus {
+    --transform-translate-y: 50%;
+  }
+
+  .lg\:focus\:translate-y-1\/3:focus {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .lg\:focus\:translate-y-2\/3:focus {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .lg\:focus\:translate-y-1\/4:focus {
+    --transform-translate-y: 25%;
+  }
+
+  .lg\:focus\:translate-y-2\/4:focus {
+    --transform-translate-y: 50%;
+  }
+
+  .lg\:focus\:translate-y-3\/4:focus {
+    --transform-translate-y: 75%;
+  }
+
+  .lg\:focus\:translate-y-1\/5:focus {
+    --transform-translate-y: 20%;
+  }
+
+  .lg\:focus\:translate-y-2\/5:focus {
+    --transform-translate-y: 40%;
+  }
+
+  .lg\:focus\:translate-y-3\/5:focus {
+    --transform-translate-y: 60%;
+  }
+
+  .lg\:focus\:translate-y-4\/5:focus {
+    --transform-translate-y: 80%;
+  }
+
+  .lg\:focus\:translate-y-1\/6:focus {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .lg\:focus\:translate-y-2\/6:focus {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .lg\:focus\:translate-y-3\/6:focus {
+    --transform-translate-y: 50%;
+  }
+
+  .lg\:focus\:translate-y-4\/6:focus {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .lg\:focus\:translate-y-5\/6:focus {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .lg\:focus\:translate-y-1\/12:focus {
+    --transform-translate-y: 8.333333%;
+  }
+
+  .lg\:focus\:translate-y-2\/12:focus {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .lg\:focus\:translate-y-3\/12:focus {
+    --transform-translate-y: 25%;
+  }
+
+  .lg\:focus\:translate-y-4\/12:focus {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .lg\:focus\:translate-y-5\/12:focus {
+    --transform-translate-y: 41.666667%;
+  }
+
+  .lg\:focus\:translate-y-6\/12:focus {
+    --transform-translate-y: 50%;
+  }
+
+  .lg\:focus\:translate-y-7\/12:focus {
+    --transform-translate-y: 58.333333%;
+  }
+
+  .lg\:focus\:translate-y-8\/12:focus {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .lg\:focus\:translate-y-9\/12:focus {
+    --transform-translate-y: 75%;
+  }
+
+  .lg\:focus\:translate-y-10\/12:focus {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .lg\:focus\:translate-y-11\/12:focus {
+    --transform-translate-y: 91.666667%;
+  }
+
+  .lg\:focus\:translate-y-full:focus {
+    --transform-translate-y: 100%;
+  }
+
+  .lg\:focus\:-translate-y-1:focus {
+    --transform-translate-y: -0.25rem;
+  }
+
+  .lg\:focus\:-translate-y-2:focus {
+    --transform-translate-y: -0.5rem;
+  }
+
+  .lg\:focus\:-translate-y-3:focus {
+    --transform-translate-y: -0.75rem;
+  }
+
+  .lg\:focus\:-translate-y-4:focus {
+    --transform-translate-y: -1rem;
+  }
+
+  .lg\:focus\:-translate-y-5:focus {
+    --transform-translate-y: -1.25rem;
+  }
+
+  .lg\:focus\:-translate-y-6:focus {
+    --transform-translate-y: -1.5rem;
+  }
+
+  .lg\:focus\:-translate-y-7:focus {
+    --transform-translate-y: -1.75rem;
+  }
+
+  .lg\:focus\:-translate-y-8:focus {
+    --transform-translate-y: -2rem;
+  }
+
+  .lg\:focus\:-translate-y-9:focus {
+    --transform-translate-y: -2.25rem;
+  }
+
+  .lg\:focus\:-translate-y-10:focus {
+    --transform-translate-y: -2.5rem;
+  }
+
+  .lg\:focus\:-translate-y-11:focus {
+    --transform-translate-y: -2.75rem;
+  }
+
+  .lg\:focus\:-translate-y-12:focus {
+    --transform-translate-y: -3rem;
+  }
+
+  .lg\:focus\:-translate-y-13:focus {
+    --transform-translate-y: -3.25rem;
+  }
+
+  .lg\:focus\:-translate-y-14:focus {
+    --transform-translate-y: -3.5rem;
+  }
+
+  .lg\:focus\:-translate-y-15:focus {
+    --transform-translate-y: -3.75rem;
+  }
+
+  .lg\:focus\:-translate-y-16:focus {
+    --transform-translate-y: -4rem;
+  }
+
+  .lg\:focus\:-translate-y-20:focus {
+    --transform-translate-y: -5rem;
+  }
+
+  .lg\:focus\:-translate-y-24:focus {
+    --transform-translate-y: -6rem;
+  }
+
+  .lg\:focus\:-translate-y-28:focus {
+    --transform-translate-y: -7rem;
+  }
+
+  .lg\:focus\:-translate-y-32:focus {
+    --transform-translate-y: -8rem;
+  }
+
+  .lg\:focus\:-translate-y-36:focus {
+    --transform-translate-y: -9rem;
+  }
+
+  .lg\:focus\:-translate-y-40:focus {
+    --transform-translate-y: -10rem;
+  }
+
+  .lg\:focus\:-translate-y-48:focus {
+    --transform-translate-y: -12rem;
+  }
+
+  .lg\:focus\:-translate-y-56:focus {
+    --transform-translate-y: -14rem;
+  }
+
+  .lg\:focus\:-translate-y-60:focus {
+    --transform-translate-y: -15rem;
+  }
+
+  .lg\:focus\:-translate-y-64:focus {
+    --transform-translate-y: -16rem;
+  }
+
+  .lg\:focus\:-translate-y-72:focus {
+    --transform-translate-y: -18rem;
+  }
+
+  .lg\:focus\:-translate-y-80:focus {
+    --transform-translate-y: -20rem;
+  }
+
+  .lg\:focus\:-translate-y-96:focus {
+    --transform-translate-y: -24rem;
+  }
+
+  .lg\:focus\:-translate-y-px:focus {
+    --transform-translate-y: -1px;
+  }
+
+  .lg\:focus\:-translate-y-0\.5:focus {
+    --transform-translate-y: -0.125rem;
+  }
+
+  .lg\:focus\:-translate-y-1\.5:focus {
+    --transform-translate-y: -0.375rem;
+  }
+
+  .lg\:focus\:-translate-y-2\.5:focus {
+    --transform-translate-y: -0.625rem;
+  }
+
+  .lg\:focus\:-translate-y-3\.5:focus {
+    --transform-translate-y: -0.875rem;
+  }
+
+  .lg\:focus\:-translate-y-1\/2:focus {
+    --transform-translate-y: -50%;
+  }
+
+  .lg\:focus\:-translate-y-1\/3:focus {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .lg\:focus\:-translate-y-2\/3:focus {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .lg\:focus\:-translate-y-1\/4:focus {
+    --transform-translate-y: -25%;
+  }
+
+  .lg\:focus\:-translate-y-2\/4:focus {
+    --transform-translate-y: -50%;
+  }
+
+  .lg\:focus\:-translate-y-3\/4:focus {
+    --transform-translate-y: -75%;
+  }
+
+  .lg\:focus\:-translate-y-1\/5:focus {
+    --transform-translate-y: -20%;
+  }
+
+  .lg\:focus\:-translate-y-2\/5:focus {
+    --transform-translate-y: -40%;
+  }
+
+  .lg\:focus\:-translate-y-3\/5:focus {
+    --transform-translate-y: -60%;
+  }
+
+  .lg\:focus\:-translate-y-4\/5:focus {
+    --transform-translate-y: -80%;
+  }
+
+  .lg\:focus\:-translate-y-1\/6:focus {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .lg\:focus\:-translate-y-2\/6:focus {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .lg\:focus\:-translate-y-3\/6:focus {
+    --transform-translate-y: -50%;
+  }
+
+  .lg\:focus\:-translate-y-4\/6:focus {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .lg\:focus\:-translate-y-5\/6:focus {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .lg\:focus\:-translate-y-1\/12:focus {
+    --transform-translate-y: -8.33333%;
+  }
+
+  .lg\:focus\:-translate-y-2\/12:focus {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .lg\:focus\:-translate-y-3\/12:focus {
+    --transform-translate-y: -25%;
+  }
+
+  .lg\:focus\:-translate-y-4\/12:focus {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .lg\:focus\:-translate-y-5\/12:focus {
+    --transform-translate-y: -41.66667%;
+  }
+
+  .lg\:focus\:-translate-y-6\/12:focus {
+    --transform-translate-y: -50%;
+  }
+
+  .lg\:focus\:-translate-y-7\/12:focus {
+    --transform-translate-y: -58.33333%;
+  }
+
+  .lg\:focus\:-translate-y-8\/12:focus {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .lg\:focus\:-translate-y-9\/12:focus {
+    --transform-translate-y: -75%;
+  }
+
+  .lg\:focus\:-translate-y-10\/12:focus {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .lg\:focus\:-translate-y-11\/12:focus {
+    --transform-translate-y: -91.66667%;
+  }
+
+  .lg\:focus\:-translate-y-full:focus {
+    --transform-translate-y: -100%;
+  }
+
+  .lg\:skew-x-0 {
+    --transform-skew-x: 0;
+  }
+
+  .lg\:skew-x-3 {
+    --transform-skew-x: 3deg;
+  }
+
+  .lg\:skew-x-6 {
+    --transform-skew-x: 6deg;
+  }
+
+  .lg\:skew-x-12 {
+    --transform-skew-x: 12deg;
+  }
+
+  .lg\:-skew-x-12 {
+    --transform-skew-x: -12deg;
+  }
+
+  .lg\:-skew-x-6 {
+    --transform-skew-x: -6deg;
+  }
+
+  .lg\:-skew-x-3 {
+    --transform-skew-x: -3deg;
+  }
+
+  .lg\:skew-y-0 {
+    --transform-skew-y: 0;
+  }
+
+  .lg\:skew-y-3 {
+    --transform-skew-y: 3deg;
+  }
+
+  .lg\:skew-y-6 {
+    --transform-skew-y: 6deg;
+  }
+
+  .lg\:skew-y-12 {
+    --transform-skew-y: 12deg;
+  }
+
+  .lg\:-skew-y-12 {
+    --transform-skew-y: -12deg;
+  }
+
+  .lg\:-skew-y-6 {
+    --transform-skew-y: -6deg;
+  }
+
+  .lg\:-skew-y-3 {
+    --transform-skew-y: -3deg;
+  }
+
+  .lg\:hover\:skew-x-0:hover {
+    --transform-skew-x: 0;
+  }
+
+  .lg\:hover\:skew-x-3:hover {
+    --transform-skew-x: 3deg;
+  }
+
+  .lg\:hover\:skew-x-6:hover {
+    --transform-skew-x: 6deg;
+  }
+
+  .lg\:hover\:skew-x-12:hover {
+    --transform-skew-x: 12deg;
+  }
+
+  .lg\:hover\:-skew-x-12:hover {
+    --transform-skew-x: -12deg;
+  }
+
+  .lg\:hover\:-skew-x-6:hover {
+    --transform-skew-x: -6deg;
+  }
+
+  .lg\:hover\:-skew-x-3:hover {
+    --transform-skew-x: -3deg;
+  }
+
+  .lg\:hover\:skew-y-0:hover {
+    --transform-skew-y: 0;
+  }
+
+  .lg\:hover\:skew-y-3:hover {
+    --transform-skew-y: 3deg;
+  }
+
+  .lg\:hover\:skew-y-6:hover {
+    --transform-skew-y: 6deg;
+  }
+
+  .lg\:hover\:skew-y-12:hover {
+    --transform-skew-y: 12deg;
+  }
+
+  .lg\:hover\:-skew-y-12:hover {
+    --transform-skew-y: -12deg;
+  }
+
+  .lg\:hover\:-skew-y-6:hover {
+    --transform-skew-y: -6deg;
+  }
+
+  .lg\:hover\:-skew-y-3:hover {
+    --transform-skew-y: -3deg;
+  }
+
+  .lg\:focus\:skew-x-0:focus {
+    --transform-skew-x: 0;
+  }
+
+  .lg\:focus\:skew-x-3:focus {
+    --transform-skew-x: 3deg;
+  }
+
+  .lg\:focus\:skew-x-6:focus {
+    --transform-skew-x: 6deg;
+  }
+
+  .lg\:focus\:skew-x-12:focus {
+    --transform-skew-x: 12deg;
+  }
+
+  .lg\:focus\:-skew-x-12:focus {
+    --transform-skew-x: -12deg;
+  }
+
+  .lg\:focus\:-skew-x-6:focus {
+    --transform-skew-x: -6deg;
+  }
+
+  .lg\:focus\:-skew-x-3:focus {
+    --transform-skew-x: -3deg;
+  }
+
+  .lg\:focus\:skew-y-0:focus {
+    --transform-skew-y: 0;
+  }
+
+  .lg\:focus\:skew-y-3:focus {
+    --transform-skew-y: 3deg;
+  }
+
+  .lg\:focus\:skew-y-6:focus {
+    --transform-skew-y: 6deg;
+  }
+
+  .lg\:focus\:skew-y-12:focus {
+    --transform-skew-y: 12deg;
+  }
+
+  .lg\:focus\:-skew-y-12:focus {
+    --transform-skew-y: -12deg;
+  }
+
+  .lg\:focus\:-skew-y-6:focus {
+    --transform-skew-y: -6deg;
+  }
+
+  .lg\:focus\:-skew-y-3:focus {
+    --transform-skew-y: -3deg;
+  }
+
+  .lg\:transition-none {
+    transition-property: none;
+  }
+
+  .lg\:transition-all {
+    transition-property: all;
+  }
+
+  .lg\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+  }
+
+  .lg\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+  }
+
+  .lg\:transition-opacity {
+    transition-property: opacity;
+  }
+
+  .lg\:transition-shadow {
+    transition-property: box-shadow;
+  }
+
+  .lg\:transition-transform {
+    transition-property: transform;
+  }
+
+  .lg\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .lg\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .lg\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .lg\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .lg\:duration-75 {
+    transition-duration: 75ms;
+  }
+
+  .lg\:duration-100 {
+    transition-duration: 100ms;
+  }
+
+  .lg\:duration-150 {
+    transition-duration: 150ms;
+  }
+
+  .lg\:duration-200 {
+    transition-duration: 200ms;
+  }
+
+  .lg\:duration-300 {
+    transition-duration: 300ms;
+  }
+
+  .lg\:duration-500 {
+    transition-duration: 500ms;
+  }
+
+  .lg\:duration-700 {
+    transition-duration: 700ms;
+  }
+
+  .lg\:duration-1000 {
+    transition-duration: 1000ms;
+  }
+
+  .lg\:delay-75 {
+    transition-delay: 75ms;
+  }
+
+  .lg\:delay-100 {
+    transition-delay: 100ms;
+  }
+
+  .lg\:delay-150 {
+    transition-delay: 150ms;
+  }
+
+  .lg\:delay-200 {
+    transition-delay: 200ms;
+  }
+
+  .lg\:delay-300 {
+    transition-delay: 300ms;
+  }
+
+  .lg\:delay-500 {
+    transition-delay: 500ms;
+  }
+
+  .lg\:delay-700 {
+    transition-delay: 700ms;
+  }
+
+  .lg\:delay-1000 {
+    transition-delay: 1000ms;
+  }
+
+  .lg\:animate-none {
+    -webkit-animation: none;
+            animation: none;
+  }
+
+  .lg\:animate-spin {
+    -webkit-animation: spin 1s linear infinite;
+            animation: spin 1s linear infinite;
+  }
+
+  .lg\:animate-ping {
+    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .lg\:animate-pulse {
+    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .lg\:animate-bounce {
+    -webkit-animation: bounce 1s infinite;
+            animation: bounce 1s infinite;
+  }
+}
+
+@media (min-width: 1280px) {
+  .xl\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .xl\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .xl\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .xl\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .xl\:container {
+      max-width: 1280px;
+    }
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\:space-y-7 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(1.75rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-7 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(1.75rem * var(--space-x-reverse));
+    margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\:space-y-9 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(2.25rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-9 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(2.25rem * var(--space-x-reverse));
+    margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\:space-y-11 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(2.75rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-11 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(2.75rem * var(--space-x-reverse));
+    margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\:space-y-13 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(3.25rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-13 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(3.25rem * var(--space-x-reverse));
+    margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-14 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(3.5rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-14 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(3.5rem * var(--space-x-reverse));
+    margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-15 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(3.75rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-15 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(3.75rem * var(--space-x-reverse));
+    margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\:space-y-28 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(7rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(7rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-28 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(7rem * var(--space-x-reverse));
+    margin-left: calc(7rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\:space-y-36 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(9rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(9rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-36 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(9rem * var(--space-x-reverse));
+    margin-left: calc(9rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\:space-y-60 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(15rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(15rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-60 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(15rem * var(--space-x-reverse));
+    margin-left: calc(15rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\:space-y-72 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(18rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(18rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-72 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(18rem * var(--space-x-reverse));
+    margin-left: calc(18rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-80 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(20rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(20rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-80 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(20rem * var(--space-x-reverse));
+    margin-left: calc(20rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-96 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(24rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(24rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-96 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(24rem * var(--space-x-reverse));
+    margin-left: calc(24rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\:space-y-0\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.125rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-0\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.125rem * var(--space-x-reverse));
+    margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-1\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.375rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-1\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.375rem * var(--space-x-reverse));
+    margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-2\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.625rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-2\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.625rem * var(--space-x-reverse));
+    margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-3\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.875rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-3\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.875rem * var(--space-x-reverse));
+    margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-1\/2 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(50% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-1\/2 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(50% * var(--space-x-reverse));
+    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-1\/3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(33.333333% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-1\/3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(33.333333% * var(--space-x-reverse));
+    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-2\/3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(66.666667% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-2\/3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(66.666667% * var(--space-x-reverse));
+    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-1\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(25% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-1\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(25% * var(--space-x-reverse));
+    margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-2\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(50% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-2\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(50% * var(--space-x-reverse));
+    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-3\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(75% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-3\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(75% * var(--space-x-reverse));
+    margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-1\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(20% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(20% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-1\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(20% * var(--space-x-reverse));
+    margin-left: calc(20% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-2\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(40% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(40% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-2\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(40% * var(--space-x-reverse));
+    margin-left: calc(40% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-3\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(60% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(60% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-3\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(60% * var(--space-x-reverse));
+    margin-left: calc(60% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-4\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(80% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(80% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-4\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(80% * var(--space-x-reverse));
+    margin-left: calc(80% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-1\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(16.666667% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-1\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(16.666667% * var(--space-x-reverse));
+    margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-2\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(33.333333% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-2\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(33.333333% * var(--space-x-reverse));
+    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-3\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(50% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-3\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(50% * var(--space-x-reverse));
+    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-4\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(66.666667% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-4\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(66.666667% * var(--space-x-reverse));
+    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-5\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(83.333333% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-5\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(83.333333% * var(--space-x-reverse));
+    margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-1\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(8.333333% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-1\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(8.333333% * var(--space-x-reverse));
+    margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-2\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(16.666667% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-2\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(16.666667% * var(--space-x-reverse));
+    margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-3\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(25% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-3\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(25% * var(--space-x-reverse));
+    margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-4\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(33.333333% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-4\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(33.333333% * var(--space-x-reverse));
+    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-5\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(41.666667% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-5\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(41.666667% * var(--space-x-reverse));
+    margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-6\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(50% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-6\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(50% * var(--space-x-reverse));
+    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-7\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(58.333333% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-7\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(58.333333% * var(--space-x-reverse));
+    margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-8\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(66.666667% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-8\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(66.666667% * var(--space-x-reverse));
+    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-9\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(75% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-9\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(75% * var(--space-x-reverse));
+    margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-10\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(83.333333% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-10\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(83.333333% * var(--space-x-reverse));
+    margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-11\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(91.666667% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-11\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(91.666667% * var(--space-x-reverse));
+    margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-full > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(100% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(100% * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-full > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(100% * var(--space-x-reverse));
+    margin-left: calc(100% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-space-y-7 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-1.75rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-7 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-1.75rem * var(--space-x-reverse));
+    margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-space-y-9 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-2.25rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-9 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-2.25rem * var(--space-x-reverse));
+    margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-space-y-11 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-2.75rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-11 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-2.75rem * var(--space-x-reverse));
+    margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-space-y-13 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-3.25rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-13 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-3.25rem * var(--space-x-reverse));
+    margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-14 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-3.5rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-14 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-3.5rem * var(--space-x-reverse));
+    margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-15 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-3.75rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-15 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-3.75rem * var(--space-x-reverse));
+    margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-space-y-28 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-7rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-7rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-28 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-7rem * var(--space-x-reverse));
+    margin-left: calc(-7rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-space-y-36 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-9rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-9rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-36 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-9rem * var(--space-x-reverse));
+    margin-left: calc(-9rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-space-y-60 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-15rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-15rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-60 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-15rem * var(--space-x-reverse));
+    margin-left: calc(-15rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-space-y-72 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-18rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-18rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-72 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-18rem * var(--space-x-reverse));
+    margin-left: calc(-18rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-80 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-20rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-20rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-80 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-20rem * var(--space-x-reverse));
+    margin-left: calc(-20rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-96 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-24rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-24rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-96 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-24rem * var(--space-x-reverse));
+    margin-left: calc(-24rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-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));
+  }
+
+  .xl\:-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)));
+  }
+
+  .xl\:-space-y-0\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.125rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-0\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.125rem * var(--space-x-reverse));
+    margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-1\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.375rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-1\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.375rem * var(--space-x-reverse));
+    margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-2\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.625rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-2\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.625rem * var(--space-x-reverse));
+    margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-3\.5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.875rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-3\.5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.875rem * var(--space-x-reverse));
+    margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-1\/2 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-50% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-1\/2 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-50% * var(--space-x-reverse));
+    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-1\/3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-1\/3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-33.33333% * var(--space-x-reverse));
+    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-2\/3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-2\/3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-66.66667% * var(--space-x-reverse));
+    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-1\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-25% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-1\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-25% * var(--space-x-reverse));
+    margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-2\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-50% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-2\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-50% * var(--space-x-reverse));
+    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-3\/4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-75% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-3\/4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-75% * var(--space-x-reverse));
+    margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-1\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-20% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-20% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-1\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-20% * var(--space-x-reverse));
+    margin-left: calc(-20% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-2\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-40% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-40% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-2\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-40% * var(--space-x-reverse));
+    margin-left: calc(-40% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-3\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-60% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-60% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-3\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-60% * var(--space-x-reverse));
+    margin-left: calc(-60% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-4\/5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-80% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-80% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-4\/5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-80% * var(--space-x-reverse));
+    margin-left: calc(-80% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-1\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-16.66667% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-1\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-16.66667% * var(--space-x-reverse));
+    margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-2\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-2\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-33.33333% * var(--space-x-reverse));
+    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-3\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-50% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-3\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-50% * var(--space-x-reverse));
+    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-4\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-4\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-66.66667% * var(--space-x-reverse));
+    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-5\/6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-83.33333% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-5\/6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-83.33333% * var(--space-x-reverse));
+    margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-1\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-8.33333% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-1\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-8.33333% * var(--space-x-reverse));
+    margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-2\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-16.66667% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-2\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-16.66667% * var(--space-x-reverse));
+    margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-3\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-25% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-3\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-25% * var(--space-x-reverse));
+    margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-4\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-4\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-33.33333% * var(--space-x-reverse));
+    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-5\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-41.66667% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-5\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-41.66667% * var(--space-x-reverse));
+    margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-6\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-50% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-6\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-50% * var(--space-x-reverse));
+    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-7\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-58.33333% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-7\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-58.33333% * var(--space-x-reverse));
+    margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-8\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-8\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-66.66667% * var(--space-x-reverse));
+    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-9\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-75% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-9\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-75% * var(--space-x-reverse));
+    margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-10\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-83.33333% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-10\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-83.33333% * var(--space-x-reverse));
+    margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-11\/12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-91.66667% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-11\/12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-91.66667% * var(--space-x-reverse));
+    margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:-space-y-full > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-100% * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-100% * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-full > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-100% * var(--space-x-reverse));
+    margin-left: calc(-100% * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xl\:space-y-reverse > :not(template) ~ :not(template) {
+    --space-y-reverse: 1;
+  }
+
+  .xl\:space-x-reverse > :not(template) ~ :not(template) {
+    --space-x-reverse: 1;
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\: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));
+  }
+
+  .xl\: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)));
+  }
+
+  .xl\:divide-y-reverse > :not(template) ~ :not(template) {
+    --divide-y-reverse: 1;
+  }
+
+  .xl\:divide-x-reverse > :not(template) ~ :not(template) {
+    --divide-x-reverse: 1;
+  }
+
+  .xl\:divide-transparent > :not(template) ~ :not(template) {
+    border-color: transparent;
+  }
+
+  .xl\:divide-white > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--divide-opacity));
+  }
+
+  .xl\:divide-black > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--divide-opacity));
+  }
+
+  .xl\:divide-gray-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--divide-opacity));
+  }
+
+  .xl\:divide-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--divide-opacity));
+  }
+
+  .xl\:divide-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--divide-opacity));
+  }
+
+  .xl\:divide-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--divide-opacity));
+  }
+
+  .xl\:divide-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--divide-opacity));
+  }
+
+  .xl\:divide-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--divide-opacity));
+  }
+
+  .xl\:divide-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--divide-opacity));
+  }
+
+  .xl\:divide-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--divide-opacity));
+  }
+
+  .xl\:divide-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--divide-opacity));
+  }
+
+  .xl\:divide-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--divide-opacity));
+  }
+
+  .xl\:divide-cool-gray-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--divide-opacity));
+  }
+
+  .xl\:divide-cool-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--divide-opacity));
+  }
+
+  .xl\:divide-cool-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--divide-opacity));
+  }
+
+  .xl\:divide-cool-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--divide-opacity));
+  }
+
+  .xl\:divide-cool-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--divide-opacity));
+  }
+
+  .xl\:divide-cool-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--divide-opacity));
+  }
+
+  .xl\:divide-cool-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--divide-opacity));
+  }
+
+  .xl\:divide-cool-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--divide-opacity));
+  }
+
+  .xl\:divide-cool-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--divide-opacity));
+  }
+
+  .xl\:divide-cool-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--divide-opacity));
+  }
+
+  .xl\:divide-red-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--divide-opacity));
+  }
+
+  .xl\:divide-red-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--divide-opacity));
+  }
+
+  .xl\:divide-red-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--divide-opacity));
+  }
+
+  .xl\:divide-red-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--divide-opacity));
+  }
+
+  .xl\:divide-red-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--divide-opacity));
+  }
+
+  .xl\:divide-red-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--divide-opacity));
+  }
+
+  .xl\:divide-red-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--divide-opacity));
+  }
+
+  .xl\:divide-red-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--divide-opacity));
+  }
+
+  .xl\:divide-red-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--divide-opacity));
+  }
+
+  .xl\:divide-red-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--divide-opacity));
+  }
+
+  .xl\:divide-orange-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--divide-opacity));
+  }
+
+  .xl\:divide-orange-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--divide-opacity));
+  }
+
+  .xl\:divide-orange-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--divide-opacity));
+  }
+
+  .xl\:divide-orange-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--divide-opacity));
+  }
+
+  .xl\:divide-orange-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--divide-opacity));
+  }
+
+  .xl\:divide-orange-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--divide-opacity));
+  }
+
+  .xl\:divide-orange-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--divide-opacity));
+  }
+
+  .xl\:divide-orange-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--divide-opacity));
+  }
+
+  .xl\:divide-orange-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--divide-opacity));
+  }
+
+  .xl\:divide-orange-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--divide-opacity));
+  }
+
+  .xl\:divide-yellow-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--divide-opacity));
+  }
+
+  .xl\:divide-yellow-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--divide-opacity));
+  }
+
+  .xl\:divide-yellow-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--divide-opacity));
+  }
+
+  .xl\:divide-yellow-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--divide-opacity));
+  }
+
+  .xl\:divide-yellow-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--divide-opacity));
+  }
+
+  .xl\:divide-yellow-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--divide-opacity));
+  }
+
+  .xl\:divide-yellow-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--divide-opacity));
+  }
+
+  .xl\:divide-yellow-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--divide-opacity));
+  }
+
+  .xl\:divide-yellow-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--divide-opacity));
+  }
+
+  .xl\:divide-yellow-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--divide-opacity));
+  }
+
+  .xl\:divide-green-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--divide-opacity));
+  }
+
+  .xl\:divide-green-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--divide-opacity));
+  }
+
+  .xl\:divide-green-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--divide-opacity));
+  }
+
+  .xl\:divide-green-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--divide-opacity));
+  }
+
+  .xl\:divide-green-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--divide-opacity));
+  }
+
+  .xl\:divide-green-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--divide-opacity));
+  }
+
+  .xl\:divide-green-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--divide-opacity));
+  }
+
+  .xl\:divide-green-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--divide-opacity));
+  }
+
+  .xl\:divide-green-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--divide-opacity));
+  }
+
+  .xl\:divide-green-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--divide-opacity));
+  }
+
+  .xl\:divide-teal-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--divide-opacity));
+  }
+
+  .xl\:divide-teal-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--divide-opacity));
+  }
+
+  .xl\:divide-teal-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--divide-opacity));
+  }
+
+  .xl\:divide-teal-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--divide-opacity));
+  }
+
+  .xl\:divide-teal-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--divide-opacity));
+  }
+
+  .xl\:divide-teal-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--divide-opacity));
+  }
+
+  .xl\:divide-teal-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--divide-opacity));
+  }
+
+  .xl\:divide-teal-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--divide-opacity));
+  }
+
+  .xl\:divide-teal-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--divide-opacity));
+  }
+
+  .xl\:divide-teal-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--divide-opacity));
+  }
+
+  .xl\:divide-blue-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--divide-opacity));
+  }
+
+  .xl\:divide-blue-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--divide-opacity));
+  }
+
+  .xl\:divide-blue-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--divide-opacity));
+  }
+
+  .xl\:divide-blue-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--divide-opacity));
+  }
+
+  .xl\:divide-blue-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--divide-opacity));
+  }
+
+  .xl\:divide-blue-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--divide-opacity));
+  }
+
+  .xl\:divide-blue-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--divide-opacity));
+  }
+
+  .xl\:divide-blue-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--divide-opacity));
+  }
+
+  .xl\:divide-blue-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--divide-opacity));
+  }
+
+  .xl\:divide-blue-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--divide-opacity));
+  }
+
+  .xl\:divide-indigo-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--divide-opacity));
+  }
+
+  .xl\:divide-indigo-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--divide-opacity));
+  }
+
+  .xl\:divide-indigo-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--divide-opacity));
+  }
+
+  .xl\:divide-indigo-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--divide-opacity));
+  }
+
+  .xl\:divide-indigo-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--divide-opacity));
+  }
+
+  .xl\:divide-indigo-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--divide-opacity));
+  }
+
+  .xl\:divide-indigo-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--divide-opacity));
+  }
+
+  .xl\:divide-indigo-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--divide-opacity));
+  }
+
+  .xl\:divide-indigo-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--divide-opacity));
+  }
+
+  .xl\:divide-indigo-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--divide-opacity));
+  }
+
+  .xl\:divide-purple-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--divide-opacity));
+  }
+
+  .xl\:divide-purple-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--divide-opacity));
+  }
+
+  .xl\:divide-purple-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--divide-opacity));
+  }
+
+  .xl\:divide-purple-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--divide-opacity));
+  }
+
+  .xl\:divide-purple-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--divide-opacity));
+  }
+
+  .xl\:divide-purple-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--divide-opacity));
+  }
+
+  .xl\:divide-purple-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--divide-opacity));
+  }
+
+  .xl\:divide-purple-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--divide-opacity));
+  }
+
+  .xl\:divide-purple-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--divide-opacity));
+  }
+
+  .xl\:divide-purple-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--divide-opacity));
+  }
+
+  .xl\:divide-pink-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--divide-opacity));
+  }
+
+  .xl\:divide-pink-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--divide-opacity));
+  }
+
+  .xl\:divide-pink-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--divide-opacity));
+  }
+
+  .xl\:divide-pink-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--divide-opacity));
+  }
+
+  .xl\:divide-pink-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--divide-opacity));
+  }
+
+  .xl\:divide-pink-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--divide-opacity));
+  }
+
+  .xl\:divide-pink-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--divide-opacity));
+  }
+
+  .xl\:divide-pink-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--divide-opacity));
+  }
+
+  .xl\:divide-pink-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--divide-opacity));
+  }
+
+  .xl\:divide-pink-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--divide-opacity));
+  }
+
+  .xl\:divide-opacity-0 > :not(template) ~ :not(template) {
+    --divide-opacity: 0;
+  }
+
+  .xl\:divide-opacity-25 > :not(template) ~ :not(template) {
+    --divide-opacity: 0.25;
+  }
+
+  .xl\:divide-opacity-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 0.5;
+  }
+
+  .xl\:divide-opacity-75 > :not(template) ~ :not(template) {
+    --divide-opacity: 0.75;
+  }
+
+  .xl\:divide-opacity-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+  }
+
+  .xl\: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;
+  }
+
+  .xl\:not-sr-only {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .xl\: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;
+  }
+
+  .xl\:focus\:not-sr-only:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .xl\:appearance-none {
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+  }
+
+  .xl\:bg-fixed {
+    background-attachment: fixed;
+  }
+
+  .xl\:bg-local {
+    background-attachment: local;
+  }
+
+  .xl\:bg-scroll {
+    background-attachment: scroll;
+  }
+
+  .xl\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .xl\:bg-white {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .xl\:bg-black {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .xl\:bg-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .xl\:bg-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .xl\:bg-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .xl\:bg-gray-300 {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .xl\:bg-gray-400 {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .xl\:bg-gray-500 {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .xl\:bg-gray-600 {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .xl\:bg-gray-700 {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .xl\:bg-gray-800 {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .xl\:bg-gray-900 {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .xl\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .xl\:bg-cool-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .xl\:bg-cool-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .xl\:bg-cool-gray-300 {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .xl\:bg-cool-gray-400 {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .xl\:bg-cool-gray-500 {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .xl\:bg-cool-gray-600 {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .xl\:bg-cool-gray-700 {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .xl\:bg-cool-gray-800 {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .xl\:bg-cool-gray-900 {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .xl\:bg-red-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .xl\:bg-red-100 {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .xl\:bg-red-200 {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .xl\:bg-red-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .xl\:bg-red-400 {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .xl\:bg-red-500 {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .xl\:bg-red-600 {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .xl\:bg-red-700 {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .xl\:bg-red-800 {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .xl\:bg-red-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .xl\:bg-orange-50 {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .xl\:bg-orange-100 {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .xl\:bg-orange-200 {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .xl\:bg-orange-300 {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .xl\:bg-orange-400 {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .xl\:bg-orange-500 {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .xl\:bg-orange-600 {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .xl\:bg-orange-700 {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .xl\:bg-orange-800 {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .xl\:bg-orange-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .xl\:bg-yellow-50 {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .xl\:bg-yellow-100 {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .xl\:bg-yellow-200 {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .xl\:bg-yellow-300 {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .xl\:bg-yellow-400 {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .xl\:bg-yellow-500 {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .xl\:bg-yellow-600 {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .xl\:bg-yellow-700 {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .xl\:bg-yellow-800 {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .xl\:bg-yellow-900 {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .xl\:bg-green-50 {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .xl\:bg-green-100 {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .xl\:bg-green-200 {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .xl\:bg-green-300 {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .xl\:bg-green-400 {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .xl\:bg-green-500 {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .xl\:bg-green-600 {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .xl\:bg-green-700 {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .xl\:bg-green-800 {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .xl\:bg-green-900 {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .xl\:bg-teal-50 {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .xl\:bg-teal-100 {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .xl\:bg-teal-200 {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .xl\:bg-teal-300 {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .xl\:bg-teal-400 {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .xl\:bg-teal-500 {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .xl\:bg-teal-600 {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .xl\:bg-teal-700 {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .xl\:bg-teal-800 {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .xl\:bg-teal-900 {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .xl\:bg-blue-50 {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .xl\:bg-blue-100 {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .xl\:bg-blue-200 {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .xl\:bg-blue-300 {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .xl\:bg-blue-400 {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .xl\:bg-blue-500 {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .xl\:bg-blue-600 {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .xl\:bg-blue-700 {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .xl\:bg-blue-800 {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .xl\:bg-blue-900 {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .xl\:bg-indigo-50 {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .xl\:bg-indigo-100 {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .xl\:bg-indigo-200 {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .xl\:bg-indigo-300 {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .xl\:bg-indigo-400 {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .xl\:bg-indigo-500 {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .xl\:bg-indigo-600 {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .xl\:bg-indigo-700 {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .xl\:bg-indigo-800 {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .xl\:bg-indigo-900 {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .xl\:bg-purple-50 {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .xl\:bg-purple-100 {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .xl\:bg-purple-200 {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .xl\:bg-purple-300 {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .xl\:bg-purple-400 {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .xl\:bg-purple-500 {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .xl\:bg-purple-600 {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .xl\:bg-purple-700 {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .xl\:bg-purple-800 {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .xl\:bg-purple-900 {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .xl\:bg-pink-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .xl\:bg-pink-100 {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .xl\:bg-pink-200 {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .xl\:bg-pink-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .xl\:bg-pink-400 {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .xl\:bg-pink-500 {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .xl\:bg-pink-600 {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .xl\:bg-pink-700 {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .xl\:bg-pink-800 {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .xl\:bg-pink-900 {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:hover .xl\:group-hover\:bg-white {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-black {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-300 {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-400 {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-500 {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-600 {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-700 {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-800 {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-900 {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-cool-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-cool-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-cool-gray-300 {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-cool-gray-400 {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-cool-gray-500 {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-cool-gray-600 {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-cool-gray-700 {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-cool-gray-800 {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-cool-gray-900 {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-100 {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-200 {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-400 {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-500 {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-600 {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-700 {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-800 {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-50 {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-100 {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-200 {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-300 {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-400 {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-500 {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-600 {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-700 {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-800 {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-50 {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-100 {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-200 {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-300 {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-400 {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-500 {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-600 {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-700 {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-800 {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-900 {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-50 {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-100 {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-200 {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-300 {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-400 {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-500 {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-600 {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-700 {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-800 {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-900 {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-teal-50 {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-teal-100 {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-teal-200 {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-teal-300 {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-teal-400 {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-teal-500 {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-teal-600 {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-teal-700 {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-teal-800 {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-teal-900 {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-50 {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-100 {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-200 {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-300 {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-400 {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-500 {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-600 {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-700 {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-800 {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-900 {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-50 {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-100 {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-200 {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-300 {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-400 {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-500 {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-600 {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-700 {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-800 {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-900 {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-50 {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-100 {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-200 {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-300 {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-400 {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-500 {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-600 {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-700 {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-800 {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-900 {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-100 {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-200 {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-400 {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-500 {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-600 {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-700 {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-800 {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-900 {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:focus .xl\:group-focus\:bg-white {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-black {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-gray-300 {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-gray-400 {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-gray-500 {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-gray-600 {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-gray-700 {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-gray-800 {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-gray-900 {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-cool-gray-50 {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-cool-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-cool-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-cool-gray-300 {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-cool-gray-400 {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-cool-gray-500 {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-cool-gray-600 {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-cool-gray-700 {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-cool-gray-800 {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-cool-gray-900 {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-red-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-red-100 {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-red-200 {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-red-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-red-400 {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-red-500 {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-red-600 {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-red-700 {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-red-800 {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-red-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-orange-50 {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-orange-100 {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-orange-200 {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-orange-300 {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-orange-400 {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-orange-500 {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-orange-600 {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-orange-700 {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-orange-800 {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-orange-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-yellow-50 {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-yellow-100 {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-yellow-200 {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-yellow-300 {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-yellow-400 {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-yellow-500 {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-yellow-600 {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-yellow-700 {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-yellow-800 {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-yellow-900 {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-green-50 {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-green-100 {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-green-200 {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-green-300 {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-green-400 {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-green-500 {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-green-600 {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-green-700 {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-green-800 {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-green-900 {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-teal-50 {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-teal-100 {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-teal-200 {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-teal-300 {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-teal-400 {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-teal-500 {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-teal-600 {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-teal-700 {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-teal-800 {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-teal-900 {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-blue-50 {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-blue-100 {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-blue-200 {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-blue-300 {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-blue-400 {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-blue-500 {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-blue-600 {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-blue-700 {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-blue-800 {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-blue-900 {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-indigo-50 {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-indigo-100 {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-indigo-200 {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-indigo-300 {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-indigo-400 {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-indigo-500 {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-indigo-600 {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-indigo-700 {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-indigo-800 {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-indigo-900 {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-purple-50 {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-purple-100 {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-purple-200 {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-purple-300 {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-purple-400 {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-purple-500 {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-purple-600 {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-purple-700 {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-purple-800 {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-purple-900 {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-pink-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-pink-100 {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-pink-200 {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-pink-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-pink-400 {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-pink-500 {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-pink-600 {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-pink-700 {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-pink-800 {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:bg-pink-900 {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-transparent:hover {
+    background-color: transparent;
+  }
+
+  .xl\:hover\:bg-white:hover {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-black:hover {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-50:hover {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-100:hover {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-200:hover {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-300:hover {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-400:hover {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-500:hover {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-600:hover {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-700:hover {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-800:hover {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-900:hover {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-cool-gray-50:hover {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-cool-gray-100:hover {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-cool-gray-200:hover {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-cool-gray-300:hover {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-cool-gray-400:hover {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-cool-gray-500:hover {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-cool-gray-600:hover {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-cool-gray-700:hover {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-cool-gray-800:hover {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-cool-gray-900:hover {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-50:hover {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-100:hover {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-200:hover {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-300:hover {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-400:hover {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-500:hover {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-600:hover {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-700:hover {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-800:hover {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-900:hover {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-orange-50:hover {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-orange-100:hover {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-orange-200:hover {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-orange-300:hover {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-orange-400:hover {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-orange-500:hover {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-orange-600:hover {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-orange-700:hover {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-orange-800:hover {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-orange-900:hover {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-50:hover {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-100:hover {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-200:hover {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-300:hover {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-400:hover {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-500:hover {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-600:hover {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-700:hover {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-800:hover {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-900:hover {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-50:hover {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-100:hover {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-200:hover {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-300:hover {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-400:hover {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-500:hover {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-600:hover {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-700:hover {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-800:hover {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-900:hover {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-teal-50:hover {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-teal-100:hover {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-teal-200:hover {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-teal-300:hover {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-teal-400:hover {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-teal-500:hover {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-teal-600:hover {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-teal-700:hover {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-teal-800:hover {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-teal-900:hover {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-50:hover {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-100:hover {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-200:hover {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-300:hover {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-400:hover {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-500:hover {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-600:hover {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-700:hover {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-800:hover {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-900:hover {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-50:hover {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-100:hover {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-200:hover {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-300:hover {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-400:hover {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-500:hover {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-600:hover {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-700:hover {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-800:hover {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-900:hover {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-50:hover {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-100:hover {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-200:hover {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-300:hover {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-400:hover {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-500:hover {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-600:hover {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-700:hover {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-800:hover {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-900:hover {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-50:hover {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-100:hover {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-200:hover {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-300:hover {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-400:hover {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-500:hover {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-600:hover {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-700:hover {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-800:hover {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-900:hover {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-transparent:focus {
+    background-color: transparent;
+  }
+
+  .xl\:focus\:bg-white:focus {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-black:focus {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-50:focus {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-100:focus {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-200:focus {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-300:focus {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-400:focus {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-500:focus {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-600:focus {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-700:focus {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-800:focus {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-900:focus {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-cool-gray-50:focus {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-cool-gray-100:focus {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-cool-gray-200:focus {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-cool-gray-300:focus {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-cool-gray-400:focus {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-cool-gray-500:focus {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-cool-gray-600:focus {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-cool-gray-700:focus {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-cool-gray-800:focus {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-cool-gray-900:focus {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-50:focus {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-100:focus {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-200:focus {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-300:focus {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-400:focus {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-500:focus {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-600:focus {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-700:focus {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-800:focus {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-900:focus {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-orange-50:focus {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-orange-100:focus {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-orange-200:focus {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-orange-300:focus {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-orange-400:focus {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-orange-500:focus {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-orange-600:focus {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-orange-700:focus {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-orange-800:focus {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-orange-900:focus {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-50:focus {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-100:focus {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-200:focus {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-300:focus {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-400:focus {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-500:focus {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-600:focus {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-700:focus {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-800:focus {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-900:focus {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-50:focus {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-100:focus {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-200:focus {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-300:focus {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-400:focus {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-500:focus {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-600:focus {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-700:focus {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-800:focus {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-900:focus {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-teal-50:focus {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-teal-100:focus {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-teal-200:focus {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-teal-300:focus {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-teal-400:focus {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-teal-500:focus {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-teal-600:focus {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-teal-700:focus {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-teal-800:focus {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-teal-900:focus {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-50:focus {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-100:focus {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-200:focus {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-300:focus {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-400:focus {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-500:focus {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-600:focus {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-700:focus {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-800:focus {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-900:focus {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-50:focus {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-100:focus {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-200:focus {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-300:focus {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-400:focus {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-500:focus {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-600:focus {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-700:focus {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-800:focus {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-900:focus {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-50:focus {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-100:focus {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-200:focus {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-300:focus {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-400:focus {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-500:focus {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-600:focus {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-700:focus {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-800:focus {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-900:focus {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-50:focus {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-100:focus {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-200:focus {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-300:focus {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-400:focus {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-500:focus {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-600:focus {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-700:focus {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-800:focus {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-900:focus {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-transparent:active {
+    background-color: transparent;
+  }
+
+  .xl\:active\:bg-white:active {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-black:active {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-gray-50:active {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-gray-100:active {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-gray-200:active {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-gray-300:active {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-gray-400:active {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-gray-500:active {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-gray-600:active {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-gray-700:active {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-gray-800:active {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-gray-900:active {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-cool-gray-50:active {
+    --bg-opacity: 1;
+    background-color: #fbfdfe;
+    background-color: rgba(251, 253, 254, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-cool-gray-100:active {
+    --bg-opacity: 1;
+    background-color: #f1f5f9;
+    background-color: rgba(241, 245, 249, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-cool-gray-200:active {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-cool-gray-300:active {
+    --bg-opacity: 1;
+    background-color: #cfd8e3;
+    background-color: rgba(207, 216, 227, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-cool-gray-400:active {
+    --bg-opacity: 1;
+    background-color: #97a6ba;
+    background-color: rgba(151, 166, 186, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-cool-gray-500:active {
+    --bg-opacity: 1;
+    background-color: #64748b;
+    background-color: rgba(100, 116, 139, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-cool-gray-600:active {
+    --bg-opacity: 1;
+    background-color: #475569;
+    background-color: rgba(71, 85, 105, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-cool-gray-700:active {
+    --bg-opacity: 1;
+    background-color: #364152;
+    background-color: rgba(54, 65, 82, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-cool-gray-800:active {
+    --bg-opacity: 1;
+    background-color: #27303f;
+    background-color: rgba(39, 48, 63, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-cool-gray-900:active {
+    --bg-opacity: 1;
+    background-color: #1a202e;
+    background-color: rgba(26, 32, 46, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-red-50:active {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-red-100:active {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-red-200:active {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-red-300:active {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-red-400:active {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-red-500:active {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-red-600:active {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-red-700:active {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-red-800:active {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-red-900:active {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-orange-50:active {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-orange-100:active {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-orange-200:active {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-orange-300:active {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-orange-400:active {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-orange-500:active {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-orange-600:active {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-orange-700:active {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-orange-800:active {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-orange-900:active {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-yellow-50:active {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-yellow-100:active {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-yellow-200:active {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-yellow-300:active {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-yellow-400:active {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-yellow-500:active {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-yellow-600:active {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-yellow-700:active {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-yellow-800:active {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-yellow-900:active {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-green-50:active {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-green-100:active {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-green-200:active {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-green-300:active {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-green-400:active {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-green-500:active {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-green-600:active {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-green-700:active {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-green-800:active {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-green-900:active {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-teal-50:active {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-teal-100:active {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-teal-200:active {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-teal-300:active {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-teal-400:active {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-teal-500:active {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-teal-600:active {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-teal-700:active {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-teal-800:active {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-teal-900:active {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-blue-50:active {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-blue-100:active {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-blue-200:active {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-blue-300:active {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-blue-400:active {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-blue-500:active {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-blue-600:active {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-blue-700:active {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-blue-800:active {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-blue-900:active {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-indigo-50:active {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-indigo-100:active {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-indigo-200:active {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-indigo-300:active {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-indigo-400:active {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-indigo-500:active {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-indigo-600:active {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-indigo-700:active {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-indigo-800:active {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-indigo-900:active {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-purple-50:active {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-purple-100:active {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-purple-200:active {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-purple-300:active {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-purple-400:active {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-purple-500:active {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-purple-600:active {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-purple-700:active {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-purple-800:active {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-purple-900:active {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-pink-50:active {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-pink-100:active {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-pink-200:active {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-pink-300:active {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-pink-400:active {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-pink-500:active {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-pink-600:active {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-pink-700:active {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-pink-800:active {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .xl\:active\:bg-pink-900:active {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .xl\:bg-opacity-0 {
+    --bg-opacity: 0;
+  }
+
+  .xl\:bg-opacity-25 {
+    --bg-opacity: 0.25;
+  }
+
+  .xl\:bg-opacity-50 {
+    --bg-opacity: 0.5;
+  }
+
+  .xl\:bg-opacity-75 {
+    --bg-opacity: 0.75;
+  }
+
+  .xl\:bg-opacity-100 {
+    --bg-opacity: 1;
+  }
+
+  .xl\:hover\:bg-opacity-0:hover {
+    --bg-opacity: 0;
+  }
+
+  .xl\:hover\:bg-opacity-25:hover {
+    --bg-opacity: 0.25;
+  }
+
+  .xl\:hover\:bg-opacity-50:hover {
+    --bg-opacity: 0.5;
+  }
+
+  .xl\:hover\:bg-opacity-75:hover {
+    --bg-opacity: 0.75;
+  }
+
+  .xl\:hover\:bg-opacity-100:hover {
+    --bg-opacity: 1;
+  }
+
+  .xl\:focus\:bg-opacity-0:focus {
+    --bg-opacity: 0;
+  }
+
+  .xl\:focus\:bg-opacity-25:focus {
+    --bg-opacity: 0.25;
+  }
+
+  .xl\:focus\:bg-opacity-50:focus {
+    --bg-opacity: 0.5;
+  }
+
+  .xl\:focus\:bg-opacity-75:focus {
+    --bg-opacity: 0.75;
+  }
+
+  .xl\:focus\:bg-opacity-100:focus {
+    --bg-opacity: 1;
+  }
+
+  .xl\:bg-bottom {
+    background-position: bottom;
+  }
+
+  .xl\:bg-center {
+    background-position: center;
+  }
+
+  .xl\:bg-left {
+    background-position: left;
+  }
+
+  .xl\:bg-left-bottom {
+    background-position: left bottom;
+  }
+
+  .xl\:bg-left-top {
+    background-position: left top;
+  }
+
+  .xl\:bg-right {
+    background-position: right;
+  }
+
+  .xl\:bg-right-bottom {
+    background-position: right bottom;
+  }
+
+  .xl\:bg-right-top {
+    background-position: right top;
+  }
+
+  .xl\:bg-top {
+    background-position: top;
+  }
+
+  .xl\:bg-repeat {
+    background-repeat: repeat;
+  }
+
+  .xl\:bg-no-repeat {
+    background-repeat: no-repeat;
+  }
+
+  .xl\:bg-repeat-x {
+    background-repeat: repeat-x;
+  }
+
+  .xl\:bg-repeat-y {
+    background-repeat: repeat-y;
+  }
+
+  .xl\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .xl\:bg-repeat-space {
+    background-repeat: space;
+  }
+
+  .xl\:bg-auto {
+    background-size: auto;
+  }
+
+  .xl\:bg-cover {
+    background-size: cover;
+  }
+
+  .xl\:bg-contain {
+    background-size: contain;
+  }
+
+  .xl\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .xl\:border-separate {
+    border-collapse: separate;
+  }
+
+  .xl\:border-transparent {
+    border-color: transparent;
+  }
+
+  .xl\:border-white {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .xl\:border-black {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .xl\:border-gray-50 {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .xl\:border-gray-100 {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .xl\:border-gray-200 {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .xl\:border-gray-300 {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .xl\:border-gray-400 {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .xl\:border-gray-500 {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .xl\:border-gray-600 {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .xl\:border-gray-700 {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .xl\:border-gray-800 {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .xl\:border-gray-900 {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .xl\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .xl\:border-cool-gray-100 {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .xl\:border-cool-gray-200 {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .xl\:border-cool-gray-300 {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .xl\:border-cool-gray-400 {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .xl\:border-cool-gray-500 {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .xl\:border-cool-gray-600 {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .xl\:border-cool-gray-700 {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .xl\:border-cool-gray-800 {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .xl\:border-cool-gray-900 {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .xl\:border-red-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .xl\:border-red-100 {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .xl\:border-red-200 {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .xl\:border-red-300 {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .xl\:border-red-400 {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .xl\:border-red-500 {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .xl\:border-red-600 {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .xl\:border-red-700 {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .xl\:border-red-800 {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .xl\:border-red-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .xl\:border-orange-50 {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .xl\:border-orange-100 {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .xl\:border-orange-200 {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .xl\:border-orange-300 {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .xl\:border-orange-400 {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .xl\:border-orange-500 {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .xl\:border-orange-600 {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .xl\:border-orange-700 {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .xl\:border-orange-800 {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .xl\:border-orange-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .xl\:border-yellow-50 {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .xl\:border-yellow-100 {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .xl\:border-yellow-200 {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .xl\:border-yellow-300 {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .xl\:border-yellow-400 {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .xl\:border-yellow-500 {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .xl\:border-yellow-600 {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .xl\:border-yellow-700 {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .xl\:border-yellow-800 {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .xl\:border-yellow-900 {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .xl\:border-green-50 {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .xl\:border-green-100 {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .xl\:border-green-200 {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .xl\:border-green-300 {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .xl\:border-green-400 {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .xl\:border-green-500 {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .xl\:border-green-600 {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .xl\:border-green-700 {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .xl\:border-green-800 {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .xl\:border-green-900 {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .xl\:border-teal-50 {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .xl\:border-teal-100 {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .xl\:border-teal-200 {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .xl\:border-teal-300 {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .xl\:border-teal-400 {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .xl\:border-teal-500 {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .xl\:border-teal-600 {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .xl\:border-teal-700 {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .xl\:border-teal-800 {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .xl\:border-teal-900 {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .xl\:border-blue-50 {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .xl\:border-blue-100 {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .xl\:border-blue-200 {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .xl\:border-blue-300 {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .xl\:border-blue-400 {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .xl\:border-blue-500 {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .xl\:border-blue-600 {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .xl\:border-blue-700 {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .xl\:border-blue-800 {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .xl\:border-blue-900 {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .xl\:border-indigo-50 {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .xl\:border-indigo-100 {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .xl\:border-indigo-200 {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .xl\:border-indigo-300 {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .xl\:border-indigo-400 {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .xl\:border-indigo-500 {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .xl\:border-indigo-600 {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .xl\:border-indigo-700 {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .xl\:border-indigo-800 {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .xl\:border-indigo-900 {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .xl\:border-purple-50 {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .xl\:border-purple-100 {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .xl\:border-purple-200 {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .xl\:border-purple-300 {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .xl\:border-purple-400 {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .xl\:border-purple-500 {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .xl\:border-purple-600 {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .xl\:border-purple-700 {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .xl\:border-purple-800 {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .xl\:border-purple-900 {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .xl\:border-pink-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .xl\:border-pink-100 {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .xl\:border-pink-200 {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .xl\:border-pink-300 {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .xl\:border-pink-400 {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .xl\:border-pink-500 {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .xl\:border-pink-600 {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .xl\:border-pink-700 {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .xl\:border-pink-800 {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .xl\:border-pink-900 {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:hover .xl\:group-hover\:border-white {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-black {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-50 {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-100 {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-200 {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-300 {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-400 {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-500 {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-600 {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-700 {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-800 {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-900 {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-cool-gray-100 {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-cool-gray-200 {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-cool-gray-300 {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-cool-gray-400 {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-cool-gray-500 {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-cool-gray-600 {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-cool-gray-700 {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-cool-gray-800 {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-cool-gray-900 {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-100 {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-200 {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-300 {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-400 {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-500 {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-600 {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-700 {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-800 {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-50 {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-100 {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-200 {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-300 {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-400 {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-500 {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-600 {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-700 {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-800 {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-50 {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-100 {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-200 {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-300 {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-400 {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-500 {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-600 {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-700 {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-800 {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-900 {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-50 {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-100 {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-200 {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-300 {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-400 {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-500 {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-600 {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-700 {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-800 {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-900 {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-teal-50 {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-teal-100 {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-teal-200 {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-teal-300 {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-teal-400 {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-teal-500 {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-teal-600 {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-teal-700 {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-teal-800 {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-teal-900 {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-50 {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-100 {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-200 {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-300 {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-400 {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-500 {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-600 {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-700 {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-800 {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-900 {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-50 {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-100 {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-200 {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-300 {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-400 {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-500 {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-600 {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-700 {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-800 {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-900 {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-50 {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-100 {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-200 {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-300 {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-400 {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-500 {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-600 {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-700 {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-800 {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-900 {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-100 {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-200 {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-300 {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-400 {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-500 {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-600 {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-700 {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-800 {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-900 {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:focus .xl\:group-focus\:border-white {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-black {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-gray-50 {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-gray-100 {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-gray-200 {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-gray-300 {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-gray-400 {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-gray-500 {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-gray-600 {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-gray-700 {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-gray-800 {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-gray-900 {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-cool-gray-50 {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-cool-gray-100 {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-cool-gray-200 {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-cool-gray-300 {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-cool-gray-400 {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-cool-gray-500 {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-cool-gray-600 {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-cool-gray-700 {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-cool-gray-800 {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-cool-gray-900 {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-red-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-red-100 {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-red-200 {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-red-300 {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-red-400 {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-red-500 {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-red-600 {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-red-700 {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-red-800 {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-red-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-orange-50 {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-orange-100 {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-orange-200 {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-orange-300 {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-orange-400 {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-orange-500 {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-orange-600 {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-orange-700 {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-orange-800 {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-orange-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-yellow-50 {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-yellow-100 {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-yellow-200 {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-yellow-300 {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-yellow-400 {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-yellow-500 {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-yellow-600 {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-yellow-700 {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-yellow-800 {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-yellow-900 {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-green-50 {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-green-100 {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-green-200 {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-green-300 {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-green-400 {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-green-500 {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-green-600 {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-green-700 {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-green-800 {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-green-900 {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-teal-50 {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-teal-100 {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-teal-200 {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-teal-300 {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-teal-400 {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-teal-500 {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-teal-600 {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-teal-700 {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-teal-800 {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-teal-900 {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-blue-50 {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-blue-100 {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-blue-200 {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-blue-300 {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-blue-400 {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-blue-500 {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-blue-600 {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-blue-700 {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-blue-800 {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-blue-900 {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-indigo-50 {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-indigo-100 {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-indigo-200 {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-indigo-300 {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-indigo-400 {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-indigo-500 {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-indigo-600 {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-indigo-700 {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-indigo-800 {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-indigo-900 {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-purple-50 {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-purple-100 {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-purple-200 {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-purple-300 {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-purple-400 {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-purple-500 {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-purple-600 {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-purple-700 {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-purple-800 {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-purple-900 {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-pink-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-pink-100 {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-pink-200 {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-pink-300 {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-pink-400 {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-pink-500 {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-pink-600 {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-pink-700 {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-pink-800 {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:border-pink-900 {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-transparent:hover {
+    border-color: transparent;
+  }
+
+  .xl\:hover\:border-white:hover {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-black:hover {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-gray-50:hover {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-gray-100:hover {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-gray-200:hover {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-gray-300:hover {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-gray-400:hover {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-gray-500:hover {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-gray-600:hover {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-gray-700:hover {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-gray-800:hover {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-gray-900:hover {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-cool-gray-50:hover {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-cool-gray-100:hover {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-cool-gray-200:hover {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-cool-gray-300:hover {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-cool-gray-400:hover {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-cool-gray-500:hover {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-cool-gray-600:hover {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-cool-gray-700:hover {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-cool-gray-800:hover {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-cool-gray-900:hover {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-red-50:hover {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-red-100:hover {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-red-200:hover {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-red-300:hover {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-red-400:hover {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-red-500:hover {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-red-600:hover {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-red-700:hover {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-red-800:hover {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-red-900:hover {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-orange-50:hover {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-orange-100:hover {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-orange-200:hover {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-orange-300:hover {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-orange-400:hover {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-orange-500:hover {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-orange-600:hover {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-orange-700:hover {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-orange-800:hover {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-orange-900:hover {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-50:hover {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-100:hover {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-200:hover {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-300:hover {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-400:hover {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-500:hover {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-600:hover {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-700:hover {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-800:hover {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-900:hover {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-green-50:hover {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-green-100:hover {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-green-200:hover {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-green-300:hover {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-green-400:hover {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-green-500:hover {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-green-600:hover {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-green-700:hover {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-green-800:hover {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-green-900:hover {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-teal-50:hover {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-teal-100:hover {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-teal-200:hover {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-teal-300:hover {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-teal-400:hover {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-teal-500:hover {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-teal-600:hover {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-teal-700:hover {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-teal-800:hover {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-teal-900:hover {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-blue-50:hover {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-blue-100:hover {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-blue-200:hover {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-blue-300:hover {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-blue-400:hover {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-blue-500:hover {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-blue-600:hover {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-blue-700:hover {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-blue-800:hover {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-blue-900:hover {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-50:hover {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-100:hover {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-200:hover {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-300:hover {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-400:hover {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-500:hover {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-600:hover {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-700:hover {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-800:hover {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-900:hover {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-purple-50:hover {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-purple-100:hover {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-purple-200:hover {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-purple-300:hover {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-purple-400:hover {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-purple-500:hover {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-purple-600:hover {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-purple-700:hover {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-purple-800:hover {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-purple-900:hover {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-pink-50:hover {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-pink-100:hover {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-pink-200:hover {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-pink-300:hover {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-pink-400:hover {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-pink-500:hover {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-pink-600:hover {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-pink-700:hover {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-pink-800:hover {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .xl\:hover\:border-pink-900:hover {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-transparent:focus {
+    border-color: transparent;
+  }
+
+  .xl\:focus\:border-white:focus {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-black:focus {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-gray-50:focus {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-gray-100:focus {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-gray-200:focus {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-gray-300:focus {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-gray-400:focus {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-gray-500:focus {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-gray-600:focus {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-gray-700:focus {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-gray-800:focus {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-gray-900:focus {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-cool-gray-50:focus {
+    --border-opacity: 1;
+    border-color: #fbfdfe;
+    border-color: rgba(251, 253, 254, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-cool-gray-100:focus {
+    --border-opacity: 1;
+    border-color: #f1f5f9;
+    border-color: rgba(241, 245, 249, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-cool-gray-200:focus {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-cool-gray-300:focus {
+    --border-opacity: 1;
+    border-color: #cfd8e3;
+    border-color: rgba(207, 216, 227, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-cool-gray-400:focus {
+    --border-opacity: 1;
+    border-color: #97a6ba;
+    border-color: rgba(151, 166, 186, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-cool-gray-500:focus {
+    --border-opacity: 1;
+    border-color: #64748b;
+    border-color: rgba(100, 116, 139, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-cool-gray-600:focus {
+    --border-opacity: 1;
+    border-color: #475569;
+    border-color: rgba(71, 85, 105, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-cool-gray-700:focus {
+    --border-opacity: 1;
+    border-color: #364152;
+    border-color: rgba(54, 65, 82, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-cool-gray-800:focus {
+    --border-opacity: 1;
+    border-color: #27303f;
+    border-color: rgba(39, 48, 63, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-cool-gray-900:focus {
+    --border-opacity: 1;
+    border-color: #1a202e;
+    border-color: rgba(26, 32, 46, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-red-50:focus {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-red-100:focus {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-red-200:focus {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-red-300:focus {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-red-400:focus {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-red-500:focus {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-red-600:focus {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-red-700:focus {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-red-800:focus {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-red-900:focus {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-orange-50:focus {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-orange-100:focus {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-orange-200:focus {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-orange-300:focus {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-orange-400:focus {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-orange-500:focus {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-orange-600:focus {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-orange-700:focus {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-orange-800:focus {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-orange-900:focus {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-50:focus {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-100:focus {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-200:focus {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-300:focus {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-400:focus {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-500:focus {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-600:focus {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-700:focus {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-800:focus {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-900:focus {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-green-50:focus {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-green-100:focus {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-green-200:focus {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-green-300:focus {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-green-400:focus {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-green-500:focus {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-green-600:focus {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-green-700:focus {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-green-800:focus {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-green-900:focus {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-teal-50:focus {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-teal-100:focus {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-teal-200:focus {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-teal-300:focus {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-teal-400:focus {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-teal-500:focus {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-teal-600:focus {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-teal-700:focus {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-teal-800:focus {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-teal-900:focus {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-blue-50:focus {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-blue-100:focus {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-blue-200:focus {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-blue-300:focus {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-blue-400:focus {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-blue-500:focus {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-blue-600:focus {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-blue-700:focus {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-blue-800:focus {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-blue-900:focus {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-50:focus {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-100:focus {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-200:focus {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-300:focus {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-400:focus {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-500:focus {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-600:focus {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-700:focus {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-800:focus {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-900:focus {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-purple-50:focus {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-purple-100:focus {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-purple-200:focus {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-purple-300:focus {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-purple-400:focus {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-purple-500:focus {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-purple-600:focus {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-purple-700:focus {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-purple-800:focus {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-purple-900:focus {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-pink-50:focus {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-pink-100:focus {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-pink-200:focus {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-pink-300:focus {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-pink-400:focus {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-pink-500:focus {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-pink-600:focus {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-pink-700:focus {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-pink-800:focus {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .xl\:focus\:border-pink-900:focus {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .xl\:border-opacity-0 {
+    --border-opacity: 0;
+  }
+
+  .xl\:border-opacity-25 {
+    --border-opacity: 0.25;
+  }
+
+  .xl\:border-opacity-50 {
+    --border-opacity: 0.5;
+  }
+
+  .xl\:border-opacity-75 {
+    --border-opacity: 0.75;
+  }
+
+  .xl\:border-opacity-100 {
+    --border-opacity: 1;
+  }
+
+  .xl\:hover\:border-opacity-0:hover {
+    --border-opacity: 0;
+  }
+
+  .xl\:hover\:border-opacity-25:hover {
+    --border-opacity: 0.25;
+  }
+
+  .xl\:hover\:border-opacity-50:hover {
+    --border-opacity: 0.5;
+  }
+
+  .xl\:hover\:border-opacity-75:hover {
+    --border-opacity: 0.75;
+  }
+
+  .xl\:hover\:border-opacity-100:hover {
+    --border-opacity: 1;
+  }
+
+  .xl\:focus\:border-opacity-0:focus {
+    --border-opacity: 0;
+  }
+
+  .xl\:focus\:border-opacity-25:focus {
+    --border-opacity: 0.25;
+  }
+
+  .xl\:focus\:border-opacity-50:focus {
+    --border-opacity: 0.5;
+  }
+
+  .xl\:focus\:border-opacity-75:focus {
+    --border-opacity: 0.75;
+  }
+
+  .xl\:focus\:border-opacity-100:focus {
+    --border-opacity: 1;
+  }
+
+  .xl\:rounded-none {
+    border-radius: 0;
+  }
+
+  .xl\:rounded-sm {
+    border-radius: 0.125rem;
+  }
+
+  .xl\:rounded {
+    border-radius: 0.25rem;
+  }
+
+  .xl\:rounded-md {
+    border-radius: 0.375rem;
+  }
+
+  .xl\:rounded-lg {
+    border-radius: 0.5rem;
+  }
+
+  .xl\:rounded-full {
+    border-radius: 9999px;
+  }
+
+  .xl\:rounded-t-none {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  .xl\:rounded-r-none {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .xl\:rounded-b-none {
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .xl\:rounded-l-none {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .xl\:rounded-t-sm {
+    border-top-left-radius: 0.125rem;
+    border-top-right-radius: 0.125rem;
+  }
+
+  .xl\:rounded-r-sm {
+    border-top-right-radius: 0.125rem;
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .xl\:rounded-b-sm {
+    border-bottom-right-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .xl\:rounded-l-sm {
+    border-top-left-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .xl\:rounded-t {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+  }
+
+  .xl\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .xl\:rounded-b {
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .xl\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .xl\:rounded-t-md {
+    border-top-left-radius: 0.375rem;
+    border-top-right-radius: 0.375rem;
+  }
+
+  .xl\:rounded-r-md {
+    border-top-right-radius: 0.375rem;
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .xl\:rounded-b-md {
+    border-bottom-right-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .xl\:rounded-l-md {
+    border-top-left-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .xl\:rounded-t-lg {
+    border-top-left-radius: 0.5rem;
+    border-top-right-radius: 0.5rem;
+  }
+
+  .xl\:rounded-r-lg {
+    border-top-right-radius: 0.5rem;
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .xl\:rounded-b-lg {
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .xl\:rounded-l-lg {
+    border-top-left-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .xl\:rounded-t-full {
+    border-top-left-radius: 9999px;
+    border-top-right-radius: 9999px;
+  }
+
+  .xl\:rounded-r-full {
+    border-top-right-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+  }
+
+  .xl\:rounded-b-full {
+    border-bottom-right-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .xl\:rounded-l-full {
+    border-top-left-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .xl\:rounded-tl-none {
+    border-top-left-radius: 0;
+  }
+
+  .xl\:rounded-tr-none {
+    border-top-right-radius: 0;
+  }
+
+  .xl\:rounded-br-none {
+    border-bottom-right-radius: 0;
+  }
+
+  .xl\:rounded-bl-none {
+    border-bottom-left-radius: 0;
+  }
+
+  .xl\:rounded-tl-sm {
+    border-top-left-radius: 0.125rem;
+  }
+
+  .xl\:rounded-tr-sm {
+    border-top-right-radius: 0.125rem;
+  }
+
+  .xl\:rounded-br-sm {
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .xl\:rounded-bl-sm {
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .xl\:rounded-tl {
+    border-top-left-radius: 0.25rem;
+  }
+
+  .xl\:rounded-tr {
+    border-top-right-radius: 0.25rem;
+  }
+
+  .xl\:rounded-br {
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .xl\:rounded-bl {
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .xl\:rounded-tl-md {
+    border-top-left-radius: 0.375rem;
+  }
+
+  .xl\:rounded-tr-md {
+    border-top-right-radius: 0.375rem;
+  }
+
+  .xl\:rounded-br-md {
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .xl\:rounded-bl-md {
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .xl\:rounded-tl-lg {
+    border-top-left-radius: 0.5rem;
+  }
+
+  .xl\:rounded-tr-lg {
+    border-top-right-radius: 0.5rem;
+  }
+
+  .xl\:rounded-br-lg {
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .xl\:rounded-bl-lg {
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .xl\:rounded-tl-full {
+    border-top-left-radius: 9999px;
+  }
+
+  .xl\:rounded-tr-full {
+    border-top-right-radius: 9999px;
+  }
+
+  .xl\:rounded-br-full {
+    border-bottom-right-radius: 9999px;
+  }
+
+  .xl\:rounded-bl-full {
+    border-bottom-left-radius: 9999px;
+  }
+
+  .xl\:border-solid {
+    border-style: solid;
+  }
+
+  .xl\:border-dashed {
+    border-style: dashed;
+  }
+
+  .xl\:border-dotted {
+    border-style: dotted;
+  }
+
+  .xl\:border-double {
+    border-style: double;
+  }
+
+  .xl\:border-none {
+    border-style: none;
+  }
+
+  .xl\:border-0 {
+    border-width: 0;
+  }
+
+  .xl\:border-2 {
+    border-width: 2px;
+  }
+
+  .xl\:border-4 {
+    border-width: 4px;
+  }
+
+  .xl\:border-8 {
+    border-width: 8px;
+  }
+
+  .xl\:border {
+    border-width: 1px;
+  }
+
+  .xl\:border-t-0 {
+    border-top-width: 0;
+  }
+
+  .xl\:border-r-0 {
+    border-right-width: 0;
+  }
+
+  .xl\:border-b-0 {
+    border-bottom-width: 0;
+  }
+
+  .xl\:border-l-0 {
+    border-left-width: 0;
+  }
+
+  .xl\:border-t-2 {
+    border-top-width: 2px;
+  }
+
+  .xl\:border-r-2 {
+    border-right-width: 2px;
+  }
+
+  .xl\:border-b-2 {
+    border-bottom-width: 2px;
+  }
+
+  .xl\:border-l-2 {
+    border-left-width: 2px;
+  }
+
+  .xl\:border-t-4 {
+    border-top-width: 4px;
+  }
+
+  .xl\:border-r-4 {
+    border-right-width: 4px;
+  }
+
+  .xl\:border-b-4 {
+    border-bottom-width: 4px;
+  }
+
+  .xl\:border-l-4 {
+    border-left-width: 4px;
+  }
+
+  .xl\:border-t-8 {
+    border-top-width: 8px;
+  }
+
+  .xl\:border-r-8 {
+    border-right-width: 8px;
+  }
+
+  .xl\:border-b-8 {
+    border-bottom-width: 8px;
+  }
+
+  .xl\:border-l-8 {
+    border-left-width: 8px;
+  }
+
+  .xl\:border-t {
+    border-top-width: 1px;
+  }
+
+  .xl\:border-r {
+    border-right-width: 1px;
+  }
+
+  .xl\:border-b {
+    border-bottom-width: 1px;
+  }
+
+  .xl\:border-l {
+    border-left-width: 1px;
+  }
+
+  .xl\:box-border {
+    box-sizing: border-box;
+  }
+
+  .xl\:box-content {
+    box-sizing: content-box;
+  }
+
+  .xl\:cursor-auto {
+    cursor: auto;
+  }
+
+  .xl\:cursor-default {
+    cursor: default;
+  }
+
+  .xl\:cursor-pointer {
+    cursor: pointer;
+  }
+
+  .xl\:cursor-wait {
+    cursor: wait;
+  }
+
+  .xl\:cursor-text {
+    cursor: text;
+  }
+
+  .xl\:cursor-move {
+    cursor: move;
+  }
+
+  .xl\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
+  .xl\:block {
+    display: block;
+  }
+
+  .xl\:inline-block {
+    display: inline-block;
+  }
+
+  .xl\:inline {
+    display: inline;
+  }
+
+  .xl\:flex {
+    display: flex;
+  }
+
+  .xl\:inline-flex {
+    display: inline-flex;
+  }
+
+  .xl\:table {
+    display: table;
+  }
+
+  .xl\:table-caption {
+    display: table-caption;
+  }
+
+  .xl\:table-cell {
+    display: table-cell;
+  }
+
+  .xl\:table-column {
+    display: table-column;
+  }
+
+  .xl\:table-column-group {
+    display: table-column-group;
+  }
+
+  .xl\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .xl\:table-header-group {
+    display: table-header-group;
+  }
+
+  .xl\:table-row-group {
+    display: table-row-group;
+  }
+
+  .xl\:table-row {
+    display: table-row;
+  }
+
+  .xl\:flow-root {
+    display: flow-root;
+  }
+
+  .xl\:grid {
+    display: grid;
+  }
+
+  .xl\:inline-grid {
+    display: inline-grid;
+  }
+
+  .xl\:hidden {
+    display: none;
+  }
+
+  .xl\:flex-row {
+    flex-direction: row;
+  }
+
+  .xl\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .xl\:flex-col {
+    flex-direction: column;
+  }
+
+  .xl\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .xl\:flex-wrap {
+    flex-wrap: wrap;
+  }
+
+  .xl\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+
+  .xl\:flex-no-wrap {
+    flex-wrap: nowrap;
+  }
+
+  .xl\:items-start {
+    align-items: flex-start;
+  }
+
+  .xl\:items-end {
+    align-items: flex-end;
+  }
+
+  .xl\:items-center {
+    align-items: center;
+  }
+
+  .xl\:items-baseline {
+    align-items: baseline;
+  }
+
+  .xl\:items-stretch {
+    align-items: stretch;
+  }
+
+  .xl\:self-auto {
+    align-self: auto;
+  }
+
+  .xl\:self-start {
+    align-self: flex-start;
+  }
+
+  .xl\:self-end {
+    align-self: flex-end;
+  }
+
+  .xl\:self-center {
+    align-self: center;
+  }
+
+  .xl\:self-stretch {
+    align-self: stretch;
+  }
+
+  .xl\:justify-start {
+    justify-content: flex-start;
+  }
+
+  .xl\:justify-end {
+    justify-content: flex-end;
+  }
+
+  .xl\:justify-center {
+    justify-content: center;
+  }
+
+  .xl\:justify-between {
+    justify-content: space-between;
+  }
+
+  .xl\:justify-around {
+    justify-content: space-around;
+  }
+
+  .xl\:justify-evenly {
+    justify-content: space-evenly;
+  }
+
+  .xl\:content-center {
+    align-content: center;
+  }
+
+  .xl\:content-start {
+    align-content: flex-start;
+  }
+
+  .xl\:content-end {
+    align-content: flex-end;
+  }
+
+  .xl\:content-between {
+    align-content: space-between;
+  }
+
+  .xl\:content-around {
+    align-content: space-around;
+  }
+
+  .xl\:flex-1 {
+    flex: 1 1 0%;
+  }
+
+  .xl\:flex-auto {
+    flex: 1 1 auto;
+  }
+
+  .xl\:flex-initial {
+    flex: 0 1 auto;
+  }
+
+  .xl\:flex-none {
+    flex: none;
+  }
+
+  .xl\:flex-grow-0 {
+    flex-grow: 0;
+  }
+
+  .xl\:flex-grow {
+    flex-grow: 1;
+  }
+
+  .xl\:flex-shrink-0 {
+    flex-shrink: 0;
+  }
+
+  .xl\:flex-shrink {
+    flex-shrink: 1;
+  }
+
+  .xl\:order-1 {
+    order: 1;
+  }
+
+  .xl\:order-2 {
+    order: 2;
+  }
+
+  .xl\:order-3 {
+    order: 3;
+  }
+
+  .xl\:order-4 {
+    order: 4;
+  }
+
+  .xl\:order-5 {
+    order: 5;
+  }
+
+  .xl\:order-6 {
+    order: 6;
+  }
+
+  .xl\:order-7 {
+    order: 7;
+  }
+
+  .xl\:order-8 {
+    order: 8;
+  }
+
+  .xl\:order-9 {
+    order: 9;
+  }
+
+  .xl\:order-10 {
+    order: 10;
+  }
+
+  .xl\:order-11 {
+    order: 11;
+  }
+
+  .xl\:order-12 {
+    order: 12;
+  }
+
+  .xl\:order-first {
+    order: -9999;
+  }
+
+  .xl\:order-last {
+    order: 9999;
+  }
+
+  .xl\:order-none {
+    order: 0;
+  }
+
+  .xl\:float-right {
+    float: right;
+  }
+
+  .xl\:float-left {
+    float: left;
+  }
+
+  .xl\:float-none {
+    float: none;
+  }
+
+  .xl\:clearfix:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+
+  .xl\:clear-left {
+    clear: left;
+  }
+
+  .xl\:clear-right {
+    clear: right;
+  }
+
+  .xl\:clear-both {
+    clear: both;
+  }
+
+  .xl\:clear-none {
+    clear: none;
+  }
+
+  .xl\:font-sans {
+    font-family: Open Sans, 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";
+  }
+
+  .xl\:font-serif {
+    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
+  }
+
+  .xl\:font-mono {
+    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }
+
+  .xl\:font-hairline {
+    font-weight: 100;
+  }
+
+  .xl\:font-thin {
+    font-weight: 200;
+  }
+
+  .xl\:font-light {
+    font-weight: 300;
+  }
+
+  .xl\:font-normal {
+    font-weight: 400;
+  }
+
+  .xl\:font-medium {
+    font-weight: 500;
+  }
+
+  .xl\:font-semibold {
+    font-weight: 600;
+  }
+
+  .xl\:font-bold {
+    font-weight: 700;
+  }
+
+  .xl\:font-extrabold {
+    font-weight: 800;
+  }
+
+  .xl\:font-black {
+    font-weight: 900;
+  }
+
+  .xl\:hover\:font-hairline:hover {
+    font-weight: 100;
+  }
+
+  .xl\:hover\:font-thin:hover {
+    font-weight: 200;
+  }
+
+  .xl\:hover\:font-light:hover {
+    font-weight: 300;
+  }
+
+  .xl\:hover\:font-normal:hover {
+    font-weight: 400;
+  }
+
+  .xl\:hover\:font-medium:hover {
+    font-weight: 500;
+  }
+
+  .xl\:hover\:font-semibold:hover {
+    font-weight: 600;
+  }
+
+  .xl\:hover\:font-bold:hover {
+    font-weight: 700;
+  }
+
+  .xl\:hover\:font-extrabold:hover {
+    font-weight: 800;
+  }
+
+  .xl\:hover\:font-black:hover {
+    font-weight: 900;
+  }
+
+  .xl\:focus\:font-hairline:focus {
+    font-weight: 100;
+  }
+
+  .xl\:focus\:font-thin:focus {
+    font-weight: 200;
+  }
+
+  .xl\:focus\:font-light:focus {
+    font-weight: 300;
+  }
+
+  .xl\:focus\:font-normal:focus {
+    font-weight: 400;
+  }
+
+  .xl\:focus\:font-medium:focus {
+    font-weight: 500;
+  }
+
+  .xl\:focus\:font-semibold:focus {
+    font-weight: 600;
+  }
+
+  .xl\:focus\:font-bold:focus {
+    font-weight: 700;
+  }
+
+  .xl\:focus\:font-extrabold:focus {
+    font-weight: 800;
+  }
+
+  .xl\:focus\:font-black:focus {
+    font-weight: 900;
+  }
+
+  .xl\:h-0 {
+    height: 0;
+  }
+
+  .xl\:h-1 {
+    height: 0.25rem;
+  }
+
+  .xl\:h-2 {
+    height: 0.5rem;
+  }
+
+  .xl\:h-3 {
+    height: 0.75rem;
+  }
+
+  .xl\:h-4 {
+    height: 1rem;
+  }
+
+  .xl\:h-5 {
+    height: 1.25rem;
+  }
+
+  .xl\:h-6 {
+    height: 1.5rem;
+  }
+
+  .xl\:h-7 {
+    height: 1.75rem;
+  }
+
+  .xl\:h-8 {
+    height: 2rem;
+  }
+
+  .xl\:h-9 {
+    height: 2.25rem;
+  }
+
+  .xl\:h-10 {
+    height: 2.5rem;
+  }
+
+  .xl\:h-11 {
+    height: 2.75rem;
+  }
+
+  .xl\:h-12 {
+    height: 3rem;
+  }
+
+  .xl\:h-13 {
+    height: 3.25rem;
+  }
+
+  .xl\:h-14 {
+    height: 3.5rem;
+  }
+
+  .xl\:h-15 {
+    height: 3.75rem;
+  }
+
+  .xl\:h-16 {
+    height: 4rem;
+  }
+
+  .xl\:h-20 {
+    height: 5rem;
+  }
+
+  .xl\:h-24 {
+    height: 6rem;
+  }
+
+  .xl\:h-28 {
+    height: 7rem;
+  }
+
+  .xl\:h-32 {
+    height: 8rem;
+  }
+
+  .xl\:h-36 {
+    height: 9rem;
+  }
+
+  .xl\:h-40 {
+    height: 10rem;
+  }
+
+  .xl\:h-48 {
+    height: 12rem;
+  }
+
+  .xl\:h-56 {
+    height: 14rem;
+  }
+
+  .xl\:h-60 {
+    height: 15rem;
+  }
+
+  .xl\:h-64 {
+    height: 16rem;
+  }
+
+  .xl\:h-72 {
+    height: 18rem;
+  }
+
+  .xl\:h-80 {
+    height: 20rem;
+  }
+
+  .xl\:h-96 {
+    height: 24rem;
+  }
+
+  .xl\:h-auto {
+    height: auto;
+  }
+
+  .xl\:h-px {
+    height: 1px;
+  }
+
+  .xl\:h-0\.5 {
+    height: 0.125rem;
+  }
+
+  .xl\:h-1\.5 {
+    height: 0.375rem;
+  }
+
+  .xl\:h-2\.5 {
+    height: 0.625rem;
+  }
+
+  .xl\:h-3\.5 {
+    height: 0.875rem;
+  }
+
+  .xl\:h-1\/2 {
+    height: 50%;
+  }
+
+  .xl\:h-1\/3 {
+    height: 33.333333%;
+  }
+
+  .xl\:h-2\/3 {
+    height: 66.666667%;
+  }
+
+  .xl\:h-1\/4 {
+    height: 25%;
+  }
+
+  .xl\:h-2\/4 {
+    height: 50%;
+  }
+
+  .xl\:h-3\/4 {
+    height: 75%;
+  }
+
+  .xl\:h-1\/5 {
+    height: 20%;
+  }
+
+  .xl\:h-2\/5 {
+    height: 40%;
+  }
+
+  .xl\:h-3\/5 {
+    height: 60%;
+  }
+
+  .xl\:h-4\/5 {
+    height: 80%;
+  }
+
+  .xl\:h-1\/6 {
+    height: 16.666667%;
+  }
+
+  .xl\:h-2\/6 {
+    height: 33.333333%;
+  }
+
+  .xl\:h-3\/6 {
+    height: 50%;
+  }
+
+  .xl\:h-4\/6 {
+    height: 66.666667%;
+  }
+
+  .xl\:h-5\/6 {
+    height: 83.333333%;
+  }
+
+  .xl\:h-1\/12 {
+    height: 8.333333%;
+  }
+
+  .xl\:h-2\/12 {
+    height: 16.666667%;
+  }
+
+  .xl\:h-3\/12 {
+    height: 25%;
+  }
+
+  .xl\:h-4\/12 {
+    height: 33.333333%;
+  }
+
+  .xl\:h-5\/12 {
+    height: 41.666667%;
+  }
+
+  .xl\:h-6\/12 {
+    height: 50%;
+  }
+
+  .xl\:h-7\/12 {
+    height: 58.333333%;
+  }
+
+  .xl\:h-8\/12 {
+    height: 66.666667%;
+  }
+
+  .xl\:h-9\/12 {
+    height: 75%;
+  }
+
+  .xl\:h-10\/12 {
+    height: 83.333333%;
+  }
+
+  .xl\:h-11\/12 {
+    height: 91.666667%;
+  }
+
+  .xl\:h-full {
+    height: 100%;
+  }
+
+  .xl\:h-screen {
+    height: 100vh;
+  }
+
+  .xl\:text-xs {
+    font-size: 0.75rem;
+  }
+
+  .xl\:text-sm {
+    font-size: 0.875rem;
+  }
+
+  .xl\:text-base {
+    font-size: 1rem;
+  }
+
+  .xl\:text-lg {
+    font-size: 1.125rem;
+  }
+
+  .xl\:text-xl {
+    font-size: 1.25rem;
+  }
+
+  .xl\:text-2xl {
+    font-size: 1.5rem;
+  }
+
+  .xl\:text-3xl {
+    font-size: 1.875rem;
+  }
+
+  .xl\:text-4xl {
+    font-size: 2.25rem;
+  }
+
+  .xl\:text-5xl {
+    font-size: 3rem;
+  }
+
+  .xl\:text-6xl {
+    font-size: 4rem;
+  }
+
+  .xl\:leading-3 {
+    line-height: .75rem;
+  }
+
+  .xl\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .xl\:leading-5 {
+    line-height: 1.25rem;
+  }
+
+  .xl\:leading-6 {
+    line-height: 1.5rem;
+  }
+
+  .xl\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .xl\:leading-8 {
+    line-height: 2rem;
+  }
+
+  .xl\:leading-9 {
+    line-height: 2.25rem;
+  }
+
+  .xl\:leading-10 {
+    line-height: 2.5rem;
+  }
+
+  .xl\:leading-none {
+    line-height: 1;
+  }
+
+  .xl\:leading-tight {
+    line-height: 1.25;
+  }
+
+  .xl\:leading-snug {
+    line-height: 1.375;
+  }
+
+  .xl\:leading-normal {
+    line-height: 1.5;
+  }
+
+  .xl\:leading-relaxed {
+    line-height: 1.625;
+  }
+
+  .xl\:leading-loose {
+    line-height: 2;
+  }
+
+  .xl\:list-inside {
+    list-style-position: inside;
+  }
+
+  .xl\:list-outside {
+    list-style-position: outside;
+  }
+
+  .xl\:list-none {
+    list-style-type: none;
+  }
+
+  .xl\:list-disc {
+    list-style-type: disc;
+  }
+
+  .xl\:list-decimal {
+    list-style-type: decimal;
+  }
+
+  .xl\:m-0 {
+    margin: 0;
+  }
+
+  .xl\:m-1 {
+    margin: 0.25rem;
+  }
+
+  .xl\:m-2 {
+    margin: 0.5rem;
+  }
+
+  .xl\:m-3 {
+    margin: 0.75rem;
+  }
+
+  .xl\:m-4 {
+    margin: 1rem;
+  }
+
+  .xl\:m-5 {
+    margin: 1.25rem;
+  }
+
+  .xl\:m-6 {
+    margin: 1.5rem;
+  }
+
+  .xl\:m-7 {
+    margin: 1.75rem;
+  }
+
+  .xl\:m-8 {
+    margin: 2rem;
+  }
+
+  .xl\:m-9 {
+    margin: 2.25rem;
+  }
+
+  .xl\:m-10 {
+    margin: 2.5rem;
+  }
+
+  .xl\:m-11 {
+    margin: 2.75rem;
+  }
+
+  .xl\:m-12 {
+    margin: 3rem;
+  }
+
+  .xl\:m-13 {
+    margin: 3.25rem;
+  }
+
+  .xl\:m-14 {
+    margin: 3.5rem;
+  }
+
+  .xl\:m-15 {
+    margin: 3.75rem;
+  }
+
+  .xl\:m-16 {
+    margin: 4rem;
+  }
+
+  .xl\:m-20 {
+    margin: 5rem;
+  }
+
+  .xl\:m-24 {
+    margin: 6rem;
+  }
+
+  .xl\:m-28 {
+    margin: 7rem;
+  }
+
+  .xl\:m-32 {
+    margin: 8rem;
+  }
+
+  .xl\:m-36 {
+    margin: 9rem;
+  }
+
+  .xl\:m-40 {
+    margin: 10rem;
+  }
+
+  .xl\:m-48 {
+    margin: 12rem;
+  }
+
+  .xl\:m-56 {
+    margin: 14rem;
+  }
+
+  .xl\:m-60 {
+    margin: 15rem;
+  }
+
+  .xl\:m-64 {
+    margin: 16rem;
+  }
+
+  .xl\:m-72 {
+    margin: 18rem;
+  }
+
+  .xl\:m-80 {
+    margin: 20rem;
+  }
+
+  .xl\:m-96 {
+    margin: 24rem;
+  }
+
+  .xl\:m-auto {
+    margin: auto;
+  }
+
+  .xl\:m-px {
+    margin: 1px;
+  }
+
+  .xl\:m-0\.5 {
+    margin: 0.125rem;
+  }
+
+  .xl\:m-1\.5 {
+    margin: 0.375rem;
+  }
+
+  .xl\:m-2\.5 {
+    margin: 0.625rem;
+  }
+
+  .xl\:m-3\.5 {
+    margin: 0.875rem;
+  }
+
+  .xl\:m-1\/2 {
+    margin: 50%;
+  }
+
+  .xl\:m-1\/3 {
+    margin: 33.333333%;
+  }
+
+  .xl\:m-2\/3 {
+    margin: 66.666667%;
+  }
+
+  .xl\:m-1\/4 {
+    margin: 25%;
+  }
+
+  .xl\:m-2\/4 {
+    margin: 50%;
+  }
+
+  .xl\:m-3\/4 {
+    margin: 75%;
+  }
+
+  .xl\:m-1\/5 {
+    margin: 20%;
+  }
+
+  .xl\:m-2\/5 {
+    margin: 40%;
+  }
+
+  .xl\:m-3\/5 {
+    margin: 60%;
+  }
+
+  .xl\:m-4\/5 {
+    margin: 80%;
+  }
+
+  .xl\:m-1\/6 {
+    margin: 16.666667%;
+  }
+
+  .xl\:m-2\/6 {
+    margin: 33.333333%;
+  }
+
+  .xl\:m-3\/6 {
+    margin: 50%;
+  }
+
+  .xl\:m-4\/6 {
+    margin: 66.666667%;
+  }
+
+  .xl\:m-5\/6 {
+    margin: 83.333333%;
+  }
+
+  .xl\:m-1\/12 {
+    margin: 8.333333%;
+  }
+
+  .xl\:m-2\/12 {
+    margin: 16.666667%;
+  }
+
+  .xl\:m-3\/12 {
+    margin: 25%;
+  }
+
+  .xl\:m-4\/12 {
+    margin: 33.333333%;
+  }
+
+  .xl\:m-5\/12 {
+    margin: 41.666667%;
+  }
+
+  .xl\:m-6\/12 {
+    margin: 50%;
+  }
+
+  .xl\:m-7\/12 {
+    margin: 58.333333%;
+  }
+
+  .xl\:m-8\/12 {
+    margin: 66.666667%;
+  }
+
+  .xl\:m-9\/12 {
+    margin: 75%;
+  }
+
+  .xl\:m-10\/12 {
+    margin: 83.333333%;
+  }
+
+  .xl\:m-11\/12 {
+    margin: 91.666667%;
+  }
+
+  .xl\:m-full {
+    margin: 100%;
+  }
+
+  .xl\:-m-1 {
+    margin: -0.25rem;
+  }
+
+  .xl\:-m-2 {
+    margin: -0.5rem;
+  }
+
+  .xl\:-m-3 {
+    margin: -0.75rem;
+  }
+
+  .xl\:-m-4 {
+    margin: -1rem;
+  }
+
+  .xl\:-m-5 {
+    margin: -1.25rem;
+  }
+
+  .xl\:-m-6 {
+    margin: -1.5rem;
+  }
+
+  .xl\:-m-7 {
+    margin: -1.75rem;
+  }
+
+  .xl\:-m-8 {
+    margin: -2rem;
+  }
+
+  .xl\:-m-9 {
+    margin: -2.25rem;
+  }
+
+  .xl\:-m-10 {
+    margin: -2.5rem;
+  }
+
+  .xl\:-m-11 {
+    margin: -2.75rem;
+  }
+
+  .xl\:-m-12 {
+    margin: -3rem;
+  }
+
+  .xl\:-m-13 {
+    margin: -3.25rem;
+  }
+
+  .xl\:-m-14 {
+    margin: -3.5rem;
+  }
+
+  .xl\:-m-15 {
+    margin: -3.75rem;
+  }
+
+  .xl\:-m-16 {
+    margin: -4rem;
+  }
+
+  .xl\:-m-20 {
+    margin: -5rem;
+  }
+
+  .xl\:-m-24 {
+    margin: -6rem;
+  }
+
+  .xl\:-m-28 {
+    margin: -7rem;
+  }
+
+  .xl\:-m-32 {
+    margin: -8rem;
+  }
+
+  .xl\:-m-36 {
+    margin: -9rem;
+  }
+
+  .xl\:-m-40 {
+    margin: -10rem;
+  }
+
+  .xl\:-m-48 {
+    margin: -12rem;
+  }
+
+  .xl\:-m-56 {
+    margin: -14rem;
+  }
+
+  .xl\:-m-60 {
+    margin: -15rem;
+  }
+
+  .xl\:-m-64 {
+    margin: -16rem;
+  }
+
+  .xl\:-m-72 {
+    margin: -18rem;
+  }
+
+  .xl\:-m-80 {
+    margin: -20rem;
+  }
+
+  .xl\:-m-96 {
+    margin: -24rem;
+  }
+
+  .xl\:-m-px {
+    margin: -1px;
+  }
+
+  .xl\:-m-0\.5 {
+    margin: -0.125rem;
+  }
+
+  .xl\:-m-1\.5 {
+    margin: -0.375rem;
+  }
+
+  .xl\:-m-2\.5 {
+    margin: -0.625rem;
+  }
+
+  .xl\:-m-3\.5 {
+    margin: -0.875rem;
+  }
+
+  .xl\:-m-1\/2 {
+    margin: -50%;
+  }
+
+  .xl\:-m-1\/3 {
+    margin: -33.33333%;
+  }
+
+  .xl\:-m-2\/3 {
+    margin: -66.66667%;
+  }
+
+  .xl\:-m-1\/4 {
+    margin: -25%;
+  }
+
+  .xl\:-m-2\/4 {
+    margin: -50%;
+  }
+
+  .xl\:-m-3\/4 {
+    margin: -75%;
+  }
+
+  .xl\:-m-1\/5 {
+    margin: -20%;
+  }
+
+  .xl\:-m-2\/5 {
+    margin: -40%;
+  }
+
+  .xl\:-m-3\/5 {
+    margin: -60%;
+  }
+
+  .xl\:-m-4\/5 {
+    margin: -80%;
+  }
+
+  .xl\:-m-1\/6 {
+    margin: -16.66667%;
+  }
+
+  .xl\:-m-2\/6 {
+    margin: -33.33333%;
+  }
+
+  .xl\:-m-3\/6 {
+    margin: -50%;
+  }
+
+  .xl\:-m-4\/6 {
+    margin: -66.66667%;
+  }
+
+  .xl\:-m-5\/6 {
+    margin: -83.33333%;
+  }
+
+  .xl\:-m-1\/12 {
+    margin: -8.33333%;
+  }
+
+  .xl\:-m-2\/12 {
+    margin: -16.66667%;
+  }
+
+  .xl\:-m-3\/12 {
+    margin: -25%;
+  }
+
+  .xl\:-m-4\/12 {
+    margin: -33.33333%;
+  }
+
+  .xl\:-m-5\/12 {
+    margin: -41.66667%;
+  }
+
+  .xl\:-m-6\/12 {
+    margin: -50%;
+  }
+
+  .xl\:-m-7\/12 {
+    margin: -58.33333%;
+  }
+
+  .xl\:-m-8\/12 {
+    margin: -66.66667%;
+  }
+
+  .xl\:-m-9\/12 {
+    margin: -75%;
+  }
+
+  .xl\:-m-10\/12 {
+    margin: -83.33333%;
+  }
+
+  .xl\:-m-11\/12 {
+    margin: -91.66667%;
+  }
+
+  .xl\:-m-full {
+    margin: -100%;
+  }
+
+  .xl\:my-0 {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .xl\:mx-0 {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .xl\:my-1 {
+    margin-top: 0.25rem;
+    margin-bottom: 0.25rem;
+  }
+
+  .xl\:mx-1 {
+    margin-left: 0.25rem;
+    margin-right: 0.25rem;
+  }
+
+  .xl\:my-2 {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .xl\:mx-2 {
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+
+  .xl\:my-3 {
+    margin-top: 0.75rem;
+    margin-bottom: 0.75rem;
+  }
+
+  .xl\:mx-3 {
+    margin-left: 0.75rem;
+    margin-right: 0.75rem;
+  }
+
+  .xl\:my-4 {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+
+  .xl\:mx-4 {
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+
+  .xl\:my-5 {
+    margin-top: 1.25rem;
+    margin-bottom: 1.25rem;
+  }
+
+  .xl\:mx-5 {
+    margin-left: 1.25rem;
+    margin-right: 1.25rem;
+  }
+
+  .xl\:my-6 {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .xl\:mx-6 {
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+  }
+
+  .xl\:my-7 {
+    margin-top: 1.75rem;
+    margin-bottom: 1.75rem;
+  }
+
+  .xl\:mx-7 {
+    margin-left: 1.75rem;
+    margin-right: 1.75rem;
+  }
+
+  .xl\:my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+
+  .xl\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
+  }
+
+  .xl\:my-9 {
+    margin-top: 2.25rem;
+    margin-bottom: 2.25rem;
+  }
+
+  .xl\:mx-9 {
+    margin-left: 2.25rem;
+    margin-right: 2.25rem;
+  }
+
+  .xl\:my-10 {
+    margin-top: 2.5rem;
+    margin-bottom: 2.5rem;
+  }
+
+  .xl\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+
+  .xl\:my-11 {
+    margin-top: 2.75rem;
+    margin-bottom: 2.75rem;
+  }
+
+  .xl\:mx-11 {
+    margin-left: 2.75rem;
+    margin-right: 2.75rem;
+  }
+
+  .xl\:my-12 {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+  }
+
+  .xl\:mx-12 {
+    margin-left: 3rem;
+    margin-right: 3rem;
+  }
+
+  .xl\:my-13 {
+    margin-top: 3.25rem;
+    margin-bottom: 3.25rem;
+  }
+
+  .xl\:mx-13 {
+    margin-left: 3.25rem;
+    margin-right: 3.25rem;
+  }
+
+  .xl\:my-14 {
+    margin-top: 3.5rem;
+    margin-bottom: 3.5rem;
+  }
+
+  .xl\:mx-14 {
+    margin-left: 3.5rem;
+    margin-right: 3.5rem;
+  }
+
+  .xl\:my-15 {
+    margin-top: 3.75rem;
+    margin-bottom: 3.75rem;
+  }
+
+  .xl\:mx-15 {
+    margin-left: 3.75rem;
+    margin-right: 3.75rem;
+  }
+
+  .xl\:my-16 {
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+  }
+
+  .xl\:mx-16 {
+    margin-left: 4rem;
+    margin-right: 4rem;
+  }
+
+  .xl\:my-20 {
+    margin-top: 5rem;
+    margin-bottom: 5rem;
+  }
+
+  .xl\:mx-20 {
+    margin-left: 5rem;
+    margin-right: 5rem;
+  }
+
+  .xl\:my-24 {
+    margin-top: 6rem;
+    margin-bottom: 6rem;
+  }
+
+  .xl\:mx-24 {
+    margin-left: 6rem;
+    margin-right: 6rem;
+  }
+
+  .xl\:my-28 {
+    margin-top: 7rem;
+    margin-bottom: 7rem;
+  }
+
+  .xl\:mx-28 {
+    margin-left: 7rem;
+    margin-right: 7rem;
+  }
+
+  .xl\:my-32 {
+    margin-top: 8rem;
+    margin-bottom: 8rem;
+  }
+
+  .xl\:mx-32 {
+    margin-left: 8rem;
+    margin-right: 8rem;
+  }
+
+  .xl\:my-36 {
+    margin-top: 9rem;
+    margin-bottom: 9rem;
+  }
+
+  .xl\:mx-36 {
+    margin-left: 9rem;
+    margin-right: 9rem;
+  }
+
+  .xl\:my-40 {
+    margin-top: 10rem;
+    margin-bottom: 10rem;
+  }
+
+  .xl\:mx-40 {
+    margin-left: 10rem;
+    margin-right: 10rem;
+  }
+
+  .xl\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .xl\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .xl\:my-56 {
+    margin-top: 14rem;
+    margin-bottom: 14rem;
+  }
+
+  .xl\:mx-56 {
+    margin-left: 14rem;
+    margin-right: 14rem;
+  }
+
+  .xl\:my-60 {
+    margin-top: 15rem;
+    margin-bottom: 15rem;
+  }
+
+  .xl\:mx-60 {
+    margin-left: 15rem;
+    margin-right: 15rem;
+  }
+
+  .xl\:my-64 {
+    margin-top: 16rem;
+    margin-bottom: 16rem;
+  }
+
+  .xl\:mx-64 {
+    margin-left: 16rem;
+    margin-right: 16rem;
+  }
+
+  .xl\:my-72 {
+    margin-top: 18rem;
+    margin-bottom: 18rem;
+  }
+
+  .xl\:mx-72 {
+    margin-left: 18rem;
+    margin-right: 18rem;
+  }
+
+  .xl\:my-80 {
+    margin-top: 20rem;
+    margin-bottom: 20rem;
+  }
+
+  .xl\:mx-80 {
+    margin-left: 20rem;
+    margin-right: 20rem;
+  }
+
+  .xl\:my-96 {
+    margin-top: 24rem;
+    margin-bottom: 24rem;
+  }
+
+  .xl\:mx-96 {
+    margin-left: 24rem;
+    margin-right: 24rem;
+  }
+
+  .xl\:my-auto {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+
+  .xl\:mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .xl\:my-px {
+    margin-top: 1px;
+    margin-bottom: 1px;
+  }
+
+  .xl\:mx-px {
+    margin-left: 1px;
+    margin-right: 1px;
+  }
+
+  .xl\:my-0\.5 {
+    margin-top: 0.125rem;
+    margin-bottom: 0.125rem;
+  }
+
+  .xl\:mx-0\.5 {
+    margin-left: 0.125rem;
+    margin-right: 0.125rem;
+  }
+
+  .xl\:my-1\.5 {
+    margin-top: 0.375rem;
+    margin-bottom: 0.375rem;
+  }
+
+  .xl\:mx-1\.5 {
+    margin-left: 0.375rem;
+    margin-right: 0.375rem;
+  }
+
+  .xl\:my-2\.5 {
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem;
+  }
+
+  .xl\:mx-2\.5 {
+    margin-left: 0.625rem;
+    margin-right: 0.625rem;
+  }
+
+  .xl\:my-3\.5 {
+    margin-top: 0.875rem;
+    margin-bottom: 0.875rem;
+  }
+
+  .xl\:mx-3\.5 {
+    margin-left: 0.875rem;
+    margin-right: 0.875rem;
+  }
+
+  .xl\:my-1\/2 {
+    margin-top: 50%;
+    margin-bottom: 50%;
+  }
+
+  .xl\:mx-1\/2 {
+    margin-left: 50%;
+    margin-right: 50%;
+  }
+
+  .xl\:my-1\/3 {
+    margin-top: 33.333333%;
+    margin-bottom: 33.333333%;
+  }
+
+  .xl\:mx-1\/3 {
+    margin-left: 33.333333%;
+    margin-right: 33.333333%;
+  }
+
+  .xl\:my-2\/3 {
+    margin-top: 66.666667%;
+    margin-bottom: 66.666667%;
+  }
+
+  .xl\:mx-2\/3 {
+    margin-left: 66.666667%;
+    margin-right: 66.666667%;
+  }
+
+  .xl\:my-1\/4 {
+    margin-top: 25%;
+    margin-bottom: 25%;
+  }
+
+  .xl\:mx-1\/4 {
+    margin-left: 25%;
+    margin-right: 25%;
+  }
+
+  .xl\:my-2\/4 {
+    margin-top: 50%;
+    margin-bottom: 50%;
+  }
+
+  .xl\:mx-2\/4 {
+    margin-left: 50%;
+    margin-right: 50%;
+  }
+
+  .xl\:my-3\/4 {
+    margin-top: 75%;
+    margin-bottom: 75%;
+  }
+
+  .xl\:mx-3\/4 {
+    margin-left: 75%;
+    margin-right: 75%;
+  }
+
+  .xl\:my-1\/5 {
+    margin-top: 20%;
+    margin-bottom: 20%;
+  }
+
+  .xl\:mx-1\/5 {
+    margin-left: 20%;
+    margin-right: 20%;
+  }
+
+  .xl\:my-2\/5 {
+    margin-top: 40%;
+    margin-bottom: 40%;
+  }
+
+  .xl\:mx-2\/5 {
+    margin-left: 40%;
+    margin-right: 40%;
+  }
+
+  .xl\:my-3\/5 {
+    margin-top: 60%;
+    margin-bottom: 60%;
+  }
+
+  .xl\:mx-3\/5 {
+    margin-left: 60%;
+    margin-right: 60%;
+  }
+
+  .xl\:my-4\/5 {
+    margin-top: 80%;
+    margin-bottom: 80%;
+  }
+
+  .xl\:mx-4\/5 {
+    margin-left: 80%;
+    margin-right: 80%;
+  }
+
+  .xl\:my-1\/6 {
+    margin-top: 16.666667%;
+    margin-bottom: 16.666667%;
+  }
+
+  .xl\:mx-1\/6 {
+    margin-left: 16.666667%;
+    margin-right: 16.666667%;
+  }
+
+  .xl\:my-2\/6 {
+    margin-top: 33.333333%;
+    margin-bottom: 33.333333%;
+  }
+
+  .xl\:mx-2\/6 {
+    margin-left: 33.333333%;
+    margin-right: 33.333333%;
+  }
+
+  .xl\:my-3\/6 {
+    margin-top: 50%;
+    margin-bottom: 50%;
+  }
+
+  .xl\:mx-3\/6 {
+    margin-left: 50%;
+    margin-right: 50%;
+  }
+
+  .xl\:my-4\/6 {
+    margin-top: 66.666667%;
+    margin-bottom: 66.666667%;
+  }
+
+  .xl\:mx-4\/6 {
+    margin-left: 66.666667%;
+    margin-right: 66.666667%;
+  }
+
+  .xl\:my-5\/6 {
+    margin-top: 83.333333%;
+    margin-bottom: 83.333333%;
+  }
+
+  .xl\:mx-5\/6 {
+    margin-left: 83.333333%;
+    margin-right: 83.333333%;
+  }
+
+  .xl\:my-1\/12 {
+    margin-top: 8.333333%;
+    margin-bottom: 8.333333%;
+  }
+
+  .xl\:mx-1\/12 {
+    margin-left: 8.333333%;
+    margin-right: 8.333333%;
+  }
+
+  .xl\:my-2\/12 {
+    margin-top: 16.666667%;
+    margin-bottom: 16.666667%;
+  }
+
+  .xl\:mx-2\/12 {
+    margin-left: 16.666667%;
+    margin-right: 16.666667%;
+  }
+
+  .xl\:my-3\/12 {
+    margin-top: 25%;
+    margin-bottom: 25%;
+  }
+
+  .xl\:mx-3\/12 {
+    margin-left: 25%;
+    margin-right: 25%;
+  }
+
+  .xl\:my-4\/12 {
+    margin-top: 33.333333%;
+    margin-bottom: 33.333333%;
+  }
+
+  .xl\:mx-4\/12 {
+    margin-left: 33.333333%;
+    margin-right: 33.333333%;
+  }
+
+  .xl\:my-5\/12 {
+    margin-top: 41.666667%;
+    margin-bottom: 41.666667%;
+  }
+
+  .xl\:mx-5\/12 {
+    margin-left: 41.666667%;
+    margin-right: 41.666667%;
+  }
+
+  .xl\:my-6\/12 {
+    margin-top: 50%;
+    margin-bottom: 50%;
+  }
+
+  .xl\:mx-6\/12 {
+    margin-left: 50%;
+    margin-right: 50%;
+  }
+
+  .xl\:my-7\/12 {
+    margin-top: 58.333333%;
+    margin-bottom: 58.333333%;
+  }
+
+  .xl\:mx-7\/12 {
+    margin-left: 58.333333%;
+    margin-right: 58.333333%;
+  }
+
+  .xl\:my-8\/12 {
+    margin-top: 66.666667%;
+    margin-bottom: 66.666667%;
+  }
+
+  .xl\:mx-8\/12 {
+    margin-left: 66.666667%;
+    margin-right: 66.666667%;
+  }
+
+  .xl\:my-9\/12 {
+    margin-top: 75%;
+    margin-bottom: 75%;
+  }
+
+  .xl\:mx-9\/12 {
+    margin-left: 75%;
+    margin-right: 75%;
+  }
+
+  .xl\:my-10\/12 {
+    margin-top: 83.333333%;
+    margin-bottom: 83.333333%;
+  }
+
+  .xl\:mx-10\/12 {
+    margin-left: 83.333333%;
+    margin-right: 83.333333%;
+  }
+
+  .xl\:my-11\/12 {
+    margin-top: 91.666667%;
+    margin-bottom: 91.666667%;
+  }
+
+  .xl\:mx-11\/12 {
+    margin-left: 91.666667%;
+    margin-right: 91.666667%;
+  }
+
+  .xl\:my-full {
+    margin-top: 100%;
+    margin-bottom: 100%;
+  }
+
+  .xl\:mx-full {
+    margin-left: 100%;
+    margin-right: 100%;
+  }
+
+  .xl\:-my-1 {
+    margin-top: -0.25rem;
+    margin-bottom: -0.25rem;
+  }
+
+  .xl\:-mx-1 {
+    margin-left: -0.25rem;
+    margin-right: -0.25rem;
+  }
+
+  .xl\:-my-2 {
+    margin-top: -0.5rem;
+    margin-bottom: -0.5rem;
+  }
+
+  .xl\:-mx-2 {
+    margin-left: -0.5rem;
+    margin-right: -0.5rem;
+  }
+
+  .xl\:-my-3 {
+    margin-top: -0.75rem;
+    margin-bottom: -0.75rem;
+  }
+
+  .xl\:-mx-3 {
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
+  }
+
+  .xl\:-my-4 {
+    margin-top: -1rem;
+    margin-bottom: -1rem;
+  }
+
+  .xl\:-mx-4 {
+    margin-left: -1rem;
+    margin-right: -1rem;
+  }
+
+  .xl\:-my-5 {
+    margin-top: -1.25rem;
+    margin-bottom: -1.25rem;
+  }
+
+  .xl\:-mx-5 {
+    margin-left: -1.25rem;
+    margin-right: -1.25rem;
+  }
+
+  .xl\:-my-6 {
+    margin-top: -1.5rem;
+    margin-bottom: -1.5rem;
+  }
+
+  .xl\:-mx-6 {
+    margin-left: -1.5rem;
+    margin-right: -1.5rem;
+  }
+
+  .xl\:-my-7 {
+    margin-top: -1.75rem;
+    margin-bottom: -1.75rem;
+  }
+
+  .xl\:-mx-7 {
+    margin-left: -1.75rem;
+    margin-right: -1.75rem;
+  }
+
+  .xl\:-my-8 {
+    margin-top: -2rem;
+    margin-bottom: -2rem;
+  }
+
+  .xl\:-mx-8 {
+    margin-left: -2rem;
+    margin-right: -2rem;
+  }
+
+  .xl\:-my-9 {
+    margin-top: -2.25rem;
+    margin-bottom: -2.25rem;
+  }
+
+  .xl\:-mx-9 {
+    margin-left: -2.25rem;
+    margin-right: -2.25rem;
+  }
+
+  .xl\:-my-10 {
+    margin-top: -2.5rem;
+    margin-bottom: -2.5rem;
+  }
+
+  .xl\:-mx-10 {
+    margin-left: -2.5rem;
+    margin-right: -2.5rem;
+  }
+
+  .xl\:-my-11 {
+    margin-top: -2.75rem;
+    margin-bottom: -2.75rem;
+  }
+
+  .xl\:-mx-11 {
+    margin-left: -2.75rem;
+    margin-right: -2.75rem;
+  }
+
+  .xl\:-my-12 {
+    margin-top: -3rem;
+    margin-bottom: -3rem;
+  }
+
+  .xl\:-mx-12 {
+    margin-left: -3rem;
+    margin-right: -3rem;
+  }
+
+  .xl\:-my-13 {
+    margin-top: -3.25rem;
+    margin-bottom: -3.25rem;
+  }
+
+  .xl\:-mx-13 {
+    margin-left: -3.25rem;
+    margin-right: -3.25rem;
+  }
+
+  .xl\:-my-14 {
+    margin-top: -3.5rem;
+    margin-bottom: -3.5rem;
+  }
+
+  .xl\:-mx-14 {
+    margin-left: -3.5rem;
+    margin-right: -3.5rem;
+  }
+
+  .xl\:-my-15 {
+    margin-top: -3.75rem;
+    margin-bottom: -3.75rem;
+  }
+
+  .xl\:-mx-15 {
+    margin-left: -3.75rem;
+    margin-right: -3.75rem;
+  }
+
+  .xl\:-my-16 {
+    margin-top: -4rem;
+    margin-bottom: -4rem;
+  }
+
+  .xl\:-mx-16 {
+    margin-left: -4rem;
+    margin-right: -4rem;
+  }
+
+  .xl\:-my-20 {
+    margin-top: -5rem;
+    margin-bottom: -5rem;
+  }
+
+  .xl\:-mx-20 {
+    margin-left: -5rem;
+    margin-right: -5rem;
+  }
+
+  .xl\:-my-24 {
+    margin-top: -6rem;
+    margin-bottom: -6rem;
+  }
+
+  .xl\:-mx-24 {
+    margin-left: -6rem;
+    margin-right: -6rem;
+  }
+
+  .xl\:-my-28 {
+    margin-top: -7rem;
+    margin-bottom: -7rem;
+  }
+
+  .xl\:-mx-28 {
+    margin-left: -7rem;
+    margin-right: -7rem;
+  }
+
+  .xl\:-my-32 {
+    margin-top: -8rem;
+    margin-bottom: -8rem;
+  }
+
+  .xl\:-mx-32 {
+    margin-left: -8rem;
+    margin-right: -8rem;
+  }
+
+  .xl\:-my-36 {
+    margin-top: -9rem;
+    margin-bottom: -9rem;
+  }
+
+  .xl\:-mx-36 {
+    margin-left: -9rem;
+    margin-right: -9rem;
+  }
+
+  .xl\:-my-40 {
+    margin-top: -10rem;
+    margin-bottom: -10rem;
+  }
+
+  .xl\:-mx-40 {
+    margin-left: -10rem;
+    margin-right: -10rem;
+  }
+
+  .xl\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .xl\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .xl\:-my-56 {
+    margin-top: -14rem;
+    margin-bottom: -14rem;
+  }
+
+  .xl\:-mx-56 {
+    margin-left: -14rem;
+    margin-right: -14rem;
+  }
+
+  .xl\:-my-60 {
+    margin-top: -15rem;
+    margin-bottom: -15rem;
+  }
+
+  .xl\:-mx-60 {
+    margin-left: -15rem;
+    margin-right: -15rem;
+  }
+
+  .xl\:-my-64 {
+    margin-top: -16rem;
+    margin-bottom: -16rem;
+  }
+
+  .xl\:-mx-64 {
+    margin-left: -16rem;
+    margin-right: -16rem;
+  }
+
+  .xl\:-my-72 {
+    margin-top: -18rem;
+    margin-bottom: -18rem;
+  }
+
+  .xl\:-mx-72 {
+    margin-left: -18rem;
+    margin-right: -18rem;
+  }
+
+  .xl\:-my-80 {
+    margin-top: -20rem;
+    margin-bottom: -20rem;
+  }
+
+  .xl\:-mx-80 {
+    margin-left: -20rem;
+    margin-right: -20rem;
+  }
+
+  .xl\:-my-96 {
+    margin-top: -24rem;
+    margin-bottom: -24rem;
+  }
+
+  .xl\:-mx-96 {
+    margin-left: -24rem;
+    margin-right: -24rem;
+  }
+
+  .xl\:-my-px {
+    margin-top: -1px;
+    margin-bottom: -1px;
+  }
+
+  .xl\:-mx-px {
+    margin-left: -1px;
+    margin-right: -1px;
+  }
+
+  .xl\:-my-0\.5 {
+    margin-top: -0.125rem;
+    margin-bottom: -0.125rem;
+  }
+
+  .xl\:-mx-0\.5 {
+    margin-left: -0.125rem;
+    margin-right: -0.125rem;
+  }
+
+  .xl\:-my-1\.5 {
+    margin-top: -0.375rem;
+    margin-bottom: -0.375rem;
+  }
+
+  .xl\:-mx-1\.5 {
+    margin-left: -0.375rem;
+    margin-right: -0.375rem;
+  }
+
+  .xl\:-my-2\.5 {
+    margin-top: -0.625rem;
+    margin-bottom: -0.625rem;
+  }
+
+  .xl\:-mx-2\.5 {
+    margin-left: -0.625rem;
+    margin-right: -0.625rem;
+  }
+
+  .xl\:-my-3\.5 {
+    margin-top: -0.875rem;
+    margin-bottom: -0.875rem;
+  }
+
+  .xl\:-mx-3\.5 {
+    margin-left: -0.875rem;
+    margin-right: -0.875rem;
+  }
+
+  .xl\:-my-1\/2 {
+    margin-top: -50%;
+    margin-bottom: -50%;
+  }
+
+  .xl\:-mx-1\/2 {
+    margin-left: -50%;
+    margin-right: -50%;
+  }
+
+  .xl\:-my-1\/3 {
+    margin-top: -33.33333%;
+    margin-bottom: -33.33333%;
+  }
+
+  .xl\:-mx-1\/3 {
+    margin-left: -33.33333%;
+    margin-right: -33.33333%;
+  }
+
+  .xl\:-my-2\/3 {
+    margin-top: -66.66667%;
+    margin-bottom: -66.66667%;
+  }
+
+  .xl\:-mx-2\/3 {
+    margin-left: -66.66667%;
+    margin-right: -66.66667%;
+  }
+
+  .xl\:-my-1\/4 {
+    margin-top: -25%;
+    margin-bottom: -25%;
+  }
+
+  .xl\:-mx-1\/4 {
+    margin-left: -25%;
+    margin-right: -25%;
+  }
+
+  .xl\:-my-2\/4 {
+    margin-top: -50%;
+    margin-bottom: -50%;
+  }
+
+  .xl\:-mx-2\/4 {
+    margin-left: -50%;
+    margin-right: -50%;
+  }
+
+  .xl\:-my-3\/4 {
+    margin-top: -75%;
+    margin-bottom: -75%;
+  }
+
+  .xl\:-mx-3\/4 {
+    margin-left: -75%;
+    margin-right: -75%;
+  }
+
+  .xl\:-my-1\/5 {
+    margin-top: -20%;
+    margin-bottom: -20%;
+  }
+
+  .xl\:-mx-1\/5 {
+    margin-left: -20%;
+    margin-right: -20%;
+  }
+
+  .xl\:-my-2\/5 {
+    margin-top: -40%;
+    margin-bottom: -40%;
+  }
+
+  .xl\:-mx-2\/5 {
+    margin-left: -40%;
+    margin-right: -40%;
+  }
+
+  .xl\:-my-3\/5 {
+    margin-top: -60%;
+    margin-bottom: -60%;
+  }
+
+  .xl\:-mx-3\/5 {
+    margin-left: -60%;
+    margin-right: -60%;
+  }
+
+  .xl\:-my-4\/5 {
+    margin-top: -80%;
+    margin-bottom: -80%;
+  }
+
+  .xl\:-mx-4\/5 {
+    margin-left: -80%;
+    margin-right: -80%;
+  }
+
+  .xl\:-my-1\/6 {
+    margin-top: -16.66667%;
+    margin-bottom: -16.66667%;
+  }
+
+  .xl\:-mx-1\/6 {
+    margin-left: -16.66667%;
+    margin-right: -16.66667%;
+  }
+
+  .xl\:-my-2\/6 {
+    margin-top: -33.33333%;
+    margin-bottom: -33.33333%;
+  }
+
+  .xl\:-mx-2\/6 {
+    margin-left: -33.33333%;
+    margin-right: -33.33333%;
+  }
+
+  .xl\:-my-3\/6 {
+    margin-top: -50%;
+    margin-bottom: -50%;
+  }
+
+  .xl\:-mx-3\/6 {
+    margin-left: -50%;
+    margin-right: -50%;
+  }
+
+  .xl\:-my-4\/6 {
+    margin-top: -66.66667%;
+    margin-bottom: -66.66667%;
+  }
+
+  .xl\:-mx-4\/6 {
+    margin-left: -66.66667%;
+    margin-right: -66.66667%;
+  }
+
+  .xl\:-my-5\/6 {
+    margin-top: -83.33333%;
+    margin-bottom: -83.33333%;
+  }
+
+  .xl\:-mx-5\/6 {
+    margin-left: -83.33333%;
+    margin-right: -83.33333%;
+  }
+
+  .xl\:-my-1\/12 {
+    margin-top: -8.33333%;
+    margin-bottom: -8.33333%;
+  }
+
+  .xl\:-mx-1\/12 {
+    margin-left: -8.33333%;
+    margin-right: -8.33333%;
+  }
+
+  .xl\:-my-2\/12 {
+    margin-top: -16.66667%;
+    margin-bottom: -16.66667%;
+  }
+
+  .xl\:-mx-2\/12 {
+    margin-left: -16.66667%;
+    margin-right: -16.66667%;
+  }
+
+  .xl\:-my-3\/12 {
+    margin-top: -25%;
+    margin-bottom: -25%;
+  }
+
+  .xl\:-mx-3\/12 {
+    margin-left: -25%;
+    margin-right: -25%;
+  }
+
+  .xl\:-my-4\/12 {
+    margin-top: -33.33333%;
+    margin-bottom: -33.33333%;
+  }
+
+  .xl\:-mx-4\/12 {
+    margin-left: -33.33333%;
+    margin-right: -33.33333%;
+  }
+
+  .xl\:-my-5\/12 {
+    margin-top: -41.66667%;
+    margin-bottom: -41.66667%;
+  }
+
+  .xl\:-mx-5\/12 {
+    margin-left: -41.66667%;
+    margin-right: -41.66667%;
+  }
+
+  .xl\:-my-6\/12 {
+    margin-top: -50%;
+    margin-bottom: -50%;
+  }
+
+  .xl\:-mx-6\/12 {
+    margin-left: -50%;
+    margin-right: -50%;
+  }
+
+  .xl\:-my-7\/12 {
+    margin-top: -58.33333%;
+    margin-bottom: -58.33333%;
+  }
+
+  .xl\:-mx-7\/12 {
+    margin-left: -58.33333%;
+    margin-right: -58.33333%;
+  }
+
+  .xl\:-my-8\/12 {
+    margin-top: -66.66667%;
+    margin-bottom: -66.66667%;
+  }
+
+  .xl\:-mx-8\/12 {
+    margin-left: -66.66667%;
+    margin-right: -66.66667%;
+  }
+
+  .xl\:-my-9\/12 {
+    margin-top: -75%;
+    margin-bottom: -75%;
+  }
+
+  .xl\:-mx-9\/12 {
+    margin-left: -75%;
+    margin-right: -75%;
+  }
+
+  .xl\:-my-10\/12 {
+    margin-top: -83.33333%;
+    margin-bottom: -83.33333%;
+  }
+
+  .xl\:-mx-10\/12 {
+    margin-left: -83.33333%;
+    margin-right: -83.33333%;
+  }
+
+  .xl\:-my-11\/12 {
+    margin-top: -91.66667%;
+    margin-bottom: -91.66667%;
+  }
+
+  .xl\:-mx-11\/12 {
+    margin-left: -91.66667%;
+    margin-right: -91.66667%;
+  }
+
+  .xl\:-my-full {
+    margin-top: -100%;
+    margin-bottom: -100%;
+  }
+
+  .xl\:-mx-full {
+    margin-left: -100%;
+    margin-right: -100%;
+  }
+
+  .xl\:mt-0 {
+    margin-top: 0;
+  }
+
+  .xl\:mr-0 {
+    margin-right: 0;
+  }
+
+  .xl\:mb-0 {
+    margin-bottom: 0;
+  }
+
+  .xl\:ml-0 {
+    margin-left: 0;
+  }
+
+  .xl\:mt-1 {
+    margin-top: 0.25rem;
+  }
+
+  .xl\:mr-1 {
+    margin-right: 0.25rem;
+  }
+
+  .xl\:mb-1 {
+    margin-bottom: 0.25rem;
+  }
+
+  .xl\:ml-1 {
+    margin-left: 0.25rem;
+  }
+
+  .xl\:mt-2 {
+    margin-top: 0.5rem;
+  }
+
+  .xl\:mr-2 {
+    margin-right: 0.5rem;
+  }
+
+  .xl\:mb-2 {
+    margin-bottom: 0.5rem;
+  }
+
+  .xl\:ml-2 {
+    margin-left: 0.5rem;
+  }
+
+  .xl\:mt-3 {
+    margin-top: 0.75rem;
+  }
+
+  .xl\:mr-3 {
+    margin-right: 0.75rem;
+  }
+
+  .xl\:mb-3 {
+    margin-bottom: 0.75rem;
+  }
+
+  .xl\:ml-3 {
+    margin-left: 0.75rem;
+  }
+
+  .xl\:mt-4 {
+    margin-top: 1rem;
+  }
+
+  .xl\:mr-4 {
+    margin-right: 1rem;
+  }
+
+  .xl\:mb-4 {
+    margin-bottom: 1rem;
+  }
+
+  .xl\:ml-4 {
+    margin-left: 1rem;
+  }
+
+  .xl\:mt-5 {
+    margin-top: 1.25rem;
+  }
+
+  .xl\:mr-5 {
+    margin-right: 1.25rem;
+  }
+
+  .xl\:mb-5 {
+    margin-bottom: 1.25rem;
+  }
+
+  .xl\:ml-5 {
+    margin-left: 1.25rem;
+  }
+
+  .xl\:mt-6 {
+    margin-top: 1.5rem;
+  }
+
+  .xl\:mr-6 {
+    margin-right: 1.5rem;
+  }
+
+  .xl\:mb-6 {
+    margin-bottom: 1.5rem;
+  }
+
+  .xl\:ml-6 {
+    margin-left: 1.5rem;
+  }
+
+  .xl\:mt-7 {
+    margin-top: 1.75rem;
+  }
+
+  .xl\:mr-7 {
+    margin-right: 1.75rem;
+  }
+
+  .xl\:mb-7 {
+    margin-bottom: 1.75rem;
+  }
+
+  .xl\:ml-7 {
+    margin-left: 1.75rem;
+  }
+
+  .xl\:mt-8 {
+    margin-top: 2rem;
+  }
+
+  .xl\:mr-8 {
+    margin-right: 2rem;
+  }
+
+  .xl\:mb-8 {
+    margin-bottom: 2rem;
+  }
+
+  .xl\:ml-8 {
+    margin-left: 2rem;
+  }
+
+  .xl\:mt-9 {
+    margin-top: 2.25rem;
+  }
+
+  .xl\:mr-9 {
+    margin-right: 2.25rem;
+  }
+
+  .xl\:mb-9 {
+    margin-bottom: 2.25rem;
+  }
+
+  .xl\:ml-9 {
+    margin-left: 2.25rem;
+  }
+
+  .xl\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
+  .xl\:mr-10 {
+    margin-right: 2.5rem;
+  }
+
+  .xl\:mb-10 {
+    margin-bottom: 2.5rem;
+  }
+
+  .xl\:ml-10 {
+    margin-left: 2.5rem;
+  }
+
+  .xl\:mt-11 {
+    margin-top: 2.75rem;
+  }
+
+  .xl\:mr-11 {
+    margin-right: 2.75rem;
+  }
+
+  .xl\:mb-11 {
+    margin-bottom: 2.75rem;
+  }
+
+  .xl\:ml-11 {
+    margin-left: 2.75rem;
+  }
+
+  .xl\:mt-12 {
+    margin-top: 3rem;
+  }
+
+  .xl\:mr-12 {
+    margin-right: 3rem;
+  }
+
+  .xl\:mb-12 {
+    margin-bottom: 3rem;
+  }
+
+  .xl\:ml-12 {
+    margin-left: 3rem;
+  }
+
+  .xl\:mt-13 {
+    margin-top: 3.25rem;
+  }
+
+  .xl\:mr-13 {
+    margin-right: 3.25rem;
+  }
+
+  .xl\:mb-13 {
+    margin-bottom: 3.25rem;
+  }
+
+  .xl\:ml-13 {
+    margin-left: 3.25rem;
+  }
+
+  .xl\:mt-14 {
+    margin-top: 3.5rem;
+  }
+
+  .xl\:mr-14 {
+    margin-right: 3.5rem;
+  }
+
+  .xl\:mb-14 {
+    margin-bottom: 3.5rem;
+  }
+
+  .xl\:ml-14 {
+    margin-left: 3.5rem;
+  }
+
+  .xl\:mt-15 {
+    margin-top: 3.75rem;
+  }
+
+  .xl\:mr-15 {
+    margin-right: 3.75rem;
+  }
+
+  .xl\:mb-15 {
+    margin-bottom: 3.75rem;
+  }
+
+  .xl\:ml-15 {
+    margin-left: 3.75rem;
+  }
+
+  .xl\:mt-16 {
+    margin-top: 4rem;
+  }
+
+  .xl\:mr-16 {
+    margin-right: 4rem;
+  }
+
+  .xl\:mb-16 {
+    margin-bottom: 4rem;
+  }
+
+  .xl\:ml-16 {
+    margin-left: 4rem;
+  }
+
+  .xl\:mt-20 {
+    margin-top: 5rem;
+  }
+
+  .xl\:mr-20 {
+    margin-right: 5rem;
+  }
+
+  .xl\:mb-20 {
+    margin-bottom: 5rem;
+  }
+
+  .xl\:ml-20 {
+    margin-left: 5rem;
+  }
+
+  .xl\:mt-24 {
+    margin-top: 6rem;
+  }
+
+  .xl\:mr-24 {
+    margin-right: 6rem;
+  }
+
+  .xl\:mb-24 {
+    margin-bottom: 6rem;
+  }
+
+  .xl\:ml-24 {
+    margin-left: 6rem;
+  }
+
+  .xl\:mt-28 {
+    margin-top: 7rem;
+  }
+
+  .xl\:mr-28 {
+    margin-right: 7rem;
+  }
+
+  .xl\:mb-28 {
+    margin-bottom: 7rem;
+  }
+
+  .xl\:ml-28 {
+    margin-left: 7rem;
+  }
+
+  .xl\:mt-32 {
+    margin-top: 8rem;
+  }
+
+  .xl\:mr-32 {
+    margin-right: 8rem;
+  }
+
+  .xl\:mb-32 {
+    margin-bottom: 8rem;
+  }
+
+  .xl\:ml-32 {
+    margin-left: 8rem;
+  }
+
+  .xl\:mt-36 {
+    margin-top: 9rem;
+  }
+
+  .xl\:mr-36 {
+    margin-right: 9rem;
+  }
+
+  .xl\:mb-36 {
+    margin-bottom: 9rem;
+  }
+
+  .xl\:ml-36 {
+    margin-left: 9rem;
+  }
+
+  .xl\:mt-40 {
+    margin-top: 10rem;
+  }
+
+  .xl\:mr-40 {
+    margin-right: 10rem;
+  }
+
+  .xl\:mb-40 {
+    margin-bottom: 10rem;
+  }
+
+  .xl\:ml-40 {
+    margin-left: 10rem;
+  }
+
+  .xl\:mt-48 {
+    margin-top: 12rem;
+  }
+
+  .xl\:mr-48 {
+    margin-right: 12rem;
+  }
+
+  .xl\:mb-48 {
+    margin-bottom: 12rem;
+  }
+
+  .xl\:ml-48 {
+    margin-left: 12rem;
+  }
+
+  .xl\:mt-56 {
+    margin-top: 14rem;
+  }
+
+  .xl\:mr-56 {
+    margin-right: 14rem;
+  }
+
+  .xl\:mb-56 {
+    margin-bottom: 14rem;
+  }
+
+  .xl\:ml-56 {
+    margin-left: 14rem;
+  }
+
+  .xl\:mt-60 {
+    margin-top: 15rem;
+  }
+
+  .xl\:mr-60 {
+    margin-right: 15rem;
+  }
+
+  .xl\:mb-60 {
+    margin-bottom: 15rem;
+  }
+
+  .xl\:ml-60 {
+    margin-left: 15rem;
+  }
+
+  .xl\:mt-64 {
+    margin-top: 16rem;
+  }
+
+  .xl\:mr-64 {
+    margin-right: 16rem;
+  }
+
+  .xl\:mb-64 {
+    margin-bottom: 16rem;
+  }
+
+  .xl\:ml-64 {
+    margin-left: 16rem;
+  }
+
+  .xl\:mt-72 {
+    margin-top: 18rem;
+  }
+
+  .xl\:mr-72 {
+    margin-right: 18rem;
+  }
+
+  .xl\:mb-72 {
+    margin-bottom: 18rem;
+  }
+
+  .xl\:ml-72 {
+    margin-left: 18rem;
+  }
+
+  .xl\:mt-80 {
+    margin-top: 20rem;
+  }
+
+  .xl\:mr-80 {
+    margin-right: 20rem;
+  }
+
+  .xl\:mb-80 {
+    margin-bottom: 20rem;
+  }
+
+  .xl\:ml-80 {
+    margin-left: 20rem;
+  }
+
+  .xl\:mt-96 {
+    margin-top: 24rem;
+  }
+
+  .xl\:mr-96 {
+    margin-right: 24rem;
+  }
+
+  .xl\:mb-96 {
+    margin-bottom: 24rem;
+  }
+
+  .xl\:ml-96 {
+    margin-left: 24rem;
+  }
+
+  .xl\:mt-auto {
+    margin-top: auto;
+  }
+
+  .xl\:mr-auto {
+    margin-right: auto;
+  }
+
+  .xl\:mb-auto {
+    margin-bottom: auto;
+  }
+
+  .xl\:ml-auto {
+    margin-left: auto;
+  }
+
+  .xl\:mt-px {
+    margin-top: 1px;
+  }
+
+  .xl\:mr-px {
+    margin-right: 1px;
+  }
+
+  .xl\:mb-px {
+    margin-bottom: 1px;
+  }
+
+  .xl\:ml-px {
+    margin-left: 1px;
+  }
+
+  .xl\:mt-0\.5 {
+    margin-top: 0.125rem;
+  }
+
+  .xl\:mr-0\.5 {
+    margin-right: 0.125rem;
+  }
+
+  .xl\:mb-0\.5 {
+    margin-bottom: 0.125rem;
+  }
+
+  .xl\:ml-0\.5 {
+    margin-left: 0.125rem;
+  }
+
+  .xl\:mt-1\.5 {
+    margin-top: 0.375rem;
+  }
+
+  .xl\:mr-1\.5 {
+    margin-right: 0.375rem;
+  }
+
+  .xl\:mb-1\.5 {
+    margin-bottom: 0.375rem;
+  }
+
+  .xl\:ml-1\.5 {
+    margin-left: 0.375rem;
+  }
+
+  .xl\:mt-2\.5 {
+    margin-top: 0.625rem;
+  }
+
+  .xl\:mr-2\.5 {
+    margin-right: 0.625rem;
+  }
+
+  .xl\:mb-2\.5 {
+    margin-bottom: 0.625rem;
+  }
+
+  .xl\:ml-2\.5 {
+    margin-left: 0.625rem;
+  }
+
+  .xl\:mt-3\.5 {
+    margin-top: 0.875rem;
+  }
+
+  .xl\:mr-3\.5 {
+    margin-right: 0.875rem;
+  }
+
+  .xl\:mb-3\.5 {
+    margin-bottom: 0.875rem;
+  }
+
+  .xl\:ml-3\.5 {
+    margin-left: 0.875rem;
+  }
+
+  .xl\:mt-1\/2 {
+    margin-top: 50%;
+  }
+
+  .xl\:mr-1\/2 {
+    margin-right: 50%;
+  }
+
+  .xl\:mb-1\/2 {
+    margin-bottom: 50%;
+  }
+
+  .xl\:ml-1\/2 {
+    margin-left: 50%;
+  }
+
+  .xl\:mt-1\/3 {
+    margin-top: 33.333333%;
+  }
+
+  .xl\:mr-1\/3 {
+    margin-right: 33.333333%;
+  }
+
+  .xl\:mb-1\/3 {
+    margin-bottom: 33.333333%;
+  }
+
+  .xl\:ml-1\/3 {
+    margin-left: 33.333333%;
+  }
+
+  .xl\:mt-2\/3 {
+    margin-top: 66.666667%;
+  }
+
+  .xl\:mr-2\/3 {
+    margin-right: 66.666667%;
+  }
+
+  .xl\:mb-2\/3 {
+    margin-bottom: 66.666667%;
+  }
+
+  .xl\:ml-2\/3 {
+    margin-left: 66.666667%;
+  }
+
+  .xl\:mt-1\/4 {
+    margin-top: 25%;
+  }
+
+  .xl\:mr-1\/4 {
+    margin-right: 25%;
+  }
+
+  .xl\:mb-1\/4 {
+    margin-bottom: 25%;
+  }
+
+  .xl\:ml-1\/4 {
+    margin-left: 25%;
+  }
+
+  .xl\:mt-2\/4 {
+    margin-top: 50%;
+  }
+
+  .xl\:mr-2\/4 {
+    margin-right: 50%;
+  }
+
+  .xl\:mb-2\/4 {
+    margin-bottom: 50%;
+  }
+
+  .xl\:ml-2\/4 {
+    margin-left: 50%;
+  }
+
+  .xl\:mt-3\/4 {
+    margin-top: 75%;
+  }
+
+  .xl\:mr-3\/4 {
+    margin-right: 75%;
+  }
+
+  .xl\:mb-3\/4 {
+    margin-bottom: 75%;
+  }
+
+  .xl\:ml-3\/4 {
+    margin-left: 75%;
+  }
+
+  .xl\:mt-1\/5 {
+    margin-top: 20%;
+  }
+
+  .xl\:mr-1\/5 {
+    margin-right: 20%;
+  }
+
+  .xl\:mb-1\/5 {
+    margin-bottom: 20%;
+  }
+
+  .xl\:ml-1\/5 {
+    margin-left: 20%;
+  }
+
+  .xl\:mt-2\/5 {
+    margin-top: 40%;
+  }
+
+  .xl\:mr-2\/5 {
+    margin-right: 40%;
+  }
+
+  .xl\:mb-2\/5 {
+    margin-bottom: 40%;
+  }
+
+  .xl\:ml-2\/5 {
+    margin-left: 40%;
+  }
+
+  .xl\:mt-3\/5 {
+    margin-top: 60%;
+  }
+
+  .xl\:mr-3\/5 {
+    margin-right: 60%;
+  }
+
+  .xl\:mb-3\/5 {
+    margin-bottom: 60%;
+  }
+
+  .xl\:ml-3\/5 {
+    margin-left: 60%;
+  }
+
+  .xl\:mt-4\/5 {
+    margin-top: 80%;
+  }
+
+  .xl\:mr-4\/5 {
+    margin-right: 80%;
+  }
+
+  .xl\:mb-4\/5 {
+    margin-bottom: 80%;
+  }
+
+  .xl\:ml-4\/5 {
+    margin-left: 80%;
+  }
+
+  .xl\:mt-1\/6 {
+    margin-top: 16.666667%;
+  }
+
+  .xl\:mr-1\/6 {
+    margin-right: 16.666667%;
+  }
+
+  .xl\:mb-1\/6 {
+    margin-bottom: 16.666667%;
+  }
+
+  .xl\:ml-1\/6 {
+    margin-left: 16.666667%;
+  }
+
+  .xl\:mt-2\/6 {
+    margin-top: 33.333333%;
+  }
+
+  .xl\:mr-2\/6 {
+    margin-right: 33.333333%;
+  }
+
+  .xl\:mb-2\/6 {
+    margin-bottom: 33.333333%;
+  }
+
+  .xl\:ml-2\/6 {
+    margin-left: 33.333333%;
+  }
+
+  .xl\:mt-3\/6 {
+    margin-top: 50%;
+  }
+
+  .xl\:mr-3\/6 {
+    margin-right: 50%;
+  }
+
+  .xl\:mb-3\/6 {
+    margin-bottom: 50%;
+  }
+
+  .xl\:ml-3\/6 {
+    margin-left: 50%;
+  }
+
+  .xl\:mt-4\/6 {
+    margin-top: 66.666667%;
+  }
+
+  .xl\:mr-4\/6 {
+    margin-right: 66.666667%;
+  }
+
+  .xl\:mb-4\/6 {
+    margin-bottom: 66.666667%;
+  }
+
+  .xl\:ml-4\/6 {
+    margin-left: 66.666667%;
+  }
+
+  .xl\:mt-5\/6 {
+    margin-top: 83.333333%;
+  }
+
+  .xl\:mr-5\/6 {
+    margin-right: 83.333333%;
+  }
+
+  .xl\:mb-5\/6 {
+    margin-bottom: 83.333333%;
+  }
+
+  .xl\:ml-5\/6 {
+    margin-left: 83.333333%;
+  }
+
+  .xl\:mt-1\/12 {
+    margin-top: 8.333333%;
+  }
+
+  .xl\:mr-1\/12 {
+    margin-right: 8.333333%;
+  }
+
+  .xl\:mb-1\/12 {
+    margin-bottom: 8.333333%;
+  }
+
+  .xl\:ml-1\/12 {
+    margin-left: 8.333333%;
+  }
+
+  .xl\:mt-2\/12 {
+    margin-top: 16.666667%;
+  }
+
+  .xl\:mr-2\/12 {
+    margin-right: 16.666667%;
+  }
+
+  .xl\:mb-2\/12 {
+    margin-bottom: 16.666667%;
+  }
+
+  .xl\:ml-2\/12 {
+    margin-left: 16.666667%;
+  }
+
+  .xl\:mt-3\/12 {
+    margin-top: 25%;
+  }
+
+  .xl\:mr-3\/12 {
+    margin-right: 25%;
+  }
+
+  .xl\:mb-3\/12 {
+    margin-bottom: 25%;
+  }
+
+  .xl\:ml-3\/12 {
+    margin-left: 25%;
+  }
+
+  .xl\:mt-4\/12 {
+    margin-top: 33.333333%;
+  }
+
+  .xl\:mr-4\/12 {
+    margin-right: 33.333333%;
+  }
+
+  .xl\:mb-4\/12 {
+    margin-bottom: 33.333333%;
+  }
+
+  .xl\:ml-4\/12 {
+    margin-left: 33.333333%;
+  }
+
+  .xl\:mt-5\/12 {
+    margin-top: 41.666667%;
+  }
+
+  .xl\:mr-5\/12 {
+    margin-right: 41.666667%;
+  }
+
+  .xl\:mb-5\/12 {
+    margin-bottom: 41.666667%;
+  }
+
+  .xl\:ml-5\/12 {
+    margin-left: 41.666667%;
+  }
+
+  .xl\:mt-6\/12 {
+    margin-top: 50%;
+  }
+
+  .xl\:mr-6\/12 {
+    margin-right: 50%;
+  }
+
+  .xl\:mb-6\/12 {
+    margin-bottom: 50%;
+  }
+
+  .xl\:ml-6\/12 {
+    margin-left: 50%;
+  }
+
+  .xl\:mt-7\/12 {
+    margin-top: 58.333333%;
+  }
+
+  .xl\:mr-7\/12 {
+    margin-right: 58.333333%;
+  }
+
+  .xl\:mb-7\/12 {
+    margin-bottom: 58.333333%;
+  }
+
+  .xl\:ml-7\/12 {
+    margin-left: 58.333333%;
+  }
+
+  .xl\:mt-8\/12 {
+    margin-top: 66.666667%;
+  }
+
+  .xl\:mr-8\/12 {
+    margin-right: 66.666667%;
+  }
+
+  .xl\:mb-8\/12 {
+    margin-bottom: 66.666667%;
+  }
+
+  .xl\:ml-8\/12 {
+    margin-left: 66.666667%;
+  }
+
+  .xl\:mt-9\/12 {
+    margin-top: 75%;
+  }
+
+  .xl\:mr-9\/12 {
+    margin-right: 75%;
+  }
+
+  .xl\:mb-9\/12 {
+    margin-bottom: 75%;
+  }
+
+  .xl\:ml-9\/12 {
+    margin-left: 75%;
+  }
+
+  .xl\:mt-10\/12 {
+    margin-top: 83.333333%;
+  }
+
+  .xl\:mr-10\/12 {
+    margin-right: 83.333333%;
+  }
+
+  .xl\:mb-10\/12 {
+    margin-bottom: 83.333333%;
+  }
+
+  .xl\:ml-10\/12 {
+    margin-left: 83.333333%;
+  }
+
+  .xl\:mt-11\/12 {
+    margin-top: 91.666667%;
+  }
+
+  .xl\:mr-11\/12 {
+    margin-right: 91.666667%;
+  }
+
+  .xl\:mb-11\/12 {
+    margin-bottom: 91.666667%;
+  }
+
+  .xl\:ml-11\/12 {
+    margin-left: 91.666667%;
+  }
+
+  .xl\:mt-full {
+    margin-top: 100%;
+  }
+
+  .xl\:mr-full {
+    margin-right: 100%;
+  }
+
+  .xl\:mb-full {
+    margin-bottom: 100%;
+  }
+
+  .xl\:ml-full {
+    margin-left: 100%;
+  }
+
+  .xl\:-mt-1 {
+    margin-top: -0.25rem;
+  }
+
+  .xl\:-mr-1 {
+    margin-right: -0.25rem;
+  }
+
+  .xl\:-mb-1 {
+    margin-bottom: -0.25rem;
+  }
+
+  .xl\:-ml-1 {
+    margin-left: -0.25rem;
+  }
+
+  .xl\:-mt-2 {
+    margin-top: -0.5rem;
+  }
+
+  .xl\:-mr-2 {
+    margin-right: -0.5rem;
+  }
+
+  .xl\:-mb-2 {
+    margin-bottom: -0.5rem;
+  }
+
+  .xl\:-ml-2 {
+    margin-left: -0.5rem;
+  }
+
+  .xl\:-mt-3 {
+    margin-top: -0.75rem;
+  }
+
+  .xl\:-mr-3 {
+    margin-right: -0.75rem;
+  }
+
+  .xl\:-mb-3 {
+    margin-bottom: -0.75rem;
+  }
+
+  .xl\:-ml-3 {
+    margin-left: -0.75rem;
+  }
+
+  .xl\:-mt-4 {
+    margin-top: -1rem;
+  }
+
+  .xl\:-mr-4 {
+    margin-right: -1rem;
+  }
+
+  .xl\:-mb-4 {
+    margin-bottom: -1rem;
+  }
+
+  .xl\:-ml-4 {
+    margin-left: -1rem;
+  }
+
+  .xl\:-mt-5 {
+    margin-top: -1.25rem;
+  }
+
+  .xl\:-mr-5 {
+    margin-right: -1.25rem;
+  }
+
+  .xl\:-mb-5 {
+    margin-bottom: -1.25rem;
+  }
+
+  .xl\:-ml-5 {
+    margin-left: -1.25rem;
+  }
+
+  .xl\:-mt-6 {
+    margin-top: -1.5rem;
+  }
+
+  .xl\:-mr-6 {
+    margin-right: -1.5rem;
+  }
+
+  .xl\:-mb-6 {
+    margin-bottom: -1.5rem;
+  }
+
+  .xl\:-ml-6 {
+    margin-left: -1.5rem;
+  }
+
+  .xl\:-mt-7 {
+    margin-top: -1.75rem;
+  }
+
+  .xl\:-mr-7 {
+    margin-right: -1.75rem;
+  }
+
+  .xl\:-mb-7 {
+    margin-bottom: -1.75rem;
+  }
+
+  .xl\:-ml-7 {
+    margin-left: -1.75rem;
+  }
+
+  .xl\:-mt-8 {
+    margin-top: -2rem;
+  }
+
+  .xl\:-mr-8 {
+    margin-right: -2rem;
+  }
+
+  .xl\:-mb-8 {
+    margin-bottom: -2rem;
+  }
+
+  .xl\:-ml-8 {
+    margin-left: -2rem;
+  }
+
+  .xl\:-mt-9 {
+    margin-top: -2.25rem;
+  }
+
+  .xl\:-mr-9 {
+    margin-right: -2.25rem;
+  }
+
+  .xl\:-mb-9 {
+    margin-bottom: -2.25rem;
+  }
+
+  .xl\:-ml-9 {
+    margin-left: -2.25rem;
+  }
+
+  .xl\:-mt-10 {
+    margin-top: -2.5rem;
+  }
+
+  .xl\:-mr-10 {
+    margin-right: -2.5rem;
+  }
+
+  .xl\:-mb-10 {
+    margin-bottom: -2.5rem;
+  }
+
+  .xl\:-ml-10 {
+    margin-left: -2.5rem;
+  }
+
+  .xl\:-mt-11 {
+    margin-top: -2.75rem;
+  }
+
+  .xl\:-mr-11 {
+    margin-right: -2.75rem;
+  }
+
+  .xl\:-mb-11 {
+    margin-bottom: -2.75rem;
+  }
+
+  .xl\:-ml-11 {
+    margin-left: -2.75rem;
+  }
+
+  .xl\:-mt-12 {
+    margin-top: -3rem;
+  }
+
+  .xl\:-mr-12 {
+    margin-right: -3rem;
+  }
+
+  .xl\:-mb-12 {
+    margin-bottom: -3rem;
+  }
+
+  .xl\:-ml-12 {
+    margin-left: -3rem;
+  }
+
+  .xl\:-mt-13 {
+    margin-top: -3.25rem;
+  }
+
+  .xl\:-mr-13 {
+    margin-right: -3.25rem;
+  }
+
+  .xl\:-mb-13 {
+    margin-bottom: -3.25rem;
+  }
+
+  .xl\:-ml-13 {
+    margin-left: -3.25rem;
+  }
+
+  .xl\:-mt-14 {
+    margin-top: -3.5rem;
+  }
+
+  .xl\:-mr-14 {
+    margin-right: -3.5rem;
+  }
+
+  .xl\:-mb-14 {
+    margin-bottom: -3.5rem;
+  }
+
+  .xl\:-ml-14 {
+    margin-left: -3.5rem;
+  }
+
+  .xl\:-mt-15 {
+    margin-top: -3.75rem;
+  }
+
+  .xl\:-mr-15 {
+    margin-right: -3.75rem;
+  }
+
+  .xl\:-mb-15 {
+    margin-bottom: -3.75rem;
+  }
+
+  .xl\:-ml-15 {
+    margin-left: -3.75rem;
+  }
+
+  .xl\:-mt-16 {
+    margin-top: -4rem;
+  }
+
+  .xl\:-mr-16 {
+    margin-right: -4rem;
+  }
+
+  .xl\:-mb-16 {
+    margin-bottom: -4rem;
+  }
+
+  .xl\:-ml-16 {
+    margin-left: -4rem;
+  }
+
+  .xl\:-mt-20 {
+    margin-top: -5rem;
+  }
+
+  .xl\:-mr-20 {
+    margin-right: -5rem;
+  }
+
+  .xl\:-mb-20 {
+    margin-bottom: -5rem;
+  }
+
+  .xl\:-ml-20 {
+    margin-left: -5rem;
+  }
+
+  .xl\:-mt-24 {
+    margin-top: -6rem;
+  }
+
+  .xl\:-mr-24 {
+    margin-right: -6rem;
+  }
+
+  .xl\:-mb-24 {
+    margin-bottom: -6rem;
+  }
+
+  .xl\:-ml-24 {
+    margin-left: -6rem;
+  }
+
+  .xl\:-mt-28 {
+    margin-top: -7rem;
+  }
+
+  .xl\:-mr-28 {
+    margin-right: -7rem;
+  }
+
+  .xl\:-mb-28 {
+    margin-bottom: -7rem;
+  }
+
+  .xl\:-ml-28 {
+    margin-left: -7rem;
+  }
+
+  .xl\:-mt-32 {
+    margin-top: -8rem;
+  }
+
+  .xl\:-mr-32 {
+    margin-right: -8rem;
+  }
+
+  .xl\:-mb-32 {
+    margin-bottom: -8rem;
+  }
+
+  .xl\:-ml-32 {
+    margin-left: -8rem;
+  }
+
+  .xl\:-mt-36 {
+    margin-top: -9rem;
+  }
+
+  .xl\:-mr-36 {
+    margin-right: -9rem;
+  }
+
+  .xl\:-mb-36 {
+    margin-bottom: -9rem;
+  }
+
+  .xl\:-ml-36 {
+    margin-left: -9rem;
+  }
+
+  .xl\:-mt-40 {
+    margin-top: -10rem;
+  }
+
+  .xl\:-mr-40 {
+    margin-right: -10rem;
+  }
+
+  .xl\:-mb-40 {
+    margin-bottom: -10rem;
+  }
+
+  .xl\:-ml-40 {
+    margin-left: -10rem;
+  }
+
+  .xl\:-mt-48 {
+    margin-top: -12rem;
+  }
+
+  .xl\:-mr-48 {
+    margin-right: -12rem;
+  }
+
+  .xl\:-mb-48 {
+    margin-bottom: -12rem;
+  }
+
+  .xl\:-ml-48 {
+    margin-left: -12rem;
+  }
+
+  .xl\:-mt-56 {
+    margin-top: -14rem;
+  }
+
+  .xl\:-mr-56 {
+    margin-right: -14rem;
+  }
+
+  .xl\:-mb-56 {
+    margin-bottom: -14rem;
+  }
+
+  .xl\:-ml-56 {
+    margin-left: -14rem;
+  }
+
+  .xl\:-mt-60 {
+    margin-top: -15rem;
+  }
+
+  .xl\:-mr-60 {
+    margin-right: -15rem;
+  }
+
+  .xl\:-mb-60 {
+    margin-bottom: -15rem;
+  }
+
+  .xl\:-ml-60 {
+    margin-left: -15rem;
+  }
+
+  .xl\:-mt-64 {
+    margin-top: -16rem;
+  }
+
+  .xl\:-mr-64 {
+    margin-right: -16rem;
+  }
+
+  .xl\:-mb-64 {
+    margin-bottom: -16rem;
+  }
+
+  .xl\:-ml-64 {
+    margin-left: -16rem;
+  }
+
+  .xl\:-mt-72 {
+    margin-top: -18rem;
+  }
+
+  .xl\:-mr-72 {
+    margin-right: -18rem;
+  }
+
+  .xl\:-mb-72 {
+    margin-bottom: -18rem;
+  }
+
+  .xl\:-ml-72 {
+    margin-left: -18rem;
+  }
+
+  .xl\:-mt-80 {
+    margin-top: -20rem;
+  }
+
+  .xl\:-mr-80 {
+    margin-right: -20rem;
+  }
+
+  .xl\:-mb-80 {
+    margin-bottom: -20rem;
+  }
+
+  .xl\:-ml-80 {
+    margin-left: -20rem;
+  }
+
+  .xl\:-mt-96 {
+    margin-top: -24rem;
+  }
+
+  .xl\:-mr-96 {
+    margin-right: -24rem;
+  }
+
+  .xl\:-mb-96 {
+    margin-bottom: -24rem;
+  }
+
+  .xl\:-ml-96 {
+    margin-left: -24rem;
+  }
+
+  .xl\:-mt-px {
+    margin-top: -1px;
+  }
+
+  .xl\:-mr-px {
+    margin-right: -1px;
+  }
+
+  .xl\:-mb-px {
+    margin-bottom: -1px;
+  }
+
+  .xl\:-ml-px {
+    margin-left: -1px;
+  }
+
+  .xl\:-mt-0\.5 {
+    margin-top: -0.125rem;
+  }
+
+  .xl\:-mr-0\.5 {
+    margin-right: -0.125rem;
+  }
+
+  .xl\:-mb-0\.5 {
+    margin-bottom: -0.125rem;
+  }
+
+  .xl\:-ml-0\.5 {
+    margin-left: -0.125rem;
+  }
+
+  .xl\:-mt-1\.5 {
+    margin-top: -0.375rem;
+  }
+
+  .xl\:-mr-1\.5 {
+    margin-right: -0.375rem;
+  }
+
+  .xl\:-mb-1\.5 {
+    margin-bottom: -0.375rem;
+  }
+
+  .xl\:-ml-1\.5 {
+    margin-left: -0.375rem;
+  }
+
+  .xl\:-mt-2\.5 {
+    margin-top: -0.625rem;
+  }
+
+  .xl\:-mr-2\.5 {
+    margin-right: -0.625rem;
+  }
+
+  .xl\:-mb-2\.5 {
+    margin-bottom: -0.625rem;
+  }
+
+  .xl\:-ml-2\.5 {
+    margin-left: -0.625rem;
+  }
+
+  .xl\:-mt-3\.5 {
+    margin-top: -0.875rem;
+  }
+
+  .xl\:-mr-3\.5 {
+    margin-right: -0.875rem;
+  }
+
+  .xl\:-mb-3\.5 {
+    margin-bottom: -0.875rem;
+  }
+
+  .xl\:-ml-3\.5 {
+    margin-left: -0.875rem;
+  }
+
+  .xl\:-mt-1\/2 {
+    margin-top: -50%;
+  }
+
+  .xl\:-mr-1\/2 {
+    margin-right: -50%;
+  }
+
+  .xl\:-mb-1\/2 {
+    margin-bottom: -50%;
+  }
+
+  .xl\:-ml-1\/2 {
+    margin-left: -50%;
+  }
+
+  .xl\:-mt-1\/3 {
+    margin-top: -33.33333%;
+  }
+
+  .xl\:-mr-1\/3 {
+    margin-right: -33.33333%;
+  }
+
+  .xl\:-mb-1\/3 {
+    margin-bottom: -33.33333%;
+  }
+
+  .xl\:-ml-1\/3 {
+    margin-left: -33.33333%;
+  }
+
+  .xl\:-mt-2\/3 {
+    margin-top: -66.66667%;
+  }
+
+  .xl\:-mr-2\/3 {
+    margin-right: -66.66667%;
+  }
+
+  .xl\:-mb-2\/3 {
+    margin-bottom: -66.66667%;
+  }
+
+  .xl\:-ml-2\/3 {
+    margin-left: -66.66667%;
+  }
+
+  .xl\:-mt-1\/4 {
+    margin-top: -25%;
+  }
+
+  .xl\:-mr-1\/4 {
+    margin-right: -25%;
+  }
+
+  .xl\:-mb-1\/4 {
+    margin-bottom: -25%;
+  }
+
+  .xl\:-ml-1\/4 {
+    margin-left: -25%;
+  }
+
+  .xl\:-mt-2\/4 {
+    margin-top: -50%;
+  }
+
+  .xl\:-mr-2\/4 {
+    margin-right: -50%;
+  }
+
+  .xl\:-mb-2\/4 {
+    margin-bottom: -50%;
+  }
+
+  .xl\:-ml-2\/4 {
+    margin-left: -50%;
+  }
+
+  .xl\:-mt-3\/4 {
+    margin-top: -75%;
+  }
+
+  .xl\:-mr-3\/4 {
+    margin-right: -75%;
+  }
+
+  .xl\:-mb-3\/4 {
+    margin-bottom: -75%;
+  }
+
+  .xl\:-ml-3\/4 {
+    margin-left: -75%;
+  }
+
+  .xl\:-mt-1\/5 {
+    margin-top: -20%;
+  }
+
+  .xl\:-mr-1\/5 {
+    margin-right: -20%;
+  }
+
+  .xl\:-mb-1\/5 {
+    margin-bottom: -20%;
+  }
+
+  .xl\:-ml-1\/5 {
+    margin-left: -20%;
+  }
+
+  .xl\:-mt-2\/5 {
+    margin-top: -40%;
+  }
+
+  .xl\:-mr-2\/5 {
+    margin-right: -40%;
+  }
+
+  .xl\:-mb-2\/5 {
+    margin-bottom: -40%;
+  }
+
+  .xl\:-ml-2\/5 {
+    margin-left: -40%;
+  }
+
+  .xl\:-mt-3\/5 {
+    margin-top: -60%;
+  }
+
+  .xl\:-mr-3\/5 {
+    margin-right: -60%;
+  }
+
+  .xl\:-mb-3\/5 {
+    margin-bottom: -60%;
+  }
+
+  .xl\:-ml-3\/5 {
+    margin-left: -60%;
+  }
+
+  .xl\:-mt-4\/5 {
+    margin-top: -80%;
+  }
+
+  .xl\:-mr-4\/5 {
+    margin-right: -80%;
+  }
+
+  .xl\:-mb-4\/5 {
+    margin-bottom: -80%;
+  }
+
+  .xl\:-ml-4\/5 {
+    margin-left: -80%;
+  }
+
+  .xl\:-mt-1\/6 {
+    margin-top: -16.66667%;
+  }
+
+  .xl\:-mr-1\/6 {
+    margin-right: -16.66667%;
+  }
+
+  .xl\:-mb-1\/6 {
+    margin-bottom: -16.66667%;
+  }
+
+  .xl\:-ml-1\/6 {
+    margin-left: -16.66667%;
+  }
+
+  .xl\:-mt-2\/6 {
+    margin-top: -33.33333%;
+  }
+
+  .xl\:-mr-2\/6 {
+    margin-right: -33.33333%;
+  }
+
+  .xl\:-mb-2\/6 {
+    margin-bottom: -33.33333%;
+  }
+
+  .xl\:-ml-2\/6 {
+    margin-left: -33.33333%;
+  }
+
+  .xl\:-mt-3\/6 {
+    margin-top: -50%;
+  }
+
+  .xl\:-mr-3\/6 {
+    margin-right: -50%;
+  }
+
+  .xl\:-mb-3\/6 {
+    margin-bottom: -50%;
+  }
+
+  .xl\:-ml-3\/6 {
+    margin-left: -50%;
+  }
+
+  .xl\:-mt-4\/6 {
+    margin-top: -66.66667%;
+  }
+
+  .xl\:-mr-4\/6 {
+    margin-right: -66.66667%;
+  }
+
+  .xl\:-mb-4\/6 {
+    margin-bottom: -66.66667%;
+  }
+
+  .xl\:-ml-4\/6 {
+    margin-left: -66.66667%;
+  }
+
+  .xl\:-mt-5\/6 {
+    margin-top: -83.33333%;
+  }
+
+  .xl\:-mr-5\/6 {
+    margin-right: -83.33333%;
+  }
+
+  .xl\:-mb-5\/6 {
+    margin-bottom: -83.33333%;
+  }
+
+  .xl\:-ml-5\/6 {
+    margin-left: -83.33333%;
+  }
+
+  .xl\:-mt-1\/12 {
+    margin-top: -8.33333%;
+  }
+
+  .xl\:-mr-1\/12 {
+    margin-right: -8.33333%;
+  }
+
+  .xl\:-mb-1\/12 {
+    margin-bottom: -8.33333%;
+  }
+
+  .xl\:-ml-1\/12 {
+    margin-left: -8.33333%;
+  }
+
+  .xl\:-mt-2\/12 {
+    margin-top: -16.66667%;
+  }
+
+  .xl\:-mr-2\/12 {
+    margin-right: -16.66667%;
+  }
+
+  .xl\:-mb-2\/12 {
+    margin-bottom: -16.66667%;
+  }
+
+  .xl\:-ml-2\/12 {
+    margin-left: -16.66667%;
+  }
+
+  .xl\:-mt-3\/12 {
+    margin-top: -25%;
+  }
+
+  .xl\:-mr-3\/12 {
+    margin-right: -25%;
+  }
+
+  .xl\:-mb-3\/12 {
+    margin-bottom: -25%;
+  }
+
+  .xl\:-ml-3\/12 {
+    margin-left: -25%;
+  }
+
+  .xl\:-mt-4\/12 {
+    margin-top: -33.33333%;
+  }
+
+  .xl\:-mr-4\/12 {
+    margin-right: -33.33333%;
+  }
+
+  .xl\:-mb-4\/12 {
+    margin-bottom: -33.33333%;
+  }
+
+  .xl\:-ml-4\/12 {
+    margin-left: -33.33333%;
+  }
+
+  .xl\:-mt-5\/12 {
+    margin-top: -41.66667%;
+  }
+
+  .xl\:-mr-5\/12 {
+    margin-right: -41.66667%;
+  }
+
+  .xl\:-mb-5\/12 {
+    margin-bottom: -41.66667%;
+  }
+
+  .xl\:-ml-5\/12 {
+    margin-left: -41.66667%;
+  }
+
+  .xl\:-mt-6\/12 {
+    margin-top: -50%;
+  }
+
+  .xl\:-mr-6\/12 {
+    margin-right: -50%;
+  }
+
+  .xl\:-mb-6\/12 {
+    margin-bottom: -50%;
+  }
+
+  .xl\:-ml-6\/12 {
+    margin-left: -50%;
+  }
+
+  .xl\:-mt-7\/12 {
+    margin-top: -58.33333%;
+  }
+
+  .xl\:-mr-7\/12 {
+    margin-right: -58.33333%;
+  }
+
+  .xl\:-mb-7\/12 {
+    margin-bottom: -58.33333%;
+  }
+
+  .xl\:-ml-7\/12 {
+    margin-left: -58.33333%;
+  }
+
+  .xl\:-mt-8\/12 {
+    margin-top: -66.66667%;
+  }
+
+  .xl\:-mr-8\/12 {
+    margin-right: -66.66667%;
+  }
+
+  .xl\:-mb-8\/12 {
+    margin-bottom: -66.66667%;
+  }
+
+  .xl\:-ml-8\/12 {
+    margin-left: -66.66667%;
+  }
+
+  .xl\:-mt-9\/12 {
+    margin-top: -75%;
+  }
+
+  .xl\:-mr-9\/12 {
+    margin-right: -75%;
+  }
+
+  .xl\:-mb-9\/12 {
+    margin-bottom: -75%;
+  }
+
+  .xl\:-ml-9\/12 {
+    margin-left: -75%;
+  }
+
+  .xl\:-mt-10\/12 {
+    margin-top: -83.33333%;
+  }
+
+  .xl\:-mr-10\/12 {
+    margin-right: -83.33333%;
+  }
+
+  .xl\:-mb-10\/12 {
+    margin-bottom: -83.33333%;
+  }
+
+  .xl\:-ml-10\/12 {
+    margin-left: -83.33333%;
+  }
+
+  .xl\:-mt-11\/12 {
+    margin-top: -91.66667%;
+  }
+
+  .xl\:-mr-11\/12 {
+    margin-right: -91.66667%;
+  }
+
+  .xl\:-mb-11\/12 {
+    margin-bottom: -91.66667%;
+  }
+
+  .xl\:-ml-11\/12 {
+    margin-left: -91.66667%;
+  }
+
+  .xl\:-mt-full {
+    margin-top: -100%;
+  }
+
+  .xl\:-mr-full {
+    margin-right: -100%;
+  }
+
+  .xl\:-mb-full {
+    margin-bottom: -100%;
+  }
+
+  .xl\:-ml-full {
+    margin-left: -100%;
+  }
+
+  .xl\:max-h-0 {
+    max-height: 0;
+  }
+
+  .xl\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .xl\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .xl\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .xl\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .xl\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .xl\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .xl\:max-h-7 {
+    max-height: 1.75rem;
+  }
+
+  .xl\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .xl\:max-h-9 {
+    max-height: 2.25rem;
+  }
+
+  .xl\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .xl\:max-h-11 {
+    max-height: 2.75rem;
+  }
+
+  .xl\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .xl\:max-h-13 {
+    max-height: 3.25rem;
+  }
+
+  .xl\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .xl\:max-h-15 {
+    max-height: 3.75rem;
+  }
+
+  .xl\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .xl\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .xl\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .xl\:max-h-28 {
+    max-height: 7rem;
+  }
+
+  .xl\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .xl\:max-h-36 {
+    max-height: 9rem;
+  }
+
+  .xl\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .xl\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .xl\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .xl\:max-h-60 {
+    max-height: 15rem;
+  }
+
+  .xl\:max-h-64 {
+    max-height: 16rem;
+  }
+
+  .xl\:max-h-72 {
+    max-height: 18rem;
+  }
+
+  .xl\:max-h-80 {
+    max-height: 20rem;
+  }
+
+  .xl\:max-h-96 {
+    max-height: 24rem;
+  }
+
+  .xl\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .xl\:max-h-px {
+    max-height: 1px;
+  }
+
+  .xl\:max-h-0\.5 {
+    max-height: 0.125rem;
+  }
+
+  .xl\:max-h-1\.5 {
+    max-height: 0.375rem;
+  }
+
+  .xl\:max-h-2\.5 {
+    max-height: 0.625rem;
+  }
+
+  .xl\:max-h-3\.5 {
+    max-height: 0.875rem;
+  }
+
+  .xl\:max-h-1\/2 {
+    max-height: 50%;
+  }
+
+  .xl\:max-h-1\/3 {
+    max-height: 33.333333%;
+  }
+
+  .xl\:max-h-2\/3 {
+    max-height: 66.666667%;
+  }
+
+  .xl\:max-h-1\/4 {
+    max-height: 25%;
+  }
+
+  .xl\:max-h-2\/4 {
+    max-height: 50%;
+  }
+
+  .xl\:max-h-3\/4 {
+    max-height: 75%;
+  }
+
+  .xl\:max-h-1\/5 {
+    max-height: 20%;
+  }
+
+  .xl\:max-h-2\/5 {
+    max-height: 40%;
+  }
+
+  .xl\:max-h-3\/5 {
+    max-height: 60%;
+  }
+
+  .xl\:max-h-4\/5 {
+    max-height: 80%;
+  }
+
+  .xl\:max-h-1\/6 {
+    max-height: 16.666667%;
+  }
+
+  .xl\:max-h-2\/6 {
+    max-height: 33.333333%;
+  }
+
+  .xl\:max-h-3\/6 {
+    max-height: 50%;
+  }
+
+  .xl\:max-h-4\/6 {
+    max-height: 66.666667%;
+  }
+
+  .xl\:max-h-5\/6 {
+    max-height: 83.333333%;
+  }
+
+  .xl\:max-h-1\/12 {
+    max-height: 8.333333%;
+  }
+
+  .xl\:max-h-2\/12 {
+    max-height: 16.666667%;
+  }
+
+  .xl\:max-h-3\/12 {
+    max-height: 25%;
+  }
+
+  .xl\:max-h-4\/12 {
+    max-height: 33.333333%;
+  }
+
+  .xl\:max-h-5\/12 {
+    max-height: 41.666667%;
+  }
+
+  .xl\:max-h-6\/12 {
+    max-height: 50%;
+  }
+
+  .xl\:max-h-7\/12 {
+    max-height: 58.333333%;
+  }
+
+  .xl\:max-h-8\/12 {
+    max-height: 66.666667%;
+  }
+
+  .xl\:max-h-9\/12 {
+    max-height: 75%;
+  }
+
+  .xl\:max-h-10\/12 {
+    max-height: 83.333333%;
+  }
+
+  .xl\:max-h-11\/12 {
+    max-height: 91.666667%;
+  }
+
+  .xl\:max-h-full {
+    max-height: 100%;
+  }
+
+  .xl\:max-w-none {
+    max-width: none;
+  }
+
+  .xl\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .xl\:max-w-sm {
+    max-width: 24rem;
+  }
+
+  .xl\:max-w-md {
+    max-width: 28rem;
+  }
+
+  .xl\:max-w-lg {
+    max-width: 32rem;
+  }
+
+  .xl\:max-w-xl {
+    max-width: 36rem;
+  }
+
+  .xl\:max-w-2xl {
+    max-width: 42rem;
+  }
+
+  .xl\:max-w-3xl {
+    max-width: 48rem;
+  }
+
+  .xl\:max-w-4xl {
+    max-width: 56rem;
+  }
+
+  .xl\:max-w-5xl {
+    max-width: 64rem;
+  }
+
+  .xl\:max-w-6xl {
+    max-width: 72rem;
+  }
+
+  .xl\:max-w-7xl {
+    max-width: 80rem;
+  }
+
+  .xl\:max-w-full {
+    max-width: 100%;
+  }
+
+  .xl\:max-w-screen-sm {
+    max-width: 640px;
+  }
+
+  .xl\:max-w-screen-md {
+    max-width: 768px;
+  }
+
+  .xl\:max-w-screen-lg {
+    max-width: 1024px;
+  }
+
+  .xl\:max-w-screen-xl {
+    max-width: 1280px;
+  }
+
+  .xl\:min-h-0 {
+    min-height: 0;
+  }
+
+  .xl\:min-h-full {
+    min-height: 100%;
+  }
+
+  .xl\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .xl\:min-w-0 {
+    min-width: 0;
+  }
+
+  .xl\:min-w-full {
+    min-width: 100%;
+  }
+
+  .xl\:object-contain {
+    -o-object-fit: contain;
+       object-fit: contain;
+  }
+
+  .xl\:object-cover {
+    -o-object-fit: cover;
+       object-fit: cover;
+  }
+
+  .xl\:object-fill {
+    -o-object-fit: fill;
+       object-fit: fill;
+  }
+
+  .xl\:object-none {
+    -o-object-fit: none;
+       object-fit: none;
+  }
+
+  .xl\:object-scale-down {
+    -o-object-fit: scale-down;
+       object-fit: scale-down;
+  }
+
+  .xl\:object-bottom {
+    -o-object-position: bottom;
+       object-position: bottom;
+  }
+
+  .xl\:object-center {
+    -o-object-position: center;
+       object-position: center;
+  }
+
+  .xl\:object-left {
+    -o-object-position: left;
+       object-position: left;
+  }
+
+  .xl\:object-left-bottom {
+    -o-object-position: left bottom;
+       object-position: left bottom;
+  }
+
+  .xl\:object-left-top {
+    -o-object-position: left top;
+       object-position: left top;
+  }
+
+  .xl\:object-right {
+    -o-object-position: right;
+       object-position: right;
+  }
+
+  .xl\:object-right-bottom {
+    -o-object-position: right bottom;
+       object-position: right bottom;
+  }
+
+  .xl\:object-right-top {
+    -o-object-position: right top;
+       object-position: right top;
+  }
+
+  .xl\:object-top {
+    -o-object-position: top;
+       object-position: top;
+  }
+
+  .xl\:opacity-0 {
+    opacity: 0;
+  }
+
+  .xl\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .xl\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .xl\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .xl\:opacity-100 {
+    opacity: 1;
+  }
+
+  .xl\:hover\:opacity-0:hover {
+    opacity: 0;
+  }
+
+  .xl\:hover\:opacity-25:hover {
+    opacity: 0.25;
+  }
+
+  .xl\:hover\:opacity-50:hover {
+    opacity: 0.5;
+  }
+
+  .xl\:hover\:opacity-75:hover {
+    opacity: 0.75;
+  }
+
+  .xl\:hover\:opacity-100:hover {
+    opacity: 1;
+  }
+
+  .xl\:focus\:opacity-0:focus {
+    opacity: 0;
+  }
+
+  .xl\:focus\:opacity-25:focus {
+    opacity: 0.25;
+  }
+
+  .xl\:focus\:opacity-50:focus {
+    opacity: 0.5;
+  }
+
+  .xl\:focus\:opacity-75:focus {
+    opacity: 0.75;
+  }
+
+  .xl\:focus\:opacity-100:focus {
+    opacity: 1;
+  }
+
+  .xl\:outline-none {
+    outline: 0;
+  }
+
+  .xl\:focus\:outline-none:focus {
+    outline: 0;
+  }
+
+  .xl\:overflow-auto {
+    overflow: auto;
+  }
+
+  .xl\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .xl\:overflow-visible {
+    overflow: visible;
+  }
+
+  .xl\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .xl\:overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .xl\:overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .xl\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .xl\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
+  .xl\:overflow-x-visible {
+    overflow-x: visible;
+  }
+
+  .xl\:overflow-y-visible {
+    overflow-y: visible;
+  }
+
+  .xl\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
+  .xl\:overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
+  .xl\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .xl\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
+  }
+
+  .xl\:overscroll-auto {
+    -ms-scroll-chaining: chained;
+        overscroll-behavior: auto;
+  }
+
+  .xl\:overscroll-contain {
+    -ms-scroll-chaining: none;
+        overscroll-behavior: contain;
+  }
+
+  .xl\:overscroll-none {
+    -ms-scroll-chaining: none;
+        overscroll-behavior: none;
+  }
+
+  .xl\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .xl\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .xl\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .xl\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .xl\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .xl\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .xl\:p-0 {
+    padding: 0;
+  }
+
+  .xl\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .xl\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .xl\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .xl\:p-4 {
+    padding: 1rem;
+  }
+
+  .xl\:p-5 {
+    padding: 1.25rem;
+  }
+
+  .xl\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .xl\:p-7 {
+    padding: 1.75rem;
+  }
+
+  .xl\:p-8 {
+    padding: 2rem;
+  }
+
+  .xl\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .xl\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .xl\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .xl\:p-12 {
+    padding: 3rem;
+  }
+
+  .xl\:p-13 {
+    padding: 3.25rem;
+  }
+
+  .xl\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .xl\:p-15 {
+    padding: 3.75rem;
+  }
+
+  .xl\:p-16 {
+    padding: 4rem;
+  }
+
+  .xl\:p-20 {
+    padding: 5rem;
+  }
+
+  .xl\:p-24 {
+    padding: 6rem;
+  }
+
+  .xl\:p-28 {
+    padding: 7rem;
+  }
+
+  .xl\:p-32 {
+    padding: 8rem;
+  }
+
+  .xl\:p-36 {
+    padding: 9rem;
+  }
+
+  .xl\:p-40 {
+    padding: 10rem;
+  }
+
+  .xl\:p-48 {
+    padding: 12rem;
+  }
+
+  .xl\:p-56 {
+    padding: 14rem;
+  }
+
+  .xl\:p-60 {
+    padding: 15rem;
+  }
+
+  .xl\:p-64 {
+    padding: 16rem;
+  }
+
+  .xl\:p-72 {
+    padding: 18rem;
+  }
+
+  .xl\:p-80 {
+    padding: 20rem;
+  }
+
+  .xl\:p-96 {
+    padding: 24rem;
+  }
+
+  .xl\:p-px {
+    padding: 1px;
+  }
+
+  .xl\:p-0\.5 {
+    padding: 0.125rem;
+  }
+
+  .xl\:p-1\.5 {
+    padding: 0.375rem;
+  }
+
+  .xl\:p-2\.5 {
+    padding: 0.625rem;
+  }
+
+  .xl\:p-3\.5 {
+    padding: 0.875rem;
+  }
+
+  .xl\:p-1\/2 {
+    padding: 50%;
+  }
+
+  .xl\:p-1\/3 {
+    padding: 33.333333%;
+  }
+
+  .xl\:p-2\/3 {
+    padding: 66.666667%;
+  }
+
+  .xl\:p-1\/4 {
+    padding: 25%;
+  }
+
+  .xl\:p-2\/4 {
+    padding: 50%;
+  }
+
+  .xl\:p-3\/4 {
+    padding: 75%;
+  }
+
+  .xl\:p-1\/5 {
+    padding: 20%;
+  }
+
+  .xl\:p-2\/5 {
+    padding: 40%;
+  }
+
+  .xl\:p-3\/5 {
+    padding: 60%;
+  }
+
+  .xl\:p-4\/5 {
+    padding: 80%;
+  }
+
+  .xl\:p-1\/6 {
+    padding: 16.666667%;
+  }
+
+  .xl\:p-2\/6 {
+    padding: 33.333333%;
+  }
+
+  .xl\:p-3\/6 {
+    padding: 50%;
+  }
+
+  .xl\:p-4\/6 {
+    padding: 66.666667%;
+  }
+
+  .xl\:p-5\/6 {
+    padding: 83.333333%;
+  }
+
+  .xl\:p-1\/12 {
+    padding: 8.333333%;
+  }
+
+  .xl\:p-2\/12 {
+    padding: 16.666667%;
+  }
+
+  .xl\:p-3\/12 {
+    padding: 25%;
+  }
+
+  .xl\:p-4\/12 {
+    padding: 33.333333%;
+  }
+
+  .xl\:p-5\/12 {
+    padding: 41.666667%;
+  }
+
+  .xl\:p-6\/12 {
+    padding: 50%;
+  }
+
+  .xl\:p-7\/12 {
+    padding: 58.333333%;
+  }
+
+  .xl\:p-8\/12 {
+    padding: 66.666667%;
+  }
+
+  .xl\:p-9\/12 {
+    padding: 75%;
+  }
+
+  .xl\:p-10\/12 {
+    padding: 83.333333%;
+  }
+
+  .xl\:p-11\/12 {
+    padding: 91.666667%;
+  }
+
+  .xl\:p-full {
+    padding: 100%;
+  }
+
+  .xl\:py-0 {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .xl\:px-0 {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .xl\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .xl\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .xl\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .xl\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .xl\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .xl\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .xl\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .xl\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .xl\:py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+
+  .xl\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .xl\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .xl\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .xl\:py-7 {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+
+  .xl\:px-7 {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+
+  .xl\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .xl\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .xl\:py-9 {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+
+  .xl\:px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+
+  .xl\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
+  .xl\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .xl\:py-11 {
+    padding-top: 2.75rem;
+    padding-bottom: 2.75rem;
+  }
+
+  .xl\:px-11 {
+    padding-left: 2.75rem;
+    padding-right: 2.75rem;
+  }
+
+  .xl\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .xl\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .xl\:py-13 {
+    padding-top: 3.25rem;
+    padding-bottom: 3.25rem;
+  }
+
+  .xl\:px-13 {
+    padding-left: 3.25rem;
+    padding-right: 3.25rem;
+  }
+
+  .xl\:py-14 {
+    padding-top: 3.5rem;
+    padding-bottom: 3.5rem;
+  }
+
+  .xl\:px-14 {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
+  }
+
+  .xl\:py-15 {
+    padding-top: 3.75rem;
+    padding-bottom: 3.75rem;
+  }
+
+  .xl\:px-15 {
+    padding-left: 3.75rem;
+    padding-right: 3.75rem;
+  }
+
+  .xl\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .xl\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
+  .xl\:py-20 {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
+  }
+
+  .xl\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
+  }
+
+  .xl\:py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+  }
+
+  .xl\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
+  }
+
+  .xl\:py-28 {
+    padding-top: 7rem;
+    padding-bottom: 7rem;
+  }
+
+  .xl\:px-28 {
+    padding-left: 7rem;
+    padding-right: 7rem;
+  }
+
+  .xl\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+
+  .xl\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
+  }
+
+  .xl\:py-36 {
+    padding-top: 9rem;
+    padding-bottom: 9rem;
+  }
+
+  .xl\:px-36 {
+    padding-left: 9rem;
+    padding-right: 9rem;
+  }
+
+  .xl\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
+  }
+
+  .xl\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
+  }
+
+  .xl\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .xl\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .xl\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
+  }
+
+  .xl\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
+  }
+
+  .xl\:py-60 {
+    padding-top: 15rem;
+    padding-bottom: 15rem;
+  }
+
+  .xl\:px-60 {
+    padding-left: 15rem;
+    padding-right: 15rem;
+  }
+
+  .xl\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
+  }
+
+  .xl\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
+  }
+
+  .xl\:py-72 {
+    padding-top: 18rem;
+    padding-bottom: 18rem;
+  }
+
+  .xl\:px-72 {
+    padding-left: 18rem;
+    padding-right: 18rem;
+  }
+
+  .xl\:py-80 {
+    padding-top: 20rem;
+    padding-bottom: 20rem;
+  }
+
+  .xl\:px-80 {
+    padding-left: 20rem;
+    padding-right: 20rem;
+  }
+
+  .xl\:py-96 {
+    padding-top: 24rem;
+    padding-bottom: 24rem;
+  }
+
+  .xl\:px-96 {
+    padding-left: 24rem;
+    padding-right: 24rem;
+  }
+
+  .xl\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .xl\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .xl\:py-0\.5 {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+  }
+
+  .xl\:px-0\.5 {
+    padding-left: 0.125rem;
+    padding-right: 0.125rem;
+  }
+
+  .xl\:py-1\.5 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }
+
+  .xl\:px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+
+  .xl\:py-2\.5 {
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+
+  .xl\:px-2\.5 {
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+  }
+
+  .xl\:py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+  }
+
+  .xl\:px-3\.5 {
+    padding-left: 0.875rem;
+    padding-right: 0.875rem;
+  }
+
+  .xl\:py-1\/2 {
+    padding-top: 50%;
+    padding-bottom: 50%;
+  }
+
+  .xl\:px-1\/2 {
+    padding-left: 50%;
+    padding-right: 50%;
+  }
+
+  .xl\:py-1\/3 {
+    padding-top: 33.333333%;
+    padding-bottom: 33.333333%;
+  }
+
+  .xl\:px-1\/3 {
+    padding-left: 33.333333%;
+    padding-right: 33.333333%;
+  }
+
+  .xl\:py-2\/3 {
+    padding-top: 66.666667%;
+    padding-bottom: 66.666667%;
+  }
+
+  .xl\:px-2\/3 {
+    padding-left: 66.666667%;
+    padding-right: 66.666667%;
+  }
+
+  .xl\:py-1\/4 {
+    padding-top: 25%;
+    padding-bottom: 25%;
+  }
+
+  .xl\:px-1\/4 {
+    padding-left: 25%;
+    padding-right: 25%;
+  }
+
+  .xl\:py-2\/4 {
+    padding-top: 50%;
+    padding-bottom: 50%;
+  }
+
+  .xl\:px-2\/4 {
+    padding-left: 50%;
+    padding-right: 50%;
+  }
+
+  .xl\:py-3\/4 {
+    padding-top: 75%;
+    padding-bottom: 75%;
+  }
+
+  .xl\:px-3\/4 {
+    padding-left: 75%;
+    padding-right: 75%;
+  }
+
+  .xl\:py-1\/5 {
+    padding-top: 20%;
+    padding-bottom: 20%;
+  }
+
+  .xl\:px-1\/5 {
+    padding-left: 20%;
+    padding-right: 20%;
+  }
+
+  .xl\:py-2\/5 {
+    padding-top: 40%;
+    padding-bottom: 40%;
+  }
+
+  .xl\:px-2\/5 {
+    padding-left: 40%;
+    padding-right: 40%;
+  }
+
+  .xl\:py-3\/5 {
+    padding-top: 60%;
+    padding-bottom: 60%;
+  }
+
+  .xl\:px-3\/5 {
+    padding-left: 60%;
+    padding-right: 60%;
+  }
+
+  .xl\:py-4\/5 {
+    padding-top: 80%;
+    padding-bottom: 80%;
+  }
+
+  .xl\:px-4\/5 {
+    padding-left: 80%;
+    padding-right: 80%;
+  }
+
+  .xl\:py-1\/6 {
+    padding-top: 16.666667%;
+    padding-bottom: 16.666667%;
+  }
+
+  .xl\:px-1\/6 {
+    padding-left: 16.666667%;
+    padding-right: 16.666667%;
+  }
+
+  .xl\:py-2\/6 {
+    padding-top: 33.333333%;
+    padding-bottom: 33.333333%;
+  }
+
+  .xl\:px-2\/6 {
+    padding-left: 33.333333%;
+    padding-right: 33.333333%;
+  }
+
+  .xl\:py-3\/6 {
+    padding-top: 50%;
+    padding-bottom: 50%;
+  }
+
+  .xl\:px-3\/6 {
+    padding-left: 50%;
+    padding-right: 50%;
+  }
+
+  .xl\:py-4\/6 {
+    padding-top: 66.666667%;
+    padding-bottom: 66.666667%;
+  }
+
+  .xl\:px-4\/6 {
+    padding-left: 66.666667%;
+    padding-right: 66.666667%;
+  }
+
+  .xl\:py-5\/6 {
+    padding-top: 83.333333%;
+    padding-bottom: 83.333333%;
+  }
+
+  .xl\:px-5\/6 {
+    padding-left: 83.333333%;
+    padding-right: 83.333333%;
+  }
+
+  .xl\:py-1\/12 {
+    padding-top: 8.333333%;
+    padding-bottom: 8.333333%;
+  }
+
+  .xl\:px-1\/12 {
+    padding-left: 8.333333%;
+    padding-right: 8.333333%;
+  }
+
+  .xl\:py-2\/12 {
+    padding-top: 16.666667%;
+    padding-bottom: 16.666667%;
+  }
+
+  .xl\:px-2\/12 {
+    padding-left: 16.666667%;
+    padding-right: 16.666667%;
+  }
+
+  .xl\:py-3\/12 {
+    padding-top: 25%;
+    padding-bottom: 25%;
+  }
+
+  .xl\:px-3\/12 {
+    padding-left: 25%;
+    padding-right: 25%;
+  }
+
+  .xl\:py-4\/12 {
+    padding-top: 33.333333%;
+    padding-bottom: 33.333333%;
+  }
+
+  .xl\:px-4\/12 {
+    padding-left: 33.333333%;
+    padding-right: 33.333333%;
+  }
+
+  .xl\:py-5\/12 {
+    padding-top: 41.666667%;
+    padding-bottom: 41.666667%;
+  }
+
+  .xl\:px-5\/12 {
+    padding-left: 41.666667%;
+    padding-right: 41.666667%;
+  }
+
+  .xl\:py-6\/12 {
+    padding-top: 50%;
+    padding-bottom: 50%;
+  }
+
+  .xl\:px-6\/12 {
+    padding-left: 50%;
+    padding-right: 50%;
+  }
+
+  .xl\:py-7\/12 {
+    padding-top: 58.333333%;
+    padding-bottom: 58.333333%;
+  }
+
+  .xl\:px-7\/12 {
+    padding-left: 58.333333%;
+    padding-right: 58.333333%;
+  }
+
+  .xl\:py-8\/12 {
+    padding-top: 66.666667%;
+    padding-bottom: 66.666667%;
+  }
+
+  .xl\:px-8\/12 {
+    padding-left: 66.666667%;
+    padding-right: 66.666667%;
+  }
+
+  .xl\:py-9\/12 {
+    padding-top: 75%;
+    padding-bottom: 75%;
+  }
+
+  .xl\:px-9\/12 {
+    padding-left: 75%;
+    padding-right: 75%;
+  }
+
+  .xl\:py-10\/12 {
+    padding-top: 83.333333%;
+    padding-bottom: 83.333333%;
+  }
+
+  .xl\:px-10\/12 {
+    padding-left: 83.333333%;
+    padding-right: 83.333333%;
+  }
+
+  .xl\:py-11\/12 {
+    padding-top: 91.666667%;
+    padding-bottom: 91.666667%;
+  }
+
+  .xl\:px-11\/12 {
+    padding-left: 91.666667%;
+    padding-right: 91.666667%;
+  }
+
+  .xl\:py-full {
+    padding-top: 100%;
+    padding-bottom: 100%;
+  }
+
+  .xl\:px-full {
+    padding-left: 100%;
+    padding-right: 100%;
+  }
+
+  .xl\:pt-0 {
+    padding-top: 0;
+  }
+
+  .xl\:pr-0 {
+    padding-right: 0;
+  }
+
+  .xl\:pb-0 {
+    padding-bottom: 0;
+  }
+
+  .xl\:pl-0 {
+    padding-left: 0;
+  }
+
+  .xl\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .xl\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .xl\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .xl\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .xl\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .xl\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .xl\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .xl\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .xl\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .xl\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .xl\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .xl\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .xl\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .xl\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .xl\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .xl\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .xl\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
+  .xl\:pr-5 {
+    padding-right: 1.25rem;
+  }
+
+  .xl\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
+
+  .xl\:pl-5 {
+    padding-left: 1.25rem;
+  }
+
+  .xl\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .xl\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .xl\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .xl\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .xl\:pt-7 {
+    padding-top: 1.75rem;
+  }
+
+  .xl\:pr-7 {
+    padding-right: 1.75rem;
+  }
+
+  .xl\:pb-7 {
+    padding-bottom: 1.75rem;
+  }
+
+  .xl\:pl-7 {
+    padding-left: 1.75rem;
+  }
+
+  .xl\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .xl\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .xl\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .xl\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .xl\:pt-9 {
+    padding-top: 2.25rem;
+  }
+
+  .xl\:pr-9 {
+    padding-right: 2.25rem;
+  }
+
+  .xl\:pb-9 {
+    padding-bottom: 2.25rem;
+  }
+
+  .xl\:pl-9 {
+    padding-left: 2.25rem;
+  }
+
+  .xl\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
+  .xl\:pr-10 {
+    padding-right: 2.5rem;
+  }
+
+  .xl\:pb-10 {
+    padding-bottom: 2.5rem;
+  }
+
+  .xl\:pl-10 {
+    padding-left: 2.5rem;
+  }
+
+  .xl\:pt-11 {
+    padding-top: 2.75rem;
+  }
+
+  .xl\:pr-11 {
+    padding-right: 2.75rem;
+  }
+
+  .xl\:pb-11 {
+    padding-bottom: 2.75rem;
+  }
+
+  .xl\:pl-11 {
+    padding-left: 2.75rem;
+  }
+
+  .xl\:pt-12 {
+    padding-top: 3rem;
+  }
+
+  .xl\:pr-12 {
+    padding-right: 3rem;
+  }
+
+  .xl\:pb-12 {
+    padding-bottom: 3rem;
+  }
+
+  .xl\:pl-12 {
+    padding-left: 3rem;
+  }
+
+  .xl\:pt-13 {
+    padding-top: 3.25rem;
+  }
+
+  .xl\:pr-13 {
+    padding-right: 3.25rem;
+  }
+
+  .xl\:pb-13 {
+    padding-bottom: 3.25rem;
+  }
+
+  .xl\:pl-13 {
+    padding-left: 3.25rem;
+  }
+
+  .xl\:pt-14 {
+    padding-top: 3.5rem;
+  }
+
+  .xl\:pr-14 {
+    padding-right: 3.5rem;
+  }
+
+  .xl\:pb-14 {
+    padding-bottom: 3.5rem;
+  }
+
+  .xl\:pl-14 {
+    padding-left: 3.5rem;
+  }
+
+  .xl\:pt-15 {
+    padding-top: 3.75rem;
+  }
+
+  .xl\:pr-15 {
+    padding-right: 3.75rem;
+  }
+
+  .xl\:pb-15 {
+    padding-bottom: 3.75rem;
+  }
+
+  .xl\:pl-15 {
+    padding-left: 3.75rem;
+  }
+
+  .xl\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .xl\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .xl\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .xl\:pl-16 {
+    padding-left: 4rem;
+  }
+
+  .xl\:pt-20 {
+    padding-top: 5rem;
+  }
+
+  .xl\:pr-20 {
+    padding-right: 5rem;
+  }
+
+  .xl\:pb-20 {
+    padding-bottom: 5rem;
+  }
+
+  .xl\:pl-20 {
+    padding-left: 5rem;
+  }
+
+  .xl\:pt-24 {
+    padding-top: 6rem;
+  }
+
+  .xl\:pr-24 {
+    padding-right: 6rem;
+  }
+
+  .xl\:pb-24 {
+    padding-bottom: 6rem;
+  }
+
+  .xl\:pl-24 {
+    padding-left: 6rem;
+  }
+
+  .xl\:pt-28 {
+    padding-top: 7rem;
+  }
+
+  .xl\:pr-28 {
+    padding-right: 7rem;
+  }
+
+  .xl\:pb-28 {
+    padding-bottom: 7rem;
+  }
+
+  .xl\:pl-28 {
+    padding-left: 7rem;
+  }
+
+  .xl\:pt-32 {
+    padding-top: 8rem;
+  }
+
+  .xl\:pr-32 {
+    padding-right: 8rem;
+  }
+
+  .xl\:pb-32 {
+    padding-bottom: 8rem;
+  }
+
+  .xl\:pl-32 {
+    padding-left: 8rem;
+  }
+
+  .xl\:pt-36 {
+    padding-top: 9rem;
+  }
+
+  .xl\:pr-36 {
+    padding-right: 9rem;
+  }
+
+  .xl\:pb-36 {
+    padding-bottom: 9rem;
+  }
+
+  .xl\:pl-36 {
+    padding-left: 9rem;
+  }
+
+  .xl\:pt-40 {
+    padding-top: 10rem;
+  }
+
+  .xl\:pr-40 {
+    padding-right: 10rem;
+  }
+
+  .xl\:pb-40 {
+    padding-bottom: 10rem;
+  }
+
+  .xl\:pl-40 {
+    padding-left: 10rem;
+  }
+
+  .xl\:pt-48 {
+    padding-top: 12rem;
+  }
+
+  .xl\:pr-48 {
+    padding-right: 12rem;
+  }
+
+  .xl\:pb-48 {
+    padding-bottom: 12rem;
+  }
+
+  .xl\:pl-48 {
+    padding-left: 12rem;
+  }
+
+  .xl\:pt-56 {
+    padding-top: 14rem;
+  }
+
+  .xl\:pr-56 {
+    padding-right: 14rem;
+  }
+
+  .xl\:pb-56 {
+    padding-bottom: 14rem;
+  }
+
+  .xl\:pl-56 {
+    padding-left: 14rem;
+  }
+
+  .xl\:pt-60 {
+    padding-top: 15rem;
+  }
+
+  .xl\:pr-60 {
+    padding-right: 15rem;
+  }
+
+  .xl\:pb-60 {
+    padding-bottom: 15rem;
+  }
+
+  .xl\:pl-60 {
+    padding-left: 15rem;
+  }
+
+  .xl\:pt-64 {
+    padding-top: 16rem;
+  }
+
+  .xl\:pr-64 {
+    padding-right: 16rem;
+  }
+
+  .xl\:pb-64 {
+    padding-bottom: 16rem;
+  }
+
+  .xl\:pl-64 {
+    padding-left: 16rem;
+  }
+
+  .xl\:pt-72 {
+    padding-top: 18rem;
+  }
+
+  .xl\:pr-72 {
+    padding-right: 18rem;
+  }
+
+  .xl\:pb-72 {
+    padding-bottom: 18rem;
+  }
+
+  .xl\:pl-72 {
+    padding-left: 18rem;
+  }
+
+  .xl\:pt-80 {
+    padding-top: 20rem;
+  }
+
+  .xl\:pr-80 {
+    padding-right: 20rem;
+  }
+
+  .xl\:pb-80 {
+    padding-bottom: 20rem;
+  }
+
+  .xl\:pl-80 {
+    padding-left: 20rem;
+  }
+
+  .xl\:pt-96 {
+    padding-top: 24rem;
+  }
+
+  .xl\:pr-96 {
+    padding-right: 24rem;
+  }
+
+  .xl\:pb-96 {
+    padding-bottom: 24rem;
+  }
+
+  .xl\:pl-96 {
+    padding-left: 24rem;
+  }
+
+  .xl\:pt-px {
+    padding-top: 1px;
+  }
+
+  .xl\:pr-px {
+    padding-right: 1px;
+  }
+
+  .xl\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .xl\:pl-px {
+    padding-left: 1px;
+  }
+
+  .xl\:pt-0\.5 {
+    padding-top: 0.125rem;
+  }
+
+  .xl\:pr-0\.5 {
+    padding-right: 0.125rem;
+  }
+
+  .xl\:pb-0\.5 {
+    padding-bottom: 0.125rem;
+  }
+
+  .xl\:pl-0\.5 {
+    padding-left: 0.125rem;
+  }
+
+  .xl\:pt-1\.5 {
+    padding-top: 0.375rem;
+  }
+
+  .xl\:pr-1\.5 {
+    padding-right: 0.375rem;
+  }
+
+  .xl\:pb-1\.5 {
+    padding-bottom: 0.375rem;
+  }
+
+  .xl\:pl-1\.5 {
+    padding-left: 0.375rem;
+  }
+
+  .xl\:pt-2\.5 {
+    padding-top: 0.625rem;
+  }
+
+  .xl\:pr-2\.5 {
+    padding-right: 0.625rem;
+  }
+
+  .xl\:pb-2\.5 {
+    padding-bottom: 0.625rem;
+  }
+
+  .xl\:pl-2\.5 {
+    padding-left: 0.625rem;
+  }
+
+  .xl\:pt-3\.5 {
+    padding-top: 0.875rem;
+  }
+
+  .xl\:pr-3\.5 {
+    padding-right: 0.875rem;
+  }
+
+  .xl\:pb-3\.5 {
+    padding-bottom: 0.875rem;
+  }
+
+  .xl\:pl-3\.5 {
+    padding-left: 0.875rem;
+  }
+
+  .xl\:pt-1\/2 {
+    padding-top: 50%;
+  }
+
+  .xl\:pr-1\/2 {
+    padding-right: 50%;
+  }
+
+  .xl\:pb-1\/2 {
+    padding-bottom: 50%;
+  }
+
+  .xl\:pl-1\/2 {
+    padding-left: 50%;
+  }
+
+  .xl\:pt-1\/3 {
+    padding-top: 33.333333%;
+  }
+
+  .xl\:pr-1\/3 {
+    padding-right: 33.333333%;
+  }
+
+  .xl\:pb-1\/3 {
+    padding-bottom: 33.333333%;
+  }
+
+  .xl\:pl-1\/3 {
+    padding-left: 33.333333%;
+  }
+
+  .xl\:pt-2\/3 {
+    padding-top: 66.666667%;
+  }
+
+  .xl\:pr-2\/3 {
+    padding-right: 66.666667%;
+  }
+
+  .xl\:pb-2\/3 {
+    padding-bottom: 66.666667%;
+  }
+
+  .xl\:pl-2\/3 {
+    padding-left: 66.666667%;
+  }
+
+  .xl\:pt-1\/4 {
+    padding-top: 25%;
+  }
+
+  .xl\:pr-1\/4 {
+    padding-right: 25%;
+  }
+
+  .xl\:pb-1\/4 {
+    padding-bottom: 25%;
+  }
+
+  .xl\:pl-1\/4 {
+    padding-left: 25%;
+  }
+
+  .xl\:pt-2\/4 {
+    padding-top: 50%;
+  }
+
+  .xl\:pr-2\/4 {
+    padding-right: 50%;
+  }
+
+  .xl\:pb-2\/4 {
+    padding-bottom: 50%;
+  }
+
+  .xl\:pl-2\/4 {
+    padding-left: 50%;
+  }
+
+  .xl\:pt-3\/4 {
+    padding-top: 75%;
+  }
+
+  .xl\:pr-3\/4 {
+    padding-right: 75%;
+  }
+
+  .xl\:pb-3\/4 {
+    padding-bottom: 75%;
+  }
+
+  .xl\:pl-3\/4 {
+    padding-left: 75%;
+  }
+
+  .xl\:pt-1\/5 {
+    padding-top: 20%;
+  }
+
+  .xl\:pr-1\/5 {
+    padding-right: 20%;
+  }
+
+  .xl\:pb-1\/5 {
+    padding-bottom: 20%;
+  }
+
+  .xl\:pl-1\/5 {
+    padding-left: 20%;
+  }
+
+  .xl\:pt-2\/5 {
+    padding-top: 40%;
+  }
+
+  .xl\:pr-2\/5 {
+    padding-right: 40%;
+  }
+
+  .xl\:pb-2\/5 {
+    padding-bottom: 40%;
+  }
+
+  .xl\:pl-2\/5 {
+    padding-left: 40%;
+  }
+
+  .xl\:pt-3\/5 {
+    padding-top: 60%;
+  }
+
+  .xl\:pr-3\/5 {
+    padding-right: 60%;
+  }
+
+  .xl\:pb-3\/5 {
+    padding-bottom: 60%;
+  }
+
+  .xl\:pl-3\/5 {
+    padding-left: 60%;
+  }
+
+  .xl\:pt-4\/5 {
+    padding-top: 80%;
+  }
+
+  .xl\:pr-4\/5 {
+    padding-right: 80%;
+  }
+
+  .xl\:pb-4\/5 {
+    padding-bottom: 80%;
+  }
+
+  .xl\:pl-4\/5 {
+    padding-left: 80%;
+  }
+
+  .xl\:pt-1\/6 {
+    padding-top: 16.666667%;
+  }
+
+  .xl\:pr-1\/6 {
+    padding-right: 16.666667%;
+  }
+
+  .xl\:pb-1\/6 {
+    padding-bottom: 16.666667%;
+  }
+
+  .xl\:pl-1\/6 {
+    padding-left: 16.666667%;
+  }
+
+  .xl\:pt-2\/6 {
+    padding-top: 33.333333%;
+  }
+
+  .xl\:pr-2\/6 {
+    padding-right: 33.333333%;
+  }
+
+  .xl\:pb-2\/6 {
+    padding-bottom: 33.333333%;
+  }
+
+  .xl\:pl-2\/6 {
+    padding-left: 33.333333%;
+  }
+
+  .xl\:pt-3\/6 {
+    padding-top: 50%;
+  }
+
+  .xl\:pr-3\/6 {
+    padding-right: 50%;
+  }
+
+  .xl\:pb-3\/6 {
+    padding-bottom: 50%;
+  }
+
+  .xl\:pl-3\/6 {
+    padding-left: 50%;
+  }
+
+  .xl\:pt-4\/6 {
+    padding-top: 66.666667%;
+  }
+
+  .xl\:pr-4\/6 {
+    padding-right: 66.666667%;
+  }
+
+  .xl\:pb-4\/6 {
+    padding-bottom: 66.666667%;
+  }
+
+  .xl\:pl-4\/6 {
+    padding-left: 66.666667%;
+  }
+
+  .xl\:pt-5\/6 {
+    padding-top: 83.333333%;
+  }
+
+  .xl\:pr-5\/6 {
+    padding-right: 83.333333%;
+  }
+
+  .xl\:pb-5\/6 {
+    padding-bottom: 83.333333%;
+  }
+
+  .xl\:pl-5\/6 {
+    padding-left: 83.333333%;
+  }
+
+  .xl\:pt-1\/12 {
+    padding-top: 8.333333%;
+  }
+
+  .xl\:pr-1\/12 {
+    padding-right: 8.333333%;
+  }
+
+  .xl\:pb-1\/12 {
+    padding-bottom: 8.333333%;
+  }
+
+  .xl\:pl-1\/12 {
+    padding-left: 8.333333%;
+  }
+
+  .xl\:pt-2\/12 {
+    padding-top: 16.666667%;
+  }
+
+  .xl\:pr-2\/12 {
+    padding-right: 16.666667%;
+  }
+
+  .xl\:pb-2\/12 {
+    padding-bottom: 16.666667%;
+  }
+
+  .xl\:pl-2\/12 {
+    padding-left: 16.666667%;
+  }
+
+  .xl\:pt-3\/12 {
+    padding-top: 25%;
+  }
+
+  .xl\:pr-3\/12 {
+    padding-right: 25%;
+  }
+
+  .xl\:pb-3\/12 {
+    padding-bottom: 25%;
+  }
+
+  .xl\:pl-3\/12 {
+    padding-left: 25%;
+  }
+
+  .xl\:pt-4\/12 {
+    padding-top: 33.333333%;
+  }
+
+  .xl\:pr-4\/12 {
+    padding-right: 33.333333%;
+  }
+
+  .xl\:pb-4\/12 {
+    padding-bottom: 33.333333%;
+  }
+
+  .xl\:pl-4\/12 {
+    padding-left: 33.333333%;
+  }
+
+  .xl\:pt-5\/12 {
+    padding-top: 41.666667%;
+  }
+
+  .xl\:pr-5\/12 {
+    padding-right: 41.666667%;
+  }
+
+  .xl\:pb-5\/12 {
+    padding-bottom: 41.666667%;
+  }
+
+  .xl\:pl-5\/12 {
+    padding-left: 41.666667%;
+  }
+
+  .xl\:pt-6\/12 {
+    padding-top: 50%;
+  }
+
+  .xl\:pr-6\/12 {
+    padding-right: 50%;
+  }
+
+  .xl\:pb-6\/12 {
+    padding-bottom: 50%;
+  }
+
+  .xl\:pl-6\/12 {
+    padding-left: 50%;
+  }
+
+  .xl\:pt-7\/12 {
+    padding-top: 58.333333%;
+  }
+
+  .xl\:pr-7\/12 {
+    padding-right: 58.333333%;
+  }
+
+  .xl\:pb-7\/12 {
+    padding-bottom: 58.333333%;
+  }
+
+  .xl\:pl-7\/12 {
+    padding-left: 58.333333%;
+  }
+
+  .xl\:pt-8\/12 {
+    padding-top: 66.666667%;
+  }
+
+  .xl\:pr-8\/12 {
+    padding-right: 66.666667%;
+  }
+
+  .xl\:pb-8\/12 {
+    padding-bottom: 66.666667%;
+  }
+
+  .xl\:pl-8\/12 {
+    padding-left: 66.666667%;
+  }
+
+  .xl\:pt-9\/12 {
+    padding-top: 75%;
+  }
+
+  .xl\:pr-9\/12 {
+    padding-right: 75%;
+  }
+
+  .xl\:pb-9\/12 {
+    padding-bottom: 75%;
+  }
+
+  .xl\:pl-9\/12 {
+    padding-left: 75%;
+  }
+
+  .xl\:pt-10\/12 {
+    padding-top: 83.333333%;
+  }
+
+  .xl\:pr-10\/12 {
+    padding-right: 83.333333%;
+  }
+
+  .xl\:pb-10\/12 {
+    padding-bottom: 83.333333%;
+  }
+
+  .xl\:pl-10\/12 {
+    padding-left: 83.333333%;
+  }
+
+  .xl\:pt-11\/12 {
+    padding-top: 91.666667%;
+  }
+
+  .xl\:pr-11\/12 {
+    padding-right: 91.666667%;
+  }
+
+  .xl\:pb-11\/12 {
+    padding-bottom: 91.666667%;
+  }
+
+  .xl\:pl-11\/12 {
+    padding-left: 91.666667%;
+  }
+
+  .xl\:pt-full {
+    padding-top: 100%;
+  }
+
+  .xl\:pr-full {
+    padding-right: 100%;
+  }
+
+  .xl\:pb-full {
+    padding-bottom: 100%;
+  }
+
+  .xl\:pl-full {
+    padding-left: 100%;
+  }
+
+  .xl\:placeholder-transparent::-moz-placeholder {
+    color: transparent;
+  }
+
+  .xl\:placeholder-transparent:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .xl\:placeholder-transparent::-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .xl\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .xl\:placeholder-white::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-white:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-white::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-white::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-black::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-black:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-black::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-black::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-cool-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-50::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-50:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-50::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-200::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-200:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-200::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-300::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-300:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-300::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-400::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-400:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-400::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-500::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-500:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-500::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-600::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-600:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-600::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-700::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-700:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-700::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-800::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-800:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-800::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-900::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-900:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-900::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-transparent:focus::-moz-placeholder {
+    color: transparent;
+  }
+
+  .xl\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .xl\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
+    color: transparent;
+  }
+
+  .xl\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .xl\:focus\:placeholder-white:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-white:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-white:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-black:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-black:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-black:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-cool-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-50:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-200:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-300:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-400:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-500:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-600:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-700:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-800:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-900:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-opacity-0::-moz-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .xl\:placeholder-opacity-0:-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .xl\:placeholder-opacity-0::-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .xl\:placeholder-opacity-0::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .xl\:placeholder-opacity-25::-moz-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xl\:placeholder-opacity-25:-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xl\:placeholder-opacity-25::-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xl\:placeholder-opacity-25::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xl\:placeholder-opacity-50::-moz-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xl\:placeholder-opacity-50:-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xl\:placeholder-opacity-50::-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xl\:placeholder-opacity-50::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xl\:placeholder-opacity-75::-moz-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xl\:placeholder-opacity-75:-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xl\:placeholder-opacity-75::-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xl\:placeholder-opacity-75::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xl\:placeholder-opacity-100::-moz-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .xl\:placeholder-opacity-100:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .xl\:placeholder-opacity-100::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .xl\:placeholder-opacity-100::placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .xl\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .xl\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .xl\:focus\:placeholder-opacity-0:focus::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xl\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xl\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xl\:focus\:placeholder-opacity-25:focus::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xl\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xl\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xl\:focus\:placeholder-opacity-50:focus::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xl\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xl\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xl\:focus\:placeholder-opacity-75:focus::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .xl\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .xl\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .xl\:focus\:placeholder-opacity-100:focus::placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .xl\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .xl\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
+  .xl\:static {
+    position: static;
+  }
+
+  .xl\:fixed {
+    position: fixed;
+  }
+
+  .xl\:absolute {
+    position: absolute;
+  }
+
+  .xl\:relative {
+    position: relative;
+  }
+
+  .xl\:sticky {
+    position: -webkit-sticky;
+    position: sticky;
+  }
+
+  .xl\:inset-0 {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  .xl\:inset-1 {
+    top: 0.25rem;
+    right: 0.25rem;
+    bottom: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .xl\:inset-2 {
+    top: 0.5rem;
+    right: 0.5rem;
+    bottom: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .xl\:inset-3 {
+    top: 0.75rem;
+    right: 0.75rem;
+    bottom: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .xl\:inset-4 {
+    top: 1rem;
+    right: 1rem;
+    bottom: 1rem;
+    left: 1rem;
+  }
+
+  .xl\:inset-5 {
+    top: 1.25rem;
+    right: 1.25rem;
+    bottom: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .xl\:inset-6 {
+    top: 1.5rem;
+    right: 1.5rem;
+    bottom: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .xl\:inset-7 {
+    top: 1.75rem;
+    right: 1.75rem;
+    bottom: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .xl\:inset-8 {
+    top: 2rem;
+    right: 2rem;
+    bottom: 2rem;
+    left: 2rem;
+  }
+
+  .xl\:inset-9 {
+    top: 2.25rem;
+    right: 2.25rem;
+    bottom: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .xl\:inset-10 {
+    top: 2.5rem;
+    right: 2.5rem;
+    bottom: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .xl\:inset-11 {
+    top: 2.75rem;
+    right: 2.75rem;
+    bottom: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .xl\:inset-12 {
+    top: 3rem;
+    right: 3rem;
+    bottom: 3rem;
+    left: 3rem;
+  }
+
+  .xl\:inset-13 {
+    top: 3.25rem;
+    right: 3.25rem;
+    bottom: 3.25rem;
+    left: 3.25rem;
+  }
+
+  .xl\:inset-14 {
+    top: 3.5rem;
+    right: 3.5rem;
+    bottom: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .xl\:inset-15 {
+    top: 3.75rem;
+    right: 3.75rem;
+    bottom: 3.75rem;
+    left: 3.75rem;
+  }
+
+  .xl\:inset-16 {
+    top: 4rem;
+    right: 4rem;
+    bottom: 4rem;
+    left: 4rem;
+  }
+
+  .xl\:inset-20 {
+    top: 5rem;
+    right: 5rem;
+    bottom: 5rem;
+    left: 5rem;
+  }
+
+  .xl\:inset-24 {
+    top: 6rem;
+    right: 6rem;
+    bottom: 6rem;
+    left: 6rem;
+  }
+
+  .xl\:inset-28 {
+    top: 7rem;
+    right: 7rem;
+    bottom: 7rem;
+    left: 7rem;
+  }
+
+  .xl\:inset-32 {
+    top: 8rem;
+    right: 8rem;
+    bottom: 8rem;
+    left: 8rem;
+  }
+
+  .xl\:inset-36 {
+    top: 9rem;
+    right: 9rem;
+    bottom: 9rem;
+    left: 9rem;
+  }
+
+  .xl\:inset-40 {
+    top: 10rem;
+    right: 10rem;
+    bottom: 10rem;
+    left: 10rem;
+  }
+
+  .xl\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .xl\:inset-56 {
+    top: 14rem;
+    right: 14rem;
+    bottom: 14rem;
+    left: 14rem;
+  }
+
+  .xl\:inset-60 {
+    top: 15rem;
+    right: 15rem;
+    bottom: 15rem;
+    left: 15rem;
+  }
+
+  .xl\:inset-64 {
+    top: 16rem;
+    right: 16rem;
+    bottom: 16rem;
+    left: 16rem;
+  }
+
+  .xl\:inset-72 {
+    top: 18rem;
+    right: 18rem;
+    bottom: 18rem;
+    left: 18rem;
+  }
+
+  .xl\:inset-80 {
+    top: 20rem;
+    right: 20rem;
+    bottom: 20rem;
+    left: 20rem;
+  }
+
+  .xl\:inset-96 {
+    top: 24rem;
+    right: 24rem;
+    bottom: 24rem;
+    left: 24rem;
+  }
+
+  .xl\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .xl\:inset-px {
+    top: 1px;
+    right: 1px;
+    bottom: 1px;
+    left: 1px;
+  }
+
+  .xl\:inset-0\.5 {
+    top: 0.125rem;
+    right: 0.125rem;
+    bottom: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .xl\:inset-1\.5 {
+    top: 0.375rem;
+    right: 0.375rem;
+    bottom: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .xl\:inset-2\.5 {
+    top: 0.625rem;
+    right: 0.625rem;
+    bottom: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .xl\:inset-3\.5 {
+    top: 0.875rem;
+    right: 0.875rem;
+    bottom: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .xl\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .xl\:inset-1\/3 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .xl\:inset-2\/3 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .xl\:inset-1\/4 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .xl\:inset-2\/4 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .xl\:inset-3\/4 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .xl\:inset-1\/5 {
+    top: 20%;
+    right: 20%;
+    bottom: 20%;
+    left: 20%;
+  }
+
+  .xl\:inset-2\/5 {
+    top: 40%;
+    right: 40%;
+    bottom: 40%;
+    left: 40%;
+  }
+
+  .xl\:inset-3\/5 {
+    top: 60%;
+    right: 60%;
+    bottom: 60%;
+    left: 60%;
+  }
+
+  .xl\:inset-4\/5 {
+    top: 80%;
+    right: 80%;
+    bottom: 80%;
+    left: 80%;
+  }
+
+  .xl\:inset-1\/6 {
+    top: 16.666667%;
+    right: 16.666667%;
+    bottom: 16.666667%;
+    left: 16.666667%;
+  }
+
+  .xl\:inset-2\/6 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .xl\:inset-3\/6 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .xl\:inset-4\/6 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .xl\:inset-5\/6 {
+    top: 83.333333%;
+    right: 83.333333%;
+    bottom: 83.333333%;
+    left: 83.333333%;
+  }
+
+  .xl\:inset-1\/12 {
+    top: 8.333333%;
+    right: 8.333333%;
+    bottom: 8.333333%;
+    left: 8.333333%;
+  }
+
+  .xl\:inset-2\/12 {
+    top: 16.666667%;
+    right: 16.666667%;
+    bottom: 16.666667%;
+    left: 16.666667%;
+  }
+
+  .xl\:inset-3\/12 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .xl\:inset-4\/12 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .xl\:inset-5\/12 {
+    top: 41.666667%;
+    right: 41.666667%;
+    bottom: 41.666667%;
+    left: 41.666667%;
+  }
+
+  .xl\:inset-6\/12 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .xl\:inset-7\/12 {
+    top: 58.333333%;
+    right: 58.333333%;
+    bottom: 58.333333%;
+    left: 58.333333%;
+  }
+
+  .xl\:inset-8\/12 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .xl\:inset-9\/12 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .xl\:inset-10\/12 {
+    top: 83.333333%;
+    right: 83.333333%;
+    bottom: 83.333333%;
+    left: 83.333333%;
+  }
+
+  .xl\:inset-11\/12 {
+    top: 91.666667%;
+    right: 91.666667%;
+    bottom: 91.666667%;
+    left: 91.666667%;
+  }
+
+  .xl\:inset-full {
+    top: 100%;
+    right: 100%;
+    bottom: 100%;
+    left: 100%;
+  }
+
+  .xl\:inset-y-0 {
+    top: 0;
+    bottom: 0;
+  }
+
+  .xl\:inset-x-0 {
+    right: 0;
+    left: 0;
+  }
+
+  .xl\:inset-y-1 {
+    top: 0.25rem;
+    bottom: 0.25rem;
+  }
+
+  .xl\:inset-x-1 {
+    right: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .xl\:inset-y-2 {
+    top: 0.5rem;
+    bottom: 0.5rem;
+  }
+
+  .xl\:inset-x-2 {
+    right: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .xl\:inset-y-3 {
+    top: 0.75rem;
+    bottom: 0.75rem;
+  }
+
+  .xl\:inset-x-3 {
+    right: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .xl\:inset-y-4 {
+    top: 1rem;
+    bottom: 1rem;
+  }
+
+  .xl\:inset-x-4 {
+    right: 1rem;
+    left: 1rem;
+  }
+
+  .xl\:inset-y-5 {
+    top: 1.25rem;
+    bottom: 1.25rem;
+  }
+
+  .xl\:inset-x-5 {
+    right: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .xl\:inset-y-6 {
+    top: 1.5rem;
+    bottom: 1.5rem;
+  }
+
+  .xl\:inset-x-6 {
+    right: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .xl\:inset-y-7 {
+    top: 1.75rem;
+    bottom: 1.75rem;
+  }
+
+  .xl\:inset-x-7 {
+    right: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .xl\:inset-y-8 {
+    top: 2rem;
+    bottom: 2rem;
+  }
+
+  .xl\:inset-x-8 {
+    right: 2rem;
+    left: 2rem;
+  }
+
+  .xl\:inset-y-9 {
+    top: 2.25rem;
+    bottom: 2.25rem;
+  }
+
+  .xl\:inset-x-9 {
+    right: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .xl\:inset-y-10 {
+    top: 2.5rem;
+    bottom: 2.5rem;
+  }
+
+  .xl\:inset-x-10 {
+    right: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .xl\:inset-y-11 {
+    top: 2.75rem;
+    bottom: 2.75rem;
+  }
+
+  .xl\:inset-x-11 {
+    right: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .xl\:inset-y-12 {
+    top: 3rem;
+    bottom: 3rem;
+  }
+
+  .xl\:inset-x-12 {
+    right: 3rem;
+    left: 3rem;
+  }
+
+  .xl\:inset-y-13 {
+    top: 3.25rem;
+    bottom: 3.25rem;
+  }
+
+  .xl\:inset-x-13 {
+    right: 3.25rem;
+    left: 3.25rem;
+  }
+
+  .xl\:inset-y-14 {
+    top: 3.5rem;
+    bottom: 3.5rem;
+  }
+
+  .xl\:inset-x-14 {
+    right: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .xl\:inset-y-15 {
+    top: 3.75rem;
+    bottom: 3.75rem;
+  }
+
+  .xl\:inset-x-15 {
+    right: 3.75rem;
+    left: 3.75rem;
+  }
+
+  .xl\:inset-y-16 {
+    top: 4rem;
+    bottom: 4rem;
+  }
+
+  .xl\:inset-x-16 {
+    right: 4rem;
+    left: 4rem;
+  }
+
+  .xl\:inset-y-20 {
+    top: 5rem;
+    bottom: 5rem;
+  }
+
+  .xl\:inset-x-20 {
+    right: 5rem;
+    left: 5rem;
+  }
+
+  .xl\:inset-y-24 {
+    top: 6rem;
+    bottom: 6rem;
+  }
+
+  .xl\:inset-x-24 {
+    right: 6rem;
+    left: 6rem;
+  }
+
+  .xl\:inset-y-28 {
+    top: 7rem;
+    bottom: 7rem;
+  }
+
+  .xl\:inset-x-28 {
+    right: 7rem;
+    left: 7rem;
+  }
+
+  .xl\:inset-y-32 {
+    top: 8rem;
+    bottom: 8rem;
+  }
+
+  .xl\:inset-x-32 {
+    right: 8rem;
+    left: 8rem;
+  }
+
+  .xl\:inset-y-36 {
+    top: 9rem;
+    bottom: 9rem;
+  }
+
+  .xl\:inset-x-36 {
+    right: 9rem;
+    left: 9rem;
+  }
+
+  .xl\:inset-y-40 {
+    top: 10rem;
+    bottom: 10rem;
+  }
+
+  .xl\:inset-x-40 {
+    right: 10rem;
+    left: 10rem;
+  }
+
+  .xl\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .xl\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .xl\:inset-y-56 {
+    top: 14rem;
+    bottom: 14rem;
+  }
+
+  .xl\:inset-x-56 {
+    right: 14rem;
+    left: 14rem;
+  }
+
+  .xl\:inset-y-60 {
+    top: 15rem;
+    bottom: 15rem;
+  }
+
+  .xl\:inset-x-60 {
+    right: 15rem;
+    left: 15rem;
+  }
+
+  .xl\:inset-y-64 {
+    top: 16rem;
+    bottom: 16rem;
+  }
+
+  .xl\:inset-x-64 {
+    right: 16rem;
+    left: 16rem;
+  }
+
+  .xl\:inset-y-72 {
+    top: 18rem;
+    bottom: 18rem;
+  }
+
+  .xl\:inset-x-72 {
+    right: 18rem;
+    left: 18rem;
+  }
+
+  .xl\:inset-y-80 {
+    top: 20rem;
+    bottom: 20rem;
+  }
+
+  .xl\:inset-x-80 {
+    right: 20rem;
+    left: 20rem;
+  }
+
+  .xl\:inset-y-96 {
+    top: 24rem;
+    bottom: 24rem;
+  }
+
+  .xl\:inset-x-96 {
+    right: 24rem;
+    left: 24rem;
+  }
+
+  .xl\:inset-y-auto {
+    top: auto;
+    bottom: auto;
+  }
+
+  .xl\:inset-x-auto {
+    right: auto;
+    left: auto;
+  }
+
+  .xl\:inset-y-px {
+    top: 1px;
+    bottom: 1px;
+  }
+
+  .xl\:inset-x-px {
+    right: 1px;
+    left: 1px;
+  }
+
+  .xl\:inset-y-0\.5 {
+    top: 0.125rem;
+    bottom: 0.125rem;
+  }
+
+  .xl\:inset-x-0\.5 {
+    right: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .xl\:inset-y-1\.5 {
+    top: 0.375rem;
+    bottom: 0.375rem;
+  }
+
+  .xl\:inset-x-1\.5 {
+    right: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .xl\:inset-y-2\.5 {
+    top: 0.625rem;
+    bottom: 0.625rem;
+  }
+
+  .xl\:inset-x-2\.5 {
+    right: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .xl\:inset-y-3\.5 {
+    top: 0.875rem;
+    bottom: 0.875rem;
+  }
+
+  .xl\:inset-x-3\.5 {
+    right: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .xl\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .xl\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .xl\:inset-y-1\/3 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .xl\:inset-x-1\/3 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .xl\:inset-y-2\/3 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .xl\:inset-x-2\/3 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .xl\:inset-y-1\/4 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .xl\:inset-x-1\/4 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .xl\:inset-y-2\/4 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .xl\:inset-x-2\/4 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .xl\:inset-y-3\/4 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .xl\:inset-x-3\/4 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .xl\:inset-y-1\/5 {
+    top: 20%;
+    bottom: 20%;
+  }
+
+  .xl\:inset-x-1\/5 {
+    right: 20%;
+    left: 20%;
+  }
+
+  .xl\:inset-y-2\/5 {
+    top: 40%;
+    bottom: 40%;
+  }
+
+  .xl\:inset-x-2\/5 {
+    right: 40%;
+    left: 40%;
+  }
+
+  .xl\:inset-y-3\/5 {
+    top: 60%;
+    bottom: 60%;
+  }
+
+  .xl\:inset-x-3\/5 {
+    right: 60%;
+    left: 60%;
+  }
+
+  .xl\:inset-y-4\/5 {
+    top: 80%;
+    bottom: 80%;
+  }
+
+  .xl\:inset-x-4\/5 {
+    right: 80%;
+    left: 80%;
+  }
+
+  .xl\:inset-y-1\/6 {
+    top: 16.666667%;
+    bottom: 16.666667%;
+  }
+
+  .xl\:inset-x-1\/6 {
+    right: 16.666667%;
+    left: 16.666667%;
+  }
+
+  .xl\:inset-y-2\/6 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .xl\:inset-x-2\/6 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .xl\:inset-y-3\/6 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .xl\:inset-x-3\/6 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .xl\:inset-y-4\/6 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .xl\:inset-x-4\/6 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .xl\:inset-y-5\/6 {
+    top: 83.333333%;
+    bottom: 83.333333%;
+  }
+
+  .xl\:inset-x-5\/6 {
+    right: 83.333333%;
+    left: 83.333333%;
+  }
+
+  .xl\:inset-y-1\/12 {
+    top: 8.333333%;
+    bottom: 8.333333%;
+  }
+
+  .xl\:inset-x-1\/12 {
+    right: 8.333333%;
+    left: 8.333333%;
+  }
+
+  .xl\:inset-y-2\/12 {
+    top: 16.666667%;
+    bottom: 16.666667%;
+  }
+
+  .xl\:inset-x-2\/12 {
+    right: 16.666667%;
+    left: 16.666667%;
+  }
+
+  .xl\:inset-y-3\/12 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .xl\:inset-x-3\/12 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .xl\:inset-y-4\/12 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .xl\:inset-x-4\/12 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .xl\:inset-y-5\/12 {
+    top: 41.666667%;
+    bottom: 41.666667%;
+  }
+
+  .xl\:inset-x-5\/12 {
+    right: 41.666667%;
+    left: 41.666667%;
+  }
+
+  .xl\:inset-y-6\/12 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .xl\:inset-x-6\/12 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .xl\:inset-y-7\/12 {
+    top: 58.333333%;
+    bottom: 58.333333%;
+  }
+
+  .xl\:inset-x-7\/12 {
+    right: 58.333333%;
+    left: 58.333333%;
+  }
+
+  .xl\:inset-y-8\/12 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .xl\:inset-x-8\/12 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .xl\:inset-y-9\/12 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .xl\:inset-x-9\/12 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .xl\:inset-y-10\/12 {
+    top: 83.333333%;
+    bottom: 83.333333%;
+  }
+
+  .xl\:inset-x-10\/12 {
+    right: 83.333333%;
+    left: 83.333333%;
+  }
+
+  .xl\:inset-y-11\/12 {
+    top: 91.666667%;
+    bottom: 91.666667%;
+  }
+
+  .xl\:inset-x-11\/12 {
+    right: 91.666667%;
+    left: 91.666667%;
+  }
+
+  .xl\:inset-y-full {
+    top: 100%;
+    bottom: 100%;
+  }
+
+  .xl\:inset-x-full {
+    right: 100%;
+    left: 100%;
+  }
+
+  .xl\:top-0 {
+    top: 0;
+  }
+
+  .xl\:right-0 {
+    right: 0;
+  }
+
+  .xl\:bottom-0 {
+    bottom: 0;
+  }
+
+  .xl\:left-0 {
+    left: 0;
+  }
+
+  .xl\:top-1 {
+    top: 0.25rem;
+  }
+
+  .xl\:right-1 {
+    right: 0.25rem;
+  }
+
+  .xl\:bottom-1 {
+    bottom: 0.25rem;
+  }
+
+  .xl\:left-1 {
+    left: 0.25rem;
+  }
+
+  .xl\:top-2 {
+    top: 0.5rem;
+  }
+
+  .xl\:right-2 {
+    right: 0.5rem;
+  }
+
+  .xl\:bottom-2 {
+    bottom: 0.5rem;
+  }
+
+  .xl\:left-2 {
+    left: 0.5rem;
+  }
+
+  .xl\:top-3 {
+    top: 0.75rem;
+  }
+
+  .xl\:right-3 {
+    right: 0.75rem;
+  }
+
+  .xl\:bottom-3 {
+    bottom: 0.75rem;
+  }
+
+  .xl\:left-3 {
+    left: 0.75rem;
+  }
+
+  .xl\:top-4 {
+    top: 1rem;
+  }
+
+  .xl\:right-4 {
+    right: 1rem;
+  }
+
+  .xl\:bottom-4 {
+    bottom: 1rem;
+  }
+
+  .xl\:left-4 {
+    left: 1rem;
+  }
+
+  .xl\:top-5 {
+    top: 1.25rem;
+  }
+
+  .xl\:right-5 {
+    right: 1.25rem;
+  }
+
+  .xl\:bottom-5 {
+    bottom: 1.25rem;
+  }
+
+  .xl\:left-5 {
+    left: 1.25rem;
+  }
+
+  .xl\:top-6 {
+    top: 1.5rem;
+  }
+
+  .xl\:right-6 {
+    right: 1.5rem;
+  }
+
+  .xl\:bottom-6 {
+    bottom: 1.5rem;
+  }
+
+  .xl\:left-6 {
+    left: 1.5rem;
+  }
+
+  .xl\:top-7 {
+    top: 1.75rem;
+  }
+
+  .xl\:right-7 {
+    right: 1.75rem;
+  }
+
+  .xl\:bottom-7 {
+    bottom: 1.75rem;
+  }
+
+  .xl\:left-7 {
+    left: 1.75rem;
+  }
+
+  .xl\:top-8 {
+    top: 2rem;
+  }
+
+  .xl\:right-8 {
+    right: 2rem;
+  }
+
+  .xl\:bottom-8 {
+    bottom: 2rem;
+  }
+
+  .xl\:left-8 {
+    left: 2rem;
+  }
+
+  .xl\:top-9 {
+    top: 2.25rem;
+  }
+
+  .xl\:right-9 {
+    right: 2.25rem;
+  }
+
+  .xl\:bottom-9 {
+    bottom: 2.25rem;
+  }
+
+  .xl\:left-9 {
+    left: 2.25rem;
+  }
+
+  .xl\:top-10 {
+    top: 2.5rem;
+  }
+
+  .xl\:right-10 {
+    right: 2.5rem;
+  }
+
+  .xl\:bottom-10 {
+    bottom: 2.5rem;
+  }
+
+  .xl\:left-10 {
+    left: 2.5rem;
+  }
+
+  .xl\:top-11 {
+    top: 2.75rem;
+  }
+
+  .xl\:right-11 {
+    right: 2.75rem;
+  }
+
+  .xl\:bottom-11 {
+    bottom: 2.75rem;
+  }
+
+  .xl\:left-11 {
+    left: 2.75rem;
+  }
+
+  .xl\:top-12 {
+    top: 3rem;
+  }
+
+  .xl\:right-12 {
+    right: 3rem;
+  }
+
+  .xl\:bottom-12 {
+    bottom: 3rem;
+  }
+
+  .xl\:left-12 {
+    left: 3rem;
+  }
+
+  .xl\:top-13 {
+    top: 3.25rem;
+  }
+
+  .xl\:right-13 {
+    right: 3.25rem;
+  }
+
+  .xl\:bottom-13 {
+    bottom: 3.25rem;
+  }
+
+  .xl\:left-13 {
+    left: 3.25rem;
+  }
+
+  .xl\:top-14 {
+    top: 3.5rem;
+  }
+
+  .xl\:right-14 {
+    right: 3.5rem;
+  }
+
+  .xl\:bottom-14 {
+    bottom: 3.5rem;
+  }
+
+  .xl\:left-14 {
+    left: 3.5rem;
+  }
+
+  .xl\:top-15 {
+    top: 3.75rem;
+  }
+
+  .xl\:right-15 {
+    right: 3.75rem;
+  }
+
+  .xl\:bottom-15 {
+    bottom: 3.75rem;
+  }
+
+  .xl\:left-15 {
+    left: 3.75rem;
+  }
+
+  .xl\:top-16 {
+    top: 4rem;
+  }
+
+  .xl\:right-16 {
+    right: 4rem;
+  }
+
+  .xl\:bottom-16 {
+    bottom: 4rem;
+  }
+
+  .xl\:left-16 {
+    left: 4rem;
+  }
+
+  .xl\:top-20 {
+    top: 5rem;
+  }
+
+  .xl\:right-20 {
+    right: 5rem;
+  }
+
+  .xl\:bottom-20 {
+    bottom: 5rem;
+  }
+
+  .xl\:left-20 {
+    left: 5rem;
+  }
+
+  .xl\:top-24 {
+    top: 6rem;
+  }
+
+  .xl\:right-24 {
+    right: 6rem;
+  }
+
+  .xl\:bottom-24 {
+    bottom: 6rem;
+  }
+
+  .xl\:left-24 {
+    left: 6rem;
+  }
+
+  .xl\:top-28 {
+    top: 7rem;
+  }
+
+  .xl\:right-28 {
+    right: 7rem;
+  }
+
+  .xl\:bottom-28 {
+    bottom: 7rem;
+  }
+
+  .xl\:left-28 {
+    left: 7rem;
+  }
+
+  .xl\:top-32 {
+    top: 8rem;
+  }
+
+  .xl\:right-32 {
+    right: 8rem;
+  }
+
+  .xl\:bottom-32 {
+    bottom: 8rem;
+  }
+
+  .xl\:left-32 {
+    left: 8rem;
+  }
+
+  .xl\:top-36 {
+    top: 9rem;
+  }
+
+  .xl\:right-36 {
+    right: 9rem;
+  }
+
+  .xl\:bottom-36 {
+    bottom: 9rem;
+  }
+
+  .xl\:left-36 {
+    left: 9rem;
+  }
+
+  .xl\:top-40 {
+    top: 10rem;
+  }
+
+  .xl\:right-40 {
+    right: 10rem;
+  }
+
+  .xl\:bottom-40 {
+    bottom: 10rem;
+  }
+
+  .xl\:left-40 {
+    left: 10rem;
+  }
+
+  .xl\:top-48 {
+    top: 12rem;
+  }
+
+  .xl\:right-48 {
+    right: 12rem;
+  }
+
+  .xl\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .xl\:left-48 {
+    left: 12rem;
+  }
+
+  .xl\:top-56 {
+    top: 14rem;
+  }
+
+  .xl\:right-56 {
+    right: 14rem;
+  }
+
+  .xl\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .xl\:left-56 {
+    left: 14rem;
+  }
+
+  .xl\:top-60 {
+    top: 15rem;
+  }
+
+  .xl\:right-60 {
+    right: 15rem;
+  }
+
+  .xl\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .xl\:left-60 {
+    left: 15rem;
+  }
+
+  .xl\:top-64 {
+    top: 16rem;
+  }
+
+  .xl\:right-64 {
+    right: 16rem;
+  }
+
+  .xl\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .xl\:left-64 {
+    left: 16rem;
+  }
+
+  .xl\:top-72 {
+    top: 18rem;
+  }
+
+  .xl\:right-72 {
+    right: 18rem;
+  }
+
+  .xl\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .xl\:left-72 {
+    left: 18rem;
+  }
+
+  .xl\:top-80 {
+    top: 20rem;
+  }
+
+  .xl\:right-80 {
+    right: 20rem;
+  }
+
+  .xl\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .xl\:left-80 {
+    left: 20rem;
+  }
+
+  .xl\:top-96 {
+    top: 24rem;
+  }
+
+  .xl\:right-96 {
+    right: 24rem;
+  }
+
+  .xl\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .xl\:left-96 {
+    left: 24rem;
+  }
+
+  .xl\:top-auto {
+    top: auto;
+  }
+
+  .xl\:right-auto {
+    right: auto;
+  }
+
+  .xl\:bottom-auto {
+    bottom: auto;
+  }
+
+  .xl\:left-auto {
+    left: auto;
+  }
+
+  .xl\:top-px {
+    top: 1px;
+  }
+
+  .xl\:right-px {
+    right: 1px;
+  }
+
+  .xl\:bottom-px {
+    bottom: 1px;
+  }
+
+  .xl\:left-px {
+    left: 1px;
+  }
+
+  .xl\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .xl\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .xl\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .xl\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .xl\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .xl\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .xl\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .xl\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .xl\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .xl\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .xl\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .xl\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .xl\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .xl\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .xl\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .xl\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .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\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .xl\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .xl\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .xl\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .xl\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .xl\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .xl\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .xl\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .xl\:top-1\/4 {
+    top: 25%;
+  }
+
+  .xl\:right-1\/4 {
+    right: 25%;
+  }
+
+  .xl\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .xl\:left-1\/4 {
+    left: 25%;
+  }
+
+  .xl\:top-2\/4 {
+    top: 50%;
+  }
+
+  .xl\:right-2\/4 {
+    right: 50%;
+  }
+
+  .xl\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .xl\:left-2\/4 {
+    left: 50%;
+  }
+
+  .xl\:top-3\/4 {
+    top: 75%;
+  }
+
+  .xl\:right-3\/4 {
+    right: 75%;
+  }
+
+  .xl\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .xl\:left-3\/4 {
+    left: 75%;
+  }
+
+  .xl\:top-1\/5 {
+    top: 20%;
+  }
+
+  .xl\:right-1\/5 {
+    right: 20%;
+  }
+
+  .xl\:bottom-1\/5 {
+    bottom: 20%;
+  }
+
+  .xl\:left-1\/5 {
+    left: 20%;
+  }
+
+  .xl\:top-2\/5 {
+    top: 40%;
+  }
+
+  .xl\:right-2\/5 {
+    right: 40%;
+  }
+
+  .xl\:bottom-2\/5 {
+    bottom: 40%;
+  }
+
+  .xl\:left-2\/5 {
+    left: 40%;
+  }
+
+  .xl\:top-3\/5 {
+    top: 60%;
+  }
+
+  .xl\:right-3\/5 {
+    right: 60%;
+  }
+
+  .xl\:bottom-3\/5 {
+    bottom: 60%;
+  }
+
+  .xl\:left-3\/5 {
+    left: 60%;
+  }
+
+  .xl\:top-4\/5 {
+    top: 80%;
+  }
+
+  .xl\:right-4\/5 {
+    right: 80%;
+  }
+
+  .xl\:bottom-4\/5 {
+    bottom: 80%;
+  }
+
+  .xl\:left-4\/5 {
+    left: 80%;
+  }
+
+  .xl\:top-1\/6 {
+    top: 16.666667%;
+  }
+
+  .xl\:right-1\/6 {
+    right: 16.666667%;
+  }
+
+  .xl\:bottom-1\/6 {
+    bottom: 16.666667%;
+  }
+
+  .xl\:left-1\/6 {
+    left: 16.666667%;
+  }
+
+  .xl\:top-2\/6 {
+    top: 33.333333%;
+  }
+
+  .xl\:right-2\/6 {
+    right: 33.333333%;
+  }
+
+  .xl\:bottom-2\/6 {
+    bottom: 33.333333%;
+  }
+
+  .xl\:left-2\/6 {
+    left: 33.333333%;
+  }
+
+  .xl\:top-3\/6 {
+    top: 50%;
+  }
+
+  .xl\:right-3\/6 {
+    right: 50%;
+  }
+
+  .xl\:bottom-3\/6 {
+    bottom: 50%;
+  }
+
+  .xl\:left-3\/6 {
+    left: 50%;
+  }
+
+  .xl\:top-4\/6 {
+    top: 66.666667%;
+  }
+
+  .xl\:right-4\/6 {
+    right: 66.666667%;
+  }
+
+  .xl\:bottom-4\/6 {
+    bottom: 66.666667%;
+  }
+
+  .xl\:left-4\/6 {
+    left: 66.666667%;
+  }
+
+  .xl\:top-5\/6 {
+    top: 83.333333%;
+  }
+
+  .xl\:right-5\/6 {
+    right: 83.333333%;
+  }
+
+  .xl\:bottom-5\/6 {
+    bottom: 83.333333%;
+  }
+
+  .xl\:left-5\/6 {
+    left: 83.333333%;
+  }
+
+  .xl\:top-1\/12 {
+    top: 8.333333%;
+  }
+
+  .xl\:right-1\/12 {
+    right: 8.333333%;
+  }
+
+  .xl\:bottom-1\/12 {
+    bottom: 8.333333%;
+  }
+
+  .xl\:left-1\/12 {
+    left: 8.333333%;
+  }
+
+  .xl\:top-2\/12 {
+    top: 16.666667%;
+  }
+
+  .xl\:right-2\/12 {
+    right: 16.666667%;
+  }
+
+  .xl\:bottom-2\/12 {
+    bottom: 16.666667%;
+  }
+
+  .xl\:left-2\/12 {
+    left: 16.666667%;
+  }
+
+  .xl\:top-3\/12 {
+    top: 25%;
+  }
+
+  .xl\:right-3\/12 {
+    right: 25%;
+  }
+
+  .xl\:bottom-3\/12 {
+    bottom: 25%;
+  }
+
+  .xl\:left-3\/12 {
+    left: 25%;
+  }
+
+  .xl\:top-4\/12 {
+    top: 33.333333%;
+  }
+
+  .xl\:right-4\/12 {
+    right: 33.333333%;
+  }
+
+  .xl\:bottom-4\/12 {
+    bottom: 33.333333%;
+  }
+
+  .xl\:left-4\/12 {
+    left: 33.333333%;
+  }
+
+  .xl\:top-5\/12 {
+    top: 41.666667%;
+  }
+
+  .xl\:right-5\/12 {
+    right: 41.666667%;
+  }
+
+  .xl\:bottom-5\/12 {
+    bottom: 41.666667%;
+  }
+
+  .xl\:left-5\/12 {
+    left: 41.666667%;
+  }
+
+  .xl\:top-6\/12 {
+    top: 50%;
+  }
+
+  .xl\:right-6\/12 {
+    right: 50%;
+  }
+
+  .xl\:bottom-6\/12 {
+    bottom: 50%;
+  }
+
+  .xl\:left-6\/12 {
+    left: 50%;
+  }
+
+  .xl\:top-7\/12 {
+    top: 58.333333%;
+  }
+
+  .xl\:right-7\/12 {
+    right: 58.333333%;
+  }
+
+  .xl\:bottom-7\/12 {
+    bottom: 58.333333%;
+  }
+
+  .xl\:left-7\/12 {
+    left: 58.333333%;
+  }
+
+  .xl\:top-8\/12 {
+    top: 66.666667%;
+  }
+
+  .xl\:right-8\/12 {
+    right: 66.666667%;
+  }
+
+  .xl\:bottom-8\/12 {
+    bottom: 66.666667%;
+  }
+
+  .xl\:left-8\/12 {
+    left: 66.666667%;
+  }
+
+  .xl\:top-9\/12 {
+    top: 75%;
+  }
+
+  .xl\:right-9\/12 {
+    right: 75%;
+  }
+
+  .xl\:bottom-9\/12 {
+    bottom: 75%;
+  }
+
+  .xl\:left-9\/12 {
+    left: 75%;
+  }
+
+  .xl\:top-10\/12 {
+    top: 83.333333%;
+  }
+
+  .xl\:right-10\/12 {
+    right: 83.333333%;
+  }
+
+  .xl\:bottom-10\/12 {
+    bottom: 83.333333%;
+  }
+
+  .xl\:left-10\/12 {
+    left: 83.333333%;
+  }
+
+  .xl\:top-11\/12 {
+    top: 91.666667%;
+  }
+
+  .xl\:right-11\/12 {
+    right: 91.666667%;
+  }
+
+  .xl\:bottom-11\/12 {
+    bottom: 91.666667%;
+  }
+
+  .xl\:left-11\/12 {
+    left: 91.666667%;
+  }
+
+  .xl\:top-full {
+    top: 100%;
+  }
+
+  .xl\:right-full {
+    right: 100%;
+  }
+
+  .xl\:bottom-full {
+    bottom: 100%;
+  }
+
+  .xl\:left-full {
+    left: 100%;
+  }
+
+  .xl\:resize-none {
+    resize: none;
+  }
+
+  .xl\:resize-y {
+    resize: vertical;
+  }
+
+  .xl\:resize-x {
+    resize: horizontal;
+  }
+
+  .xl\:resize {
+    resize: both;
+  }
+
+  .xl\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .xl\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .xl\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .xl\:shadow-none {
+    box-shadow: none;
+  }
+
+  .xl\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .xl\:shadow-outline-gray {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .xl\:shadow-outline-blue {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .xl\:shadow-outline-teal {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .xl\:shadow-outline-green {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .xl\:shadow-outline-yellow {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .xl\:shadow-outline-orange {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .xl\:shadow-outline-red {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .xl\:shadow-outline-pink {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .xl\:shadow-outline-purple {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .xl\:shadow-outline-indigo {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .xl\:group-focus\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-none {
+    box-shadow: none;
+  }
+
+  .group:focus .xl\:group-focus\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-gray {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-blue {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-teal {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-green {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-yellow {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-orange {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-red {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-pink {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-purple {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .group:focus .xl\:group-focus\:shadow-outline-indigo {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .xl\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\: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);
+  }
+
+  .xl\: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);
+  }
+
+  .xl\: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);
+  }
+
+  .xl\: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);
+  }
+
+  .xl\:hover\:shadow-2xl:hover {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .xl\:hover\:shadow-inner:hover {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:hover\:shadow-outline:hover {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .xl\:hover\:shadow-none:hover {
+    box-shadow: none;
+  }
+
+  .xl\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .xl\:hover\:shadow-outline-gray:hover {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-blue:hover {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-teal:hover {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-green:hover {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-yellow:hover {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-orange:hover {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-red:hover {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-pink:hover {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-purple:hover {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .xl\:hover\:shadow-outline-indigo:hover {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .xl\:focus\:shadow-xs:focus {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\: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);
+  }
+
+  .xl\: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);
+  }
+
+  .xl\: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);
+  }
+
+  .xl\: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);
+  }
+
+  .xl\:focus\:shadow-2xl:focus {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .xl\:focus\:shadow-inner:focus {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:focus\:shadow-outline:focus {
+    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+  }
+
+  .xl\:focus\:shadow-none:focus {
+    box-shadow: none;
+  }
+
+  .xl\:focus\:shadow-solid:focus {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .xl\:focus\:shadow-outline-gray:focus {
+    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
+  }
+
+  .xl\:focus\:shadow-outline-blue:focus {
+    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
+  }
+
+  .xl\:focus\:shadow-outline-teal:focus {
+    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
+  }
+
+  .xl\:focus\:shadow-outline-green:focus {
+    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
+  }
+
+  .xl\:focus\:shadow-outline-yellow:focus {
+    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
+  }
+
+  .xl\:focus\:shadow-outline-orange:focus {
+    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
+  }
+
+  .xl\:focus\:shadow-outline-red:focus {
+    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
+  }
+
+  .xl\:focus\:shadow-outline-pink:focus {
+    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
+  }
+
+  .xl\:focus\:shadow-outline-purple:focus {
+    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
+  }
+
+  .xl\:focus\:shadow-outline-indigo:focus {
+    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
+  }
+
+  .xl\:fill-current {
+    fill: currentColor;
+  }
+
+  .xl\:stroke-current {
+    stroke: currentColor;
+  }
+
+  .xl\:stroke-0 {
+    stroke-width: 0;
+  }
+
+  .xl\:stroke-1 {
+    stroke-width: 1;
+  }
+
+  .xl\:stroke-2 {
+    stroke-width: 2;
+  }
+
+  .xl\:table-auto {
+    table-layout: auto;
+  }
+
+  .xl\:table-fixed {
+    table-layout: fixed;
+  }
+
+  .xl\:text-left {
+    text-align: left;
+  }
+
+  .xl\:text-center {
+    text-align: center;
+  }
+
+  .xl\:text-right {
+    text-align: right;
+  }
+
+  .xl\:text-justify {
+    text-align: justify;
+  }
+
+  .xl\:text-transparent {
+    color: transparent;
+  }
+
+  .xl\:text-white {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .xl\:text-black {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .xl\:text-gray-50 {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .xl\:text-gray-100 {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .xl\:text-gray-200 {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .xl\:text-gray-300 {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .xl\:text-gray-400 {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .xl\:text-gray-500 {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .xl\:text-gray-600 {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .xl\:text-gray-700 {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .xl\:text-gray-800 {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .xl\:text-gray-900 {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .xl\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .xl\:text-cool-gray-100 {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .xl\:text-cool-gray-200 {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .xl\:text-cool-gray-300 {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .xl\:text-cool-gray-400 {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .xl\:text-cool-gray-500 {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .xl\:text-cool-gray-600 {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .xl\:text-cool-gray-700 {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .xl\:text-cool-gray-800 {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .xl\:text-cool-gray-900 {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .xl\:text-red-50 {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .xl\:text-red-100 {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .xl\:text-red-200 {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .xl\:text-red-300 {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .xl\:text-red-400 {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .xl\:text-red-500 {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .xl\:text-red-600 {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .xl\:text-red-700 {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .xl\:text-red-800 {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .xl\:text-red-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .xl\:text-orange-50 {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .xl\:text-orange-100 {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .xl\:text-orange-200 {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .xl\:text-orange-300 {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .xl\:text-orange-400 {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .xl\:text-orange-500 {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .xl\:text-orange-600 {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .xl\:text-orange-700 {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .xl\:text-orange-800 {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .xl\:text-orange-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .xl\:text-yellow-50 {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .xl\:text-yellow-100 {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .xl\:text-yellow-200 {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .xl\:text-yellow-300 {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .xl\:text-yellow-400 {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .xl\:text-yellow-500 {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .xl\:text-yellow-600 {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .xl\:text-yellow-700 {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .xl\:text-yellow-800 {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .xl\:text-yellow-900 {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .xl\:text-green-50 {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .xl\:text-green-100 {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .xl\:text-green-200 {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .xl\:text-green-300 {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .xl\:text-green-400 {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .xl\:text-green-500 {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .xl\:text-green-600 {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .xl\:text-green-700 {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .xl\:text-green-800 {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .xl\:text-green-900 {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .xl\:text-teal-50 {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .xl\:text-teal-100 {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .xl\:text-teal-200 {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .xl\:text-teal-300 {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .xl\:text-teal-400 {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .xl\:text-teal-500 {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .xl\:text-teal-600 {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .xl\:text-teal-700 {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .xl\:text-teal-800 {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .xl\:text-teal-900 {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .xl\:text-blue-50 {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .xl\:text-blue-100 {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .xl\:text-blue-200 {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .xl\:text-blue-300 {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .xl\:text-blue-400 {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .xl\:text-blue-500 {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .xl\:text-blue-600 {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .xl\:text-blue-700 {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .xl\:text-blue-800 {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .xl\:text-blue-900 {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .xl\:text-indigo-50 {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .xl\:text-indigo-100 {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .xl\:text-indigo-200 {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .xl\:text-indigo-300 {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .xl\:text-indigo-400 {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .xl\:text-indigo-500 {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .xl\:text-indigo-600 {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .xl\:text-indigo-700 {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .xl\:text-indigo-800 {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .xl\:text-indigo-900 {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .xl\:text-purple-50 {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .xl\:text-purple-100 {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .xl\:text-purple-200 {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .xl\:text-purple-300 {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .xl\:text-purple-400 {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .xl\:text-purple-500 {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .xl\:text-purple-600 {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .xl\:text-purple-700 {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .xl\:text-purple-800 {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .xl\:text-purple-900 {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .xl\:text-pink-50 {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .xl\:text-pink-100 {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .xl\:text-pink-200 {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .xl\:text-pink-300 {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .xl\:text-pink-400 {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .xl\:text-pink-500 {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .xl\:text-pink-600 {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .xl\:text-pink-700 {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .xl\:text-pink-800 {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .xl\:text-pink-900 {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-transparent {
+    color: transparent;
+  }
+
+  .group:hover .xl\:group-hover\:text-white {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-black {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-50 {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-100 {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-200 {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-300 {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-400 {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-500 {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-600 {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-700 {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-800 {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-900 {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-cool-gray-100 {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-cool-gray-200 {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-cool-gray-300 {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-cool-gray-400 {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-cool-gray-500 {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-cool-gray-600 {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-cool-gray-700 {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-cool-gray-800 {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-cool-gray-900 {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-50 {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-100 {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-200 {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-300 {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-400 {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-500 {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-600 {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-700 {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-800 {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-50 {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-100 {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-200 {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-300 {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-400 {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-500 {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-600 {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-700 {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-800 {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-50 {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-100 {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-200 {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-300 {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-400 {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-500 {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-600 {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-700 {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-800 {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-900 {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-50 {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-100 {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-200 {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-300 {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-400 {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-500 {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-600 {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-700 {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-800 {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-900 {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-teal-50 {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-teal-100 {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-teal-200 {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-teal-300 {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-teal-400 {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-teal-500 {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-teal-600 {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-teal-700 {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-teal-800 {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-teal-900 {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-50 {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-100 {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-200 {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-300 {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-400 {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-500 {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-600 {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-700 {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-800 {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-900 {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-50 {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-100 {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-200 {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-300 {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-400 {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-500 {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-600 {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-700 {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-800 {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-900 {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-50 {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-100 {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-200 {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-300 {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-400 {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-500 {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-600 {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-700 {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-800 {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-900 {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-50 {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-100 {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-200 {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-300 {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-400 {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-500 {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-600 {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-700 {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-800 {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-900 {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-transparent {
+    color: transparent;
+  }
+
+  .group:focus .xl\:group-focus\:text-white {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-black {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-gray-50 {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-gray-100 {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-gray-200 {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-gray-300 {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-gray-400 {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-gray-500 {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-gray-600 {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-gray-700 {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-gray-800 {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-gray-900 {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-cool-gray-50 {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-cool-gray-100 {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-cool-gray-200 {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-cool-gray-300 {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-cool-gray-400 {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-cool-gray-500 {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-cool-gray-600 {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-cool-gray-700 {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-cool-gray-800 {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-cool-gray-900 {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-red-50 {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-red-100 {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-red-200 {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-red-300 {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-red-400 {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-red-500 {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-red-600 {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-red-700 {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-red-800 {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-red-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-orange-50 {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-orange-100 {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-orange-200 {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-orange-300 {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-orange-400 {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-orange-500 {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-orange-600 {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-orange-700 {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-orange-800 {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-orange-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-yellow-50 {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-yellow-100 {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-yellow-200 {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-yellow-300 {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-yellow-400 {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-yellow-500 {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-yellow-600 {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-yellow-700 {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-yellow-800 {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-yellow-900 {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-green-50 {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-green-100 {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-green-200 {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-green-300 {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-green-400 {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-green-500 {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-green-600 {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-green-700 {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-green-800 {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-green-900 {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-teal-50 {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-teal-100 {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-teal-200 {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-teal-300 {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-teal-400 {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-teal-500 {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-teal-600 {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-teal-700 {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-teal-800 {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-teal-900 {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-blue-50 {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-blue-100 {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-blue-200 {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-blue-300 {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-blue-400 {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-blue-500 {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-blue-600 {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-blue-700 {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-blue-800 {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-blue-900 {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-indigo-50 {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-indigo-100 {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-indigo-200 {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-indigo-300 {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-indigo-400 {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-indigo-500 {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-indigo-600 {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-indigo-700 {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-indigo-800 {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-indigo-900 {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-purple-50 {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-purple-100 {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-purple-200 {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-purple-300 {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-purple-400 {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-purple-500 {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-purple-600 {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-purple-700 {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-purple-800 {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-purple-900 {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-pink-50 {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-pink-100 {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-pink-200 {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-pink-300 {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-pink-400 {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-pink-500 {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-pink-600 {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-pink-700 {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-pink-800 {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .group:focus .xl\:group-focus\:text-pink-900 {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .xl\:hover\:text-white:hover {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-black:hover {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-gray-50:hover {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-gray-100:hover {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-gray-200:hover {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-gray-300:hover {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-gray-400:hover {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-gray-500:hover {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-gray-600:hover {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-gray-700:hover {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-gray-800:hover {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-gray-900:hover {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-cool-gray-50:hover {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-cool-gray-100:hover {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-cool-gray-200:hover {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-cool-gray-300:hover {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-cool-gray-400:hover {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-cool-gray-500:hover {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-cool-gray-600:hover {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-cool-gray-700:hover {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-cool-gray-800:hover {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-cool-gray-900:hover {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-red-50:hover {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-red-100:hover {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-red-200:hover {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-red-300:hover {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-red-400:hover {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-red-500:hover {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-red-600:hover {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-red-700:hover {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-red-800:hover {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-red-900:hover {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-orange-50:hover {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-orange-100:hover {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-orange-200:hover {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-orange-300:hover {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-orange-400:hover {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-orange-500:hover {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-orange-600:hover {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-orange-700:hover {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-orange-800:hover {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-orange-900:hover {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-50:hover {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-100:hover {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-200:hover {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-300:hover {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-400:hover {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-500:hover {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-600:hover {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-700:hover {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-800:hover {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-900:hover {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-green-50:hover {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-green-100:hover {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-green-200:hover {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-green-300:hover {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-green-400:hover {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-green-500:hover {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-green-600:hover {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-green-700:hover {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-green-800:hover {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-green-900:hover {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-teal-50:hover {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-teal-100:hover {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-teal-200:hover {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-teal-300:hover {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-teal-400:hover {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-teal-500:hover {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-teal-600:hover {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-teal-700:hover {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-teal-800:hover {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-teal-900:hover {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-blue-50:hover {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-blue-100:hover {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-blue-200:hover {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-blue-300:hover {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-blue-400:hover {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-blue-500:hover {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-blue-600:hover {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-blue-700:hover {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-blue-800:hover {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-blue-900:hover {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-50:hover {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-100:hover {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-200:hover {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-300:hover {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-400:hover {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-500:hover {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-600:hover {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-700:hover {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-800:hover {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-900:hover {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-purple-50:hover {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-purple-100:hover {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-purple-200:hover {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-purple-300:hover {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-purple-400:hover {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-purple-500:hover {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-purple-600:hover {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-purple-700:hover {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-purple-800:hover {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-purple-900:hover {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-pink-50:hover {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-pink-100:hover {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-pink-200:hover {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-pink-300:hover {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-pink-400:hover {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-pink-500:hover {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-pink-600:hover {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-pink-700:hover {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-pink-800:hover {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .xl\:hover\:text-pink-900:hover {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .xl\:focus-within\:text-white:focus-within {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-black:focus-within {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-cool-gray-50:focus-within {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-cool-gray-100:focus-within {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-cool-gray-200:focus-within {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-cool-gray-300:focus-within {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-cool-gray-400:focus-within {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-cool-gray-500:focus-within {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-cool-gray-600:focus-within {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-cool-gray-700:focus-within {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-cool-gray-800:focus-within {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-cool-gray-900:focus-within {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-orange-50:focus-within {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-orange-100:focus-within {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-orange-200:focus-within {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-orange-300:focus-within {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-orange-400:focus-within {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-orange-500:focus-within {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-orange-600:focus-within {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-orange-700:focus-within {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-orange-800:focus-within {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-orange-900:focus-within {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-teal-50:focus-within {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-teal-100:focus-within {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-teal-200:focus-within {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-teal-300:focus-within {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-teal-400:focus-within {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-teal-500:focus-within {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-teal-600:focus-within {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-teal-700:focus-within {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-teal-800:focus-within {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-teal-900:focus-within {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-transparent:focus {
+    color: transparent;
+  }
+
+  .xl\:focus\:text-white:focus {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-black:focus {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-gray-50:focus {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-gray-100:focus {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-gray-200:focus {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-gray-300:focus {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-gray-400:focus {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-gray-500:focus {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-gray-600:focus {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-gray-700:focus {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-gray-800:focus {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-gray-900:focus {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-cool-gray-50:focus {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-cool-gray-100:focus {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-cool-gray-200:focus {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-cool-gray-300:focus {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-cool-gray-400:focus {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-cool-gray-500:focus {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-cool-gray-600:focus {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-cool-gray-700:focus {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-cool-gray-800:focus {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-cool-gray-900:focus {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-red-50:focus {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-red-100:focus {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-red-200:focus {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-red-300:focus {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-red-400:focus {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-red-500:focus {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-red-600:focus {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-red-700:focus {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-red-800:focus {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-red-900:focus {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-orange-50:focus {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-orange-100:focus {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-orange-200:focus {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-orange-300:focus {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-orange-400:focus {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-orange-500:focus {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-orange-600:focus {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-orange-700:focus {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-orange-800:focus {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-orange-900:focus {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-50:focus {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-100:focus {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-200:focus {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-300:focus {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-400:focus {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-500:focus {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-600:focus {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-700:focus {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-800:focus {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-900:focus {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-green-50:focus {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-green-100:focus {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-green-200:focus {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-green-300:focus {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-green-400:focus {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-green-500:focus {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-green-600:focus {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-green-700:focus {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-green-800:focus {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-green-900:focus {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-teal-50:focus {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-teal-100:focus {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-teal-200:focus {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-teal-300:focus {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-teal-400:focus {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-teal-500:focus {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-teal-600:focus {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-teal-700:focus {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-teal-800:focus {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-teal-900:focus {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-blue-50:focus {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-blue-100:focus {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-blue-200:focus {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-blue-300:focus {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-blue-400:focus {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-blue-500:focus {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-blue-600:focus {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-blue-700:focus {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-blue-800:focus {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-blue-900:focus {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-50:focus {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-100:focus {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-200:focus {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-300:focus {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-400:focus {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-500:focus {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-600:focus {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-700:focus {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-800:focus {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-900:focus {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-purple-50:focus {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-purple-100:focus {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-purple-200:focus {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-purple-300:focus {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-purple-400:focus {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-purple-500:focus {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-purple-600:focus {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-purple-700:focus {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-purple-800:focus {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-purple-900:focus {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-pink-50:focus {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-pink-100:focus {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-pink-200:focus {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-pink-300:focus {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-pink-400:focus {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-pink-500:focus {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-pink-600:focus {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-pink-700:focus {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-pink-800:focus {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .xl\:focus\:text-pink-900:focus {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .xl\:active\:text-transparent:active {
+    color: transparent;
+  }
+
+  .xl\:active\:text-white:active {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .xl\:active\:text-black:active {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .xl\:active\:text-gray-50:active {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .xl\:active\:text-gray-100:active {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .xl\:active\:text-gray-200:active {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .xl\:active\:text-gray-300:active {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .xl\:active\:text-gray-400:active {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .xl\:active\:text-gray-500:active {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .xl\:active\:text-gray-600:active {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .xl\:active\:text-gray-700:active {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .xl\:active\:text-gray-800:active {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .xl\:active\:text-gray-900:active {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .xl\:active\:text-cool-gray-50:active {
+    --text-opacity: 1;
+    color: #fbfdfe;
+    color: rgba(251, 253, 254, var(--text-opacity));
+  }
+
+  .xl\:active\:text-cool-gray-100:active {
+    --text-opacity: 1;
+    color: #f1f5f9;
+    color: rgba(241, 245, 249, var(--text-opacity));
+  }
+
+  .xl\:active\:text-cool-gray-200:active {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .xl\:active\:text-cool-gray-300:active {
+    --text-opacity: 1;
+    color: #cfd8e3;
+    color: rgba(207, 216, 227, var(--text-opacity));
+  }
+
+  .xl\:active\:text-cool-gray-400:active {
+    --text-opacity: 1;
+    color: #97a6ba;
+    color: rgba(151, 166, 186, var(--text-opacity));
+  }
+
+  .xl\:active\:text-cool-gray-500:active {
+    --text-opacity: 1;
+    color: #64748b;
+    color: rgba(100, 116, 139, var(--text-opacity));
+  }
+
+  .xl\:active\:text-cool-gray-600:active {
+    --text-opacity: 1;
+    color: #475569;
+    color: rgba(71, 85, 105, var(--text-opacity));
+  }
+
+  .xl\:active\:text-cool-gray-700:active {
+    --text-opacity: 1;
+    color: #364152;
+    color: rgba(54, 65, 82, var(--text-opacity));
+  }
+
+  .xl\:active\:text-cool-gray-800:active {
+    --text-opacity: 1;
+    color: #27303f;
+    color: rgba(39, 48, 63, var(--text-opacity));
+  }
+
+  .xl\:active\:text-cool-gray-900:active {
+    --text-opacity: 1;
+    color: #1a202e;
+    color: rgba(26, 32, 46, var(--text-opacity));
+  }
+
+  .xl\:active\:text-red-50:active {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .xl\:active\:text-red-100:active {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .xl\:active\:text-red-200:active {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .xl\:active\:text-red-300:active {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .xl\:active\:text-red-400:active {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .xl\:active\:text-red-500:active {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .xl\:active\:text-red-600:active {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .xl\:active\:text-red-700:active {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .xl\:active\:text-red-800:active {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .xl\:active\:text-red-900:active {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .xl\:active\:text-orange-50:active {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .xl\:active\:text-orange-100:active {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .xl\:active\:text-orange-200:active {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .xl\:active\:text-orange-300:active {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .xl\:active\:text-orange-400:active {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .xl\:active\:text-orange-500:active {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .xl\:active\:text-orange-600:active {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .xl\:active\:text-orange-700:active {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .xl\:active\:text-orange-800:active {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .xl\:active\:text-orange-900:active {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .xl\:active\:text-yellow-50:active {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .xl\:active\:text-yellow-100:active {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .xl\:active\:text-yellow-200:active {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .xl\:active\:text-yellow-300:active {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .xl\:active\:text-yellow-400:active {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .xl\:active\:text-yellow-500:active {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .xl\:active\:text-yellow-600:active {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .xl\:active\:text-yellow-700:active {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .xl\:active\:text-yellow-800:active {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .xl\:active\:text-yellow-900:active {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .xl\:active\:text-green-50:active {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .xl\:active\:text-green-100:active {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .xl\:active\:text-green-200:active {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .xl\:active\:text-green-300:active {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .xl\:active\:text-green-400:active {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .xl\:active\:text-green-500:active {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .xl\:active\:text-green-600:active {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .xl\:active\:text-green-700:active {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .xl\:active\:text-green-800:active {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .xl\:active\:text-green-900:active {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .xl\:active\:text-teal-50:active {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .xl\:active\:text-teal-100:active {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .xl\:active\:text-teal-200:active {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .xl\:active\:text-teal-300:active {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .xl\:active\:text-teal-400:active {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .xl\:active\:text-teal-500:active {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .xl\:active\:text-teal-600:active {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .xl\:active\:text-teal-700:active {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .xl\:active\:text-teal-800:active {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .xl\:active\:text-teal-900:active {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .xl\:active\:text-blue-50:active {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .xl\:active\:text-blue-100:active {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .xl\:active\:text-blue-200:active {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .xl\:active\:text-blue-300:active {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .xl\:active\:text-blue-400:active {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .xl\:active\:text-blue-500:active {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .xl\:active\:text-blue-600:active {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .xl\:active\:text-blue-700:active {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .xl\:active\:text-blue-800:active {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .xl\:active\:text-blue-900:active {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .xl\:active\:text-indigo-50:active {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .xl\:active\:text-indigo-100:active {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .xl\:active\:text-indigo-200:active {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .xl\:active\:text-indigo-300:active {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .xl\:active\:text-indigo-400:active {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .xl\:active\:text-indigo-500:active {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .xl\:active\:text-indigo-600:active {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .xl\:active\:text-indigo-700:active {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .xl\:active\:text-indigo-800:active {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .xl\:active\:text-indigo-900:active {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .xl\:active\:text-purple-50:active {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .xl\:active\:text-purple-100:active {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .xl\:active\:text-purple-200:active {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .xl\:active\:text-purple-300:active {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .xl\:active\:text-purple-400:active {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .xl\:active\:text-purple-500:active {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .xl\:active\:text-purple-600:active {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .xl\:active\:text-purple-700:active {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .xl\:active\:text-purple-800:active {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .xl\:active\:text-purple-900:active {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .xl\:active\:text-pink-50:active {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .xl\:active\:text-pink-100:active {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .xl\:active\:text-pink-200:active {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .xl\:active\:text-pink-300:active {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .xl\:active\:text-pink-400:active {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .xl\:active\:text-pink-500:active {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .xl\:active\:text-pink-600:active {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .xl\:active\:text-pink-700:active {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .xl\:active\:text-pink-800:active {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .xl\:active\:text-pink-900:active {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .xl\:text-opacity-0 {
+    --text-opacity: 0;
+  }
+
+  .xl\:text-opacity-25 {
+    --text-opacity: 0.25;
+  }
+
+  .xl\:text-opacity-50 {
+    --text-opacity: 0.5;
+  }
+
+  .xl\:text-opacity-75 {
+    --text-opacity: 0.75;
+  }
+
+  .xl\:text-opacity-100 {
+    --text-opacity: 1;
+  }
+
+  .xl\:hover\:text-opacity-0:hover {
+    --text-opacity: 0;
+  }
+
+  .xl\:hover\:text-opacity-25:hover {
+    --text-opacity: 0.25;
+  }
+
+  .xl\:hover\:text-opacity-50:hover {
+    --text-opacity: 0.5;
+  }
+
+  .xl\:hover\:text-opacity-75:hover {
+    --text-opacity: 0.75;
+  }
+
+  .xl\:hover\:text-opacity-100:hover {
+    --text-opacity: 1;
+  }
+
+  .xl\:focus\:text-opacity-0:focus {
+    --text-opacity: 0;
+  }
+
+  .xl\:focus\:text-opacity-25:focus {
+    --text-opacity: 0.25;
+  }
+
+  .xl\:focus\:text-opacity-50:focus {
+    --text-opacity: 0.5;
+  }
+
+  .xl\:focus\:text-opacity-75:focus {
+    --text-opacity: 0.75;
+  }
+
+  .xl\:focus\:text-opacity-100:focus {
+    --text-opacity: 1;
+  }
+
+  .xl\:italic {
+    font-style: italic;
+  }
+
+  .xl\:not-italic {
+    font-style: normal;
+  }
+
+  .xl\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .xl\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .xl\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .xl\:normal-case {
+    text-transform: none;
+  }
+
+  .xl\:underline {
+    text-decoration: underline;
+  }
+
+  .xl\:line-through {
+    text-decoration: line-through;
+  }
+
+  .xl\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:hover .xl\:group-hover\:underline {
+    text-decoration: underline;
+  }
+
+  .group:hover .xl\:group-hover\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:hover .xl\:group-hover\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:focus .xl\:group-focus\:underline {
+    text-decoration: underline;
+  }
+
+  .group:focus .xl\:group-focus\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:focus .xl\:group-focus\:no-underline {
+    text-decoration: none;
+  }
+
+  .xl\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .xl\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .xl\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .xl\:focus\:underline:focus {
+    text-decoration: underline;
+  }
+
+  .xl\:focus\:line-through:focus {
+    text-decoration: line-through;
+  }
+
+  .xl\:focus\:no-underline:focus {
+    text-decoration: none;
+  }
+
+  .xl\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .xl\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .xl\:tracking-tighter {
+    letter-spacing: -0.05em;
+  }
+
+  .xl\:tracking-tight {
+    letter-spacing: -0.025em;
+  }
+
+  .xl\:tracking-normal {
+    letter-spacing: 0;
+  }
+
+  .xl\:tracking-wide {
+    letter-spacing: 0.025em;
+  }
+
+  .xl\:tracking-wider {
+    letter-spacing: 0.05em;
+  }
+
+  .xl\:tracking-widest {
+    letter-spacing: 0.1em;
+  }
+
+  .xl\:select-none {
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+  }
+
+  .xl\:select-text {
+    -webkit-user-select: text;
+       -moz-user-select: text;
+        -ms-user-select: text;
+            user-select: text;
+  }
+
+  .xl\:select-all {
+    -webkit-user-select: all;
+       -moz-user-select: all;
+        -ms-user-select: all;
+            user-select: all;
+  }
+
+  .xl\:select-auto {
+    -webkit-user-select: auto;
+       -moz-user-select: auto;
+        -ms-user-select: auto;
+            user-select: auto;
+  }
+
+  .xl\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .xl\:align-top {
+    vertical-align: top;
+  }
+
+  .xl\:align-middle {
+    vertical-align: middle;
+  }
+
+  .xl\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .xl\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .xl\:align-text-bottom {
+    vertical-align: text-bottom;
+  }
+
+  .xl\:visible {
+    visibility: visible;
+  }
+
+  .xl\:invisible {
+    visibility: hidden;
+  }
+
+  .xl\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .xl\:whitespace-no-wrap {
+    white-space: nowrap;
+  }
+
+  .xl\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .xl\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .xl\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .xl\:break-normal {
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .xl\:break-words {
+    overflow-wrap: break-word;
+  }
+
+  .xl\:break-all {
+    word-break: break-all;
+  }
+
+  .xl\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .xl\:w-0 {
+    width: 0;
+  }
+
+  .xl\:w-1 {
+    width: 0.25rem;
+  }
+
+  .xl\:w-2 {
+    width: 0.5rem;
+  }
+
+  .xl\:w-3 {
+    width: 0.75rem;
+  }
+
+  .xl\:w-4 {
+    width: 1rem;
+  }
+
+  .xl\:w-5 {
+    width: 1.25rem;
+  }
+
+  .xl\:w-6 {
+    width: 1.5rem;
+  }
+
+  .xl\:w-7 {
+    width: 1.75rem;
+  }
+
+  .xl\:w-8 {
+    width: 2rem;
+  }
+
+  .xl\:w-9 {
+    width: 2.25rem;
+  }
+
+  .xl\:w-10 {
+    width: 2.5rem;
+  }
+
+  .xl\:w-11 {
+    width: 2.75rem;
+  }
+
+  .xl\:w-12 {
+    width: 3rem;
+  }
+
+  .xl\:w-13 {
+    width: 3.25rem;
+  }
+
+  .xl\:w-14 {
+    width: 3.5rem;
+  }
+
+  .xl\:w-15 {
+    width: 3.75rem;
+  }
+
+  .xl\:w-16 {
+    width: 4rem;
+  }
+
+  .xl\:w-20 {
+    width: 5rem;
+  }
+
+  .xl\:w-24 {
+    width: 6rem;
+  }
+
+  .xl\:w-28 {
+    width: 7rem;
+  }
+
+  .xl\:w-32 {
+    width: 8rem;
+  }
+
+  .xl\:w-36 {
+    width: 9rem;
+  }
+
+  .xl\:w-40 {
+    width: 10rem;
+  }
+
+  .xl\:w-48 {
+    width: 12rem;
+  }
+
+  .xl\:w-56 {
+    width: 14rem;
+  }
+
+  .xl\:w-60 {
+    width: 15rem;
+  }
+
+  .xl\:w-64 {
+    width: 16rem;
+  }
+
+  .xl\:w-72 {
+    width: 18rem;
+  }
+
+  .xl\:w-80 {
+    width: 20rem;
+  }
+
+  .xl\:w-96 {
+    width: 24rem;
+  }
+
+  .xl\:w-auto {
+    width: auto;
+  }
+
+  .xl\:w-px {
+    width: 1px;
+  }
+
+  .xl\:w-0\.5 {
+    width: 0.125rem;
+  }
+
+  .xl\:w-1\.5 {
+    width: 0.375rem;
+  }
+
+  .xl\:w-2\.5 {
+    width: 0.625rem;
+  }
+
+  .xl\:w-3\.5 {
+    width: 0.875rem;
+  }
+
+  .xl\:w-1\/2 {
+    width: 50%;
+  }
+
+  .xl\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .xl\:w-2\/3 {
+    width: 66.666667%;
+  }
+
+  .xl\:w-1\/4 {
+    width: 25%;
+  }
+
+  .xl\:w-2\/4 {
+    width: 50%;
+  }
+
+  .xl\:w-3\/4 {
+    width: 75%;
+  }
+
+  .xl\:w-1\/5 {
+    width: 20%;
+  }
+
+  .xl\:w-2\/5 {
+    width: 40%;
+  }
+
+  .xl\:w-3\/5 {
+    width: 60%;
+  }
+
+  .xl\:w-4\/5 {
+    width: 80%;
+  }
+
+  .xl\:w-1\/6 {
+    width: 16.666667%;
+  }
+
+  .xl\:w-2\/6 {
+    width: 33.333333%;
+  }
+
+  .xl\:w-3\/6 {
+    width: 50%;
+  }
+
+  .xl\:w-4\/6 {
+    width: 66.666667%;
+  }
+
+  .xl\:w-5\/6 {
+    width: 83.333333%;
+  }
+
+  .xl\:w-1\/12 {
+    width: 8.333333%;
+  }
+
+  .xl\:w-2\/12 {
+    width: 16.666667%;
+  }
+
+  .xl\:w-3\/12 {
+    width: 25%;
+  }
+
+  .xl\:w-4\/12 {
+    width: 33.333333%;
+  }
+
+  .xl\:w-5\/12 {
+    width: 41.666667%;
+  }
+
+  .xl\:w-6\/12 {
+    width: 50%;
+  }
+
+  .xl\:w-7\/12 {
+    width: 58.333333%;
+  }
+
+  .xl\:w-8\/12 {
+    width: 66.666667%;
+  }
+
+  .xl\:w-9\/12 {
+    width: 75%;
+  }
+
+  .xl\:w-10\/12 {
+    width: 83.333333%;
+  }
+
+  .xl\:w-11\/12 {
+    width: 91.666667%;
+  }
+
+  .xl\:w-full {
+    width: 100%;
+  }
+
+  .xl\:w-screen {
+    width: 100vw;
+  }
+
+  .xl\:z-0 {
+    z-index: 0;
+  }
+
+  .xl\:z-10 {
+    z-index: 10;
+  }
+
+  .xl\:z-20 {
+    z-index: 20;
+  }
+
+  .xl\:z-30 {
+    z-index: 30;
+  }
+
+  .xl\:z-40 {
+    z-index: 40;
+  }
+
+  .xl\:z-50 {
+    z-index: 50;
+  }
+
+  .xl\:z-auto {
+    z-index: auto;
+  }
+
+  .xl\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .xl\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .xl\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .xl\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .xl\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .xl\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .xl\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
+  .xl\:focus\:z-0:focus {
+    z-index: 0;
+  }
+
+  .xl\:focus\:z-10:focus {
+    z-index: 10;
+  }
+
+  .xl\:focus\:z-20:focus {
+    z-index: 20;
+  }
+
+  .xl\:focus\:z-30:focus {
+    z-index: 30;
+  }
+
+  .xl\:focus\:z-40:focus {
+    z-index: 40;
+  }
+
+  .xl\:focus\:z-50:focus {
+    z-index: 50;
+  }
+
+  .xl\:focus\:z-auto:focus {
+    z-index: auto;
+  }
+
+  .xl\:gap-0 {
+    grid-gap: 0;
+    gap: 0;
+  }
+
+  .xl\:gap-1 {
+    grid-gap: 0.25rem;
+    gap: 0.25rem;
+  }
+
+  .xl\:gap-2 {
+    grid-gap: 0.5rem;
+    gap: 0.5rem;
+  }
+
+  .xl\:gap-3 {
+    grid-gap: 0.75rem;
+    gap: 0.75rem;
+  }
+
+  .xl\:gap-4 {
+    grid-gap: 1rem;
+    gap: 1rem;
+  }
+
+  .xl\:gap-5 {
+    grid-gap: 1.25rem;
+    gap: 1.25rem;
+  }
+
+  .xl\:gap-6 {
+    grid-gap: 1.5rem;
+    gap: 1.5rem;
+  }
+
+  .xl\:gap-7 {
+    grid-gap: 1.75rem;
+    gap: 1.75rem;
+  }
+
+  .xl\:gap-8 {
+    grid-gap: 2rem;
+    gap: 2rem;
+  }
+
+  .xl\:gap-9 {
+    grid-gap: 2.25rem;
+    gap: 2.25rem;
+  }
+
+  .xl\:gap-10 {
+    grid-gap: 2.5rem;
+    gap: 2.5rem;
+  }
+
+  .xl\:gap-11 {
+    grid-gap: 2.75rem;
+    gap: 2.75rem;
+  }
+
+  .xl\:gap-12 {
+    grid-gap: 3rem;
+    gap: 3rem;
+  }
+
+  .xl\:gap-13 {
+    grid-gap: 3.25rem;
+    gap: 3.25rem;
+  }
+
+  .xl\:gap-14 {
+    grid-gap: 3.5rem;
+    gap: 3.5rem;
+  }
+
+  .xl\:gap-15 {
+    grid-gap: 3.75rem;
+    gap: 3.75rem;
+  }
+
+  .xl\:gap-16 {
+    grid-gap: 4rem;
+    gap: 4rem;
+  }
+
+  .xl\:gap-20 {
+    grid-gap: 5rem;
+    gap: 5rem;
+  }
+
+  .xl\:gap-24 {
+    grid-gap: 6rem;
+    gap: 6rem;
+  }
+
+  .xl\:gap-28 {
+    grid-gap: 7rem;
+    gap: 7rem;
+  }
+
+  .xl\:gap-32 {
+    grid-gap: 8rem;
+    gap: 8rem;
+  }
+
+  .xl\:gap-36 {
+    grid-gap: 9rem;
+    gap: 9rem;
+  }
+
+  .xl\:gap-40 {
+    grid-gap: 10rem;
+    gap: 10rem;
+  }
+
+  .xl\:gap-48 {
+    grid-gap: 12rem;
+    gap: 12rem;
+  }
+
+  .xl\:gap-56 {
+    grid-gap: 14rem;
+    gap: 14rem;
+  }
+
+  .xl\:gap-60 {
+    grid-gap: 15rem;
+    gap: 15rem;
+  }
+
+  .xl\:gap-64 {
+    grid-gap: 16rem;
+    gap: 16rem;
+  }
+
+  .xl\:gap-72 {
+    grid-gap: 18rem;
+    gap: 18rem;
+  }
+
+  .xl\:gap-80 {
+    grid-gap: 20rem;
+    gap: 20rem;
+  }
+
+  .xl\:gap-96 {
+    grid-gap: 24rem;
+    gap: 24rem;
+  }
+
+  .xl\:gap-px {
+    grid-gap: 1px;
+    gap: 1px;
+  }
+
+  .xl\:gap-0\.5 {
+    grid-gap: 0.125rem;
+    gap: 0.125rem;
+  }
+
+  .xl\:gap-1\.5 {
+    grid-gap: 0.375rem;
+    gap: 0.375rem;
+  }
+
+  .xl\:gap-2\.5 {
+    grid-gap: 0.625rem;
+    gap: 0.625rem;
+  }
+
+  .xl\:gap-3\.5 {
+    grid-gap: 0.875rem;
+    gap: 0.875rem;
+  }
+
+  .xl\:gap-1\/2 {
+    grid-gap: 50%;
+    gap: 50%;
+  }
+
+  .xl\:gap-1\/3 {
+    grid-gap: 33.333333%;
+    gap: 33.333333%;
+  }
+
+  .xl\:gap-2\/3 {
+    grid-gap: 66.666667%;
+    gap: 66.666667%;
+  }
+
+  .xl\:gap-1\/4 {
+    grid-gap: 25%;
+    gap: 25%;
+  }
+
+  .xl\:gap-2\/4 {
+    grid-gap: 50%;
+    gap: 50%;
+  }
+
+  .xl\:gap-3\/4 {
+    grid-gap: 75%;
+    gap: 75%;
+  }
+
+  .xl\:gap-1\/5 {
+    grid-gap: 20%;
+    gap: 20%;
+  }
+
+  .xl\:gap-2\/5 {
+    grid-gap: 40%;
+    gap: 40%;
+  }
+
+  .xl\:gap-3\/5 {
+    grid-gap: 60%;
+    gap: 60%;
+  }
+
+  .xl\:gap-4\/5 {
+    grid-gap: 80%;
+    gap: 80%;
+  }
+
+  .xl\:gap-1\/6 {
+    grid-gap: 16.666667%;
+    gap: 16.666667%;
+  }
+
+  .xl\:gap-2\/6 {
+    grid-gap: 33.333333%;
+    gap: 33.333333%;
+  }
+
+  .xl\:gap-3\/6 {
+    grid-gap: 50%;
+    gap: 50%;
+  }
+
+  .xl\:gap-4\/6 {
+    grid-gap: 66.666667%;
+    gap: 66.666667%;
+  }
+
+  .xl\:gap-5\/6 {
+    grid-gap: 83.333333%;
+    gap: 83.333333%;
+  }
+
+  .xl\:gap-1\/12 {
+    grid-gap: 8.333333%;
+    gap: 8.333333%;
+  }
+
+  .xl\:gap-2\/12 {
+    grid-gap: 16.666667%;
+    gap: 16.666667%;
+  }
+
+  .xl\:gap-3\/12 {
+    grid-gap: 25%;
+    gap: 25%;
+  }
+
+  .xl\:gap-4\/12 {
+    grid-gap: 33.333333%;
+    gap: 33.333333%;
+  }
+
+  .xl\:gap-5\/12 {
+    grid-gap: 41.666667%;
+    gap: 41.666667%;
+  }
+
+  .xl\:gap-6\/12 {
+    grid-gap: 50%;
+    gap: 50%;
+  }
+
+  .xl\:gap-7\/12 {
+    grid-gap: 58.333333%;
+    gap: 58.333333%;
+  }
+
+  .xl\:gap-8\/12 {
+    grid-gap: 66.666667%;
+    gap: 66.666667%;
+  }
+
+  .xl\:gap-9\/12 {
+    grid-gap: 75%;
+    gap: 75%;
+  }
+
+  .xl\:gap-10\/12 {
+    grid-gap: 83.333333%;
+    gap: 83.333333%;
+  }
+
+  .xl\:gap-11\/12 {
+    grid-gap: 91.666667%;
+    gap: 91.666667%;
+  }
+
+  .xl\:gap-full {
+    grid-gap: 100%;
+    gap: 100%;
+  }
+
+  .xl\:col-gap-0 {
+    grid-column-gap: 0;
+    -moz-column-gap: 0;
+         column-gap: 0;
+  }
+
+  .xl\:col-gap-1 {
+    grid-column-gap: 0.25rem;
+    -moz-column-gap: 0.25rem;
+         column-gap: 0.25rem;
+  }
+
+  .xl\:col-gap-2 {
+    grid-column-gap: 0.5rem;
+    -moz-column-gap: 0.5rem;
+         column-gap: 0.5rem;
+  }
+
+  .xl\:col-gap-3 {
+    grid-column-gap: 0.75rem;
+    -moz-column-gap: 0.75rem;
+         column-gap: 0.75rem;
+  }
+
+  .xl\:col-gap-4 {
+    grid-column-gap: 1rem;
+    -moz-column-gap: 1rem;
+         column-gap: 1rem;
+  }
+
+  .xl\:col-gap-5 {
+    grid-column-gap: 1.25rem;
+    -moz-column-gap: 1.25rem;
+         column-gap: 1.25rem;
+  }
+
+  .xl\:col-gap-6 {
+    grid-column-gap: 1.5rem;
+    -moz-column-gap: 1.5rem;
+         column-gap: 1.5rem;
+  }
+
+  .xl\:col-gap-7 {
+    grid-column-gap: 1.75rem;
+    -moz-column-gap: 1.75rem;
+         column-gap: 1.75rem;
+  }
+
+  .xl\:col-gap-8 {
+    grid-column-gap: 2rem;
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
+  }
+
+  .xl\:col-gap-9 {
+    grid-column-gap: 2.25rem;
+    -moz-column-gap: 2.25rem;
+         column-gap: 2.25rem;
+  }
+
+  .xl\:col-gap-10 {
+    grid-column-gap: 2.5rem;
+    -moz-column-gap: 2.5rem;
+         column-gap: 2.5rem;
+  }
+
+  .xl\:col-gap-11 {
+    grid-column-gap: 2.75rem;
+    -moz-column-gap: 2.75rem;
+         column-gap: 2.75rem;
+  }
+
+  .xl\:col-gap-12 {
+    grid-column-gap: 3rem;
+    -moz-column-gap: 3rem;
+         column-gap: 3rem;
+  }
+
+  .xl\:col-gap-13 {
+    grid-column-gap: 3.25rem;
+    -moz-column-gap: 3.25rem;
+         column-gap: 3.25rem;
+  }
+
+  .xl\:col-gap-14 {
+    grid-column-gap: 3.5rem;
+    -moz-column-gap: 3.5rem;
+         column-gap: 3.5rem;
+  }
+
+  .xl\:col-gap-15 {
+    grid-column-gap: 3.75rem;
+    -moz-column-gap: 3.75rem;
+         column-gap: 3.75rem;
+  }
+
+  .xl\:col-gap-16 {
+    grid-column-gap: 4rem;
+    -moz-column-gap: 4rem;
+         column-gap: 4rem;
+  }
+
+  .xl\:col-gap-20 {
+    grid-column-gap: 5rem;
+    -moz-column-gap: 5rem;
+         column-gap: 5rem;
+  }
+
+  .xl\:col-gap-24 {
+    grid-column-gap: 6rem;
+    -moz-column-gap: 6rem;
+         column-gap: 6rem;
+  }
+
+  .xl\:col-gap-28 {
+    grid-column-gap: 7rem;
+    -moz-column-gap: 7rem;
+         column-gap: 7rem;
+  }
+
+  .xl\:col-gap-32 {
+    grid-column-gap: 8rem;
+    -moz-column-gap: 8rem;
+         column-gap: 8rem;
+  }
+
+  .xl\:col-gap-36 {
+    grid-column-gap: 9rem;
+    -moz-column-gap: 9rem;
+         column-gap: 9rem;
+  }
+
+  .xl\:col-gap-40 {
+    grid-column-gap: 10rem;
+    -moz-column-gap: 10rem;
+         column-gap: 10rem;
+  }
+
+  .xl\:col-gap-48 {
+    grid-column-gap: 12rem;
+    -moz-column-gap: 12rem;
+         column-gap: 12rem;
+  }
+
+  .xl\:col-gap-56 {
+    grid-column-gap: 14rem;
+    -moz-column-gap: 14rem;
+         column-gap: 14rem;
+  }
+
+  .xl\:col-gap-60 {
+    grid-column-gap: 15rem;
+    -moz-column-gap: 15rem;
+         column-gap: 15rem;
+  }
+
+  .xl\:col-gap-64 {
+    grid-column-gap: 16rem;
+    -moz-column-gap: 16rem;
+         column-gap: 16rem;
+  }
+
+  .xl\:col-gap-72 {
+    grid-column-gap: 18rem;
+    -moz-column-gap: 18rem;
+         column-gap: 18rem;
+  }
+
+  .xl\:col-gap-80 {
+    grid-column-gap: 20rem;
+    -moz-column-gap: 20rem;
+         column-gap: 20rem;
+  }
+
+  .xl\:col-gap-96 {
+    grid-column-gap: 24rem;
+    -moz-column-gap: 24rem;
+         column-gap: 24rem;
+  }
+
+  .xl\:col-gap-px {
+    grid-column-gap: 1px;
+    -moz-column-gap: 1px;
+         column-gap: 1px;
+  }
+
+  .xl\:col-gap-0\.5 {
+    grid-column-gap: 0.125rem;
+    -moz-column-gap: 0.125rem;
+         column-gap: 0.125rem;
+  }
+
+  .xl\:col-gap-1\.5 {
+    grid-column-gap: 0.375rem;
+    -moz-column-gap: 0.375rem;
+         column-gap: 0.375rem;
+  }
+
+  .xl\:col-gap-2\.5 {
+    grid-column-gap: 0.625rem;
+    -moz-column-gap: 0.625rem;
+         column-gap: 0.625rem;
+  }
+
+  .xl\:col-gap-3\.5 {
+    grid-column-gap: 0.875rem;
+    -moz-column-gap: 0.875rem;
+         column-gap: 0.875rem;
+  }
+
+  .xl\:col-gap-1\/2 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .xl\:col-gap-1\/3 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .xl\:col-gap-2\/3 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .xl\:col-gap-1\/4 {
+    grid-column-gap: 25%;
+    -moz-column-gap: 25%;
+         column-gap: 25%;
+  }
+
+  .xl\:col-gap-2\/4 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .xl\:col-gap-3\/4 {
+    grid-column-gap: 75%;
+    -moz-column-gap: 75%;
+         column-gap: 75%;
+  }
+
+  .xl\:col-gap-1\/5 {
+    grid-column-gap: 20%;
+    -moz-column-gap: 20%;
+         column-gap: 20%;
+  }
+
+  .xl\:col-gap-2\/5 {
+    grid-column-gap: 40%;
+    -moz-column-gap: 40%;
+         column-gap: 40%;
+  }
+
+  .xl\:col-gap-3\/5 {
+    grid-column-gap: 60%;
+    -moz-column-gap: 60%;
+         column-gap: 60%;
+  }
+
+  .xl\:col-gap-4\/5 {
+    grid-column-gap: 80%;
+    -moz-column-gap: 80%;
+         column-gap: 80%;
+  }
+
+  .xl\:col-gap-1\/6 {
+    grid-column-gap: 16.666667%;
+    -moz-column-gap: 16.666667%;
+         column-gap: 16.666667%;
+  }
+
+  .xl\:col-gap-2\/6 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .xl\:col-gap-3\/6 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .xl\:col-gap-4\/6 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .xl\:col-gap-5\/6 {
+    grid-column-gap: 83.333333%;
+    -moz-column-gap: 83.333333%;
+         column-gap: 83.333333%;
+  }
+
+  .xl\:col-gap-1\/12 {
+    grid-column-gap: 8.333333%;
+    -moz-column-gap: 8.333333%;
+         column-gap: 8.333333%;
+  }
+
+  .xl\:col-gap-2\/12 {
+    grid-column-gap: 16.666667%;
+    -moz-column-gap: 16.666667%;
+         column-gap: 16.666667%;
+  }
+
+  .xl\:col-gap-3\/12 {
+    grid-column-gap: 25%;
+    -moz-column-gap: 25%;
+         column-gap: 25%;
+  }
+
+  .xl\:col-gap-4\/12 {
+    grid-column-gap: 33.333333%;
+    -moz-column-gap: 33.333333%;
+         column-gap: 33.333333%;
+  }
+
+  .xl\:col-gap-5\/12 {
+    grid-column-gap: 41.666667%;
+    -moz-column-gap: 41.666667%;
+         column-gap: 41.666667%;
+  }
+
+  .xl\:col-gap-6\/12 {
+    grid-column-gap: 50%;
+    -moz-column-gap: 50%;
+         column-gap: 50%;
+  }
+
+  .xl\:col-gap-7\/12 {
+    grid-column-gap: 58.333333%;
+    -moz-column-gap: 58.333333%;
+         column-gap: 58.333333%;
+  }
+
+  .xl\:col-gap-8\/12 {
+    grid-column-gap: 66.666667%;
+    -moz-column-gap: 66.666667%;
+         column-gap: 66.666667%;
+  }
+
+  .xl\:col-gap-9\/12 {
+    grid-column-gap: 75%;
+    -moz-column-gap: 75%;
+         column-gap: 75%;
+  }
+
+  .xl\:col-gap-10\/12 {
+    grid-column-gap: 83.333333%;
+    -moz-column-gap: 83.333333%;
+         column-gap: 83.333333%;
+  }
+
+  .xl\:col-gap-11\/12 {
+    grid-column-gap: 91.666667%;
+    -moz-column-gap: 91.666667%;
+         column-gap: 91.666667%;
+  }
+
+  .xl\:col-gap-full {
+    grid-column-gap: 100%;
+    -moz-column-gap: 100%;
+         column-gap: 100%;
+  }
+
+  .xl\:row-gap-0 {
+    grid-row-gap: 0;
+    row-gap: 0;
+  }
+
+  .xl\:row-gap-1 {
+    grid-row-gap: 0.25rem;
+    row-gap: 0.25rem;
+  }
+
+  .xl\:row-gap-2 {
+    grid-row-gap: 0.5rem;
+    row-gap: 0.5rem;
+  }
+
+  .xl\:row-gap-3 {
+    grid-row-gap: 0.75rem;
+    row-gap: 0.75rem;
+  }
+
+  .xl\:row-gap-4 {
+    grid-row-gap: 1rem;
+    row-gap: 1rem;
+  }
+
+  .xl\:row-gap-5 {
+    grid-row-gap: 1.25rem;
+    row-gap: 1.25rem;
+  }
+
+  .xl\:row-gap-6 {
+    grid-row-gap: 1.5rem;
+    row-gap: 1.5rem;
+  }
+
+  .xl\:row-gap-7 {
+    grid-row-gap: 1.75rem;
+    row-gap: 1.75rem;
+  }
+
+  .xl\:row-gap-8 {
+    grid-row-gap: 2rem;
+    row-gap: 2rem;
+  }
+
+  .xl\:row-gap-9 {
+    grid-row-gap: 2.25rem;
+    row-gap: 2.25rem;
+  }
+
+  .xl\:row-gap-10 {
+    grid-row-gap: 2.5rem;
+    row-gap: 2.5rem;
+  }
+
+  .xl\:row-gap-11 {
+    grid-row-gap: 2.75rem;
+    row-gap: 2.75rem;
+  }
+
+  .xl\:row-gap-12 {
+    grid-row-gap: 3rem;
+    row-gap: 3rem;
+  }
+
+  .xl\:row-gap-13 {
+    grid-row-gap: 3.25rem;
+    row-gap: 3.25rem;
+  }
+
+  .xl\:row-gap-14 {
+    grid-row-gap: 3.5rem;
+    row-gap: 3.5rem;
+  }
+
+  .xl\:row-gap-15 {
+    grid-row-gap: 3.75rem;
+    row-gap: 3.75rem;
+  }
+
+  .xl\:row-gap-16 {
+    grid-row-gap: 4rem;
+    row-gap: 4rem;
+  }
+
+  .xl\:row-gap-20 {
+    grid-row-gap: 5rem;
+    row-gap: 5rem;
+  }
+
+  .xl\:row-gap-24 {
+    grid-row-gap: 6rem;
+    row-gap: 6rem;
+  }
+
+  .xl\:row-gap-28 {
+    grid-row-gap: 7rem;
+    row-gap: 7rem;
+  }
+
+  .xl\:row-gap-32 {
+    grid-row-gap: 8rem;
+    row-gap: 8rem;
+  }
+
+  .xl\:row-gap-36 {
+    grid-row-gap: 9rem;
+    row-gap: 9rem;
+  }
+
+  .xl\:row-gap-40 {
+    grid-row-gap: 10rem;
+    row-gap: 10rem;
+  }
+
+  .xl\:row-gap-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem;
+  }
+
+  .xl\:row-gap-56 {
+    grid-row-gap: 14rem;
+    row-gap: 14rem;
+  }
+
+  .xl\:row-gap-60 {
+    grid-row-gap: 15rem;
+    row-gap: 15rem;
+  }
+
+  .xl\:row-gap-64 {
+    grid-row-gap: 16rem;
+    row-gap: 16rem;
+  }
+
+  .xl\:row-gap-72 {
+    grid-row-gap: 18rem;
+    row-gap: 18rem;
+  }
+
+  .xl\:row-gap-80 {
+    grid-row-gap: 20rem;
+    row-gap: 20rem;
+  }
+
+  .xl\:row-gap-96 {
+    grid-row-gap: 24rem;
+    row-gap: 24rem;
+  }
+
+  .xl\:row-gap-px {
+    grid-row-gap: 1px;
+    row-gap: 1px;
+  }
+
+  .xl\:row-gap-0\.5 {
+    grid-row-gap: 0.125rem;
+    row-gap: 0.125rem;
+  }
+
+  .xl\:row-gap-1\.5 {
+    grid-row-gap: 0.375rem;
+    row-gap: 0.375rem;
+  }
+
+  .xl\:row-gap-2\.5 {
+    grid-row-gap: 0.625rem;
+    row-gap: 0.625rem;
+  }
+
+  .xl\:row-gap-3\.5 {
+    grid-row-gap: 0.875rem;
+    row-gap: 0.875rem;
+  }
+
+  .xl\:row-gap-1\/2 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .xl\:row-gap-1\/3 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .xl\:row-gap-2\/3 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .xl\:row-gap-1\/4 {
+    grid-row-gap: 25%;
+    row-gap: 25%;
+  }
+
+  .xl\:row-gap-2\/4 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .xl\:row-gap-3\/4 {
+    grid-row-gap: 75%;
+    row-gap: 75%;
+  }
+
+  .xl\:row-gap-1\/5 {
+    grid-row-gap: 20%;
+    row-gap: 20%;
+  }
+
+  .xl\:row-gap-2\/5 {
+    grid-row-gap: 40%;
+    row-gap: 40%;
+  }
+
+  .xl\:row-gap-3\/5 {
+    grid-row-gap: 60%;
+    row-gap: 60%;
+  }
+
+  .xl\:row-gap-4\/5 {
+    grid-row-gap: 80%;
+    row-gap: 80%;
+  }
+
+  .xl\:row-gap-1\/6 {
+    grid-row-gap: 16.666667%;
+    row-gap: 16.666667%;
+  }
+
+  .xl\:row-gap-2\/6 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .xl\:row-gap-3\/6 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .xl\:row-gap-4\/6 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .xl\:row-gap-5\/6 {
+    grid-row-gap: 83.333333%;
+    row-gap: 83.333333%;
+  }
+
+  .xl\:row-gap-1\/12 {
+    grid-row-gap: 8.333333%;
+    row-gap: 8.333333%;
+  }
+
+  .xl\:row-gap-2\/12 {
+    grid-row-gap: 16.666667%;
+    row-gap: 16.666667%;
+  }
+
+  .xl\:row-gap-3\/12 {
+    grid-row-gap: 25%;
+    row-gap: 25%;
+  }
+
+  .xl\:row-gap-4\/12 {
+    grid-row-gap: 33.333333%;
+    row-gap: 33.333333%;
+  }
+
+  .xl\:row-gap-5\/12 {
+    grid-row-gap: 41.666667%;
+    row-gap: 41.666667%;
+  }
+
+  .xl\:row-gap-6\/12 {
+    grid-row-gap: 50%;
+    row-gap: 50%;
+  }
+
+  .xl\:row-gap-7\/12 {
+    grid-row-gap: 58.333333%;
+    row-gap: 58.333333%;
+  }
+
+  .xl\:row-gap-8\/12 {
+    grid-row-gap: 66.666667%;
+    row-gap: 66.666667%;
+  }
+
+  .xl\:row-gap-9\/12 {
+    grid-row-gap: 75%;
+    row-gap: 75%;
+  }
+
+  .xl\:row-gap-10\/12 {
+    grid-row-gap: 83.333333%;
+    row-gap: 83.333333%;
+  }
+
+  .xl\:row-gap-11\/12 {
+    grid-row-gap: 91.666667%;
+    row-gap: 91.666667%;
+  }
+
+  .xl\:row-gap-full {
+    grid-row-gap: 100%;
+    row-gap: 100%;
+  }
+
+  .xl\:grid-flow-row {
+    grid-auto-flow: row;
+  }
+
+  .xl\:grid-flow-col {
+    grid-auto-flow: column;
+  }
+
+  .xl\:grid-flow-row-dense {
+    grid-auto-flow: row dense;
+  }
+
+  .xl\:grid-flow-col-dense {
+    grid-auto-flow: column dense;
+  }
+
+  .xl\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .xl\:col-auto {
+    grid-column: auto;
+  }
+
+  .xl\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .xl\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .xl\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .xl\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .xl\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .xl\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .xl\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .xl\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .xl\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .xl\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .xl\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .xl\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .xl\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .xl\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .xl\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .xl\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .xl\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .xl\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .xl\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .xl\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .xl\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .xl\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .xl\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .xl\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .xl\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .xl\:col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .xl\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .xl\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .xl\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .xl\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .xl\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .xl\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .xl\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .xl\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .xl\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .xl\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .xl\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .xl\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .xl\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .xl\:col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .xl\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-none {
+    grid-template-rows: none;
+  }
+
+  .xl\:row-auto {
+    grid-row: auto;
+  }
+
+  .xl\:row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .xl\:row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .xl\:row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .xl\:row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .xl\:row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .xl\:row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .xl\:row-start-1 {
+    grid-row-start: 1;
+  }
+
+  .xl\:row-start-2 {
+    grid-row-start: 2;
+  }
+
+  .xl\:row-start-3 {
+    grid-row-start: 3;
+  }
+
+  .xl\:row-start-4 {
+    grid-row-start: 4;
+  }
+
+  .xl\:row-start-5 {
+    grid-row-start: 5;
+  }
+
+  .xl\:row-start-6 {
+    grid-row-start: 6;
+  }
+
+  .xl\:row-start-7 {
+    grid-row-start: 7;
+  }
+
+  .xl\:row-start-auto {
+    grid-row-start: auto;
+  }
+
+  .xl\:row-end-1 {
+    grid-row-end: 1;
+  }
+
+  .xl\:row-end-2 {
+    grid-row-end: 2;
+  }
+
+  .xl\:row-end-3 {
+    grid-row-end: 3;
+  }
+
+  .xl\:row-end-4 {
+    grid-row-end: 4;
+  }
+
+  .xl\:row-end-5 {
+    grid-row-end: 5;
+  }
+
+  .xl\:row-end-6 {
+    grid-row-end: 6;
+  }
+
+  .xl\:row-end-7 {
+    grid-row-end: 7;
+  }
+
+  .xl\:row-end-auto {
+    grid-row-end: auto;
+  }
+
+  .xl\: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));
+  }
+
+  .xl\:transform-none {
+    transform: none;
+  }
+
+  .xl\:origin-center {
+    transform-origin: center;
+  }
+
+  .xl\:origin-top {
+    transform-origin: top;
+  }
+
+  .xl\:origin-top-right {
+    transform-origin: top right;
+  }
+
+  .xl\:origin-right {
+    transform-origin: right;
+  }
+
+  .xl\:origin-bottom-right {
+    transform-origin: bottom right;
+  }
+
+  .xl\:origin-bottom {
+    transform-origin: bottom;
+  }
+
+  .xl\:origin-bottom-left {
+    transform-origin: bottom left;
+  }
+
+  .xl\:origin-left {
+    transform-origin: left;
+  }
+
+  .xl\:origin-top-left {
+    transform-origin: top left;
+  }
+
+  .xl\:scale-0 {
+    --transform-scale-x: 0;
+    --transform-scale-y: 0;
+  }
+
+  .xl\:scale-50 {
+    --transform-scale-x: .5;
+    --transform-scale-y: .5;
+  }
+
+  .xl\:scale-75 {
+    --transform-scale-x: .75;
+    --transform-scale-y: .75;
+  }
+
+  .xl\:scale-90 {
+    --transform-scale-x: .9;
+    --transform-scale-y: .9;
+  }
+
+  .xl\:scale-95 {
+    --transform-scale-x: .95;
+    --transform-scale-y: .95;
+  }
+
+  .xl\:scale-100 {
+    --transform-scale-x: 1;
+    --transform-scale-y: 1;
+  }
+
+  .xl\:scale-105 {
+    --transform-scale-x: 1.05;
+    --transform-scale-y: 1.05;
+  }
+
+  .xl\:scale-110 {
+    --transform-scale-x: 1.1;
+    --transform-scale-y: 1.1;
+  }
+
+  .xl\:scale-125 {
+    --transform-scale-x: 1.25;
+    --transform-scale-y: 1.25;
+  }
+
+  .xl\:scale-150 {
+    --transform-scale-x: 1.5;
+    --transform-scale-y: 1.5;
+  }
+
+  .xl\:scale-x-0 {
+    --transform-scale-x: 0;
+  }
+
+  .xl\:scale-x-50 {
+    --transform-scale-x: .5;
+  }
+
+  .xl\:scale-x-75 {
+    --transform-scale-x: .75;
+  }
+
+  .xl\:scale-x-90 {
+    --transform-scale-x: .9;
+  }
+
+  .xl\:scale-x-95 {
+    --transform-scale-x: .95;
+  }
+
+  .xl\:scale-x-100 {
+    --transform-scale-x: 1;
+  }
+
+  .xl\:scale-x-105 {
+    --transform-scale-x: 1.05;
+  }
+
+  .xl\:scale-x-110 {
+    --transform-scale-x: 1.1;
+  }
+
+  .xl\:scale-x-125 {
+    --transform-scale-x: 1.25;
+  }
+
+  .xl\:scale-x-150 {
+    --transform-scale-x: 1.5;
+  }
+
+  .xl\:scale-y-0 {
+    --transform-scale-y: 0;
+  }
+
+  .xl\:scale-y-50 {
+    --transform-scale-y: .5;
+  }
+
+  .xl\:scale-y-75 {
+    --transform-scale-y: .75;
+  }
+
+  .xl\:scale-y-90 {
+    --transform-scale-y: .9;
+  }
+
+  .xl\:scale-y-95 {
+    --transform-scale-y: .95;
+  }
+
+  .xl\:scale-y-100 {
+    --transform-scale-y: 1;
+  }
+
+  .xl\:scale-y-105 {
+    --transform-scale-y: 1.05;
+  }
+
+  .xl\:scale-y-110 {
+    --transform-scale-y: 1.1;
+  }
+
+  .xl\:scale-y-125 {
+    --transform-scale-y: 1.25;
+  }
+
+  .xl\:scale-y-150 {
+    --transform-scale-y: 1.5;
+  }
+
+  .xl\:hover\:scale-0:hover {
+    --transform-scale-x: 0;
+    --transform-scale-y: 0;
+  }
+
+  .xl\:hover\:scale-50:hover {
+    --transform-scale-x: .5;
+    --transform-scale-y: .5;
+  }
+
+  .xl\:hover\:scale-75:hover {
+    --transform-scale-x: .75;
+    --transform-scale-y: .75;
+  }
+
+  .xl\:hover\:scale-90:hover {
+    --transform-scale-x: .9;
+    --transform-scale-y: .9;
+  }
+
+  .xl\:hover\:scale-95:hover {
+    --transform-scale-x: .95;
+    --transform-scale-y: .95;
+  }
+
+  .xl\:hover\:scale-100:hover {
+    --transform-scale-x: 1;
+    --transform-scale-y: 1;
+  }
+
+  .xl\:hover\:scale-105:hover {
+    --transform-scale-x: 1.05;
+    --transform-scale-y: 1.05;
+  }
+
+  .xl\:hover\:scale-110:hover {
+    --transform-scale-x: 1.1;
+    --transform-scale-y: 1.1;
+  }
+
+  .xl\:hover\:scale-125:hover {
+    --transform-scale-x: 1.25;
+    --transform-scale-y: 1.25;
+  }
+
+  .xl\:hover\:scale-150:hover {
+    --transform-scale-x: 1.5;
+    --transform-scale-y: 1.5;
+  }
+
+  .xl\:hover\:scale-x-0:hover {
+    --transform-scale-x: 0;
+  }
+
+  .xl\:hover\:scale-x-50:hover {
+    --transform-scale-x: .5;
+  }
+
+  .xl\:hover\:scale-x-75:hover {
+    --transform-scale-x: .75;
+  }
+
+  .xl\:hover\:scale-x-90:hover {
+    --transform-scale-x: .9;
+  }
+
+  .xl\:hover\:scale-x-95:hover {
+    --transform-scale-x: .95;
+  }
+
+  .xl\:hover\:scale-x-100:hover {
+    --transform-scale-x: 1;
+  }
+
+  .xl\:hover\:scale-x-105:hover {
+    --transform-scale-x: 1.05;
+  }
+
+  .xl\:hover\:scale-x-110:hover {
+    --transform-scale-x: 1.1;
+  }
+
+  .xl\:hover\:scale-x-125:hover {
+    --transform-scale-x: 1.25;
+  }
+
+  .xl\:hover\:scale-x-150:hover {
+    --transform-scale-x: 1.5;
+  }
+
+  .xl\:hover\:scale-y-0:hover {
+    --transform-scale-y: 0;
+  }
+
+  .xl\:hover\:scale-y-50:hover {
+    --transform-scale-y: .5;
+  }
+
+  .xl\:hover\:scale-y-75:hover {
+    --transform-scale-y: .75;
+  }
+
+  .xl\:hover\:scale-y-90:hover {
+    --transform-scale-y: .9;
+  }
+
+  .xl\:hover\:scale-y-95:hover {
+    --transform-scale-y: .95;
+  }
+
+  .xl\:hover\:scale-y-100:hover {
+    --transform-scale-y: 1;
+  }
+
+  .xl\:hover\:scale-y-105:hover {
+    --transform-scale-y: 1.05;
+  }
+
+  .xl\:hover\:scale-y-110:hover {
+    --transform-scale-y: 1.1;
+  }
+
+  .xl\:hover\:scale-y-125:hover {
+    --transform-scale-y: 1.25;
+  }
+
+  .xl\:hover\:scale-y-150:hover {
+    --transform-scale-y: 1.5;
+  }
+
+  .xl\:focus\:scale-0:focus {
+    --transform-scale-x: 0;
+    --transform-scale-y: 0;
+  }
+
+  .xl\:focus\:scale-50:focus {
+    --transform-scale-x: .5;
+    --transform-scale-y: .5;
+  }
+
+  .xl\:focus\:scale-75:focus {
+    --transform-scale-x: .75;
+    --transform-scale-y: .75;
+  }
+
+  .xl\:focus\:scale-90:focus {
+    --transform-scale-x: .9;
+    --transform-scale-y: .9;
+  }
+
+  .xl\:focus\:scale-95:focus {
+    --transform-scale-x: .95;
+    --transform-scale-y: .95;
+  }
+
+  .xl\:focus\:scale-100:focus {
+    --transform-scale-x: 1;
+    --transform-scale-y: 1;
+  }
+
+  .xl\:focus\:scale-105:focus {
+    --transform-scale-x: 1.05;
+    --transform-scale-y: 1.05;
+  }
+
+  .xl\:focus\:scale-110:focus {
+    --transform-scale-x: 1.1;
+    --transform-scale-y: 1.1;
+  }
+
+  .xl\:focus\:scale-125:focus {
+    --transform-scale-x: 1.25;
+    --transform-scale-y: 1.25;
+  }
+
+  .xl\:focus\:scale-150:focus {
+    --transform-scale-x: 1.5;
+    --transform-scale-y: 1.5;
+  }
+
+  .xl\:focus\:scale-x-0:focus {
+    --transform-scale-x: 0;
+  }
+
+  .xl\:focus\:scale-x-50:focus {
+    --transform-scale-x: .5;
+  }
+
+  .xl\:focus\:scale-x-75:focus {
+    --transform-scale-x: .75;
+  }
+
+  .xl\:focus\:scale-x-90:focus {
+    --transform-scale-x: .9;
+  }
+
+  .xl\:focus\:scale-x-95:focus {
+    --transform-scale-x: .95;
+  }
+
+  .xl\:focus\:scale-x-100:focus {
+    --transform-scale-x: 1;
+  }
+
+  .xl\:focus\:scale-x-105:focus {
+    --transform-scale-x: 1.05;
+  }
+
+  .xl\:focus\:scale-x-110:focus {
+    --transform-scale-x: 1.1;
+  }
+
+  .xl\:focus\:scale-x-125:focus {
+    --transform-scale-x: 1.25;
+  }
+
+  .xl\:focus\:scale-x-150:focus {
+    --transform-scale-x: 1.5;
+  }
+
+  .xl\:focus\:scale-y-0:focus {
+    --transform-scale-y: 0;
+  }
+
+  .xl\:focus\:scale-y-50:focus {
+    --transform-scale-y: .5;
+  }
+
+  .xl\:focus\:scale-y-75:focus {
+    --transform-scale-y: .75;
+  }
+
+  .xl\:focus\:scale-y-90:focus {
+    --transform-scale-y: .9;
+  }
+
+  .xl\:focus\:scale-y-95:focus {
+    --transform-scale-y: .95;
+  }
+
+  .xl\:focus\:scale-y-100:focus {
+    --transform-scale-y: 1;
+  }
+
+  .xl\:focus\:scale-y-105:focus {
+    --transform-scale-y: 1.05;
+  }
+
+  .xl\:focus\:scale-y-110:focus {
+    --transform-scale-y: 1.1;
+  }
+
+  .xl\:focus\:scale-y-125:focus {
+    --transform-scale-y: 1.25;
+  }
+
+  .xl\:focus\:scale-y-150:focus {
+    --transform-scale-y: 1.5;
+  }
+
+  .xl\:rotate-0 {
+    --transform-rotate: 0;
+  }
+
+  .xl\:rotate-45 {
+    --transform-rotate: 45deg;
+  }
+
+  .xl\:rotate-90 {
+    --transform-rotate: 90deg;
+  }
+
+  .xl\:rotate-180 {
+    --transform-rotate: 180deg;
+  }
+
+  .xl\:-rotate-180 {
+    --transform-rotate: -180deg;
+  }
+
+  .xl\:-rotate-90 {
+    --transform-rotate: -90deg;
+  }
+
+  .xl\:-rotate-45 {
+    --transform-rotate: -45deg;
+  }
+
+  .xl\:hover\:rotate-0:hover {
+    --transform-rotate: 0;
+  }
+
+  .xl\:hover\:rotate-45:hover {
+    --transform-rotate: 45deg;
+  }
+
+  .xl\:hover\:rotate-90:hover {
+    --transform-rotate: 90deg;
+  }
+
+  .xl\:hover\:rotate-180:hover {
+    --transform-rotate: 180deg;
+  }
+
+  .xl\:hover\:-rotate-180:hover {
+    --transform-rotate: -180deg;
+  }
+
+  .xl\:hover\:-rotate-90:hover {
+    --transform-rotate: -90deg;
+  }
+
+  .xl\:hover\:-rotate-45:hover {
+    --transform-rotate: -45deg;
+  }
+
+  .xl\:focus\:rotate-0:focus {
+    --transform-rotate: 0;
+  }
+
+  .xl\:focus\:rotate-45:focus {
+    --transform-rotate: 45deg;
+  }
+
+  .xl\:focus\:rotate-90:focus {
+    --transform-rotate: 90deg;
+  }
+
+  .xl\:focus\:rotate-180:focus {
+    --transform-rotate: 180deg;
+  }
+
+  .xl\:focus\:-rotate-180:focus {
+    --transform-rotate: -180deg;
+  }
+
+  .xl\:focus\:-rotate-90:focus {
+    --transform-rotate: -90deg;
+  }
+
+  .xl\:focus\:-rotate-45:focus {
+    --transform-rotate: -45deg;
+  }
+
+  .xl\:translate-x-0 {
+    --transform-translate-x: 0;
+  }
+
+  .xl\:translate-x-1 {
+    --transform-translate-x: 0.25rem;
+  }
+
+  .xl\:translate-x-2 {
+    --transform-translate-x: 0.5rem;
+  }
+
+  .xl\:translate-x-3 {
+    --transform-translate-x: 0.75rem;
+  }
+
+  .xl\:translate-x-4 {
+    --transform-translate-x: 1rem;
+  }
+
+  .xl\:translate-x-5 {
+    --transform-translate-x: 1.25rem;
+  }
+
+  .xl\:translate-x-6 {
+    --transform-translate-x: 1.5rem;
+  }
+
+  .xl\:translate-x-7 {
+    --transform-translate-x: 1.75rem;
+  }
+
+  .xl\:translate-x-8 {
+    --transform-translate-x: 2rem;
+  }
+
+  .xl\:translate-x-9 {
+    --transform-translate-x: 2.25rem;
+  }
+
+  .xl\:translate-x-10 {
+    --transform-translate-x: 2.5rem;
+  }
+
+  .xl\:translate-x-11 {
+    --transform-translate-x: 2.75rem;
+  }
+
+  .xl\:translate-x-12 {
+    --transform-translate-x: 3rem;
+  }
+
+  .xl\:translate-x-13 {
+    --transform-translate-x: 3.25rem;
+  }
+
+  .xl\:translate-x-14 {
+    --transform-translate-x: 3.5rem;
+  }
+
+  .xl\:translate-x-15 {
+    --transform-translate-x: 3.75rem;
+  }
+
+  .xl\:translate-x-16 {
+    --transform-translate-x: 4rem;
+  }
+
+  .xl\:translate-x-20 {
+    --transform-translate-x: 5rem;
+  }
+
+  .xl\:translate-x-24 {
+    --transform-translate-x: 6rem;
+  }
+
+  .xl\:translate-x-28 {
+    --transform-translate-x: 7rem;
+  }
+
+  .xl\:translate-x-32 {
+    --transform-translate-x: 8rem;
+  }
+
+  .xl\:translate-x-36 {
+    --transform-translate-x: 9rem;
+  }
+
+  .xl\:translate-x-40 {
+    --transform-translate-x: 10rem;
+  }
+
+  .xl\:translate-x-48 {
+    --transform-translate-x: 12rem;
+  }
+
+  .xl\:translate-x-56 {
+    --transform-translate-x: 14rem;
+  }
+
+  .xl\:translate-x-60 {
+    --transform-translate-x: 15rem;
+  }
+
+  .xl\:translate-x-64 {
+    --transform-translate-x: 16rem;
+  }
+
+  .xl\:translate-x-72 {
+    --transform-translate-x: 18rem;
+  }
+
+  .xl\:translate-x-80 {
+    --transform-translate-x: 20rem;
+  }
+
+  .xl\:translate-x-96 {
+    --transform-translate-x: 24rem;
+  }
+
+  .xl\:translate-x-px {
+    --transform-translate-x: 1px;
+  }
+
+  .xl\:translate-x-0\.5 {
+    --transform-translate-x: 0.125rem;
+  }
+
+  .xl\:translate-x-1\.5 {
+    --transform-translate-x: 0.375rem;
+  }
+
+  .xl\:translate-x-2\.5 {
+    --transform-translate-x: 0.625rem;
+  }
+
+  .xl\:translate-x-3\.5 {
+    --transform-translate-x: 0.875rem;
+  }
+
+  .xl\:translate-x-1\/2 {
+    --transform-translate-x: 50%;
+  }
+
+  .xl\:translate-x-1\/3 {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .xl\:translate-x-2\/3 {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .xl\:translate-x-1\/4 {
+    --transform-translate-x: 25%;
+  }
+
+  .xl\:translate-x-2\/4 {
+    --transform-translate-x: 50%;
+  }
+
+  .xl\:translate-x-3\/4 {
+    --transform-translate-x: 75%;
+  }
+
+  .xl\:translate-x-1\/5 {
+    --transform-translate-x: 20%;
+  }
+
+  .xl\:translate-x-2\/5 {
+    --transform-translate-x: 40%;
+  }
+
+  .xl\:translate-x-3\/5 {
+    --transform-translate-x: 60%;
+  }
+
+  .xl\:translate-x-4\/5 {
+    --transform-translate-x: 80%;
+  }
+
+  .xl\:translate-x-1\/6 {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .xl\:translate-x-2\/6 {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .xl\:translate-x-3\/6 {
+    --transform-translate-x: 50%;
+  }
+
+  .xl\:translate-x-4\/6 {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .xl\:translate-x-5\/6 {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .xl\:translate-x-1\/12 {
+    --transform-translate-x: 8.333333%;
+  }
+
+  .xl\:translate-x-2\/12 {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .xl\:translate-x-3\/12 {
+    --transform-translate-x: 25%;
+  }
+
+  .xl\:translate-x-4\/12 {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .xl\:translate-x-5\/12 {
+    --transform-translate-x: 41.666667%;
+  }
+
+  .xl\:translate-x-6\/12 {
+    --transform-translate-x: 50%;
+  }
+
+  .xl\:translate-x-7\/12 {
+    --transform-translate-x: 58.333333%;
+  }
+
+  .xl\:translate-x-8\/12 {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .xl\:translate-x-9\/12 {
+    --transform-translate-x: 75%;
+  }
+
+  .xl\:translate-x-10\/12 {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .xl\:translate-x-11\/12 {
+    --transform-translate-x: 91.666667%;
+  }
+
+  .xl\:translate-x-full {
+    --transform-translate-x: 100%;
+  }
+
+  .xl\:-translate-x-1 {
+    --transform-translate-x: -0.25rem;
+  }
+
+  .xl\:-translate-x-2 {
+    --transform-translate-x: -0.5rem;
+  }
+
+  .xl\:-translate-x-3 {
+    --transform-translate-x: -0.75rem;
+  }
+
+  .xl\:-translate-x-4 {
+    --transform-translate-x: -1rem;
+  }
+
+  .xl\:-translate-x-5 {
+    --transform-translate-x: -1.25rem;
+  }
+
+  .xl\:-translate-x-6 {
+    --transform-translate-x: -1.5rem;
+  }
+
+  .xl\:-translate-x-7 {
+    --transform-translate-x: -1.75rem;
+  }
+
+  .xl\:-translate-x-8 {
+    --transform-translate-x: -2rem;
+  }
+
+  .xl\:-translate-x-9 {
+    --transform-translate-x: -2.25rem;
+  }
+
+  .xl\:-translate-x-10 {
+    --transform-translate-x: -2.5rem;
+  }
+
+  .xl\:-translate-x-11 {
+    --transform-translate-x: -2.75rem;
+  }
+
+  .xl\:-translate-x-12 {
+    --transform-translate-x: -3rem;
+  }
+
+  .xl\:-translate-x-13 {
+    --transform-translate-x: -3.25rem;
+  }
+
+  .xl\:-translate-x-14 {
+    --transform-translate-x: -3.5rem;
+  }
+
+  .xl\:-translate-x-15 {
+    --transform-translate-x: -3.75rem;
+  }
+
+  .xl\:-translate-x-16 {
+    --transform-translate-x: -4rem;
+  }
+
+  .xl\:-translate-x-20 {
+    --transform-translate-x: -5rem;
+  }
+
+  .xl\:-translate-x-24 {
+    --transform-translate-x: -6rem;
+  }
+
+  .xl\:-translate-x-28 {
+    --transform-translate-x: -7rem;
+  }
+
+  .xl\:-translate-x-32 {
+    --transform-translate-x: -8rem;
+  }
+
+  .xl\:-translate-x-36 {
+    --transform-translate-x: -9rem;
+  }
+
+  .xl\:-translate-x-40 {
+    --transform-translate-x: -10rem;
+  }
+
+  .xl\:-translate-x-48 {
+    --transform-translate-x: -12rem;
+  }
+
+  .xl\:-translate-x-56 {
+    --transform-translate-x: -14rem;
+  }
+
+  .xl\:-translate-x-60 {
+    --transform-translate-x: -15rem;
+  }
+
+  .xl\:-translate-x-64 {
+    --transform-translate-x: -16rem;
+  }
+
+  .xl\:-translate-x-72 {
+    --transform-translate-x: -18rem;
+  }
+
+  .xl\:-translate-x-80 {
+    --transform-translate-x: -20rem;
+  }
+
+  .xl\:-translate-x-96 {
+    --transform-translate-x: -24rem;
+  }
+
+  .xl\:-translate-x-px {
+    --transform-translate-x: -1px;
+  }
+
+  .xl\:-translate-x-0\.5 {
+    --transform-translate-x: -0.125rem;
+  }
+
+  .xl\:-translate-x-1\.5 {
+    --transform-translate-x: -0.375rem;
+  }
+
+  .xl\:-translate-x-2\.5 {
+    --transform-translate-x: -0.625rem;
+  }
+
+  .xl\:-translate-x-3\.5 {
+    --transform-translate-x: -0.875rem;
+  }
+
+  .xl\:-translate-x-1\/2 {
+    --transform-translate-x: -50%;
+  }
+
+  .xl\:-translate-x-1\/3 {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .xl\:-translate-x-2\/3 {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .xl\:-translate-x-1\/4 {
+    --transform-translate-x: -25%;
+  }
+
+  .xl\:-translate-x-2\/4 {
+    --transform-translate-x: -50%;
+  }
+
+  .xl\:-translate-x-3\/4 {
+    --transform-translate-x: -75%;
+  }
+
+  .xl\:-translate-x-1\/5 {
+    --transform-translate-x: -20%;
+  }
+
+  .xl\:-translate-x-2\/5 {
+    --transform-translate-x: -40%;
+  }
+
+  .xl\:-translate-x-3\/5 {
+    --transform-translate-x: -60%;
+  }
+
+  .xl\:-translate-x-4\/5 {
+    --transform-translate-x: -80%;
+  }
+
+  .xl\:-translate-x-1\/6 {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .xl\:-translate-x-2\/6 {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .xl\:-translate-x-3\/6 {
+    --transform-translate-x: -50%;
+  }
+
+  .xl\:-translate-x-4\/6 {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .xl\:-translate-x-5\/6 {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .xl\:-translate-x-1\/12 {
+    --transform-translate-x: -8.33333%;
+  }
+
+  .xl\:-translate-x-2\/12 {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .xl\:-translate-x-3\/12 {
+    --transform-translate-x: -25%;
+  }
+
+  .xl\:-translate-x-4\/12 {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .xl\:-translate-x-5\/12 {
+    --transform-translate-x: -41.66667%;
+  }
+
+  .xl\:-translate-x-6\/12 {
+    --transform-translate-x: -50%;
+  }
+
+  .xl\:-translate-x-7\/12 {
+    --transform-translate-x: -58.33333%;
+  }
+
+  .xl\:-translate-x-8\/12 {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .xl\:-translate-x-9\/12 {
+    --transform-translate-x: -75%;
+  }
+
+  .xl\:-translate-x-10\/12 {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .xl\:-translate-x-11\/12 {
+    --transform-translate-x: -91.66667%;
+  }
+
+  .xl\:-translate-x-full {
+    --transform-translate-x: -100%;
+  }
+
+  .xl\:translate-y-0 {
+    --transform-translate-y: 0;
+  }
+
+  .xl\:translate-y-1 {
+    --transform-translate-y: 0.25rem;
+  }
+
+  .xl\:translate-y-2 {
+    --transform-translate-y: 0.5rem;
+  }
+
+  .xl\:translate-y-3 {
+    --transform-translate-y: 0.75rem;
+  }
+
+  .xl\:translate-y-4 {
+    --transform-translate-y: 1rem;
+  }
+
+  .xl\:translate-y-5 {
+    --transform-translate-y: 1.25rem;
+  }
+
+  .xl\:translate-y-6 {
+    --transform-translate-y: 1.5rem;
+  }
+
+  .xl\:translate-y-7 {
+    --transform-translate-y: 1.75rem;
+  }
+
+  .xl\:translate-y-8 {
+    --transform-translate-y: 2rem;
+  }
+
+  .xl\:translate-y-9 {
+    --transform-translate-y: 2.25rem;
+  }
+
+  .xl\:translate-y-10 {
+    --transform-translate-y: 2.5rem;
+  }
+
+  .xl\:translate-y-11 {
+    --transform-translate-y: 2.75rem;
+  }
+
+  .xl\:translate-y-12 {
+    --transform-translate-y: 3rem;
+  }
+
+  .xl\:translate-y-13 {
+    --transform-translate-y: 3.25rem;
+  }
+
+  .xl\:translate-y-14 {
+    --transform-translate-y: 3.5rem;
+  }
+
+  .xl\:translate-y-15 {
+    --transform-translate-y: 3.75rem;
+  }
+
+  .xl\:translate-y-16 {
+    --transform-translate-y: 4rem;
+  }
+
+  .xl\:translate-y-20 {
+    --transform-translate-y: 5rem;
+  }
+
+  .xl\:translate-y-24 {
+    --transform-translate-y: 6rem;
+  }
+
+  .xl\:translate-y-28 {
+    --transform-translate-y: 7rem;
+  }
+
+  .xl\:translate-y-32 {
+    --transform-translate-y: 8rem;
+  }
+
+  .xl\:translate-y-36 {
+    --transform-translate-y: 9rem;
+  }
+
+  .xl\:translate-y-40 {
+    --transform-translate-y: 10rem;
+  }
+
+  .xl\:translate-y-48 {
+    --transform-translate-y: 12rem;
+  }
+
+  .xl\:translate-y-56 {
+    --transform-translate-y: 14rem;
+  }
+
+  .xl\:translate-y-60 {
+    --transform-translate-y: 15rem;
+  }
+
+  .xl\:translate-y-64 {
+    --transform-translate-y: 16rem;
+  }
+
+  .xl\:translate-y-72 {
+    --transform-translate-y: 18rem;
+  }
+
+  .xl\:translate-y-80 {
+    --transform-translate-y: 20rem;
+  }
+
+  .xl\:translate-y-96 {
+    --transform-translate-y: 24rem;
+  }
+
+  .xl\:translate-y-px {
+    --transform-translate-y: 1px;
+  }
+
+  .xl\:translate-y-0\.5 {
+    --transform-translate-y: 0.125rem;
+  }
+
+  .xl\:translate-y-1\.5 {
+    --transform-translate-y: 0.375rem;
+  }
+
+  .xl\:translate-y-2\.5 {
+    --transform-translate-y: 0.625rem;
+  }
+
+  .xl\:translate-y-3\.5 {
+    --transform-translate-y: 0.875rem;
+  }
+
+  .xl\:translate-y-1\/2 {
+    --transform-translate-y: 50%;
+  }
+
+  .xl\:translate-y-1\/3 {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .xl\:translate-y-2\/3 {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .xl\:translate-y-1\/4 {
+    --transform-translate-y: 25%;
+  }
+
+  .xl\:translate-y-2\/4 {
+    --transform-translate-y: 50%;
+  }
+
+  .xl\:translate-y-3\/4 {
+    --transform-translate-y: 75%;
+  }
+
+  .xl\:translate-y-1\/5 {
+    --transform-translate-y: 20%;
+  }
+
+  .xl\:translate-y-2\/5 {
+    --transform-translate-y: 40%;
+  }
+
+  .xl\:translate-y-3\/5 {
+    --transform-translate-y: 60%;
+  }
+
+  .xl\:translate-y-4\/5 {
+    --transform-translate-y: 80%;
+  }
+
+  .xl\:translate-y-1\/6 {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .xl\:translate-y-2\/6 {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .xl\:translate-y-3\/6 {
+    --transform-translate-y: 50%;
+  }
+
+  .xl\:translate-y-4\/6 {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .xl\:translate-y-5\/6 {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .xl\:translate-y-1\/12 {
+    --transform-translate-y: 8.333333%;
+  }
+
+  .xl\:translate-y-2\/12 {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .xl\:translate-y-3\/12 {
+    --transform-translate-y: 25%;
+  }
+
+  .xl\:translate-y-4\/12 {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .xl\:translate-y-5\/12 {
+    --transform-translate-y: 41.666667%;
+  }
+
+  .xl\:translate-y-6\/12 {
+    --transform-translate-y: 50%;
+  }
+
+  .xl\:translate-y-7\/12 {
+    --transform-translate-y: 58.333333%;
+  }
+
+  .xl\:translate-y-8\/12 {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .xl\:translate-y-9\/12 {
+    --transform-translate-y: 75%;
+  }
+
+  .xl\:translate-y-10\/12 {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .xl\:translate-y-11\/12 {
+    --transform-translate-y: 91.666667%;
+  }
+
+  .xl\:translate-y-full {
+    --transform-translate-y: 100%;
+  }
+
+  .xl\:-translate-y-1 {
+    --transform-translate-y: -0.25rem;
+  }
+
+  .xl\:-translate-y-2 {
+    --transform-translate-y: -0.5rem;
+  }
+
+  .xl\:-translate-y-3 {
+    --transform-translate-y: -0.75rem;
+  }
+
+  .xl\:-translate-y-4 {
+    --transform-translate-y: -1rem;
+  }
+
+  .xl\:-translate-y-5 {
+    --transform-translate-y: -1.25rem;
+  }
+
+  .xl\:-translate-y-6 {
+    --transform-translate-y: -1.5rem;
+  }
+
+  .xl\:-translate-y-7 {
+    --transform-translate-y: -1.75rem;
+  }
+
+  .xl\:-translate-y-8 {
+    --transform-translate-y: -2rem;
+  }
+
+  .xl\:-translate-y-9 {
+    --transform-translate-y: -2.25rem;
+  }
+
+  .xl\:-translate-y-10 {
+    --transform-translate-y: -2.5rem;
+  }
+
+  .xl\:-translate-y-11 {
+    --transform-translate-y: -2.75rem;
+  }
+
+  .xl\:-translate-y-12 {
+    --transform-translate-y: -3rem;
+  }
+
+  .xl\:-translate-y-13 {
+    --transform-translate-y: -3.25rem;
+  }
+
+  .xl\:-translate-y-14 {
+    --transform-translate-y: -3.5rem;
+  }
+
+  .xl\:-translate-y-15 {
+    --transform-translate-y: -3.75rem;
+  }
+
+  .xl\:-translate-y-16 {
+    --transform-translate-y: -4rem;
+  }
+
+  .xl\:-translate-y-20 {
+    --transform-translate-y: -5rem;
+  }
+
+  .xl\:-translate-y-24 {
+    --transform-translate-y: -6rem;
+  }
+
+  .xl\:-translate-y-28 {
+    --transform-translate-y: -7rem;
+  }
+
+  .xl\:-translate-y-32 {
+    --transform-translate-y: -8rem;
+  }
+
+  .xl\:-translate-y-36 {
+    --transform-translate-y: -9rem;
+  }
+
+  .xl\:-translate-y-40 {
+    --transform-translate-y: -10rem;
+  }
+
+  .xl\:-translate-y-48 {
+    --transform-translate-y: -12rem;
+  }
+
+  .xl\:-translate-y-56 {
+    --transform-translate-y: -14rem;
+  }
+
+  .xl\:-translate-y-60 {
+    --transform-translate-y: -15rem;
+  }
+
+  .xl\:-translate-y-64 {
+    --transform-translate-y: -16rem;
+  }
+
+  .xl\:-translate-y-72 {
+    --transform-translate-y: -18rem;
+  }
+
+  .xl\:-translate-y-80 {
+    --transform-translate-y: -20rem;
+  }
+
+  .xl\:-translate-y-96 {
+    --transform-translate-y: -24rem;
+  }
+
+  .xl\:-translate-y-px {
+    --transform-translate-y: -1px;
+  }
+
+  .xl\:-translate-y-0\.5 {
+    --transform-translate-y: -0.125rem;
+  }
+
+  .xl\:-translate-y-1\.5 {
+    --transform-translate-y: -0.375rem;
+  }
+
+  .xl\:-translate-y-2\.5 {
+    --transform-translate-y: -0.625rem;
+  }
+
+  .xl\:-translate-y-3\.5 {
+    --transform-translate-y: -0.875rem;
+  }
+
+  .xl\:-translate-y-1\/2 {
+    --transform-translate-y: -50%;
+  }
+
+  .xl\:-translate-y-1\/3 {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .xl\:-translate-y-2\/3 {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .xl\:-translate-y-1\/4 {
+    --transform-translate-y: -25%;
+  }
+
+  .xl\:-translate-y-2\/4 {
+    --transform-translate-y: -50%;
+  }
+
+  .xl\:-translate-y-3\/4 {
+    --transform-translate-y: -75%;
+  }
+
+  .xl\:-translate-y-1\/5 {
+    --transform-translate-y: -20%;
+  }
+
+  .xl\:-translate-y-2\/5 {
+    --transform-translate-y: -40%;
+  }
+
+  .xl\:-translate-y-3\/5 {
+    --transform-translate-y: -60%;
+  }
+
+  .xl\:-translate-y-4\/5 {
+    --transform-translate-y: -80%;
+  }
+
+  .xl\:-translate-y-1\/6 {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .xl\:-translate-y-2\/6 {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .xl\:-translate-y-3\/6 {
+    --transform-translate-y: -50%;
+  }
+
+  .xl\:-translate-y-4\/6 {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .xl\:-translate-y-5\/6 {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .xl\:-translate-y-1\/12 {
+    --transform-translate-y: -8.33333%;
+  }
+
+  .xl\:-translate-y-2\/12 {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .xl\:-translate-y-3\/12 {
+    --transform-translate-y: -25%;
+  }
+
+  .xl\:-translate-y-4\/12 {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .xl\:-translate-y-5\/12 {
+    --transform-translate-y: -41.66667%;
+  }
+
+  .xl\:-translate-y-6\/12 {
+    --transform-translate-y: -50%;
+  }
+
+  .xl\:-translate-y-7\/12 {
+    --transform-translate-y: -58.33333%;
+  }
+
+  .xl\:-translate-y-8\/12 {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .xl\:-translate-y-9\/12 {
+    --transform-translate-y: -75%;
+  }
+
+  .xl\:-translate-y-10\/12 {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .xl\:-translate-y-11\/12 {
+    --transform-translate-y: -91.66667%;
+  }
+
+  .xl\:-translate-y-full {
+    --transform-translate-y: -100%;
+  }
+
+  .xl\:hover\:translate-x-0:hover {
+    --transform-translate-x: 0;
+  }
+
+  .xl\:hover\:translate-x-1:hover {
+    --transform-translate-x: 0.25rem;
+  }
+
+  .xl\:hover\:translate-x-2:hover {
+    --transform-translate-x: 0.5rem;
+  }
+
+  .xl\:hover\:translate-x-3:hover {
+    --transform-translate-x: 0.75rem;
+  }
+
+  .xl\:hover\:translate-x-4:hover {
+    --transform-translate-x: 1rem;
+  }
+
+  .xl\:hover\:translate-x-5:hover {
+    --transform-translate-x: 1.25rem;
+  }
+
+  .xl\:hover\:translate-x-6:hover {
+    --transform-translate-x: 1.5rem;
+  }
+
+  .xl\:hover\:translate-x-7:hover {
+    --transform-translate-x: 1.75rem;
+  }
+
+  .xl\:hover\:translate-x-8:hover {
+    --transform-translate-x: 2rem;
+  }
+
+  .xl\:hover\:translate-x-9:hover {
+    --transform-translate-x: 2.25rem;
+  }
+
+  .xl\:hover\:translate-x-10:hover {
+    --transform-translate-x: 2.5rem;
+  }
+
+  .xl\:hover\:translate-x-11:hover {
+    --transform-translate-x: 2.75rem;
+  }
+
+  .xl\:hover\:translate-x-12:hover {
+    --transform-translate-x: 3rem;
+  }
+
+  .xl\:hover\:translate-x-13:hover {
+    --transform-translate-x: 3.25rem;
+  }
+
+  .xl\:hover\:translate-x-14:hover {
+    --transform-translate-x: 3.5rem;
+  }
+
+  .xl\:hover\:translate-x-15:hover {
+    --transform-translate-x: 3.75rem;
+  }
+
+  .xl\:hover\:translate-x-16:hover {
+    --transform-translate-x: 4rem;
+  }
+
+  .xl\:hover\:translate-x-20:hover {
+    --transform-translate-x: 5rem;
+  }
+
+  .xl\:hover\:translate-x-24:hover {
+    --transform-translate-x: 6rem;
+  }
+
+  .xl\:hover\:translate-x-28:hover {
+    --transform-translate-x: 7rem;
+  }
+
+  .xl\:hover\:translate-x-32:hover {
+    --transform-translate-x: 8rem;
+  }
+
+  .xl\:hover\:translate-x-36:hover {
+    --transform-translate-x: 9rem;
+  }
+
+  .xl\:hover\:translate-x-40:hover {
+    --transform-translate-x: 10rem;
+  }
+
+  .xl\:hover\:translate-x-48:hover {
+    --transform-translate-x: 12rem;
+  }
+
+  .xl\:hover\:translate-x-56:hover {
+    --transform-translate-x: 14rem;
+  }
+
+  .xl\:hover\:translate-x-60:hover {
+    --transform-translate-x: 15rem;
+  }
+
+  .xl\:hover\:translate-x-64:hover {
+    --transform-translate-x: 16rem;
+  }
+
+  .xl\:hover\:translate-x-72:hover {
+    --transform-translate-x: 18rem;
+  }
+
+  .xl\:hover\:translate-x-80:hover {
+    --transform-translate-x: 20rem;
+  }
+
+  .xl\:hover\:translate-x-96:hover {
+    --transform-translate-x: 24rem;
+  }
+
+  .xl\:hover\:translate-x-px:hover {
+    --transform-translate-x: 1px;
+  }
+
+  .xl\:hover\:translate-x-0\.5:hover {
+    --transform-translate-x: 0.125rem;
+  }
+
+  .xl\:hover\:translate-x-1\.5:hover {
+    --transform-translate-x: 0.375rem;
+  }
+
+  .xl\:hover\:translate-x-2\.5:hover {
+    --transform-translate-x: 0.625rem;
+  }
+
+  .xl\:hover\:translate-x-3\.5:hover {
+    --transform-translate-x: 0.875rem;
+  }
+
+  .xl\:hover\:translate-x-1\/2:hover {
+    --transform-translate-x: 50%;
+  }
+
+  .xl\:hover\:translate-x-1\/3:hover {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .xl\:hover\:translate-x-2\/3:hover {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .xl\:hover\:translate-x-1\/4:hover {
+    --transform-translate-x: 25%;
+  }
+
+  .xl\:hover\:translate-x-2\/4:hover {
+    --transform-translate-x: 50%;
+  }
+
+  .xl\:hover\:translate-x-3\/4:hover {
+    --transform-translate-x: 75%;
+  }
+
+  .xl\:hover\:translate-x-1\/5:hover {
+    --transform-translate-x: 20%;
+  }
+
+  .xl\:hover\:translate-x-2\/5:hover {
+    --transform-translate-x: 40%;
+  }
+
+  .xl\:hover\:translate-x-3\/5:hover {
+    --transform-translate-x: 60%;
+  }
+
+  .xl\:hover\:translate-x-4\/5:hover {
+    --transform-translate-x: 80%;
+  }
+
+  .xl\:hover\:translate-x-1\/6:hover {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .xl\:hover\:translate-x-2\/6:hover {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .xl\:hover\:translate-x-3\/6:hover {
+    --transform-translate-x: 50%;
+  }
+
+  .xl\:hover\:translate-x-4\/6:hover {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .xl\:hover\:translate-x-5\/6:hover {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .xl\:hover\:translate-x-1\/12:hover {
+    --transform-translate-x: 8.333333%;
+  }
+
+  .xl\:hover\:translate-x-2\/12:hover {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .xl\:hover\:translate-x-3\/12:hover {
+    --transform-translate-x: 25%;
+  }
+
+  .xl\:hover\:translate-x-4\/12:hover {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .xl\:hover\:translate-x-5\/12:hover {
+    --transform-translate-x: 41.666667%;
+  }
+
+  .xl\:hover\:translate-x-6\/12:hover {
+    --transform-translate-x: 50%;
+  }
+
+  .xl\:hover\:translate-x-7\/12:hover {
+    --transform-translate-x: 58.333333%;
+  }
+
+  .xl\:hover\:translate-x-8\/12:hover {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .xl\:hover\:translate-x-9\/12:hover {
+    --transform-translate-x: 75%;
+  }
+
+  .xl\:hover\:translate-x-10\/12:hover {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .xl\:hover\:translate-x-11\/12:hover {
+    --transform-translate-x: 91.666667%;
+  }
+
+  .xl\:hover\:translate-x-full:hover {
+    --transform-translate-x: 100%;
+  }
+
+  .xl\:hover\:-translate-x-1:hover {
+    --transform-translate-x: -0.25rem;
+  }
+
+  .xl\:hover\:-translate-x-2:hover {
+    --transform-translate-x: -0.5rem;
+  }
+
+  .xl\:hover\:-translate-x-3:hover {
+    --transform-translate-x: -0.75rem;
+  }
+
+  .xl\:hover\:-translate-x-4:hover {
+    --transform-translate-x: -1rem;
+  }
+
+  .xl\:hover\:-translate-x-5:hover {
+    --transform-translate-x: -1.25rem;
+  }
+
+  .xl\:hover\:-translate-x-6:hover {
+    --transform-translate-x: -1.5rem;
+  }
+
+  .xl\:hover\:-translate-x-7:hover {
+    --transform-translate-x: -1.75rem;
+  }
+
+  .xl\:hover\:-translate-x-8:hover {
+    --transform-translate-x: -2rem;
+  }
+
+  .xl\:hover\:-translate-x-9:hover {
+    --transform-translate-x: -2.25rem;
+  }
+
+  .xl\:hover\:-translate-x-10:hover {
+    --transform-translate-x: -2.5rem;
+  }
+
+  .xl\:hover\:-translate-x-11:hover {
+    --transform-translate-x: -2.75rem;
+  }
+
+  .xl\:hover\:-translate-x-12:hover {
+    --transform-translate-x: -3rem;
+  }
+
+  .xl\:hover\:-translate-x-13:hover {
+    --transform-translate-x: -3.25rem;
+  }
+
+  .xl\:hover\:-translate-x-14:hover {
+    --transform-translate-x: -3.5rem;
+  }
+
+  .xl\:hover\:-translate-x-15:hover {
+    --transform-translate-x: -3.75rem;
+  }
+
+  .xl\:hover\:-translate-x-16:hover {
+    --transform-translate-x: -4rem;
+  }
+
+  .xl\:hover\:-translate-x-20:hover {
+    --transform-translate-x: -5rem;
+  }
+
+  .xl\:hover\:-translate-x-24:hover {
+    --transform-translate-x: -6rem;
+  }
+
+  .xl\:hover\:-translate-x-28:hover {
+    --transform-translate-x: -7rem;
+  }
+
+  .xl\:hover\:-translate-x-32:hover {
+    --transform-translate-x: -8rem;
+  }
+
+  .xl\:hover\:-translate-x-36:hover {
+    --transform-translate-x: -9rem;
+  }
+
+  .xl\:hover\:-translate-x-40:hover {
+    --transform-translate-x: -10rem;
+  }
+
+  .xl\:hover\:-translate-x-48:hover {
+    --transform-translate-x: -12rem;
+  }
+
+  .xl\:hover\:-translate-x-56:hover {
+    --transform-translate-x: -14rem;
+  }
+
+  .xl\:hover\:-translate-x-60:hover {
+    --transform-translate-x: -15rem;
+  }
+
+  .xl\:hover\:-translate-x-64:hover {
+    --transform-translate-x: -16rem;
+  }
+
+  .xl\:hover\:-translate-x-72:hover {
+    --transform-translate-x: -18rem;
+  }
+
+  .xl\:hover\:-translate-x-80:hover {
+    --transform-translate-x: -20rem;
+  }
+
+  .xl\:hover\:-translate-x-96:hover {
+    --transform-translate-x: -24rem;
+  }
+
+  .xl\:hover\:-translate-x-px:hover {
+    --transform-translate-x: -1px;
+  }
+
+  .xl\:hover\:-translate-x-0\.5:hover {
+    --transform-translate-x: -0.125rem;
+  }
+
+  .xl\:hover\:-translate-x-1\.5:hover {
+    --transform-translate-x: -0.375rem;
+  }
+
+  .xl\:hover\:-translate-x-2\.5:hover {
+    --transform-translate-x: -0.625rem;
+  }
+
+  .xl\:hover\:-translate-x-3\.5:hover {
+    --transform-translate-x: -0.875rem;
+  }
+
+  .xl\:hover\:-translate-x-1\/2:hover {
+    --transform-translate-x: -50%;
+  }
+
+  .xl\:hover\:-translate-x-1\/3:hover {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .xl\:hover\:-translate-x-2\/3:hover {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .xl\:hover\:-translate-x-1\/4:hover {
+    --transform-translate-x: -25%;
+  }
+
+  .xl\:hover\:-translate-x-2\/4:hover {
+    --transform-translate-x: -50%;
+  }
+
+  .xl\:hover\:-translate-x-3\/4:hover {
+    --transform-translate-x: -75%;
+  }
+
+  .xl\:hover\:-translate-x-1\/5:hover {
+    --transform-translate-x: -20%;
+  }
+
+  .xl\:hover\:-translate-x-2\/5:hover {
+    --transform-translate-x: -40%;
+  }
+
+  .xl\:hover\:-translate-x-3\/5:hover {
+    --transform-translate-x: -60%;
+  }
+
+  .xl\:hover\:-translate-x-4\/5:hover {
+    --transform-translate-x: -80%;
+  }
+
+  .xl\:hover\:-translate-x-1\/6:hover {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .xl\:hover\:-translate-x-2\/6:hover {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .xl\:hover\:-translate-x-3\/6:hover {
+    --transform-translate-x: -50%;
+  }
+
+  .xl\:hover\:-translate-x-4\/6:hover {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .xl\:hover\:-translate-x-5\/6:hover {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .xl\:hover\:-translate-x-1\/12:hover {
+    --transform-translate-x: -8.33333%;
+  }
+
+  .xl\:hover\:-translate-x-2\/12:hover {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .xl\:hover\:-translate-x-3\/12:hover {
+    --transform-translate-x: -25%;
+  }
+
+  .xl\:hover\:-translate-x-4\/12:hover {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .xl\:hover\:-translate-x-5\/12:hover {
+    --transform-translate-x: -41.66667%;
+  }
+
+  .xl\:hover\:-translate-x-6\/12:hover {
+    --transform-translate-x: -50%;
+  }
+
+  .xl\:hover\:-translate-x-7\/12:hover {
+    --transform-translate-x: -58.33333%;
+  }
+
+  .xl\:hover\:-translate-x-8\/12:hover {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .xl\:hover\:-translate-x-9\/12:hover {
+    --transform-translate-x: -75%;
+  }
+
+  .xl\:hover\:-translate-x-10\/12:hover {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .xl\:hover\:-translate-x-11\/12:hover {
+    --transform-translate-x: -91.66667%;
+  }
+
+  .xl\:hover\:-translate-x-full:hover {
+    --transform-translate-x: -100%;
+  }
+
+  .xl\:hover\:translate-y-0:hover {
+    --transform-translate-y: 0;
+  }
+
+  .xl\:hover\:translate-y-1:hover {
+    --transform-translate-y: 0.25rem;
+  }
+
+  .xl\:hover\:translate-y-2:hover {
+    --transform-translate-y: 0.5rem;
+  }
+
+  .xl\:hover\:translate-y-3:hover {
+    --transform-translate-y: 0.75rem;
+  }
+
+  .xl\:hover\:translate-y-4:hover {
+    --transform-translate-y: 1rem;
+  }
+
+  .xl\:hover\:translate-y-5:hover {
+    --transform-translate-y: 1.25rem;
+  }
+
+  .xl\:hover\:translate-y-6:hover {
+    --transform-translate-y: 1.5rem;
+  }
+
+  .xl\:hover\:translate-y-7:hover {
+    --transform-translate-y: 1.75rem;
+  }
+
+  .xl\:hover\:translate-y-8:hover {
+    --transform-translate-y: 2rem;
+  }
+
+  .xl\:hover\:translate-y-9:hover {
+    --transform-translate-y: 2.25rem;
+  }
+
+  .xl\:hover\:translate-y-10:hover {
+    --transform-translate-y: 2.5rem;
+  }
+
+  .xl\:hover\:translate-y-11:hover {
+    --transform-translate-y: 2.75rem;
+  }
+
+  .xl\:hover\:translate-y-12:hover {
+    --transform-translate-y: 3rem;
+  }
+
+  .xl\:hover\:translate-y-13:hover {
+    --transform-translate-y: 3.25rem;
+  }
+
+  .xl\:hover\:translate-y-14:hover {
+    --transform-translate-y: 3.5rem;
+  }
+
+  .xl\:hover\:translate-y-15:hover {
+    --transform-translate-y: 3.75rem;
+  }
+
+  .xl\:hover\:translate-y-16:hover {
+    --transform-translate-y: 4rem;
+  }
+
+  .xl\:hover\:translate-y-20:hover {
+    --transform-translate-y: 5rem;
+  }
+
+  .xl\:hover\:translate-y-24:hover {
+    --transform-translate-y: 6rem;
+  }
+
+  .xl\:hover\:translate-y-28:hover {
+    --transform-translate-y: 7rem;
+  }
+
+  .xl\:hover\:translate-y-32:hover {
+    --transform-translate-y: 8rem;
+  }
+
+  .xl\:hover\:translate-y-36:hover {
+    --transform-translate-y: 9rem;
+  }
+
+  .xl\:hover\:translate-y-40:hover {
+    --transform-translate-y: 10rem;
+  }
+
+  .xl\:hover\:translate-y-48:hover {
+    --transform-translate-y: 12rem;
+  }
+
+  .xl\:hover\:translate-y-56:hover {
+    --transform-translate-y: 14rem;
+  }
+
+  .xl\:hover\:translate-y-60:hover {
+    --transform-translate-y: 15rem;
+  }
+
+  .xl\:hover\:translate-y-64:hover {
+    --transform-translate-y: 16rem;
+  }
+
+  .xl\:hover\:translate-y-72:hover {
+    --transform-translate-y: 18rem;
+  }
+
+  .xl\:hover\:translate-y-80:hover {
+    --transform-translate-y: 20rem;
+  }
+
+  .xl\:hover\:translate-y-96:hover {
+    --transform-translate-y: 24rem;
+  }
+
+  .xl\:hover\:translate-y-px:hover {
+    --transform-translate-y: 1px;
+  }
+
+  .xl\:hover\:translate-y-0\.5:hover {
+    --transform-translate-y: 0.125rem;
+  }
+
+  .xl\:hover\:translate-y-1\.5:hover {
+    --transform-translate-y: 0.375rem;
+  }
+
+  .xl\:hover\:translate-y-2\.5:hover {
+    --transform-translate-y: 0.625rem;
+  }
+
+  .xl\:hover\:translate-y-3\.5:hover {
+    --transform-translate-y: 0.875rem;
+  }
+
+  .xl\:hover\:translate-y-1\/2:hover {
+    --transform-translate-y: 50%;
+  }
+
+  .xl\:hover\:translate-y-1\/3:hover {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .xl\:hover\:translate-y-2\/3:hover {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .xl\:hover\:translate-y-1\/4:hover {
+    --transform-translate-y: 25%;
+  }
+
+  .xl\:hover\:translate-y-2\/4:hover {
+    --transform-translate-y: 50%;
+  }
+
+  .xl\:hover\:translate-y-3\/4:hover {
+    --transform-translate-y: 75%;
+  }
+
+  .xl\:hover\:translate-y-1\/5:hover {
+    --transform-translate-y: 20%;
+  }
+
+  .xl\:hover\:translate-y-2\/5:hover {
+    --transform-translate-y: 40%;
+  }
+
+  .xl\:hover\:translate-y-3\/5:hover {
+    --transform-translate-y: 60%;
+  }
+
+  .xl\:hover\:translate-y-4\/5:hover {
+    --transform-translate-y: 80%;
+  }
+
+  .xl\:hover\:translate-y-1\/6:hover {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .xl\:hover\:translate-y-2\/6:hover {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .xl\:hover\:translate-y-3\/6:hover {
+    --transform-translate-y: 50%;
+  }
+
+  .xl\:hover\:translate-y-4\/6:hover {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .xl\:hover\:translate-y-5\/6:hover {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .xl\:hover\:translate-y-1\/12:hover {
+    --transform-translate-y: 8.333333%;
+  }
+
+  .xl\:hover\:translate-y-2\/12:hover {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .xl\:hover\:translate-y-3\/12:hover {
+    --transform-translate-y: 25%;
+  }
+
+  .xl\:hover\:translate-y-4\/12:hover {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .xl\:hover\:translate-y-5\/12:hover {
+    --transform-translate-y: 41.666667%;
+  }
+
+  .xl\:hover\:translate-y-6\/12:hover {
+    --transform-translate-y: 50%;
+  }
+
+  .xl\:hover\:translate-y-7\/12:hover {
+    --transform-translate-y: 58.333333%;
+  }
+
+  .xl\:hover\:translate-y-8\/12:hover {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .xl\:hover\:translate-y-9\/12:hover {
+    --transform-translate-y: 75%;
+  }
+
+  .xl\:hover\:translate-y-10\/12:hover {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .xl\:hover\:translate-y-11\/12:hover {
+    --transform-translate-y: 91.666667%;
+  }
+
+  .xl\:hover\:translate-y-full:hover {
+    --transform-translate-y: 100%;
+  }
+
+  .xl\:hover\:-translate-y-1:hover {
+    --transform-translate-y: -0.25rem;
+  }
+
+  .xl\:hover\:-translate-y-2:hover {
+    --transform-translate-y: -0.5rem;
+  }
+
+  .xl\:hover\:-translate-y-3:hover {
+    --transform-translate-y: -0.75rem;
+  }
+
+  .xl\:hover\:-translate-y-4:hover {
+    --transform-translate-y: -1rem;
+  }
+
+  .xl\:hover\:-translate-y-5:hover {
+    --transform-translate-y: -1.25rem;
+  }
+
+  .xl\:hover\:-translate-y-6:hover {
+    --transform-translate-y: -1.5rem;
+  }
+
+  .xl\:hover\:-translate-y-7:hover {
+    --transform-translate-y: -1.75rem;
+  }
+
+  .xl\:hover\:-translate-y-8:hover {
+    --transform-translate-y: -2rem;
+  }
+
+  .xl\:hover\:-translate-y-9:hover {
+    --transform-translate-y: -2.25rem;
+  }
+
+  .xl\:hover\:-translate-y-10:hover {
+    --transform-translate-y: -2.5rem;
+  }
+
+  .xl\:hover\:-translate-y-11:hover {
+    --transform-translate-y: -2.75rem;
+  }
+
+  .xl\:hover\:-translate-y-12:hover {
+    --transform-translate-y: -3rem;
+  }
+
+  .xl\:hover\:-translate-y-13:hover {
+    --transform-translate-y: -3.25rem;
+  }
+
+  .xl\:hover\:-translate-y-14:hover {
+    --transform-translate-y: -3.5rem;
+  }
+
+  .xl\:hover\:-translate-y-15:hover {
+    --transform-translate-y: -3.75rem;
+  }
+
+  .xl\:hover\:-translate-y-16:hover {
+    --transform-translate-y: -4rem;
+  }
+
+  .xl\:hover\:-translate-y-20:hover {
+    --transform-translate-y: -5rem;
+  }
+
+  .xl\:hover\:-translate-y-24:hover {
+    --transform-translate-y: -6rem;
+  }
+
+  .xl\:hover\:-translate-y-28:hover {
+    --transform-translate-y: -7rem;
+  }
+
+  .xl\:hover\:-translate-y-32:hover {
+    --transform-translate-y: -8rem;
+  }
+
+  .xl\:hover\:-translate-y-36:hover {
+    --transform-translate-y: -9rem;
+  }
+
+  .xl\:hover\:-translate-y-40:hover {
+    --transform-translate-y: -10rem;
+  }
+
+  .xl\:hover\:-translate-y-48:hover {
+    --transform-translate-y: -12rem;
+  }
+
+  .xl\:hover\:-translate-y-56:hover {
+    --transform-translate-y: -14rem;
+  }
+
+  .xl\:hover\:-translate-y-60:hover {
+    --transform-translate-y: -15rem;
+  }
+
+  .xl\:hover\:-translate-y-64:hover {
+    --transform-translate-y: -16rem;
+  }
+
+  .xl\:hover\:-translate-y-72:hover {
+    --transform-translate-y: -18rem;
+  }
+
+  .xl\:hover\:-translate-y-80:hover {
+    --transform-translate-y: -20rem;
+  }
+
+  .xl\:hover\:-translate-y-96:hover {
+    --transform-translate-y: -24rem;
+  }
+
+  .xl\:hover\:-translate-y-px:hover {
+    --transform-translate-y: -1px;
+  }
+
+  .xl\:hover\:-translate-y-0\.5:hover {
+    --transform-translate-y: -0.125rem;
+  }
+
+  .xl\:hover\:-translate-y-1\.5:hover {
+    --transform-translate-y: -0.375rem;
+  }
+
+  .xl\:hover\:-translate-y-2\.5:hover {
+    --transform-translate-y: -0.625rem;
+  }
+
+  .xl\:hover\:-translate-y-3\.5:hover {
+    --transform-translate-y: -0.875rem;
+  }
+
+  .xl\:hover\:-translate-y-1\/2:hover {
+    --transform-translate-y: -50%;
+  }
+
+  .xl\:hover\:-translate-y-1\/3:hover {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .xl\:hover\:-translate-y-2\/3:hover {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .xl\:hover\:-translate-y-1\/4:hover {
+    --transform-translate-y: -25%;
+  }
+
+  .xl\:hover\:-translate-y-2\/4:hover {
+    --transform-translate-y: -50%;
+  }
+
+  .xl\:hover\:-translate-y-3\/4:hover {
+    --transform-translate-y: -75%;
+  }
+
+  .xl\:hover\:-translate-y-1\/5:hover {
+    --transform-translate-y: -20%;
+  }
+
+  .xl\:hover\:-translate-y-2\/5:hover {
+    --transform-translate-y: -40%;
+  }
+
+  .xl\:hover\:-translate-y-3\/5:hover {
+    --transform-translate-y: -60%;
+  }
+
+  .xl\:hover\:-translate-y-4\/5:hover {
+    --transform-translate-y: -80%;
+  }
+
+  .xl\:hover\:-translate-y-1\/6:hover {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .xl\:hover\:-translate-y-2\/6:hover {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .xl\:hover\:-translate-y-3\/6:hover {
+    --transform-translate-y: -50%;
+  }
+
+  .xl\:hover\:-translate-y-4\/6:hover {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .xl\:hover\:-translate-y-5\/6:hover {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .xl\:hover\:-translate-y-1\/12:hover {
+    --transform-translate-y: -8.33333%;
+  }
+
+  .xl\:hover\:-translate-y-2\/12:hover {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .xl\:hover\:-translate-y-3\/12:hover {
+    --transform-translate-y: -25%;
+  }
+
+  .xl\:hover\:-translate-y-4\/12:hover {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .xl\:hover\:-translate-y-5\/12:hover {
+    --transform-translate-y: -41.66667%;
+  }
+
+  .xl\:hover\:-translate-y-6\/12:hover {
+    --transform-translate-y: -50%;
+  }
+
+  .xl\:hover\:-translate-y-7\/12:hover {
+    --transform-translate-y: -58.33333%;
+  }
+
+  .xl\:hover\:-translate-y-8\/12:hover {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .xl\:hover\:-translate-y-9\/12:hover {
+    --transform-translate-y: -75%;
+  }
+
+  .xl\:hover\:-translate-y-10\/12:hover {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .xl\:hover\:-translate-y-11\/12:hover {
+    --transform-translate-y: -91.66667%;
+  }
+
+  .xl\:hover\:-translate-y-full:hover {
+    --transform-translate-y: -100%;
+  }
+
+  .xl\:focus\:translate-x-0:focus {
+    --transform-translate-x: 0;
+  }
+
+  .xl\:focus\:translate-x-1:focus {
+    --transform-translate-x: 0.25rem;
+  }
+
+  .xl\:focus\:translate-x-2:focus {
+    --transform-translate-x: 0.5rem;
+  }
+
+  .xl\:focus\:translate-x-3:focus {
+    --transform-translate-x: 0.75rem;
+  }
+
+  .xl\:focus\:translate-x-4:focus {
+    --transform-translate-x: 1rem;
+  }
+
+  .xl\:focus\:translate-x-5:focus {
+    --transform-translate-x: 1.25rem;
+  }
+
+  .xl\:focus\:translate-x-6:focus {
+    --transform-translate-x: 1.5rem;
+  }
+
+  .xl\:focus\:translate-x-7:focus {
+    --transform-translate-x: 1.75rem;
+  }
+
+  .xl\:focus\:translate-x-8:focus {
+    --transform-translate-x: 2rem;
+  }
+
+  .xl\:focus\:translate-x-9:focus {
+    --transform-translate-x: 2.25rem;
+  }
+
+  .xl\:focus\:translate-x-10:focus {
+    --transform-translate-x: 2.5rem;
+  }
+
+  .xl\:focus\:translate-x-11:focus {
+    --transform-translate-x: 2.75rem;
+  }
+
+  .xl\:focus\:translate-x-12:focus {
+    --transform-translate-x: 3rem;
+  }
+
+  .xl\:focus\:translate-x-13:focus {
+    --transform-translate-x: 3.25rem;
+  }
+
+  .xl\:focus\:translate-x-14:focus {
+    --transform-translate-x: 3.5rem;
+  }
+
+  .xl\:focus\:translate-x-15:focus {
+    --transform-translate-x: 3.75rem;
+  }
+
+  .xl\:focus\:translate-x-16:focus {
+    --transform-translate-x: 4rem;
+  }
+
+  .xl\:focus\:translate-x-20:focus {
+    --transform-translate-x: 5rem;
+  }
+
+  .xl\:focus\:translate-x-24:focus {
+    --transform-translate-x: 6rem;
+  }
+
+  .xl\:focus\:translate-x-28:focus {
+    --transform-translate-x: 7rem;
+  }
+
+  .xl\:focus\:translate-x-32:focus {
+    --transform-translate-x: 8rem;
+  }
+
+  .xl\:focus\:translate-x-36:focus {
+    --transform-translate-x: 9rem;
+  }
+
+  .xl\:focus\:translate-x-40:focus {
+    --transform-translate-x: 10rem;
+  }
+
+  .xl\:focus\:translate-x-48:focus {
+    --transform-translate-x: 12rem;
+  }
+
+  .xl\:focus\:translate-x-56:focus {
+    --transform-translate-x: 14rem;
+  }
+
+  .xl\:focus\:translate-x-60:focus {
+    --transform-translate-x: 15rem;
+  }
+
+  .xl\:focus\:translate-x-64:focus {
+    --transform-translate-x: 16rem;
+  }
+
+  .xl\:focus\:translate-x-72:focus {
+    --transform-translate-x: 18rem;
+  }
+
+  .xl\:focus\:translate-x-80:focus {
+    --transform-translate-x: 20rem;
+  }
+
+  .xl\:focus\:translate-x-96:focus {
+    --transform-translate-x: 24rem;
+  }
+
+  .xl\:focus\:translate-x-px:focus {
+    --transform-translate-x: 1px;
+  }
+
+  .xl\:focus\:translate-x-0\.5:focus {
+    --transform-translate-x: 0.125rem;
+  }
+
+  .xl\:focus\:translate-x-1\.5:focus {
+    --transform-translate-x: 0.375rem;
+  }
+
+  .xl\:focus\:translate-x-2\.5:focus {
+    --transform-translate-x: 0.625rem;
+  }
+
+  .xl\:focus\:translate-x-3\.5:focus {
+    --transform-translate-x: 0.875rem;
+  }
+
+  .xl\:focus\:translate-x-1\/2:focus {
+    --transform-translate-x: 50%;
+  }
+
+  .xl\:focus\:translate-x-1\/3:focus {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .xl\:focus\:translate-x-2\/3:focus {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .xl\:focus\:translate-x-1\/4:focus {
+    --transform-translate-x: 25%;
+  }
+
+  .xl\:focus\:translate-x-2\/4:focus {
+    --transform-translate-x: 50%;
+  }
+
+  .xl\:focus\:translate-x-3\/4:focus {
+    --transform-translate-x: 75%;
+  }
+
+  .xl\:focus\:translate-x-1\/5:focus {
+    --transform-translate-x: 20%;
+  }
+
+  .xl\:focus\:translate-x-2\/5:focus {
+    --transform-translate-x: 40%;
+  }
+
+  .xl\:focus\:translate-x-3\/5:focus {
+    --transform-translate-x: 60%;
+  }
+
+  .xl\:focus\:translate-x-4\/5:focus {
+    --transform-translate-x: 80%;
+  }
+
+  .xl\:focus\:translate-x-1\/6:focus {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .xl\:focus\:translate-x-2\/6:focus {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .xl\:focus\:translate-x-3\/6:focus {
+    --transform-translate-x: 50%;
+  }
+
+  .xl\:focus\:translate-x-4\/6:focus {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .xl\:focus\:translate-x-5\/6:focus {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .xl\:focus\:translate-x-1\/12:focus {
+    --transform-translate-x: 8.333333%;
+  }
+
+  .xl\:focus\:translate-x-2\/12:focus {
+    --transform-translate-x: 16.666667%;
+  }
+
+  .xl\:focus\:translate-x-3\/12:focus {
+    --transform-translate-x: 25%;
+  }
+
+  .xl\:focus\:translate-x-4\/12:focus {
+    --transform-translate-x: 33.333333%;
+  }
+
+  .xl\:focus\:translate-x-5\/12:focus {
+    --transform-translate-x: 41.666667%;
+  }
+
+  .xl\:focus\:translate-x-6\/12:focus {
+    --transform-translate-x: 50%;
+  }
+
+  .xl\:focus\:translate-x-7\/12:focus {
+    --transform-translate-x: 58.333333%;
+  }
+
+  .xl\:focus\:translate-x-8\/12:focus {
+    --transform-translate-x: 66.666667%;
+  }
+
+  .xl\:focus\:translate-x-9\/12:focus {
+    --transform-translate-x: 75%;
+  }
+
+  .xl\:focus\:translate-x-10\/12:focus {
+    --transform-translate-x: 83.333333%;
+  }
+
+  .xl\:focus\:translate-x-11\/12:focus {
+    --transform-translate-x: 91.666667%;
+  }
+
+  .xl\:focus\:translate-x-full:focus {
+    --transform-translate-x: 100%;
+  }
+
+  .xl\:focus\:-translate-x-1:focus {
+    --transform-translate-x: -0.25rem;
+  }
+
+  .xl\:focus\:-translate-x-2:focus {
+    --transform-translate-x: -0.5rem;
+  }
+
+  .xl\:focus\:-translate-x-3:focus {
+    --transform-translate-x: -0.75rem;
+  }
+
+  .xl\:focus\:-translate-x-4:focus {
+    --transform-translate-x: -1rem;
+  }
+
+  .xl\:focus\:-translate-x-5:focus {
+    --transform-translate-x: -1.25rem;
+  }
+
+  .xl\:focus\:-translate-x-6:focus {
+    --transform-translate-x: -1.5rem;
+  }
+
+  .xl\:focus\:-translate-x-7:focus {
+    --transform-translate-x: -1.75rem;
+  }
+
+  .xl\:focus\:-translate-x-8:focus {
+    --transform-translate-x: -2rem;
+  }
+
+  .xl\:focus\:-translate-x-9:focus {
+    --transform-translate-x: -2.25rem;
+  }
+
+  .xl\:focus\:-translate-x-10:focus {
+    --transform-translate-x: -2.5rem;
+  }
+
+  .xl\:focus\:-translate-x-11:focus {
+    --transform-translate-x: -2.75rem;
+  }
+
+  .xl\:focus\:-translate-x-12:focus {
+    --transform-translate-x: -3rem;
+  }
+
+  .xl\:focus\:-translate-x-13:focus {
+    --transform-translate-x: -3.25rem;
+  }
+
+  .xl\:focus\:-translate-x-14:focus {
+    --transform-translate-x: -3.5rem;
+  }
+
+  .xl\:focus\:-translate-x-15:focus {
+    --transform-translate-x: -3.75rem;
+  }
+
+  .xl\:focus\:-translate-x-16:focus {
+    --transform-translate-x: -4rem;
+  }
+
+  .xl\:focus\:-translate-x-20:focus {
+    --transform-translate-x: -5rem;
+  }
+
+  .xl\:focus\:-translate-x-24:focus {
+    --transform-translate-x: -6rem;
+  }
+
+  .xl\:focus\:-translate-x-28:focus {
+    --transform-translate-x: -7rem;
+  }
+
+  .xl\:focus\:-translate-x-32:focus {
+    --transform-translate-x: -8rem;
+  }
+
+  .xl\:focus\:-translate-x-36:focus {
+    --transform-translate-x: -9rem;
+  }
+
+  .xl\:focus\:-translate-x-40:focus {
+    --transform-translate-x: -10rem;
+  }
+
+  .xl\:focus\:-translate-x-48:focus {
+    --transform-translate-x: -12rem;
+  }
+
+  .xl\:focus\:-translate-x-56:focus {
+    --transform-translate-x: -14rem;
+  }
+
+  .xl\:focus\:-translate-x-60:focus {
+    --transform-translate-x: -15rem;
+  }
+
+  .xl\:focus\:-translate-x-64:focus {
+    --transform-translate-x: -16rem;
+  }
+
+  .xl\:focus\:-translate-x-72:focus {
+    --transform-translate-x: -18rem;
+  }
+
+  .xl\:focus\:-translate-x-80:focus {
+    --transform-translate-x: -20rem;
+  }
+
+  .xl\:focus\:-translate-x-96:focus {
+    --transform-translate-x: -24rem;
+  }
+
+  .xl\:focus\:-translate-x-px:focus {
+    --transform-translate-x: -1px;
+  }
+
+  .xl\:focus\:-translate-x-0\.5:focus {
+    --transform-translate-x: -0.125rem;
+  }
+
+  .xl\:focus\:-translate-x-1\.5:focus {
+    --transform-translate-x: -0.375rem;
+  }
+
+  .xl\:focus\:-translate-x-2\.5:focus {
+    --transform-translate-x: -0.625rem;
+  }
+
+  .xl\:focus\:-translate-x-3\.5:focus {
+    --transform-translate-x: -0.875rem;
+  }
+
+  .xl\:focus\:-translate-x-1\/2:focus {
+    --transform-translate-x: -50%;
+  }
+
+  .xl\:focus\:-translate-x-1\/3:focus {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .xl\:focus\:-translate-x-2\/3:focus {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .xl\:focus\:-translate-x-1\/4:focus {
+    --transform-translate-x: -25%;
+  }
+
+  .xl\:focus\:-translate-x-2\/4:focus {
+    --transform-translate-x: -50%;
+  }
+
+  .xl\:focus\:-translate-x-3\/4:focus {
+    --transform-translate-x: -75%;
+  }
+
+  .xl\:focus\:-translate-x-1\/5:focus {
+    --transform-translate-x: -20%;
+  }
+
+  .xl\:focus\:-translate-x-2\/5:focus {
+    --transform-translate-x: -40%;
+  }
+
+  .xl\:focus\:-translate-x-3\/5:focus {
+    --transform-translate-x: -60%;
+  }
+
+  .xl\:focus\:-translate-x-4\/5:focus {
+    --transform-translate-x: -80%;
+  }
+
+  .xl\:focus\:-translate-x-1\/6:focus {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .xl\:focus\:-translate-x-2\/6:focus {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .xl\:focus\:-translate-x-3\/6:focus {
+    --transform-translate-x: -50%;
+  }
+
+  .xl\:focus\:-translate-x-4\/6:focus {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .xl\:focus\:-translate-x-5\/6:focus {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .xl\:focus\:-translate-x-1\/12:focus {
+    --transform-translate-x: -8.33333%;
+  }
+
+  .xl\:focus\:-translate-x-2\/12:focus {
+    --transform-translate-x: -16.66667%;
+  }
+
+  .xl\:focus\:-translate-x-3\/12:focus {
+    --transform-translate-x: -25%;
+  }
+
+  .xl\:focus\:-translate-x-4\/12:focus {
+    --transform-translate-x: -33.33333%;
+  }
+
+  .xl\:focus\:-translate-x-5\/12:focus {
+    --transform-translate-x: -41.66667%;
+  }
+
+  .xl\:focus\:-translate-x-6\/12:focus {
+    --transform-translate-x: -50%;
+  }
+
+  .xl\:focus\:-translate-x-7\/12:focus {
+    --transform-translate-x: -58.33333%;
+  }
+
+  .xl\:focus\:-translate-x-8\/12:focus {
+    --transform-translate-x: -66.66667%;
+  }
+
+  .xl\:focus\:-translate-x-9\/12:focus {
+    --transform-translate-x: -75%;
+  }
+
+  .xl\:focus\:-translate-x-10\/12:focus {
+    --transform-translate-x: -83.33333%;
+  }
+
+  .xl\:focus\:-translate-x-11\/12:focus {
+    --transform-translate-x: -91.66667%;
+  }
+
+  .xl\:focus\:-translate-x-full:focus {
+    --transform-translate-x: -100%;
+  }
+
+  .xl\:focus\:translate-y-0:focus {
+    --transform-translate-y: 0;
+  }
+
+  .xl\:focus\:translate-y-1:focus {
+    --transform-translate-y: 0.25rem;
+  }
+
+  .xl\:focus\:translate-y-2:focus {
+    --transform-translate-y: 0.5rem;
+  }
+
+  .xl\:focus\:translate-y-3:focus {
+    --transform-translate-y: 0.75rem;
+  }
+
+  .xl\:focus\:translate-y-4:focus {
+    --transform-translate-y: 1rem;
+  }
+
+  .xl\:focus\:translate-y-5:focus {
+    --transform-translate-y: 1.25rem;
+  }
+
+  .xl\:focus\:translate-y-6:focus {
+    --transform-translate-y: 1.5rem;
+  }
+
+  .xl\:focus\:translate-y-7:focus {
+    --transform-translate-y: 1.75rem;
+  }
+
+  .xl\:focus\:translate-y-8:focus {
+    --transform-translate-y: 2rem;
+  }
+
+  .xl\:focus\:translate-y-9:focus {
+    --transform-translate-y: 2.25rem;
+  }
+
+  .xl\:focus\:translate-y-10:focus {
+    --transform-translate-y: 2.5rem;
+  }
+
+  .xl\:focus\:translate-y-11:focus {
+    --transform-translate-y: 2.75rem;
+  }
+
+  .xl\:focus\:translate-y-12:focus {
+    --transform-translate-y: 3rem;
+  }
+
+  .xl\:focus\:translate-y-13:focus {
+    --transform-translate-y: 3.25rem;
+  }
+
+  .xl\:focus\:translate-y-14:focus {
+    --transform-translate-y: 3.5rem;
+  }
+
+  .xl\:focus\:translate-y-15:focus {
+    --transform-translate-y: 3.75rem;
+  }
+
+  .xl\:focus\:translate-y-16:focus {
+    --transform-translate-y: 4rem;
+  }
+
+  .xl\:focus\:translate-y-20:focus {
+    --transform-translate-y: 5rem;
+  }
+
+  .xl\:focus\:translate-y-24:focus {
+    --transform-translate-y: 6rem;
+  }
+
+  .xl\:focus\:translate-y-28:focus {
+    --transform-translate-y: 7rem;
+  }
+
+  .xl\:focus\:translate-y-32:focus {
+    --transform-translate-y: 8rem;
+  }
+
+  .xl\:focus\:translate-y-36:focus {
+    --transform-translate-y: 9rem;
+  }
+
+  .xl\:focus\:translate-y-40:focus {
+    --transform-translate-y: 10rem;
+  }
+
+  .xl\:focus\:translate-y-48:focus {
+    --transform-translate-y: 12rem;
+  }
+
+  .xl\:focus\:translate-y-56:focus {
+    --transform-translate-y: 14rem;
+  }
+
+  .xl\:focus\:translate-y-60:focus {
+    --transform-translate-y: 15rem;
+  }
+
+  .xl\:focus\:translate-y-64:focus {
+    --transform-translate-y: 16rem;
+  }
+
+  .xl\:focus\:translate-y-72:focus {
+    --transform-translate-y: 18rem;
+  }
+
+  .xl\:focus\:translate-y-80:focus {
+    --transform-translate-y: 20rem;
+  }
+
+  .xl\:focus\:translate-y-96:focus {
+    --transform-translate-y: 24rem;
+  }
+
+  .xl\:focus\:translate-y-px:focus {
+    --transform-translate-y: 1px;
+  }
+
+  .xl\:focus\:translate-y-0\.5:focus {
+    --transform-translate-y: 0.125rem;
+  }
+
+  .xl\:focus\:translate-y-1\.5:focus {
+    --transform-translate-y: 0.375rem;
+  }
+
+  .xl\:focus\:translate-y-2\.5:focus {
+    --transform-translate-y: 0.625rem;
+  }
+
+  .xl\:focus\:translate-y-3\.5:focus {
+    --transform-translate-y: 0.875rem;
+  }
+
+  .xl\:focus\:translate-y-1\/2:focus {
+    --transform-translate-y: 50%;
+  }
+
+  .xl\:focus\:translate-y-1\/3:focus {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .xl\:focus\:translate-y-2\/3:focus {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .xl\:focus\:translate-y-1\/4:focus {
+    --transform-translate-y: 25%;
+  }
+
+  .xl\:focus\:translate-y-2\/4:focus {
+    --transform-translate-y: 50%;
+  }
+
+  .xl\:focus\:translate-y-3\/4:focus {
+    --transform-translate-y: 75%;
+  }
+
+  .xl\:focus\:translate-y-1\/5:focus {
+    --transform-translate-y: 20%;
+  }
+
+  .xl\:focus\:translate-y-2\/5:focus {
+    --transform-translate-y: 40%;
+  }
+
+  .xl\:focus\:translate-y-3\/5:focus {
+    --transform-translate-y: 60%;
+  }
+
+  .xl\:focus\:translate-y-4\/5:focus {
+    --transform-translate-y: 80%;
+  }
+
+  .xl\:focus\:translate-y-1\/6:focus {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .xl\:focus\:translate-y-2\/6:focus {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .xl\:focus\:translate-y-3\/6:focus {
+    --transform-translate-y: 50%;
+  }
+
+  .xl\:focus\:translate-y-4\/6:focus {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .xl\:focus\:translate-y-5\/6:focus {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .xl\:focus\:translate-y-1\/12:focus {
+    --transform-translate-y: 8.333333%;
+  }
+
+  .xl\:focus\:translate-y-2\/12:focus {
+    --transform-translate-y: 16.666667%;
+  }
+
+  .xl\:focus\:translate-y-3\/12:focus {
+    --transform-translate-y: 25%;
+  }
+
+  .xl\:focus\:translate-y-4\/12:focus {
+    --transform-translate-y: 33.333333%;
+  }
+
+  .xl\:focus\:translate-y-5\/12:focus {
+    --transform-translate-y: 41.666667%;
+  }
+
+  .xl\:focus\:translate-y-6\/12:focus {
+    --transform-translate-y: 50%;
+  }
+
+  .xl\:focus\:translate-y-7\/12:focus {
+    --transform-translate-y: 58.333333%;
+  }
+
+  .xl\:focus\:translate-y-8\/12:focus {
+    --transform-translate-y: 66.666667%;
+  }
+
+  .xl\:focus\:translate-y-9\/12:focus {
+    --transform-translate-y: 75%;
+  }
+
+  .xl\:focus\:translate-y-10\/12:focus {
+    --transform-translate-y: 83.333333%;
+  }
+
+  .xl\:focus\:translate-y-11\/12:focus {
+    --transform-translate-y: 91.666667%;
+  }
+
+  .xl\:focus\:translate-y-full:focus {
+    --transform-translate-y: 100%;
+  }
+
+  .xl\:focus\:-translate-y-1:focus {
+    --transform-translate-y: -0.25rem;
+  }
+
+  .xl\:focus\:-translate-y-2:focus {
+    --transform-translate-y: -0.5rem;
+  }
+
+  .xl\:focus\:-translate-y-3:focus {
+    --transform-translate-y: -0.75rem;
+  }
+
+  .xl\:focus\:-translate-y-4:focus {
+    --transform-translate-y: -1rem;
+  }
+
+  .xl\:focus\:-translate-y-5:focus {
+    --transform-translate-y: -1.25rem;
+  }
+
+  .xl\:focus\:-translate-y-6:focus {
+    --transform-translate-y: -1.5rem;
+  }
+
+  .xl\:focus\:-translate-y-7:focus {
+    --transform-translate-y: -1.75rem;
+  }
+
+  .xl\:focus\:-translate-y-8:focus {
+    --transform-translate-y: -2rem;
+  }
+
+  .xl\:focus\:-translate-y-9:focus {
+    --transform-translate-y: -2.25rem;
+  }
+
+  .xl\:focus\:-translate-y-10:focus {
+    --transform-translate-y: -2.5rem;
+  }
+
+  .xl\:focus\:-translate-y-11:focus {
+    --transform-translate-y: -2.75rem;
+  }
+
+  .xl\:focus\:-translate-y-12:focus {
+    --transform-translate-y: -3rem;
+  }
+
+  .xl\:focus\:-translate-y-13:focus {
+    --transform-translate-y: -3.25rem;
+  }
+
+  .xl\:focus\:-translate-y-14:focus {
+    --transform-translate-y: -3.5rem;
+  }
+
+  .xl\:focus\:-translate-y-15:focus {
+    --transform-translate-y: -3.75rem;
+  }
+
+  .xl\:focus\:-translate-y-16:focus {
+    --transform-translate-y: -4rem;
+  }
+
+  .xl\:focus\:-translate-y-20:focus {
+    --transform-translate-y: -5rem;
+  }
+
+  .xl\:focus\:-translate-y-24:focus {
+    --transform-translate-y: -6rem;
+  }
+
+  .xl\:focus\:-translate-y-28:focus {
+    --transform-translate-y: -7rem;
+  }
+
+  .xl\:focus\:-translate-y-32:focus {
+    --transform-translate-y: -8rem;
+  }
+
+  .xl\:focus\:-translate-y-36:focus {
+    --transform-translate-y: -9rem;
+  }
+
+  .xl\:focus\:-translate-y-40:focus {
+    --transform-translate-y: -10rem;
+  }
+
+  .xl\:focus\:-translate-y-48:focus {
+    --transform-translate-y: -12rem;
+  }
+
+  .xl\:focus\:-translate-y-56:focus {
+    --transform-translate-y: -14rem;
+  }
+
+  .xl\:focus\:-translate-y-60:focus {
+    --transform-translate-y: -15rem;
+  }
+
+  .xl\:focus\:-translate-y-64:focus {
+    --transform-translate-y: -16rem;
+  }
+
+  .xl\:focus\:-translate-y-72:focus {
+    --transform-translate-y: -18rem;
+  }
+
+  .xl\:focus\:-translate-y-80:focus {
+    --transform-translate-y: -20rem;
+  }
+
+  .xl\:focus\:-translate-y-96:focus {
+    --transform-translate-y: -24rem;
+  }
+
+  .xl\:focus\:-translate-y-px:focus {
+    --transform-translate-y: -1px;
+  }
+
+  .xl\:focus\:-translate-y-0\.5:focus {
+    --transform-translate-y: -0.125rem;
+  }
+
+  .xl\:focus\:-translate-y-1\.5:focus {
+    --transform-translate-y: -0.375rem;
+  }
+
+  .xl\:focus\:-translate-y-2\.5:focus {
+    --transform-translate-y: -0.625rem;
+  }
+
+  .xl\:focus\:-translate-y-3\.5:focus {
+    --transform-translate-y: -0.875rem;
+  }
+
+  .xl\:focus\:-translate-y-1\/2:focus {
+    --transform-translate-y: -50%;
+  }
+
+  .xl\:focus\:-translate-y-1\/3:focus {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .xl\:focus\:-translate-y-2\/3:focus {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .xl\:focus\:-translate-y-1\/4:focus {
+    --transform-translate-y: -25%;
+  }
+
+  .xl\:focus\:-translate-y-2\/4:focus {
+    --transform-translate-y: -50%;
+  }
+
+  .xl\:focus\:-translate-y-3\/4:focus {
+    --transform-translate-y: -75%;
+  }
+
+  .xl\:focus\:-translate-y-1\/5:focus {
+    --transform-translate-y: -20%;
+  }
+
+  .xl\:focus\:-translate-y-2\/5:focus {
+    --transform-translate-y: -40%;
+  }
+
+  .xl\:focus\:-translate-y-3\/5:focus {
+    --transform-translate-y: -60%;
+  }
+
+  .xl\:focus\:-translate-y-4\/5:focus {
+    --transform-translate-y: -80%;
+  }
+
+  .xl\:focus\:-translate-y-1\/6:focus {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .xl\:focus\:-translate-y-2\/6:focus {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .xl\:focus\:-translate-y-3\/6:focus {
+    --transform-translate-y: -50%;
+  }
+
+  .xl\:focus\:-translate-y-4\/6:focus {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .xl\:focus\:-translate-y-5\/6:focus {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .xl\:focus\:-translate-y-1\/12:focus {
+    --transform-translate-y: -8.33333%;
+  }
+
+  .xl\:focus\:-translate-y-2\/12:focus {
+    --transform-translate-y: -16.66667%;
+  }
+
+  .xl\:focus\:-translate-y-3\/12:focus {
+    --transform-translate-y: -25%;
+  }
+
+  .xl\:focus\:-translate-y-4\/12:focus {
+    --transform-translate-y: -33.33333%;
+  }
+
+  .xl\:focus\:-translate-y-5\/12:focus {
+    --transform-translate-y: -41.66667%;
+  }
+
+  .xl\:focus\:-translate-y-6\/12:focus {
+    --transform-translate-y: -50%;
+  }
+
+  .xl\:focus\:-translate-y-7\/12:focus {
+    --transform-translate-y: -58.33333%;
+  }
+
+  .xl\:focus\:-translate-y-8\/12:focus {
+    --transform-translate-y: -66.66667%;
+  }
+
+  .xl\:focus\:-translate-y-9\/12:focus {
+    --transform-translate-y: -75%;
+  }
+
+  .xl\:focus\:-translate-y-10\/12:focus {
+    --transform-translate-y: -83.33333%;
+  }
+
+  .xl\:focus\:-translate-y-11\/12:focus {
+    --transform-translate-y: -91.66667%;
+  }
+
+  .xl\:focus\:-translate-y-full:focus {
+    --transform-translate-y: -100%;
+  }
+
+  .xl\:skew-x-0 {
+    --transform-skew-x: 0;
+  }
+
+  .xl\:skew-x-3 {
+    --transform-skew-x: 3deg;
+  }
+
+  .xl\:skew-x-6 {
+    --transform-skew-x: 6deg;
+  }
+
+  .xl\:skew-x-12 {
+    --transform-skew-x: 12deg;
+  }
+
+  .xl\:-skew-x-12 {
+    --transform-skew-x: -12deg;
+  }
+
+  .xl\:-skew-x-6 {
+    --transform-skew-x: -6deg;
+  }
+
+  .xl\:-skew-x-3 {
+    --transform-skew-x: -3deg;
+  }
+
+  .xl\:skew-y-0 {
+    --transform-skew-y: 0;
+  }
+
+  .xl\:skew-y-3 {
+    --transform-skew-y: 3deg;
+  }
+
+  .xl\:skew-y-6 {
+    --transform-skew-y: 6deg;
+  }
+
+  .xl\:skew-y-12 {
+    --transform-skew-y: 12deg;
+  }
+
+  .xl\:-skew-y-12 {
+    --transform-skew-y: -12deg;
+  }
+
+  .xl\:-skew-y-6 {
+    --transform-skew-y: -6deg;
+  }
+
+  .xl\:-skew-y-3 {
+    --transform-skew-y: -3deg;
+  }
+
+  .xl\:hover\:skew-x-0:hover {
+    --transform-skew-x: 0;
+  }
+
+  .xl\:hover\:skew-x-3:hover {
+    --transform-skew-x: 3deg;
+  }
+
+  .xl\:hover\:skew-x-6:hover {
+    --transform-skew-x: 6deg;
+  }
+
+  .xl\:hover\:skew-x-12:hover {
+    --transform-skew-x: 12deg;
+  }
+
+  .xl\:hover\:-skew-x-12:hover {
+    --transform-skew-x: -12deg;
+  }
+
+  .xl\:hover\:-skew-x-6:hover {
+    --transform-skew-x: -6deg;
+  }
+
+  .xl\:hover\:-skew-x-3:hover {
+    --transform-skew-x: -3deg;
+  }
+
+  .xl\:hover\:skew-y-0:hover {
+    --transform-skew-y: 0;
+  }
+
+  .xl\:hover\:skew-y-3:hover {
+    --transform-skew-y: 3deg;
+  }
+
+  .xl\:hover\:skew-y-6:hover {
+    --transform-skew-y: 6deg;
+  }
+
+  .xl\:hover\:skew-y-12:hover {
+    --transform-skew-y: 12deg;
+  }
+
+  .xl\:hover\:-skew-y-12:hover {
+    --transform-skew-y: -12deg;
+  }
+
+  .xl\:hover\:-skew-y-6:hover {
+    --transform-skew-y: -6deg;
+  }
+
+  .xl\:hover\:-skew-y-3:hover {
+    --transform-skew-y: -3deg;
+  }
+
+  .xl\:focus\:skew-x-0:focus {
+    --transform-skew-x: 0;
+  }
+
+  .xl\:focus\:skew-x-3:focus {
+    --transform-skew-x: 3deg;
+  }
+
+  .xl\:focus\:skew-x-6:focus {
+    --transform-skew-x: 6deg;
+  }
+
+  .xl\:focus\:skew-x-12:focus {
+    --transform-skew-x: 12deg;
+  }
+
+  .xl\:focus\:-skew-x-12:focus {
+    --transform-skew-x: -12deg;
+  }
+
+  .xl\:focus\:-skew-x-6:focus {
+    --transform-skew-x: -6deg;
+  }
+
+  .xl\:focus\:-skew-x-3:focus {
+    --transform-skew-x: -3deg;
+  }
+
+  .xl\:focus\:skew-y-0:focus {
+    --transform-skew-y: 0;
+  }
+
+  .xl\:focus\:skew-y-3:focus {
+    --transform-skew-y: 3deg;
+  }
+
+  .xl\:focus\:skew-y-6:focus {
+    --transform-skew-y: 6deg;
+  }
+
+  .xl\:focus\:skew-y-12:focus {
+    --transform-skew-y: 12deg;
+  }
+
+  .xl\:focus\:-skew-y-12:focus {
+    --transform-skew-y: -12deg;
+  }
+
+  .xl\:focus\:-skew-y-6:focus {
+    --transform-skew-y: -6deg;
+  }
+
+  .xl\:focus\:-skew-y-3:focus {
+    --transform-skew-y: -3deg;
+  }
+
+  .xl\:transition-none {
+    transition-property: none;
+  }
+
+  .xl\:transition-all {
+    transition-property: all;
+  }
+
+  .xl\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+  }
+
+  .xl\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+  }
+
+  .xl\:transition-opacity {
+    transition-property: opacity;
+  }
+
+  .xl\:transition-shadow {
+    transition-property: box-shadow;
+  }
+
+  .xl\:transition-transform {
+    transition-property: transform;
+  }
+
+  .xl\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .xl\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .xl\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .xl\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .xl\:duration-75 {
+    transition-duration: 75ms;
+  }
+
+  .xl\:duration-100 {
+    transition-duration: 100ms;
+  }
+
+  .xl\:duration-150 {
+    transition-duration: 150ms;
+  }
+
+  .xl\:duration-200 {
+    transition-duration: 200ms;
+  }
+
+  .xl\:duration-300 {
+    transition-duration: 300ms;
+  }
+
+  .xl\:duration-500 {
+    transition-duration: 500ms;
+  }
+
+  .xl\:duration-700 {
+    transition-duration: 700ms;
+  }
+
+  .xl\:duration-1000 {
+    transition-duration: 1000ms;
+  }
+
+  .xl\:delay-75 {
+    transition-delay: 75ms;
+  }
+
+  .xl\:delay-100 {
+    transition-delay: 100ms;
+  }
+
+  .xl\:delay-150 {
+    transition-delay: 150ms;
+  }
+
+  .xl\:delay-200 {
+    transition-delay: 200ms;
+  }
+
+  .xl\:delay-300 {
+    transition-delay: 300ms;
+  }
+
+  .xl\:delay-500 {
+    transition-delay: 500ms;
+  }
+
+  .xl\:delay-700 {
+    transition-delay: 700ms;
+  }
+
+  .xl\:delay-1000 {
+    transition-delay: 1000ms;
+  }
+
+  .xl\:animate-none {
+    -webkit-animation: none;
+            animation: none;
+  }
+
+  .xl\:animate-spin {
+    -webkit-animation: spin 1s linear infinite;
+            animation: spin 1s linear infinite;
+  }
+
+  .xl\:animate-ping {
+    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .xl\:animate-pulse {
+    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .xl\:animate-bounce {
+    -webkit-animation: bounce 1s infinite;
+            animation: bounce 1s infinite;
+  }
+}
\ No newline at end of file
diff --git a/public/js/app.js b/public/js/app.js
index 0952b51bf0..0ecb2f2512 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -1 +1,3310 @@
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=0)}({"+YGh":function(e,t,n){"use strict";function r(e,t){return{isValid:e,isPotentiallyValid:t}}e.exports=function(e,t){return t=(t=t||3)instanceof Array?t:[t],"string"!=typeof e?r(!1,!1):/^\d*$/.test(e)?function(e,t){for(var n=0;n<e.length;n++)if(t===e[n])return!0;return!1}(t,e.length)?r(!0,!0):e.length<Math.min.apply(null,t)?r(!1,!0):e.length>function(e){for(var t=3,n=0;n<e.length;n++)t=e[n]>t?e[n]:t;return t}(t)?r(!1,!1):r(!0,!0):r(!1,!1)}},0:function(e,t,n){n("bUC5"),e.exports=n("pyCd")},"0H2f":function(e,t,n){"use strict";e.exports={number:n("eROS"),expirationDate:n("u4Xs"),expirationMonth:n("2EnR"),expirationYear:n("uRxV"),cvv:n("+YGh"),postalCode:n("swuF"),creditCardType:n("3T3Z")}},"2EnR":function(e,t,n){"use strict";function r(e,t,n){return{isValid:e,isPotentiallyValid:t,isValidForThisYear:n||!1}}e.exports=function(e){var t,n,o=(new Date).getMonth()+1;return"string"!=typeof e?r(!1,!1):""===e.replace(/\s/g,"")||"0"===e?r(!1,!0):/^\d*$/.test(e)?(t=parseInt(e,10),isNaN(e)?r(!1,!1):r(n=t>0&&t<13,n,n&&t>=o)):r(!1,!1)}},"2SVd":function(e,t,n){"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},"3T3Z":function(e,t,n){"use strict";var r,o=n("X3S+"),i=n("RGrI"),s=n("MYJU"),a=n("nyOA"),u=n("uVg8"),c={},f={VISA:"visa",MASTERCARD:"mastercard",AMERICAN_EXPRESS:"american-express",DINERS_CLUB:"diners-club",DISCOVER:"discover",JCB:"jcb",UNIONPAY:"unionpay",MAESTRO:"maestro",ELO:"elo",MIR:"mir",HIPER:"hiper",HIPERCARD:"hipercard"},p=[f.VISA,f.MASTERCARD,f.AMERICAN_EXPRESS,f.DINERS_CLUB,f.DISCOVER,f.JCB,f.UNIONPAY,f.MAESTRO,f.ELO,f.MIR,f.HIPER,f.HIPERCARD];function l(e){return c[e]||o[e]}function d(e,t){var n=r.indexOf(e);if(!t&&-1===n)throw new Error('"'+e+'" is not a supported card type.');return n}function h(e){var t,n=[];return a(e)?0===e.length?r.map((function(e){return i(l(e))})):(r.forEach((function(t){var r=l(t);u(e,r,n)})),(t=s(n))?[t]:n):[]}r=i(p),h.getTypeInfo=function(e){return i(l(e))},h.removeCard=function(e){var t=d(e);r.splice(t,1)},h.addCard=function(e){var t=d(e.type,!0);c[e.type]=e,-1===t&&r.push(e.type)},h.updateCard=function(e,t){var n,r=c[e]||o[e];if(!r)throw new Error('"'+e+'" is not a recognized type. Use `addCard` instead.');if(t.type&&r.type!==t.type)throw new Error("Cannot overwrite type parameter.");n=i(r,!0),Object.keys(n).forEach((function(e){t[e]&&(n[e]=t[e])})),c[n.type]=n},h.changeOrder=function(e,t){var n=d(e);r.splice(n,1),r.splice(t,0,e)},h.resetModifications=function(){r=i(p),c={}},h.types=f,e.exports=h},"5oMp":function(e,t,n){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},"8oxB":function(e,t){var n,r,o=e.exports={};function i(){throw new Error("setTimeout has not been defined")}function s(){throw new Error("clearTimeout has not been defined")}function a(e){if(n===setTimeout)return setTimeout(e,0);if((n===i||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:i}catch(e){n=i}try{r="function"==typeof clearTimeout?clearTimeout:s}catch(e){r=s}}();var u,c=[],f=!1,p=-1;function l(){f&&u&&(f=!1,u.length?c=u.concat(c):p=-1,c.length&&d())}function d(){if(!f){var e=a(l);f=!0;for(var t=c.length;t;){for(u=c,c=[];++p<t;)u&&u[p].run();p=-1,t=c.length}u=null,f=!1,function(e){if(r===clearTimeout)return clearTimeout(e);if((r===s||!r)&&clearTimeout)return r=clearTimeout,clearTimeout(e);try{r(e)}catch(t){try{return r.call(null,e)}catch(t){return r.call(this,e)}}}(e)}}function h(e,t){this.fun=e,this.array=t}function m(){}o.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];c.push(new h(e,t)),1!==c.length||f||a(d)},h.prototype.run=function(){this.fun.apply(null,this.array)},o.title="browser",o.browser=!0,o.env={},o.argv=[],o.version="",o.versions={},o.on=m,o.addListener=m,o.once=m,o.off=m,o.removeListener=m,o.removeAllListeners=m,o.emit=m,o.prependListener=m,o.prependOnceListener=m,o.listeners=function(e){return[]},o.binding=function(e){throw new Error("process.binding is not supported")},o.cwd=function(){return"/"},o.chdir=function(e){throw new Error("process.chdir is not supported")},o.umask=function(){return 0}},"9rSQ":function(e,t,n){"use strict";var r=n("xTJ+");function o(){this.handlers=[]}o.prototype.use=function(e,t){return this.handlers.push({fulfilled:e,rejected:t}),this.handlers.length-1},o.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},o.prototype.forEach=function(e){r.forEach(this.handlers,(function(t){null!==t&&e(t)}))},e.exports=o},CgaS:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("MLWZ"),i=n("9rSQ"),s=n("UnBK"),a=n("SntB");function u(e){this.defaults=e,this.interceptors={request:new i,response:new i}}u.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{}).url=arguments[0]:e=e||{},(e=a(this.defaults,e)).method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var t=[s,void 0],n=Promise.resolve(e);for(this.interceptors.request.forEach((function(e){t.unshift(e.fulfilled,e.rejected)})),this.interceptors.response.forEach((function(e){t.push(e.fulfilled,e.rejected)}));t.length;)n=n.then(t.shift(),t.shift());return n},u.prototype.getUri=function(e){return e=a(this.defaults,e),o(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},r.forEach(["delete","get","head","options"],(function(e){u.prototype[e]=function(t,n){return this.request(r.merge(n||{},{method:e,url:t}))}})),r.forEach(["post","put","patch"],(function(e){u.prototype[e]=function(t,n,o){return this.request(r.merge(o||{},{method:e,url:t,data:n}))}})),e.exports=u},DfZB:function(e,t,n){"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}},HSsa:function(e,t,n){"use strict";e.exports=function(e,t){return function(){for(var n=new Array(arguments.length),r=0;r<n.length;r++)n[r]=arguments[r];return e.apply(t,n)}}},JEQr:function(e,t,n){"use strict";(function(t){var r=n("xTJ+"),o=n("yK9s"),i={"Content-Type":"application/x-www-form-urlencoded"};function s(e,t){!r.isUndefined(e)&&r.isUndefined(e["Content-Type"])&&(e["Content-Type"]=t)}var a,u={adapter:(("undefined"!=typeof XMLHttpRequest||void 0!==t&&"[object process]"===Object.prototype.toString.call(t))&&(a=n("tQ2B")),a),transformRequest:[function(e,t){return o(t,"Accept"),o(t,"Content-Type"),r.isFormData(e)||r.isArrayBuffer(e)||r.isBuffer(e)||r.isStream(e)||r.isFile(e)||r.isBlob(e)?e:r.isArrayBufferView(e)?e.buffer:r.isURLSearchParams(e)?(s(t,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):r.isObject(e)?(s(t,"application/json;charset=utf-8"),JSON.stringify(e)):e}],transformResponse:[function(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,validateStatus:function(e){return e>=200&&e<300}};u.headers={common:{Accept:"application/json, text/plain, */*"}},r.forEach(["delete","get","head"],(function(e){u.headers[e]={}})),r.forEach(["post","put","patch"],(function(e){u.headers[e]=r.merge(i)})),e.exports=u}).call(this,n("8oxB"))},LYNF:function(e,t,n){"use strict";var r=n("OH9c");e.exports=function(e,t,n,o,i){var s=new Error(e);return r(s,t,n,o,i)}},Lmem:function(e,t,n){"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},MLWZ:function(e,t,n){"use strict";var r=n("xTJ+");function o(e){return encodeURIComponent(e).replace(/%40/gi,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}e.exports=function(e,t,n){if(!t)return e;var i;if(n)i=n(t);else if(r.isURLSearchParams(t))i=t.toString();else{var s=[];r.forEach(t,(function(e,t){null!=e&&(r.isArray(e)?t+="[]":e=[e],r.forEach(e,(function(e){r.isDate(e)?e=e.toISOString():r.isObject(e)&&(e=JSON.stringify(e)),s.push(o(t)+"="+o(e))})))})),i=s.join("&")}if(i){var a=e.indexOf("#");-1!==a&&(e=e.slice(0,a)),e+=(-1===e.indexOf("?")?"?":"&")+i}return e}},MYJU:function(e,t,n){"use strict";e.exports=function(e){if(function(e){var t=e.filter((function(e){return e.matchStrength})).length;return t>0&&t===e.length}(e))return e.reduce((function(e,t){return e?e.matchStrength<t.matchStrength?t:e:t}))}},NHQu:function(e,t,n){"use strict";e.exports=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)}},OH9c:function(e,t,n){"use strict";e.exports=function(e,t,n,r,o){return e.config=t,n&&(e.code=n),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},e}},OK2l:function(e,t,n){"use strict";var r=n("uRxV"),o=n("NHQu");e.exports=function(e){var t,n,i,s,a;return/^\d{4}-\d{1,2}$/.test(e)?e=e.split("-").reverse():/\//.test(e)?e=e.split(/\s*\/\s*/g):/\s/.test(e)&&(e=e.split(/ +/g)),o(e)?{month:e[0]||"",year:e.slice(1).join()}:(i=e,n=0===(a=Number(i[0]))?2:a>1||1===a&&Number(i[1])>2?1:1===a?(s=i.substr(1),r(s).isPotentiallyValid?1:2):5===i.length?1:i.length>5?2:1,{month:t=e.substr(0,n),year:e.substr(t.length)})}},OTTw:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=r.isStandardBrowserEnv()?function(){var e,t=/(msie|trident)/i.test(navigator.userAgent),n=document.createElement("a");function o(e){var r=e;return t&&(n.setAttribute("href",r),r=n.href),n.setAttribute("href",r),{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:"/"===n.pathname.charAt(0)?n.pathname:"/"+n.pathname}}return e=o(window.location.href),function(t){var n=r.isString(t)?o(t):t;return n.protocol===e.protocol&&n.host===e.host}}():function(){return!0}},RABH:function(e,t,n){"use strict";e.exports=function(e,t){return Array.isArray(t)?function(e,t,n){var r=String(t).length,o=e.substr(0,r),i=parseInt(o,10);return t=parseInt(String(t).substr(0,o.length),10),n=parseInt(String(n).substr(0,o.length),10),i>=t&&i<=n}(e,t[0],t[1]):function(e,t){return(t=String(t)).substring(0,e.length)===e.substring(0,t.length)}(e,t)}},RGrI:function(e,t,n){"use strict";e.exports=function(e){return e?JSON.parse(JSON.stringify(e)):null}},"Rn+g":function(e,t,n){"use strict";var r=n("LYNF");e.exports=function(e,t,n){var o=n.config.validateStatus;!o||o(n.status)?e(n):t(r("Request failed with status code "+n.status,n.config,null,n.request,n))}},SntB:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t){t=t||{};var n={},o=["url","method","params","data"],i=["headers","auth","proxy"],s=["baseURL","url","transformRequest","transformResponse","paramsSerializer","timeout","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","maxContentLength","validateStatus","maxRedirects","httpAgent","httpsAgent","cancelToken","socketPath"];r.forEach(o,(function(e){void 0!==t[e]&&(n[e]=t[e])})),r.forEach(i,(function(o){r.isObject(t[o])?n[o]=r.deepMerge(e[o],t[o]):void 0!==t[o]?n[o]=t[o]:r.isObject(e[o])?n[o]=r.deepMerge(e[o]):void 0!==e[o]&&(n[o]=e[o])})),r.forEach(s,(function(r){void 0!==t[r]?n[r]=t[r]:void 0!==e[r]&&(n[r]=e[r])}));var a=o.concat(i).concat(s),u=Object.keys(t).filter((function(e){return-1===a.indexOf(e)}));return r.forEach(u,(function(r){void 0!==t[r]?n[r]=t[r]:void 0!==e[r]&&(n[r]=e[r])})),n}},UnBK:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("xAGQ"),i=n("Lmem"),s=n("JEQr");function a(e){e.cancelToken&&e.cancelToken.throwIfRequested()}e.exports=function(e){return a(e),e.headers=e.headers||{},e.data=o(e.data,e.headers,e.transformRequest),e.headers=r.merge(e.headers.common||{},e.headers[e.method]||{},e.headers),r.forEach(["delete","get","head","post","put","patch","common"],(function(t){delete e.headers[t]})),(e.adapter||s.adapter)(e).then((function(t){return a(e),t.data=o(t.data,t.headers,e.transformResponse),t}),(function(t){return i(t)||(a(e),t&&t.response&&(t.response.data=o(t.response.data,t.response.headers,e.transformResponse))),Promise.reject(t)}))}},"X3S+":function(e,t,n){"use strict";e.exports={visa:{niceType:"Visa",type:"visa",patterns:[4],gaps:[4,8,12],lengths:[16,18,19],code:{name:"CVV",size:3}},mastercard:{niceType:"Mastercard",type:"mastercard",patterns:[[51,55],[2221,2229],[223,229],[23,26],[270,271],2720],gaps:[4,8,12],lengths:[16],code:{name:"CVC",size:3}},"american-express":{niceType:"American Express",type:"american-express",patterns:[34,37],gaps:[4,10],lengths:[15],code:{name:"CID",size:4}},"diners-club":{niceType:"Diners Club",type:"diners-club",patterns:[[300,305],36,38,39],gaps:[4,10],lengths:[14,16,19],code:{name:"CVV",size:3}},discover:{niceType:"Discover",type:"discover",patterns:[6011,[644,649],65],gaps:[4,8,12],lengths:[16,19],code:{name:"CID",size:3}},jcb:{niceType:"JCB",type:"jcb",patterns:[2131,1800,[3528,3589]],gaps:[4,8,12],lengths:[16,17,18,19],code:{name:"CVV",size:3}},unionpay:{niceType:"UnionPay",type:"unionpay",patterns:[620,[624,626],[62100,62182],[62184,62187],[62185,62197],[62200,62205],[622010,622999],622018,[622019,622999],[62207,62209],[622126,622925],[623,626],6270,6272,6276,[627700,627779],[627781,627799],[6282,6289],6291,6292,810,[8110,8131],[8132,8151],[8152,8163],[8164,8171]],gaps:[4,8,12],lengths:[14,15,16,17,18,19],code:{name:"CVN",size:3}},maestro:{niceType:"Maestro",type:"maestro",patterns:[493698,[5e5,506698],[506779,508999],[56,59],63,67,6],gaps:[4,8,12],lengths:[12,13,14,15,16,17,18,19],code:{name:"CVC",size:3}},elo:{niceType:"Elo",type:"elo",patterns:[401178,401179,438935,457631,457632,431274,451416,457393,504175,[506699,506778],[509e3,509999],627780,636297,636368,[650031,650033],[650035,650051],[650405,650439],[650485,650538],[650541,650598],[650700,650718],[650720,650727],[650901,650978],[651652,651679],[655e3,655019],[655021,655058]],gaps:[4,8,12],lengths:[16],code:{name:"CVE",size:3}},mir:{niceType:"Mir",type:"mir",patterns:[[2200,2204]],gaps:[4,8,12],lengths:[16,17,18,19],code:{name:"CVP2",size:3}},hiper:{niceType:"Hiper",type:"hiper",patterns:[637095,637568,637599,637609,637612],gaps:[4,8,12],lengths:[16],code:{name:"CVC",size:3}},hipercard:{niceType:"Hipercard",type:"hipercard",patterns:[606282],gaps:[4,8,12],lengths:[16],code:{name:"CVC",size:3}}}},bUC5:function(e,t,n){window.axios=n("vDqi"),window.valid=n("0H2f")},eROS:function(e,t,n){"use strict";var r=n("foYR"),o=n("3T3Z");function i(e,t,n){return{card:e,isPotentiallyValid:t,isValid:n}}e.exports=function(e,t){var n,s,a,u,c;if(t=t||{},"number"==typeof e&&(e=String(e)),"string"!=typeof e)return i(null,!1,!1);if(e=e.replace(/\-|\s/g,""),!/^\d*$/.test(e))return i(null,!1,!1);if(0===(n=o(e)).length)return i(null,!1,!1);if(1!==n.length)return i(null,!0,!1);if(s=n[0],t.maxLength&&e.length>t.maxLength)return i(s,!1,!1);for(a=s.type===o.types.UNIONPAY&&!0!==t.luhnValidateUnionPay||r(e),c=Math.max.apply(null,s.lengths),t.maxLength&&(c=Math.min(t.maxLength,c)),u=0;u<s.lengths.length;u++)if(s.lengths[u]===e.length)return i(s,e.length<c||a,a);return i(s,e.length<c,!1)}},endd:function(e,t,n){"use strict";function r(e){this.message=e}r.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},r.prototype.__CANCEL__=!0,e.exports=r},eqyj:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=r.isStandardBrowserEnv()?{write:function(e,t,n,o,i,s){var a=[];a.push(e+"="+encodeURIComponent(t)),r.isNumber(n)&&a.push("expires="+new Date(n).toGMTString()),r.isString(o)&&a.push("path="+o),r.isString(i)&&a.push("domain="+i),!0===s&&a.push("secure"),document.cookie=a.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},foYR:function(e,t,n){"use strict";e.exports=function(e){for(var t,n=0,r=!1,o=e.length-1;o>=0;)t=parseInt(e.charAt(o),10),r&&(t*=2)>9&&(t=t%10+1),r=!r,n+=t,o--;return n%10==0}},g7np:function(e,t,n){"use strict";var r=n("2SVd"),o=n("5oMp");e.exports=function(e,t){return e&&!r(t)?o(e,t):t}},"jfS+":function(e,t,n){"use strict";var r=n("endd");function o(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise((function(e){t=e}));var n=this;e((function(e){n.reason||(n.reason=new r(e),t(n.reason))}))}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.source=function(){var e;return{token:new o((function(t){e=t})),cancel:e}},e.exports=o},nyOA:function(e,t,n){"use strict";e.exports=function(e){return"string"==typeof e||e instanceof String}},pyCd:function(e,t){},swuF:function(e,t,n){"use strict";function r(e,t){return{isValid:e,isPotentiallyValid:t}}e.exports=function(e,t){var n;return n=(t=t||{}).minLength||3,"string"!=typeof e?r(!1,!1):e.length<n?r(!1,!0):r(!0,!0)}},tQ2B:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("Rn+g"),i=n("MLWZ"),s=n("g7np"),a=n("w0Vi"),u=n("OTTw"),c=n("LYNF");e.exports=function(e){return new Promise((function(t,f){var p=e.data,l=e.headers;r.isFormData(p)&&delete l["Content-Type"];var d=new XMLHttpRequest;if(e.auth){var h=e.auth.username||"",m=e.auth.password||"";l.Authorization="Basic "+btoa(h+":"+m)}var g=s(e.baseURL,e.url);if(d.open(e.method.toUpperCase(),i(g,e.params,e.paramsSerializer),!0),d.timeout=e.timeout,d.onreadystatechange=function(){if(d&&4===d.readyState&&(0!==d.status||d.responseURL&&0===d.responseURL.indexOf("file:"))){var n="getAllResponseHeaders"in d?a(d.getAllResponseHeaders()):null,r={data:e.responseType&&"text"!==e.responseType?d.response:d.responseText,status:d.status,statusText:d.statusText,headers:n,config:e,request:d};o(t,f,r),d=null}},d.onabort=function(){d&&(f(c("Request aborted",e,"ECONNABORTED",d)),d=null)},d.onerror=function(){f(c("Network Error",e,null,d)),d=null},d.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),f(c(t,e,"ECONNABORTED",d)),d=null},r.isStandardBrowserEnv()){var y=n("eqyj"),v=(e.withCredentials||u(g))&&e.xsrfCookieName?y.read(e.xsrfCookieName):void 0;v&&(l[e.xsrfHeaderName]=v)}if("setRequestHeader"in d&&r.forEach(l,(function(e,t){void 0===p&&"content-type"===t.toLowerCase()?delete l[t]:d.setRequestHeader(t,e)})),r.isUndefined(e.withCredentials)||(d.withCredentials=!!e.withCredentials),e.responseType)try{d.responseType=e.responseType}catch(t){if("json"!==e.responseType)throw t}"function"==typeof e.onDownloadProgress&&d.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&d.upload&&d.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then((function(e){d&&(d.abort(),f(e),d=null)})),void 0===p&&(p=null),d.send(p)}))}},u4Xs:function(e,t,n){"use strict";var r=n("OK2l"),o=n("2EnR"),i=n("uRxV");function s(e,t,n,r){return{isValid:e,isPotentiallyValid:t,month:n,year:r}}e.exports=function(e,t){var n,a,u,c;if("string"==typeof e)e=e.replace(/^(\d\d) (\d\d(\d\d)?)$/,"$1/$2"),n=r(e);else{if(null===e||"object"!=typeof e)return s(!1,!1,null,null);n={month:String(e.month),year:String(e.year)}}if(a=o(n.month),u=i(n.year,t),a.isValid){if(u.isCurrentYear)return s(c=a.isValidForThisYear,c,n.month,n.year);if(u.isValid)return s(!0,!0,n.month,n.year)}return a.isPotentiallyValid&&u.isPotentiallyValid?s(!1,!0,null,null):s(!1,!1,null,null)}},uRxV:function(e,t,n){"use strict";function r(e,t,n){return{isValid:e,isPotentiallyValid:t,isCurrentYear:n||!1}}e.exports=function(e,t){var n,o,i,s,a;return t=t||19,"string"!=typeof e?r(!1,!1):""===e.replace(/\s/g,"")?r(!1,!0):/^\d*$/.test(e)?(o=e.length)<2?r(!1,!0):(n=(new Date).getFullYear(),3===o?r(!1,e.slice(0,2)===String(n).slice(0,2)):o>4?r(!1,!1):(e=parseInt(e,10),i=Number(String(n).substr(2,2)),2===o?(a=i===e,s=e>=i&&e<=i+t):4===o&&(a=n===e,s=e>=n&&e<=n+t),r(s,s,a))):r(!1,!1)}},uVg8:function(e,t,n){"use strict";var r=n("RGrI"),o=n("RABH");e.exports=function(e,t,n){var i,s,a,u;for(i=0;i<t.patterns.length;i++)if(s=t.patterns[i],o(e,s)){u=r(t),a=Array.isArray(s)?String(s[0]).length:String(s).length,e.length>=a&&(u.matchStrength=a),n.push(u);break}}},vDqi:function(e,t,n){e.exports=n("zuR4")},w0Vi:function(e,t,n){"use strict";var r=n("xTJ+"),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,n,i,s={};return e?(r.forEach(e.split("\n"),(function(e){if(i=e.indexOf(":"),t=r.trim(e.substr(0,i)).toLowerCase(),n=r.trim(e.substr(i+1)),t){if(s[t]&&o.indexOf(t)>=0)return;s[t]="set-cookie"===t?(s[t]?s[t]:[]).concat([n]):s[t]?s[t]+", "+n:n}})),s):s}},xAGQ:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t,n){return r.forEach(n,(function(n){e=n(e,t)})),e}},"xTJ+":function(e,t,n){"use strict";var r=n("HSsa"),o=Object.prototype.toString;function i(e){return"[object Array]"===o.call(e)}function s(e){return void 0===e}function a(e){return null!==e&&"object"==typeof e}function u(e){return"[object Function]"===o.call(e)}function c(e,t){if(null!=e)if("object"!=typeof e&&(e=[e]),i(e))for(var n=0,r=e.length;n<r;n++)t.call(null,e[n],n,e);else for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.call(null,e[o],o,e)}e.exports={isArray:i,isArrayBuffer:function(e){return"[object ArrayBuffer]"===o.call(e)},isBuffer:function(e){return null!==e&&!s(e)&&null!==e.constructor&&!s(e.constructor)&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)},isFormData:function(e){return"undefined"!=typeof FormData&&e instanceof FormData},isArrayBufferView:function(e){return"undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer},isString:function(e){return"string"==typeof e},isNumber:function(e){return"number"==typeof e},isObject:a,isUndefined:s,isDate:function(e){return"[object Date]"===o.call(e)},isFile:function(e){return"[object File]"===o.call(e)},isBlob:function(e){return"[object Blob]"===o.call(e)},isFunction:u,isStream:function(e){return a(e)&&u(e.pipe)},isURLSearchParams:function(e){return"undefined"!=typeof URLSearchParams&&e instanceof URLSearchParams},isStandardBrowserEnv:function(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&("undefined"!=typeof window&&"undefined"!=typeof document)},forEach:c,merge:function e(){var t={};function n(n,r){"object"==typeof t[r]&&"object"==typeof n?t[r]=e(t[r],n):t[r]=n}for(var r=0,o=arguments.length;r<o;r++)c(arguments[r],n);return t},deepMerge:function e(){var t={};function n(n,r){"object"==typeof t[r]&&"object"==typeof n?t[r]=e(t[r],n):t[r]="object"==typeof n?e({},n):n}for(var r=0,o=arguments.length;r<o;r++)c(arguments[r],n);return t},extend:function(e,t,n){return c(t,(function(t,o){e[o]=n&&"function"==typeof t?r(t,n):t})),e},trim:function(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")}}},yK9s:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t){r.forEach(e,(function(n,r){r!==t&&r.toUpperCase()===t.toUpperCase()&&(e[t]=n,delete e[r])}))}},zuR4:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("HSsa"),i=n("CgaS"),s=n("SntB");function a(e){var t=new i(e),n=o(i.prototype.request,t);return r.extend(n,i.prototype,t),r.extend(n,t),n}var u=a(n("JEQr"));u.Axios=i,u.create=function(e){return a(s(u.defaults,e))},u.Cancel=n("endd"),u.CancelToken=n("jfS+"),u.isCancel=n("Lmem"),u.all=function(e){return Promise.all(e)},u.spread=n("DfZB"),e.exports=u,e.exports.default=u}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 0);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./node_modules/axios/index.js":
+/*!*************************************!*\
+  !*** ./node_modules/axios/index.js ***!
+  \*************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! ./lib/axios */ "./node_modules/axios/lib/axios.js");
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/adapters/xhr.js":
+/*!************************************************!*\
+  !*** ./node_modules/axios/lib/adapters/xhr.js ***!
+  \************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+var settle = __webpack_require__(/*! ./../core/settle */ "./node_modules/axios/lib/core/settle.js");
+var buildURL = __webpack_require__(/*! ./../helpers/buildURL */ "./node_modules/axios/lib/helpers/buildURL.js");
+var buildFullPath = __webpack_require__(/*! ../core/buildFullPath */ "./node_modules/axios/lib/core/buildFullPath.js");
+var parseHeaders = __webpack_require__(/*! ./../helpers/parseHeaders */ "./node_modules/axios/lib/helpers/parseHeaders.js");
+var isURLSameOrigin = __webpack_require__(/*! ./../helpers/isURLSameOrigin */ "./node_modules/axios/lib/helpers/isURLSameOrigin.js");
+var createError = __webpack_require__(/*! ../core/createError */ "./node_modules/axios/lib/core/createError.js");
+
+module.exports = function xhrAdapter(config) {
+  return new Promise(function dispatchXhrRequest(resolve, reject) {
+    var requestData = config.data;
+    var requestHeaders = config.headers;
+
+    if (utils.isFormData(requestData)) {
+      delete requestHeaders['Content-Type']; // Let the browser set it
+    }
+
+    var request = new XMLHttpRequest();
+
+    // HTTP basic authentication
+    if (config.auth) {
+      var username = config.auth.username || '';
+      var password = config.auth.password || '';
+      requestHeaders.Authorization = 'Basic ' + btoa(username + ':' + password);
+    }
+
+    var fullPath = buildFullPath(config.baseURL, config.url);
+    request.open(config.method.toUpperCase(), buildURL(fullPath, config.params, config.paramsSerializer), true);
+
+    // Set the request timeout in MS
+    request.timeout = config.timeout;
+
+    // Listen for ready state
+    request.onreadystatechange = function handleLoad() {
+      if (!request || request.readyState !== 4) {
+        return;
+      }
+
+      // The request errored out and we didn't get a response, this will be
+      // handled by onerror instead
+      // With one exception: request that using file: protocol, most browsers
+      // will return status as 0 even though it's a successful request
+      if (request.status === 0 && !(request.responseURL && request.responseURL.indexOf('file:') === 0)) {
+        return;
+      }
+
+      // Prepare the response
+      var responseHeaders = 'getAllResponseHeaders' in request ? parseHeaders(request.getAllResponseHeaders()) : null;
+      var responseData = !config.responseType || config.responseType === 'text' ? request.responseText : request.response;
+      var response = {
+        data: responseData,
+        status: request.status,
+        statusText: request.statusText,
+        headers: responseHeaders,
+        config: config,
+        request: request
+      };
+
+      settle(resolve, reject, response);
+
+      // Clean up request
+      request = null;
+    };
+
+    // Handle browser request cancellation (as opposed to a manual cancellation)
+    request.onabort = function handleAbort() {
+      if (!request) {
+        return;
+      }
+
+      reject(createError('Request aborted', config, 'ECONNABORTED', request));
+
+      // Clean up request
+      request = null;
+    };
+
+    // Handle low level network errors
+    request.onerror = function handleError() {
+      // Real errors are hidden from us by the browser
+      // onerror should only fire if it's a network error
+      reject(createError('Network Error', config, null, request));
+
+      // Clean up request
+      request = null;
+    };
+
+    // Handle timeout
+    request.ontimeout = function handleTimeout() {
+      var timeoutErrorMessage = 'timeout of ' + config.timeout + 'ms exceeded';
+      if (config.timeoutErrorMessage) {
+        timeoutErrorMessage = config.timeoutErrorMessage;
+      }
+      reject(createError(timeoutErrorMessage, config, 'ECONNABORTED',
+        request));
+
+      // Clean up request
+      request = null;
+    };
+
+    // Add xsrf header
+    // This is only done if running in a standard browser environment.
+    // Specifically not if we're in a web worker, or react-native.
+    if (utils.isStandardBrowserEnv()) {
+      var cookies = __webpack_require__(/*! ./../helpers/cookies */ "./node_modules/axios/lib/helpers/cookies.js");
+
+      // Add xsrf header
+      var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ?
+        cookies.read(config.xsrfCookieName) :
+        undefined;
+
+      if (xsrfValue) {
+        requestHeaders[config.xsrfHeaderName] = xsrfValue;
+      }
+    }
+
+    // Add headers to the request
+    if ('setRequestHeader' in request) {
+      utils.forEach(requestHeaders, function setRequestHeader(val, key) {
+        if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') {
+          // Remove Content-Type if data is undefined
+          delete requestHeaders[key];
+        } else {
+          // Otherwise add header to the request
+          request.setRequestHeader(key, val);
+        }
+      });
+    }
+
+    // Add withCredentials to request if needed
+    if (!utils.isUndefined(config.withCredentials)) {
+      request.withCredentials = !!config.withCredentials;
+    }
+
+    // Add responseType to request if needed
+    if (config.responseType) {
+      try {
+        request.responseType = config.responseType;
+      } catch (e) {
+        // Expected DOMException thrown by browsers not compatible XMLHttpRequest Level 2.
+        // But, this can be suppressed for 'json' type as it can be parsed by default 'transformResponse' function.
+        if (config.responseType !== 'json') {
+          throw e;
+        }
+      }
+    }
+
+    // Handle progress if needed
+    if (typeof config.onDownloadProgress === 'function') {
+      request.addEventListener('progress', config.onDownloadProgress);
+    }
+
+    // Not all browsers support upload events
+    if (typeof config.onUploadProgress === 'function' && request.upload) {
+      request.upload.addEventListener('progress', config.onUploadProgress);
+    }
+
+    if (config.cancelToken) {
+      // Handle cancellation
+      config.cancelToken.promise.then(function onCanceled(cancel) {
+        if (!request) {
+          return;
+        }
+
+        request.abort();
+        reject(cancel);
+        // Clean up request
+        request = null;
+      });
+    }
+
+    if (requestData === undefined) {
+      requestData = null;
+    }
+
+    // Send the request
+    request.send(requestData);
+  });
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/axios.js":
+/*!*****************************************!*\
+  !*** ./node_modules/axios/lib/axios.js ***!
+  \*****************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./utils */ "./node_modules/axios/lib/utils.js");
+var bind = __webpack_require__(/*! ./helpers/bind */ "./node_modules/axios/lib/helpers/bind.js");
+var Axios = __webpack_require__(/*! ./core/Axios */ "./node_modules/axios/lib/core/Axios.js");
+var mergeConfig = __webpack_require__(/*! ./core/mergeConfig */ "./node_modules/axios/lib/core/mergeConfig.js");
+var defaults = __webpack_require__(/*! ./defaults */ "./node_modules/axios/lib/defaults.js");
+
+/**
+ * Create an instance of Axios
+ *
+ * @param {Object} defaultConfig The default config for the instance
+ * @return {Axios} A new instance of Axios
+ */
+function createInstance(defaultConfig) {
+  var context = new Axios(defaultConfig);
+  var instance = bind(Axios.prototype.request, context);
+
+  // Copy axios.prototype to instance
+  utils.extend(instance, Axios.prototype, context);
+
+  // Copy context to instance
+  utils.extend(instance, context);
+
+  return instance;
+}
+
+// Create the default instance to be exported
+var axios = createInstance(defaults);
+
+// Expose Axios class to allow class inheritance
+axios.Axios = Axios;
+
+// Factory for creating new instances
+axios.create = function create(instanceConfig) {
+  return createInstance(mergeConfig(axios.defaults, instanceConfig));
+};
+
+// Expose Cancel & CancelToken
+axios.Cancel = __webpack_require__(/*! ./cancel/Cancel */ "./node_modules/axios/lib/cancel/Cancel.js");
+axios.CancelToken = __webpack_require__(/*! ./cancel/CancelToken */ "./node_modules/axios/lib/cancel/CancelToken.js");
+axios.isCancel = __webpack_require__(/*! ./cancel/isCancel */ "./node_modules/axios/lib/cancel/isCancel.js");
+
+// Expose all/spread
+axios.all = function all(promises) {
+  return Promise.all(promises);
+};
+axios.spread = __webpack_require__(/*! ./helpers/spread */ "./node_modules/axios/lib/helpers/spread.js");
+
+module.exports = axios;
+
+// Allow use of default import syntax in TypeScript
+module.exports.default = axios;
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/cancel/Cancel.js":
+/*!*************************************************!*\
+  !*** ./node_modules/axios/lib/cancel/Cancel.js ***!
+  \*************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/**
+ * A `Cancel` is an object that is thrown when an operation is canceled.
+ *
+ * @class
+ * @param {string=} message The message.
+ */
+function Cancel(message) {
+  this.message = message;
+}
+
+Cancel.prototype.toString = function toString() {
+  return 'Cancel' + (this.message ? ': ' + this.message : '');
+};
+
+Cancel.prototype.__CANCEL__ = true;
+
+module.exports = Cancel;
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/cancel/CancelToken.js":
+/*!******************************************************!*\
+  !*** ./node_modules/axios/lib/cancel/CancelToken.js ***!
+  \******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var Cancel = __webpack_require__(/*! ./Cancel */ "./node_modules/axios/lib/cancel/Cancel.js");
+
+/**
+ * A `CancelToken` is an object that can be used to request cancellation of an operation.
+ *
+ * @class
+ * @param {Function} executor The executor function.
+ */
+function CancelToken(executor) {
+  if (typeof executor !== 'function') {
+    throw new TypeError('executor must be a function.');
+  }
+
+  var resolvePromise;
+  this.promise = new Promise(function promiseExecutor(resolve) {
+    resolvePromise = resolve;
+  });
+
+  var token = this;
+  executor(function cancel(message) {
+    if (token.reason) {
+      // Cancellation has already been requested
+      return;
+    }
+
+    token.reason = new Cancel(message);
+    resolvePromise(token.reason);
+  });
+}
+
+/**
+ * Throws a `Cancel` if cancellation has been requested.
+ */
+CancelToken.prototype.throwIfRequested = function throwIfRequested() {
+  if (this.reason) {
+    throw this.reason;
+  }
+};
+
+/**
+ * Returns an object that contains a new `CancelToken` and a function that, when called,
+ * cancels the `CancelToken`.
+ */
+CancelToken.source = function source() {
+  var cancel;
+  var token = new CancelToken(function executor(c) {
+    cancel = c;
+  });
+  return {
+    token: token,
+    cancel: cancel
+  };
+};
+
+module.exports = CancelToken;
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/cancel/isCancel.js":
+/*!***************************************************!*\
+  !*** ./node_modules/axios/lib/cancel/isCancel.js ***!
+  \***************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+module.exports = function isCancel(value) {
+  return !!(value && value.__CANCEL__);
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/Axios.js":
+/*!**********************************************!*\
+  !*** ./node_modules/axios/lib/core/Axios.js ***!
+  \**********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+var buildURL = __webpack_require__(/*! ../helpers/buildURL */ "./node_modules/axios/lib/helpers/buildURL.js");
+var InterceptorManager = __webpack_require__(/*! ./InterceptorManager */ "./node_modules/axios/lib/core/InterceptorManager.js");
+var dispatchRequest = __webpack_require__(/*! ./dispatchRequest */ "./node_modules/axios/lib/core/dispatchRequest.js");
+var mergeConfig = __webpack_require__(/*! ./mergeConfig */ "./node_modules/axios/lib/core/mergeConfig.js");
+
+/**
+ * Create a new instance of Axios
+ *
+ * @param {Object} instanceConfig The default config for the instance
+ */
+function Axios(instanceConfig) {
+  this.defaults = instanceConfig;
+  this.interceptors = {
+    request: new InterceptorManager(),
+    response: new InterceptorManager()
+  };
+}
+
+/**
+ * Dispatch a request
+ *
+ * @param {Object} config The config specific for this request (merged with this.defaults)
+ */
+Axios.prototype.request = function request(config) {
+  /*eslint no-param-reassign:0*/
+  // Allow for axios('example/url'[, config]) a la fetch API
+  if (typeof config === 'string') {
+    config = arguments[1] || {};
+    config.url = arguments[0];
+  } else {
+    config = config || {};
+  }
+
+  config = mergeConfig(this.defaults, config);
+
+  // Set config.method
+  if (config.method) {
+    config.method = config.method.toLowerCase();
+  } else if (this.defaults.method) {
+    config.method = this.defaults.method.toLowerCase();
+  } else {
+    config.method = 'get';
+  }
+
+  // Hook up interceptors middleware
+  var chain = [dispatchRequest, undefined];
+  var promise = Promise.resolve(config);
+
+  this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {
+    chain.unshift(interceptor.fulfilled, interceptor.rejected);
+  });
+
+  this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {
+    chain.push(interceptor.fulfilled, interceptor.rejected);
+  });
+
+  while (chain.length) {
+    promise = promise.then(chain.shift(), chain.shift());
+  }
+
+  return promise;
+};
+
+Axios.prototype.getUri = function getUri(config) {
+  config = mergeConfig(this.defaults, config);
+  return buildURL(config.url, config.params, config.paramsSerializer).replace(/^\?/, '');
+};
+
+// Provide aliases for supported request methods
+utils.forEach(['delete', 'get', 'head', 'options'], function forEachMethodNoData(method) {
+  /*eslint func-names:0*/
+  Axios.prototype[method] = function(url, config) {
+    return this.request(utils.merge(config || {}, {
+      method: method,
+      url: url
+    }));
+  };
+});
+
+utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
+  /*eslint func-names:0*/
+  Axios.prototype[method] = function(url, data, config) {
+    return this.request(utils.merge(config || {}, {
+      method: method,
+      url: url,
+      data: data
+    }));
+  };
+});
+
+module.exports = Axios;
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/InterceptorManager.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/axios/lib/core/InterceptorManager.js ***!
+  \***********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+
+function InterceptorManager() {
+  this.handlers = [];
+}
+
+/**
+ * Add a new interceptor to the stack
+ *
+ * @param {Function} fulfilled The function to handle `then` for a `Promise`
+ * @param {Function} rejected The function to handle `reject` for a `Promise`
+ *
+ * @return {Number} An ID used to remove interceptor later
+ */
+InterceptorManager.prototype.use = function use(fulfilled, rejected) {
+  this.handlers.push({
+    fulfilled: fulfilled,
+    rejected: rejected
+  });
+  return this.handlers.length - 1;
+};
+
+/**
+ * Remove an interceptor from the stack
+ *
+ * @param {Number} id The ID that was returned by `use`
+ */
+InterceptorManager.prototype.eject = function eject(id) {
+  if (this.handlers[id]) {
+    this.handlers[id] = null;
+  }
+};
+
+/**
+ * Iterate over all the registered interceptors
+ *
+ * This method is particularly useful for skipping over any
+ * interceptors that may have become `null` calling `eject`.
+ *
+ * @param {Function} fn The function to call for each interceptor
+ */
+InterceptorManager.prototype.forEach = function forEach(fn) {
+  utils.forEach(this.handlers, function forEachHandler(h) {
+    if (h !== null) {
+      fn(h);
+    }
+  });
+};
+
+module.exports = InterceptorManager;
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/buildFullPath.js":
+/*!******************************************************!*\
+  !*** ./node_modules/axios/lib/core/buildFullPath.js ***!
+  \******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var isAbsoluteURL = __webpack_require__(/*! ../helpers/isAbsoluteURL */ "./node_modules/axios/lib/helpers/isAbsoluteURL.js");
+var combineURLs = __webpack_require__(/*! ../helpers/combineURLs */ "./node_modules/axios/lib/helpers/combineURLs.js");
+
+/**
+ * Creates a new URL by combining the baseURL with the requestedURL,
+ * only when the requestedURL is not already an absolute URL.
+ * If the requestURL is absolute, this function returns the requestedURL untouched.
+ *
+ * @param {string} baseURL The base URL
+ * @param {string} requestedURL Absolute or relative URL to combine
+ * @returns {string} The combined full path
+ */
+module.exports = function buildFullPath(baseURL, requestedURL) {
+  if (baseURL && !isAbsoluteURL(requestedURL)) {
+    return combineURLs(baseURL, requestedURL);
+  }
+  return requestedURL;
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/createError.js":
+/*!****************************************************!*\
+  !*** ./node_modules/axios/lib/core/createError.js ***!
+  \****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var enhanceError = __webpack_require__(/*! ./enhanceError */ "./node_modules/axios/lib/core/enhanceError.js");
+
+/**
+ * Create an Error with the specified message, config, error code, request and response.
+ *
+ * @param {string} message The error message.
+ * @param {Object} config The config.
+ * @param {string} [code] The error code (for example, 'ECONNABORTED').
+ * @param {Object} [request] The request.
+ * @param {Object} [response] The response.
+ * @returns {Error} The created error.
+ */
+module.exports = function createError(message, config, code, request, response) {
+  var error = new Error(message);
+  return enhanceError(error, config, code, request, response);
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/dispatchRequest.js":
+/*!********************************************************!*\
+  !*** ./node_modules/axios/lib/core/dispatchRequest.js ***!
+  \********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+var transformData = __webpack_require__(/*! ./transformData */ "./node_modules/axios/lib/core/transformData.js");
+var isCancel = __webpack_require__(/*! ../cancel/isCancel */ "./node_modules/axios/lib/cancel/isCancel.js");
+var defaults = __webpack_require__(/*! ../defaults */ "./node_modules/axios/lib/defaults.js");
+
+/**
+ * Throws a `Cancel` if cancellation has been requested.
+ */
+function throwIfCancellationRequested(config) {
+  if (config.cancelToken) {
+    config.cancelToken.throwIfRequested();
+  }
+}
+
+/**
+ * Dispatch a request to the server using the configured adapter.
+ *
+ * @param {object} config The config that is to be used for the request
+ * @returns {Promise} The Promise to be fulfilled
+ */
+module.exports = function dispatchRequest(config) {
+  throwIfCancellationRequested(config);
+
+  // Ensure headers exist
+  config.headers = config.headers || {};
+
+  // Transform request data
+  config.data = transformData(
+    config.data,
+    config.headers,
+    config.transformRequest
+  );
+
+  // Flatten headers
+  config.headers = utils.merge(
+    config.headers.common || {},
+    config.headers[config.method] || {},
+    config.headers
+  );
+
+  utils.forEach(
+    ['delete', 'get', 'head', 'post', 'put', 'patch', 'common'],
+    function cleanHeaderConfig(method) {
+      delete config.headers[method];
+    }
+  );
+
+  var adapter = config.adapter || defaults.adapter;
+
+  return adapter(config).then(function onAdapterResolution(response) {
+    throwIfCancellationRequested(config);
+
+    // Transform response data
+    response.data = transformData(
+      response.data,
+      response.headers,
+      config.transformResponse
+    );
+
+    return response;
+  }, function onAdapterRejection(reason) {
+    if (!isCancel(reason)) {
+      throwIfCancellationRequested(config);
+
+      // Transform response data
+      if (reason && reason.response) {
+        reason.response.data = transformData(
+          reason.response.data,
+          reason.response.headers,
+          config.transformResponse
+        );
+      }
+    }
+
+    return Promise.reject(reason);
+  });
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/enhanceError.js":
+/*!*****************************************************!*\
+  !*** ./node_modules/axios/lib/core/enhanceError.js ***!
+  \*****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/**
+ * Update an Error with the specified config, error code, and response.
+ *
+ * @param {Error} error The error to update.
+ * @param {Object} config The config.
+ * @param {string} [code] The error code (for example, 'ECONNABORTED').
+ * @param {Object} [request] The request.
+ * @param {Object} [response] The response.
+ * @returns {Error} The error.
+ */
+module.exports = function enhanceError(error, config, code, request, response) {
+  error.config = config;
+  if (code) {
+    error.code = code;
+  }
+
+  error.request = request;
+  error.response = response;
+  error.isAxiosError = true;
+
+  error.toJSON = function() {
+    return {
+      // Standard
+      message: this.message,
+      name: this.name,
+      // Microsoft
+      description: this.description,
+      number: this.number,
+      // Mozilla
+      fileName: this.fileName,
+      lineNumber: this.lineNumber,
+      columnNumber: this.columnNumber,
+      stack: this.stack,
+      // Axios
+      config: this.config,
+      code: this.code
+    };
+  };
+  return error;
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/mergeConfig.js":
+/*!****************************************************!*\
+  !*** ./node_modules/axios/lib/core/mergeConfig.js ***!
+  \****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ../utils */ "./node_modules/axios/lib/utils.js");
+
+/**
+ * Config-specific merge-function which creates a new config-object
+ * by merging two configuration objects together.
+ *
+ * @param {Object} config1
+ * @param {Object} config2
+ * @returns {Object} New object resulting from merging config2 to config1
+ */
+module.exports = function mergeConfig(config1, config2) {
+  // eslint-disable-next-line no-param-reassign
+  config2 = config2 || {};
+  var config = {};
+
+  var valueFromConfig2Keys = ['url', 'method', 'params', 'data'];
+  var mergeDeepPropertiesKeys = ['headers', 'auth', 'proxy'];
+  var defaultToConfig2Keys = [
+    'baseURL', 'url', 'transformRequest', 'transformResponse', 'paramsSerializer',
+    'timeout', 'withCredentials', 'adapter', 'responseType', 'xsrfCookieName',
+    'xsrfHeaderName', 'onUploadProgress', 'onDownloadProgress',
+    'maxContentLength', 'validateStatus', 'maxRedirects', 'httpAgent',
+    'httpsAgent', 'cancelToken', 'socketPath'
+  ];
+
+  utils.forEach(valueFromConfig2Keys, function valueFromConfig2(prop) {
+    if (typeof config2[prop] !== 'undefined') {
+      config[prop] = config2[prop];
+    }
+  });
+
+  utils.forEach(mergeDeepPropertiesKeys, function mergeDeepProperties(prop) {
+    if (utils.isObject(config2[prop])) {
+      config[prop] = utils.deepMerge(config1[prop], config2[prop]);
+    } else if (typeof config2[prop] !== 'undefined') {
+      config[prop] = config2[prop];
+    } else if (utils.isObject(config1[prop])) {
+      config[prop] = utils.deepMerge(config1[prop]);
+    } else if (typeof config1[prop] !== 'undefined') {
+      config[prop] = config1[prop];
+    }
+  });
+
+  utils.forEach(defaultToConfig2Keys, function defaultToConfig2(prop) {
+    if (typeof config2[prop] !== 'undefined') {
+      config[prop] = config2[prop];
+    } else if (typeof config1[prop] !== 'undefined') {
+      config[prop] = config1[prop];
+    }
+  });
+
+  var axiosKeys = valueFromConfig2Keys
+    .concat(mergeDeepPropertiesKeys)
+    .concat(defaultToConfig2Keys);
+
+  var otherKeys = Object
+    .keys(config2)
+    .filter(function filterAxiosKeys(key) {
+      return axiosKeys.indexOf(key) === -1;
+    });
+
+  utils.forEach(otherKeys, function otherKeysDefaultToConfig2(prop) {
+    if (typeof config2[prop] !== 'undefined') {
+      config[prop] = config2[prop];
+    } else if (typeof config1[prop] !== 'undefined') {
+      config[prop] = config1[prop];
+    }
+  });
+
+  return config;
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/settle.js":
+/*!***********************************************!*\
+  !*** ./node_modules/axios/lib/core/settle.js ***!
+  \***********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var createError = __webpack_require__(/*! ./createError */ "./node_modules/axios/lib/core/createError.js");
+
+/**
+ * Resolve or reject a Promise based on response status.
+ *
+ * @param {Function} resolve A function that resolves the promise.
+ * @param {Function} reject A function that rejects the promise.
+ * @param {object} response The response.
+ */
+module.exports = function settle(resolve, reject, response) {
+  var validateStatus = response.config.validateStatus;
+  if (!validateStatus || validateStatus(response.status)) {
+    resolve(response);
+  } else {
+    reject(createError(
+      'Request failed with status code ' + response.status,
+      response.config,
+      null,
+      response.request,
+      response
+    ));
+  }
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/transformData.js":
+/*!******************************************************!*\
+  !*** ./node_modules/axios/lib/core/transformData.js ***!
+  \******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+
+/**
+ * Transform the data for a request or a response
+ *
+ * @param {Object|String} data The data to be transformed
+ * @param {Array} headers The headers for the request or response
+ * @param {Array|Function} fns A single function or Array of functions
+ * @returns {*} The resulting transformed data
+ */
+module.exports = function transformData(data, headers, fns) {
+  /*eslint no-param-reassign:0*/
+  utils.forEach(fns, function transform(fn) {
+    data = fn(data, headers);
+  });
+
+  return data;
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/defaults.js":
+/*!********************************************!*\
+  !*** ./node_modules/axios/lib/defaults.js ***!
+  \********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(process) {
+
+var utils = __webpack_require__(/*! ./utils */ "./node_modules/axios/lib/utils.js");
+var normalizeHeaderName = __webpack_require__(/*! ./helpers/normalizeHeaderName */ "./node_modules/axios/lib/helpers/normalizeHeaderName.js");
+
+var DEFAULT_CONTENT_TYPE = {
+  'Content-Type': 'application/x-www-form-urlencoded'
+};
+
+function setContentTypeIfUnset(headers, value) {
+  if (!utils.isUndefined(headers) && utils.isUndefined(headers['Content-Type'])) {
+    headers['Content-Type'] = value;
+  }
+}
+
+function getDefaultAdapter() {
+  var adapter;
+  if (typeof XMLHttpRequest !== 'undefined') {
+    // For browsers use XHR adapter
+    adapter = __webpack_require__(/*! ./adapters/xhr */ "./node_modules/axios/lib/adapters/xhr.js");
+  } else if (typeof process !== 'undefined' && Object.prototype.toString.call(process) === '[object process]') {
+    // For node use HTTP adapter
+    adapter = __webpack_require__(/*! ./adapters/http */ "./node_modules/axios/lib/adapters/xhr.js");
+  }
+  return adapter;
+}
+
+var defaults = {
+  adapter: getDefaultAdapter(),
+
+  transformRequest: [function transformRequest(data, headers) {
+    normalizeHeaderName(headers, 'Accept');
+    normalizeHeaderName(headers, 'Content-Type');
+    if (utils.isFormData(data) ||
+      utils.isArrayBuffer(data) ||
+      utils.isBuffer(data) ||
+      utils.isStream(data) ||
+      utils.isFile(data) ||
+      utils.isBlob(data)
+    ) {
+      return data;
+    }
+    if (utils.isArrayBufferView(data)) {
+      return data.buffer;
+    }
+    if (utils.isURLSearchParams(data)) {
+      setContentTypeIfUnset(headers, 'application/x-www-form-urlencoded;charset=utf-8');
+      return data.toString();
+    }
+    if (utils.isObject(data)) {
+      setContentTypeIfUnset(headers, 'application/json;charset=utf-8');
+      return JSON.stringify(data);
+    }
+    return data;
+  }],
+
+  transformResponse: [function transformResponse(data) {
+    /*eslint no-param-reassign:0*/
+    if (typeof data === 'string') {
+      try {
+        data = JSON.parse(data);
+      } catch (e) { /* Ignore */ }
+    }
+    return data;
+  }],
+
+  /**
+   * A timeout in milliseconds to abort a request. If set to 0 (default) a
+   * timeout is not created.
+   */
+  timeout: 0,
+
+  xsrfCookieName: 'XSRF-TOKEN',
+  xsrfHeaderName: 'X-XSRF-TOKEN',
+
+  maxContentLength: -1,
+
+  validateStatus: function validateStatus(status) {
+    return status >= 200 && status < 300;
+  }
+};
+
+defaults.headers = {
+  common: {
+    'Accept': 'application/json, text/plain, */*'
+  }
+};
+
+utils.forEach(['delete', 'get', 'head'], function forEachMethodNoData(method) {
+  defaults.headers[method] = {};
+});
+
+utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
+  defaults.headers[method] = utils.merge(DEFAULT_CONTENT_TYPE);
+});
+
+module.exports = defaults;
+
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../process/browser.js */ "./node_modules/process/browser.js")))
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/bind.js":
+/*!************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/bind.js ***!
+  \************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+module.exports = function bind(fn, thisArg) {
+  return function wrap() {
+    var args = new Array(arguments.length);
+    for (var i = 0; i < args.length; i++) {
+      args[i] = arguments[i];
+    }
+    return fn.apply(thisArg, args);
+  };
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/buildURL.js":
+/*!****************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/buildURL.js ***!
+  \****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+
+function encode(val) {
+  return encodeURIComponent(val).
+    replace(/%40/gi, '@').
+    replace(/%3A/gi, ':').
+    replace(/%24/g, '$').
+    replace(/%2C/gi, ',').
+    replace(/%20/g, '+').
+    replace(/%5B/gi, '[').
+    replace(/%5D/gi, ']');
+}
+
+/**
+ * Build a URL by appending params to the end
+ *
+ * @param {string} url The base of the url (e.g., http://www.google.com)
+ * @param {object} [params] The params to be appended
+ * @returns {string} The formatted url
+ */
+module.exports = function buildURL(url, params, paramsSerializer) {
+  /*eslint no-param-reassign:0*/
+  if (!params) {
+    return url;
+  }
+
+  var serializedParams;
+  if (paramsSerializer) {
+    serializedParams = paramsSerializer(params);
+  } else if (utils.isURLSearchParams(params)) {
+    serializedParams = params.toString();
+  } else {
+    var parts = [];
+
+    utils.forEach(params, function serialize(val, key) {
+      if (val === null || typeof val === 'undefined') {
+        return;
+      }
+
+      if (utils.isArray(val)) {
+        key = key + '[]';
+      } else {
+        val = [val];
+      }
+
+      utils.forEach(val, function parseValue(v) {
+        if (utils.isDate(v)) {
+          v = v.toISOString();
+        } else if (utils.isObject(v)) {
+          v = JSON.stringify(v);
+        }
+        parts.push(encode(key) + '=' + encode(v));
+      });
+    });
+
+    serializedParams = parts.join('&');
+  }
+
+  if (serializedParams) {
+    var hashmarkIndex = url.indexOf('#');
+    if (hashmarkIndex !== -1) {
+      url = url.slice(0, hashmarkIndex);
+    }
+
+    url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams;
+  }
+
+  return url;
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/combineURLs.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/combineURLs.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/**
+ * Creates a new URL by combining the specified URLs
+ *
+ * @param {string} baseURL The base URL
+ * @param {string} relativeURL The relative URL
+ * @returns {string} The combined URL
+ */
+module.exports = function combineURLs(baseURL, relativeURL) {
+  return relativeURL
+    ? baseURL.replace(/\/+$/, '') + '/' + relativeURL.replace(/^\/+/, '')
+    : baseURL;
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/cookies.js":
+/*!***************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/cookies.js ***!
+  \***************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+
+module.exports = (
+  utils.isStandardBrowserEnv() ?
+
+  // Standard browser envs support document.cookie
+    (function standardBrowserEnv() {
+      return {
+        write: function write(name, value, expires, path, domain, secure) {
+          var cookie = [];
+          cookie.push(name + '=' + encodeURIComponent(value));
+
+          if (utils.isNumber(expires)) {
+            cookie.push('expires=' + new Date(expires).toGMTString());
+          }
+
+          if (utils.isString(path)) {
+            cookie.push('path=' + path);
+          }
+
+          if (utils.isString(domain)) {
+            cookie.push('domain=' + domain);
+          }
+
+          if (secure === true) {
+            cookie.push('secure');
+          }
+
+          document.cookie = cookie.join('; ');
+        },
+
+        read: function read(name) {
+          var match = document.cookie.match(new RegExp('(^|;\\s*)(' + name + ')=([^;]*)'));
+          return (match ? decodeURIComponent(match[3]) : null);
+        },
+
+        remove: function remove(name) {
+          this.write(name, '', Date.now() - 86400000);
+        }
+      };
+    })() :
+
+  // Non standard browser env (web workers, react-native) lack needed support.
+    (function nonStandardBrowserEnv() {
+      return {
+        write: function write() {},
+        read: function read() { return null; },
+        remove: function remove() {}
+      };
+    })()
+);
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/isAbsoluteURL.js":
+/*!*********************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/isAbsoluteURL.js ***!
+  \*********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/**
+ * Determines whether the specified URL is absolute
+ *
+ * @param {string} url The URL to test
+ * @returns {boolean} True if the specified URL is absolute, otherwise false
+ */
+module.exports = function isAbsoluteURL(url) {
+  // A URL is considered absolute if it begins with "<scheme>://" or "//" (protocol-relative URL).
+  // RFC 3986 defines scheme name as a sequence of characters beginning with a letter and followed
+  // by any combination of letters, digits, plus, period, or hyphen.
+  return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(url);
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/isURLSameOrigin.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/isURLSameOrigin.js ***!
+  \***********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+
+module.exports = (
+  utils.isStandardBrowserEnv() ?
+
+  // Standard browser envs have full support of the APIs needed to test
+  // whether the request URL is of the same origin as current location.
+    (function standardBrowserEnv() {
+      var msie = /(msie|trident)/i.test(navigator.userAgent);
+      var urlParsingNode = document.createElement('a');
+      var originURL;
+
+      /**
+    * Parse a URL to discover it's components
+    *
+    * @param {String} url The URL to be parsed
+    * @returns {Object}
+    */
+      function resolveURL(url) {
+        var href = url;
+
+        if (msie) {
+        // IE needs attribute set twice to normalize properties
+          urlParsingNode.setAttribute('href', href);
+          href = urlParsingNode.href;
+        }
+
+        urlParsingNode.setAttribute('href', href);
+
+        // urlParsingNode provides the UrlUtils interface - http://url.spec.whatwg.org/#urlutils
+        return {
+          href: urlParsingNode.href,
+          protocol: urlParsingNode.protocol ? urlParsingNode.protocol.replace(/:$/, '') : '',
+          host: urlParsingNode.host,
+          search: urlParsingNode.search ? urlParsingNode.search.replace(/^\?/, '') : '',
+          hash: urlParsingNode.hash ? urlParsingNode.hash.replace(/^#/, '') : '',
+          hostname: urlParsingNode.hostname,
+          port: urlParsingNode.port,
+          pathname: (urlParsingNode.pathname.charAt(0) === '/') ?
+            urlParsingNode.pathname :
+            '/' + urlParsingNode.pathname
+        };
+      }
+
+      originURL = resolveURL(window.location.href);
+
+      /**
+    * Determine if a URL shares the same origin as the current location
+    *
+    * @param {String} requestURL The URL to test
+    * @returns {boolean} True if URL shares the same origin, otherwise false
+    */
+      return function isURLSameOrigin(requestURL) {
+        var parsed = (utils.isString(requestURL)) ? resolveURL(requestURL) : requestURL;
+        return (parsed.protocol === originURL.protocol &&
+            parsed.host === originURL.host);
+      };
+    })() :
+
+  // Non standard browser envs (web workers, react-native) lack needed support.
+    (function nonStandardBrowserEnv() {
+      return function isURLSameOrigin() {
+        return true;
+      };
+    })()
+);
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/normalizeHeaderName.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/normalizeHeaderName.js ***!
+  \***************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ../utils */ "./node_modules/axios/lib/utils.js");
+
+module.exports = function normalizeHeaderName(headers, normalizedName) {
+  utils.forEach(headers, function processHeader(value, name) {
+    if (name !== normalizedName && name.toUpperCase() === normalizedName.toUpperCase()) {
+      headers[normalizedName] = value;
+      delete headers[name];
+    }
+  });
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/parseHeaders.js":
+/*!********************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/parseHeaders.js ***!
+  \********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+
+// Headers whose duplicates are ignored by node
+// c.f. https://nodejs.org/api/http.html#http_message_headers
+var ignoreDuplicateOf = [
+  'age', 'authorization', 'content-length', 'content-type', 'etag',
+  'expires', 'from', 'host', 'if-modified-since', 'if-unmodified-since',
+  'last-modified', 'location', 'max-forwards', 'proxy-authorization',
+  'referer', 'retry-after', 'user-agent'
+];
+
+/**
+ * Parse headers into an object
+ *
+ * ```
+ * Date: Wed, 27 Aug 2014 08:58:49 GMT
+ * Content-Type: application/json
+ * Connection: keep-alive
+ * Transfer-Encoding: chunked
+ * ```
+ *
+ * @param {String} headers Headers needing to be parsed
+ * @returns {Object} Headers parsed into an object
+ */
+module.exports = function parseHeaders(headers) {
+  var parsed = {};
+  var key;
+  var val;
+  var i;
+
+  if (!headers) { return parsed; }
+
+  utils.forEach(headers.split('\n'), function parser(line) {
+    i = line.indexOf(':');
+    key = utils.trim(line.substr(0, i)).toLowerCase();
+    val = utils.trim(line.substr(i + 1));
+
+    if (key) {
+      if (parsed[key] && ignoreDuplicateOf.indexOf(key) >= 0) {
+        return;
+      }
+      if (key === 'set-cookie') {
+        parsed[key] = (parsed[key] ? parsed[key] : []).concat([val]);
+      } else {
+        parsed[key] = parsed[key] ? parsed[key] + ', ' + val : val;
+      }
+    }
+  });
+
+  return parsed;
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/spread.js":
+/*!**************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/spread.js ***!
+  \**************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/**
+ * Syntactic sugar for invoking a function and expanding an array for arguments.
+ *
+ * Common use case would be to use `Function.prototype.apply`.
+ *
+ *  ```js
+ *  function f(x, y, z) {}
+ *  var args = [1, 2, 3];
+ *  f.apply(null, args);
+ *  ```
+ *
+ * With `spread` this example can be re-written.
+ *
+ *  ```js
+ *  spread(function(x, y, z) {})([1, 2, 3]);
+ *  ```
+ *
+ * @param {Function} callback
+ * @returns {Function}
+ */
+module.exports = function spread(callback) {
+  return function wrap(arr) {
+    return callback.apply(null, arr);
+  };
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/utils.js":
+/*!*****************************************!*\
+  !*** ./node_modules/axios/lib/utils.js ***!
+  \*****************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var bind = __webpack_require__(/*! ./helpers/bind */ "./node_modules/axios/lib/helpers/bind.js");
+
+/*global toString:true*/
+
+// utils is a library of generic helper functions non-specific to axios
+
+var toString = Object.prototype.toString;
+
+/**
+ * Determine if a value is an Array
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is an Array, otherwise false
+ */
+function isArray(val) {
+  return toString.call(val) === '[object Array]';
+}
+
+/**
+ * Determine if a value is undefined
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if the value is undefined, otherwise false
+ */
+function isUndefined(val) {
+  return typeof val === 'undefined';
+}
+
+/**
+ * Determine if a value is a Buffer
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Buffer, otherwise false
+ */
+function isBuffer(val) {
+  return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor)
+    && typeof val.constructor.isBuffer === 'function' && val.constructor.isBuffer(val);
+}
+
+/**
+ * Determine if a value is an ArrayBuffer
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is an ArrayBuffer, otherwise false
+ */
+function isArrayBuffer(val) {
+  return toString.call(val) === '[object ArrayBuffer]';
+}
+
+/**
+ * Determine if a value is a FormData
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is an FormData, otherwise false
+ */
+function isFormData(val) {
+  return (typeof FormData !== 'undefined') && (val instanceof FormData);
+}
+
+/**
+ * Determine if a value is a view on an ArrayBuffer
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false
+ */
+function isArrayBufferView(val) {
+  var result;
+  if ((typeof ArrayBuffer !== 'undefined') && (ArrayBuffer.isView)) {
+    result = ArrayBuffer.isView(val);
+  } else {
+    result = (val) && (val.buffer) && (val.buffer instanceof ArrayBuffer);
+  }
+  return result;
+}
+
+/**
+ * Determine if a value is a String
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a String, otherwise false
+ */
+function isString(val) {
+  return typeof val === 'string';
+}
+
+/**
+ * Determine if a value is a Number
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Number, otherwise false
+ */
+function isNumber(val) {
+  return typeof val === 'number';
+}
+
+/**
+ * Determine if a value is an Object
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is an Object, otherwise false
+ */
+function isObject(val) {
+  return val !== null && typeof val === 'object';
+}
+
+/**
+ * Determine if a value is a Date
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Date, otherwise false
+ */
+function isDate(val) {
+  return toString.call(val) === '[object Date]';
+}
+
+/**
+ * Determine if a value is a File
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a File, otherwise false
+ */
+function isFile(val) {
+  return toString.call(val) === '[object File]';
+}
+
+/**
+ * Determine if a value is a Blob
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Blob, otherwise false
+ */
+function isBlob(val) {
+  return toString.call(val) === '[object Blob]';
+}
+
+/**
+ * Determine if a value is a Function
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Function, otherwise false
+ */
+function isFunction(val) {
+  return toString.call(val) === '[object Function]';
+}
+
+/**
+ * Determine if a value is a Stream
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Stream, otherwise false
+ */
+function isStream(val) {
+  return isObject(val) && isFunction(val.pipe);
+}
+
+/**
+ * Determine if a value is a URLSearchParams object
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a URLSearchParams object, otherwise false
+ */
+function isURLSearchParams(val) {
+  return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;
+}
+
+/**
+ * Trim excess whitespace off the beginning and end of a string
+ *
+ * @param {String} str The String to trim
+ * @returns {String} The String freed of excess whitespace
+ */
+function trim(str) {
+  return str.replace(/^\s*/, '').replace(/\s*$/, '');
+}
+
+/**
+ * Determine if we're running in a standard browser environment
+ *
+ * This allows axios to run in a web worker, and react-native.
+ * Both environments support XMLHttpRequest, but not fully standard globals.
+ *
+ * web workers:
+ *  typeof window -> undefined
+ *  typeof document -> undefined
+ *
+ * react-native:
+ *  navigator.product -> 'ReactNative'
+ * nativescript
+ *  navigator.product -> 'NativeScript' or 'NS'
+ */
+function isStandardBrowserEnv() {
+  if (typeof navigator !== 'undefined' && (navigator.product === 'ReactNative' ||
+                                           navigator.product === 'NativeScript' ||
+                                           navigator.product === 'NS')) {
+    return false;
+  }
+  return (
+    typeof window !== 'undefined' &&
+    typeof document !== 'undefined'
+  );
+}
+
+/**
+ * Iterate over an Array or an Object invoking a function for each item.
+ *
+ * If `obj` is an Array callback will be called passing
+ * the value, index, and complete array for each item.
+ *
+ * If 'obj' is an Object callback will be called passing
+ * the value, key, and complete object for each property.
+ *
+ * @param {Object|Array} obj The object to iterate
+ * @param {Function} fn The callback to invoke for each item
+ */
+function forEach(obj, fn) {
+  // Don't bother if no value provided
+  if (obj === null || typeof obj === 'undefined') {
+    return;
+  }
+
+  // Force an array if not already something iterable
+  if (typeof obj !== 'object') {
+    /*eslint no-param-reassign:0*/
+    obj = [obj];
+  }
+
+  if (isArray(obj)) {
+    // Iterate over array values
+    for (var i = 0, l = obj.length; i < l; i++) {
+      fn.call(null, obj[i], i, obj);
+    }
+  } else {
+    // Iterate over object keys
+    for (var key in obj) {
+      if (Object.prototype.hasOwnProperty.call(obj, key)) {
+        fn.call(null, obj[key], key, obj);
+      }
+    }
+  }
+}
+
+/**
+ * Accepts varargs expecting each argument to be an object, then
+ * immutably merges the properties of each object and returns result.
+ *
+ * When multiple objects contain the same key the later object in
+ * the arguments list will take precedence.
+ *
+ * Example:
+ *
+ * ```js
+ * var result = merge({foo: 123}, {foo: 456});
+ * console.log(result.foo); // outputs 456
+ * ```
+ *
+ * @param {Object} obj1 Object to merge
+ * @returns {Object} Result of all merge properties
+ */
+function merge(/* obj1, obj2, obj3, ... */) {
+  var result = {};
+  function assignValue(val, key) {
+    if (typeof result[key] === 'object' && typeof val === 'object') {
+      result[key] = merge(result[key], val);
+    } else {
+      result[key] = val;
+    }
+  }
+
+  for (var i = 0, l = arguments.length; i < l; i++) {
+    forEach(arguments[i], assignValue);
+  }
+  return result;
+}
+
+/**
+ * Function equal to merge with the difference being that no reference
+ * to original objects is kept.
+ *
+ * @see merge
+ * @param {Object} obj1 Object to merge
+ * @returns {Object} Result of all merge properties
+ */
+function deepMerge(/* obj1, obj2, obj3, ... */) {
+  var result = {};
+  function assignValue(val, key) {
+    if (typeof result[key] === 'object' && typeof val === 'object') {
+      result[key] = deepMerge(result[key], val);
+    } else if (typeof val === 'object') {
+      result[key] = deepMerge({}, val);
+    } else {
+      result[key] = val;
+    }
+  }
+
+  for (var i = 0, l = arguments.length; i < l; i++) {
+    forEach(arguments[i], assignValue);
+  }
+  return result;
+}
+
+/**
+ * Extends object a by mutably adding to it the properties of object b.
+ *
+ * @param {Object} a The object to be extended
+ * @param {Object} b The object to copy properties from
+ * @param {Object} thisArg The object to bind function to
+ * @return {Object} The resulting value of object a
+ */
+function extend(a, b, thisArg) {
+  forEach(b, function assignValue(val, key) {
+    if (thisArg && typeof val === 'function') {
+      a[key] = bind(val, thisArg);
+    } else {
+      a[key] = val;
+    }
+  });
+  return a;
+}
+
+module.exports = {
+  isArray: isArray,
+  isArrayBuffer: isArrayBuffer,
+  isBuffer: isBuffer,
+  isFormData: isFormData,
+  isArrayBufferView: isArrayBufferView,
+  isString: isString,
+  isNumber: isNumber,
+  isObject: isObject,
+  isUndefined: isUndefined,
+  isDate: isDate,
+  isFile: isFile,
+  isBlob: isBlob,
+  isFunction: isFunction,
+  isStream: isStream,
+  isURLSearchParams: isURLSearchParams,
+  isStandardBrowserEnv: isStandardBrowserEnv,
+  forEach: forEach,
+  merge: merge,
+  deepMerge: deepMerge,
+  extend: extend,
+  trim: trim
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/card-validator/index.js":
+/*!**********************************************!*\
+  !*** ./node_modules/card-validator/index.js ***!
+  \**********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+module.exports = {
+  number: __webpack_require__(/*! ./src/card-number */ "./node_modules/card-validator/src/card-number.js"),
+  expirationDate: __webpack_require__(/*! ./src/expiration-date */ "./node_modules/card-validator/src/expiration-date.js"),
+  expirationMonth: __webpack_require__(/*! ./src/expiration-month */ "./node_modules/card-validator/src/expiration-month.js"),
+  expirationYear: __webpack_require__(/*! ./src/expiration-year */ "./node_modules/card-validator/src/expiration-year.js"),
+  cvv: __webpack_require__(/*! ./src/cvv */ "./node_modules/card-validator/src/cvv.js"),
+  postalCode: __webpack_require__(/*! ./src/postal-code */ "./node_modules/card-validator/src/postal-code.js"),
+  creditCardType: __webpack_require__(/*! credit-card-type */ "./node_modules/credit-card-type/index.js")
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/card-validator/src/card-number.js":
+/*!********************************************************!*\
+  !*** ./node_modules/card-validator/src/card-number.js ***!
+  \********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var luhn10 = __webpack_require__(/*! ./luhn-10 */ "./node_modules/card-validator/src/luhn-10.js");
+var getCardTypes = __webpack_require__(/*! credit-card-type */ "./node_modules/credit-card-type/index.js");
+
+function verification(card, isPotentiallyValid, isValid) {
+  return {card: card, isPotentiallyValid: isPotentiallyValid, isValid: isValid};
+}
+
+function cardNumber(value, options) {
+  var potentialTypes, cardType, isPotentiallyValid, isValid, i, maxLength;
+
+  options = options || {};
+
+  if (typeof value === 'number') {
+    value = String(value);
+  }
+
+  if (typeof value !== 'string') { return verification(null, false, false); }
+
+  value = value.replace(/\-|\s/g, '');
+
+  if (!/^\d*$/.test(value)) { return verification(null, false, false); }
+
+  potentialTypes = getCardTypes(value);
+
+  if (potentialTypes.length === 0) {
+    return verification(null, false, false);
+  } else if (potentialTypes.length !== 1) {
+    return verification(null, true, false);
+  }
+
+  cardType = potentialTypes[0];
+
+  if (options.maxLength && value.length > options.maxLength) {
+    return verification(cardType, false, false);
+  }
+
+  if (cardType.type === getCardTypes.types.UNIONPAY && options.luhnValidateUnionPay !== true) {
+    isValid = true;
+  } else {
+    isValid = luhn10(value);
+  }
+
+  maxLength = Math.max.apply(null, cardType.lengths);
+  if (options.maxLength) {
+    maxLength = Math.min(options.maxLength, maxLength);
+  }
+
+  for (i = 0; i < cardType.lengths.length; i++) {
+    if (cardType.lengths[i] === value.length) {
+      isPotentiallyValid = value.length < maxLength || isValid;
+
+      return verification(cardType, isPotentiallyValid, isValid);
+    }
+  }
+
+  return verification(cardType, value.length < maxLength, false);
+}
+
+module.exports = cardNumber;
+
+
+/***/ }),
+
+/***/ "./node_modules/card-validator/src/cvv.js":
+/*!************************************************!*\
+  !*** ./node_modules/card-validator/src/cvv.js ***!
+  \************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var DEFAULT_LENGTH = 3;
+
+function includes(array, thing) {
+  var i = 0;
+
+  for (; i < array.length; i++) {
+    if (thing === array[i]) { return true; }
+  }
+
+  return false;
+}
+
+function max(array) {
+  var maximum = DEFAULT_LENGTH;
+  var i = 0;
+
+  for (; i < array.length; i++) {
+    maximum = array[i] > maximum ? array[i] : maximum;
+  }
+
+  return maximum;
+}
+
+function verification(isValid, isPotentiallyValid) {
+  return {isValid: isValid, isPotentiallyValid: isPotentiallyValid};
+}
+
+function cvv(value, maxLength) {
+  maxLength = maxLength || DEFAULT_LENGTH;
+  maxLength = maxLength instanceof Array ? maxLength : [maxLength];
+
+  if (typeof value !== 'string') { return verification(false, false); }
+  if (!/^\d*$/.test(value)) { return verification(false, false); }
+  if (includes(maxLength, value.length)) { return verification(true, true); }
+  if (value.length < Math.min.apply(null, maxLength)) { return verification(false, true); }
+  if (value.length > max(maxLength)) { return verification(false, false); }
+
+  return verification(true, true);
+}
+
+module.exports = cvv;
+
+
+/***/ }),
+
+/***/ "./node_modules/card-validator/src/expiration-date.js":
+/*!************************************************************!*\
+  !*** ./node_modules/card-validator/src/expiration-date.js ***!
+  \************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var parseDate = __webpack_require__(/*! ./parse-date */ "./node_modules/card-validator/src/parse-date.js");
+var expirationMonth = __webpack_require__(/*! ./expiration-month */ "./node_modules/card-validator/src/expiration-month.js");
+var expirationYear = __webpack_require__(/*! ./expiration-year */ "./node_modules/card-validator/src/expiration-year.js");
+
+function verification(isValid, isPotentiallyValid, month, year) {
+  return {
+    isValid: isValid,
+    isPotentiallyValid: isPotentiallyValid,
+    month: month,
+    year: year
+  };
+}
+
+function expirationDate(value, maxElapsedYear) {
+  var date, monthValid, yearValid, isValidForThisYear;
+
+  if (typeof value === 'string') {
+    value = value.replace(/^(\d\d) (\d\d(\d\d)?)$/, '$1/$2');
+    date = parseDate(value);
+  } else if (value !== null && typeof value === 'object') {
+    date = {
+      month: String(value.month),
+      year: String(value.year)
+    };
+  } else {
+    return verification(false, false, null, null);
+  }
+
+  monthValid = expirationMonth(date.month);
+  yearValid = expirationYear(date.year, maxElapsedYear);
+
+  if (monthValid.isValid) {
+    if (yearValid.isCurrentYear) {
+      isValidForThisYear = monthValid.isValidForThisYear;
+
+      return verification(isValidForThisYear, isValidForThisYear, date.month, date.year);
+    }
+
+    if (yearValid.isValid) {
+      return verification(true, true, date.month, date.year);
+    }
+  }
+
+  if (monthValid.isPotentiallyValid && yearValid.isPotentiallyValid) {
+    return verification(false, true, null, null);
+  }
+
+  return verification(false, false, null, null);
+}
+
+module.exports = expirationDate;
+
+
+/***/ }),
+
+/***/ "./node_modules/card-validator/src/expiration-month.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/card-validator/src/expiration-month.js ***!
+  \*************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+function verification(isValid, isPotentiallyValid, isValidForThisYear) {
+  return {
+    isValid: isValid,
+    isPotentiallyValid: isPotentiallyValid,
+    isValidForThisYear: isValidForThisYear || false
+  };
+}
+
+function expirationMonth(value) {
+  var month, result;
+  var currentMonth = new Date().getMonth() + 1;
+
+  if (typeof value !== 'string') {
+    return verification(false, false);
+  }
+  if (value.replace(/\s/g, '') === '' || value === '0') {
+    return verification(false, true);
+  }
+  if (!/^\d*$/.test(value)) {
+    return verification(false, false);
+  }
+
+  month = parseInt(value, 10);
+
+  if (isNaN(value)) {
+    return verification(false, false);
+  }
+
+  result = month > 0 && month < 13;
+
+  return verification(result, result, result && month >= currentMonth);
+}
+
+module.exports = expirationMonth;
+
+
+/***/ }),
+
+/***/ "./node_modules/card-validator/src/expiration-year.js":
+/*!************************************************************!*\
+  !*** ./node_modules/card-validator/src/expiration-year.js ***!
+  \************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var DEFAULT_VALID_NUMBER_OF_YEARS_IN_THE_FUTURE = 19;
+
+function verification(isValid, isPotentiallyValid, isCurrentYear) {
+  return {
+    isValid: isValid,
+    isPotentiallyValid: isPotentiallyValid,
+    isCurrentYear: isCurrentYear || false
+  };
+}
+
+function expirationYear(value, maxElapsedYear) {
+  var currentFirstTwo, currentYear, firstTwo, len, twoDigitYear, valid, isCurrentYear;
+
+  maxElapsedYear = maxElapsedYear || DEFAULT_VALID_NUMBER_OF_YEARS_IN_THE_FUTURE;
+
+  if (typeof value !== 'string') {
+    return verification(false, false);
+  }
+  if (value.replace(/\s/g, '') === '') {
+    return verification(false, true);
+  }
+  if (!/^\d*$/.test(value)) {
+    return verification(false, false);
+  }
+
+  len = value.length;
+
+  if (len < 2) {
+    return verification(false, true);
+  }
+
+  currentYear = new Date().getFullYear();
+
+  if (len === 3) {
+    // 20x === 20x
+    firstTwo = value.slice(0, 2);
+    currentFirstTwo = String(currentYear).slice(0, 2);
+
+    return verification(false, firstTwo === currentFirstTwo);
+  }
+
+  if (len > 4) {
+    return verification(false, false);
+  }
+
+  value = parseInt(value, 10);
+  twoDigitYear = Number(String(currentYear).substr(2, 2));
+
+  if (len === 2) {
+    isCurrentYear = twoDigitYear === value;
+    valid = value >= twoDigitYear && value <= twoDigitYear + maxElapsedYear;
+  } else if (len === 4) {
+    isCurrentYear = currentYear === value;
+    valid = value >= currentYear && value <= currentYear + maxElapsedYear;
+  }
+
+  return verification(valid, valid, isCurrentYear);
+}
+
+module.exports = expirationYear;
+
+
+/***/ }),
+
+/***/ "./node_modules/card-validator/src/lib/is-array.js":
+/*!*********************************************************!*\
+  !*** ./node_modules/card-validator/src/lib/is-array.js ***!
+  \*********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+// Polyfill taken from <https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray#Polyfill>.
+
+module.exports = Array.isArray || function (arg) {
+  return Object.prototype.toString.call(arg) === '[object Array]';
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/card-validator/src/luhn-10.js":
+/*!****************************************************!*\
+  !*** ./node_modules/card-validator/src/luhn-10.js ***!
+  \****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/*
+ * Luhn algorithm implementation in JavaScript
+ * Copyright (c) 2009 Nicholas C. Zakas
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+
+
+function luhn10(identifier) {
+  var sum = 0;
+  var alt = false;
+  var i = identifier.length - 1;
+  var num;
+
+  while (i >= 0) {
+    num = parseInt(identifier.charAt(i), 10);
+
+    if (alt) {
+      num *= 2;
+      if (num > 9) {
+        num = (num % 10) + 1; // eslint-disable-line no-extra-parens
+      }
+    }
+
+    alt = !alt;
+
+    sum += num;
+
+    i--;
+  }
+
+  return sum % 10 === 0;
+}
+
+module.exports = luhn10;
+
+
+/***/ }),
+
+/***/ "./node_modules/card-validator/src/parse-date.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/card-validator/src/parse-date.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var expirationYear = __webpack_require__(/*! ./expiration-year */ "./node_modules/card-validator/src/expiration-year.js");
+var isArray = __webpack_require__(/*! ./lib/is-array */ "./node_modules/card-validator/src/lib/is-array.js");
+
+function getNumberOfMonthDigitsInDateString(dateString) {
+  var firstCharacter = Number(dateString[0]);
+  var assumedYear;
+
+  /*
+    if the first character in the string starts with `0`,
+    we know that the month will be 2 digits.
+
+    '0122' => {month: '01', year: '22'}
+  */
+  if (firstCharacter === 0) {
+    return 2;
+  }
+
+  /*
+    if the first character in the string starts with
+    number greater than 1, it must be a 1 digit month
+
+    '322' => {month: '3', year: '22'}
+  */
+  if (firstCharacter > 1) {
+    return 1;
+  }
+
+  /*
+    if the first 2 characters make up a number between
+    13-19, we know that the month portion must be 1
+
+    '139' => {month: '1', year: '39'}
+  */
+  if (firstCharacter === 1 && Number(dateString[1]) > 2) {
+    return 1;
+  }
+
+  /*
+    if the first 2 characters make up a number between
+    10-12, we check if the year portion would be considered
+    valid if we assumed that the month was 1. If it is
+    not potentially valid, we assume the month must have
+    2 digits.
+
+    '109' => {month: '10', year: '9'}
+    '120' => {month: '1', year: '20'} // when checked in the year 2019
+    '120' => {month: '12', year: '0'} // when checked in the year 2021
+  */
+  if (firstCharacter === 1) {
+    assumedYear = dateString.substr(1);
+
+    return expirationYear(assumedYear).isPotentiallyValid ? 1 : 2;
+  }
+
+  /*
+    If the length of the value is exactly 5 characters,
+    we assume a full year was passed in, meaning the remaining
+    single leading digit must be the month value.
+
+    '12202' => {month: '1', year: '2202'}
+  */
+  if (dateString.length === 5) {
+    return 1;
+  }
+
+  /*
+    If the length of the value is more than five characters,
+    we assume a full year was passed in addition to the month
+    and therefore the month portion must be 2 digits.
+
+    '112020' => {month: '11', year: '2020'}
+  */
+  if (dateString.length > 5) {
+    return 2;
+  }
+
+  /*
+    By default, the month value is the first value
+  */
+  return 1;
+}
+
+function parseDate(date) {
+  var month, numberOfDigitsInMonth;
+
+  if (/^\d{4}-\d{1,2}$/.test(date)) {
+    date = date.split('-').reverse();
+  } else if (/\//.test(date)) {
+    date = date.split(/\s*\/\s*/g);
+  } else if (/\s/.test(date)) {
+    date = date.split(/ +/g);
+  }
+
+  if (isArray(date)) {
+    return {
+      month: date[0] || '',
+      year: date.slice(1).join()
+    };
+  }
+
+  numberOfDigitsInMonth = getNumberOfMonthDigitsInDateString(date);
+
+  month = date.substr(0, numberOfDigitsInMonth);
+
+  return {
+    month: month,
+    year: date.substr(month.length)
+  };
+}
+
+module.exports = parseDate;
+
+
+/***/ }),
+
+/***/ "./node_modules/card-validator/src/postal-code.js":
+/*!********************************************************!*\
+  !*** ./node_modules/card-validator/src/postal-code.js ***!
+  \********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var DEFAULT_MIN_POSTAL_CODE_LENGTH = 3;
+
+function verification(isValid, isPotentiallyValid) {
+  return {isValid: isValid, isPotentiallyValid: isPotentiallyValid};
+}
+
+function postalCode(value, options) {
+  var minLength;
+
+  options = options || {};
+
+  minLength = options.minLength || DEFAULT_MIN_POSTAL_CODE_LENGTH;
+
+  if (typeof value !== 'string') {
+    return verification(false, false);
+  } else if (value.length < minLength) {
+    return verification(false, true);
+  }
+
+  return verification(true, true);
+}
+
+module.exports = postalCode;
+
+
+/***/ }),
+
+/***/ "./node_modules/credit-card-type/index.js":
+/*!************************************************!*\
+  !*** ./node_modules/credit-card-type/index.js ***!
+  \************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var types = __webpack_require__(/*! ./lib/card-types */ "./node_modules/credit-card-type/lib/card-types.js");
+var clone = __webpack_require__(/*! ./lib/clone */ "./node_modules/credit-card-type/lib/clone.js");
+var findBestMatch = __webpack_require__(/*! ./lib/find-best-match */ "./node_modules/credit-card-type/lib/find-best-match.js");
+var isValidInputType = __webpack_require__(/*! ./lib/is-valid-input-type */ "./node_modules/credit-card-type/lib/is-valid-input-type.js");
+var addMatchingCardsToResults = __webpack_require__(/*! ./lib/add-matching-cards-to-results */ "./node_modules/credit-card-type/lib/add-matching-cards-to-results.js");
+
+var testOrder;
+var customCards = {};
+
+var cardNames = {
+  VISA: 'visa',
+  MASTERCARD: 'mastercard',
+  AMERICAN_EXPRESS: 'american-express',
+  DINERS_CLUB: 'diners-club',
+  DISCOVER: 'discover',
+  JCB: 'jcb',
+  UNIONPAY: 'unionpay',
+  MAESTRO: 'maestro',
+  ELO: 'elo',
+  MIR: 'mir',
+  HIPER: 'hiper',
+  HIPERCARD: 'hipercard'
+};
+
+var ORIGINAL_TEST_ORDER = [
+  cardNames.VISA,
+  cardNames.MASTERCARD,
+  cardNames.AMERICAN_EXPRESS,
+  cardNames.DINERS_CLUB,
+  cardNames.DISCOVER,
+  cardNames.JCB,
+  cardNames.UNIONPAY,
+  cardNames.MAESTRO,
+  cardNames.ELO,
+  cardNames.MIR,
+  cardNames.HIPER,
+  cardNames.HIPERCARD
+];
+
+testOrder = clone(ORIGINAL_TEST_ORDER);
+
+function findType(type) {
+  return customCards[type] || types[type];
+}
+
+function getAllCardTypes() {
+  return testOrder.map(function (type) {
+    return clone(findType(type));
+  });
+}
+
+function getCardPosition(name, ignoreErrorForNotExisting) {
+  var position = testOrder.indexOf(name);
+
+  if (!ignoreErrorForNotExisting && position === -1) {
+    throw new Error('"' + name + '" is not a supported card type.');
+  }
+
+  return position;
+}
+
+function creditCardType(cardNumber) {
+  var bestMatch;
+  var results = [];
+
+  if (!isValidInputType(cardNumber)) {
+    return [];
+  }
+
+  if (cardNumber.length === 0) {
+    return getAllCardTypes(testOrder);
+  }
+
+  testOrder.forEach(function (type) {
+    var cardConfiguration = findType(type);
+
+    addMatchingCardsToResults(cardNumber, cardConfiguration, results);
+  });
+
+  bestMatch = findBestMatch(results);
+
+  if (bestMatch) {
+    return [bestMatch];
+  }
+
+  return results;
+}
+
+creditCardType.getTypeInfo = function (type) {
+  return clone(findType(type));
+};
+
+creditCardType.removeCard = function (name) {
+  var position = getCardPosition(name);
+
+  testOrder.splice(position, 1);
+};
+
+creditCardType.addCard = function (config) {
+  var existingCardPosition = getCardPosition(config.type, true);
+
+  customCards[config.type] = config;
+
+  if (existingCardPosition === -1) {
+    testOrder.push(config.type);
+  }
+};
+
+creditCardType.updateCard = function (cardType, updates) {
+  var clonedCard;
+  var originalObject = customCards[cardType] || types[cardType];
+
+  if (!originalObject) {
+    throw new Error('"' + cardType + '" is not a recognized type. Use `addCard` instead.');
+  }
+
+  if (updates.type && originalObject.type !== updates.type) {
+    throw new Error('Cannot overwrite type parameter.');
+  }
+
+  clonedCard = clone(originalObject, true);
+
+  Object.keys(clonedCard).forEach(function (key) {
+    if (updates[key]) {
+      clonedCard[key] = updates[key];
+    }
+  });
+
+  customCards[clonedCard.type] = clonedCard;
+};
+
+creditCardType.changeOrder = function (name, position) {
+  var currentPosition = getCardPosition(name);
+
+  testOrder.splice(currentPosition, 1);
+  testOrder.splice(position, 0, name);
+};
+
+creditCardType.resetModifications = function () {
+  testOrder = clone(ORIGINAL_TEST_ORDER);
+  customCards = {};
+};
+
+creditCardType.types = cardNames;
+
+module.exports = creditCardType;
+
+
+/***/ }),
+
+/***/ "./node_modules/credit-card-type/lib/add-matching-cards-to-results.js":
+/*!****************************************************************************!*\
+  !*** ./node_modules/credit-card-type/lib/add-matching-cards-to-results.js ***!
+  \****************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var clone = __webpack_require__(/*! ./clone */ "./node_modules/credit-card-type/lib/clone.js");
+var matches = __webpack_require__(/*! ./matches */ "./node_modules/credit-card-type/lib/matches.js");
+
+function addMatchingCardsToResults(cardNumber, cardConfiguration, results) {
+  var i, pattern, patternLength, clonedCardConfiguration;
+
+  for (i = 0; i < cardConfiguration.patterns.length; i++) {
+    pattern = cardConfiguration.patterns[i];
+
+    if (!matches(cardNumber, pattern)) {
+      continue;
+    }
+
+    clonedCardConfiguration = clone(cardConfiguration);
+
+    if (Array.isArray(pattern)) {
+      patternLength = String(pattern[0]).length;
+    } else {
+      patternLength = String(pattern).length;
+    }
+
+    if (cardNumber.length >= patternLength) {
+      clonedCardConfiguration.matchStrength = patternLength;
+    }
+
+    results.push(clonedCardConfiguration);
+    break;
+  }
+}
+
+module.exports = addMatchingCardsToResults;
+
+
+/***/ }),
+
+/***/ "./node_modules/credit-card-type/lib/card-types.js":
+/*!*********************************************************!*\
+  !*** ./node_modules/credit-card-type/lib/card-types.js ***!
+  \*********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var cardTypes = {
+  visa: {
+    niceType: 'Visa',
+    type: 'visa',
+    patterns: [
+      4
+    ],
+    gaps: [4, 8, 12],
+    lengths: [16, 18, 19],
+    code: {
+      name: 'CVV',
+      size: 3
+    }
+  },
+  mastercard: {
+    niceType: 'Mastercard',
+    type: 'mastercard',
+    patterns: [
+      [51, 55],
+      [2221, 2229],
+      [223, 229],
+      [23, 26],
+      [270, 271],
+      2720
+    ],
+    gaps: [4, 8, 12],
+    lengths: [16],
+    code: {
+      name: 'CVC',
+      size: 3
+    }
+  },
+  'american-express': {
+    niceType: 'American Express',
+    type: 'american-express',
+    patterns: [
+      34,
+      37
+    ],
+    gaps: [4, 10],
+    lengths: [15],
+    code: {
+      name: 'CID',
+      size: 4
+    }
+  },
+  'diners-club': {
+    niceType: 'Diners Club',
+    type: 'diners-club',
+    patterns: [
+      [300, 305],
+      36,
+      38,
+      39
+    ],
+    gaps: [4, 10],
+    lengths: [14, 16, 19],
+    code: {
+      name: 'CVV',
+      size: 3
+    }
+  },
+  discover: {
+    niceType: 'Discover',
+    type: 'discover',
+    patterns: [
+      6011,
+      [644, 649],
+      65
+    ],
+    gaps: [4, 8, 12],
+    lengths: [16, 19],
+    code: {
+      name: 'CID',
+      size: 3
+    }
+  },
+  jcb: {
+    niceType: 'JCB',
+    type: 'jcb',
+    patterns: [
+      2131,
+      1800,
+      [3528, 3589]
+    ],
+    gaps: [4, 8, 12],
+    lengths: [16, 17, 18, 19],
+    code: {
+      name: 'CVV',
+      size: 3
+    }
+  },
+  unionpay: {
+    niceType: 'UnionPay',
+    type: 'unionpay',
+    patterns: [
+      620,
+      [624, 626],
+      [62100, 62182],
+      [62184, 62187],
+      [62185, 62197],
+      [62200, 62205],
+      [622010, 622999],
+      622018,
+      [622019, 622999],
+      [62207, 62209],
+      [622126, 622925],
+      [623, 626],
+      6270,
+      6272,
+      6276,
+      [627700, 627779],
+      [627781, 627799],
+      [6282, 6289],
+      6291,
+      6292,
+      810,
+      [8110, 8131],
+      [8132, 8151],
+      [8152, 8163],
+      [8164, 8171]
+    ],
+    gaps: [4, 8, 12],
+    lengths: [14, 15, 16, 17, 18, 19],
+    code: {
+      name: 'CVN',
+      size: 3
+    }
+  },
+  maestro: {
+    niceType: 'Maestro',
+    type: 'maestro',
+    patterns: [
+      493698,
+      [500000, 506698],
+      [506779, 508999],
+      [56, 59],
+      63,
+      67,
+      6
+    ],
+    gaps: [4, 8, 12],
+    lengths: [12, 13, 14, 15, 16, 17, 18, 19],
+    code: {
+      name: 'CVC',
+      size: 3
+    }
+  },
+  elo: {
+    niceType: 'Elo',
+    type: 'elo',
+    patterns: [
+      401178,
+      401179,
+      438935,
+      457631,
+      457632,
+      431274,
+      451416,
+      457393,
+      504175,
+      [506699, 506778],
+      [509000, 509999],
+      627780,
+      636297,
+      636368,
+      [650031, 650033],
+      [650035, 650051],
+      [650405, 650439],
+      [650485, 650538],
+      [650541, 650598],
+      [650700, 650718],
+      [650720, 650727],
+      [650901, 650978],
+      [651652, 651679],
+      [655000, 655019],
+      [655021, 655058]
+    ],
+    gaps: [4, 8, 12],
+    lengths: [16],
+    code: {
+      name: 'CVE',
+      size: 3
+    }
+  },
+  mir: {
+    niceType: 'Mir',
+    type: 'mir',
+    patterns: [
+      [2200, 2204]
+    ],
+    gaps: [4, 8, 12],
+    lengths: [16, 17, 18, 19],
+    code: {
+      name: 'CVP2',
+      size: 3
+    }
+  },
+  hiper: {
+    niceType: 'Hiper',
+    type: 'hiper',
+    patterns: [
+      637095,
+      637568,
+      637599,
+      637609,
+      637612
+    ],
+    gaps: [4, 8, 12],
+    lengths: [16],
+    code: {
+      name: 'CVC',
+      size: 3
+    }
+  },
+  hipercard: {
+    niceType: 'Hipercard',
+    type: 'hipercard',
+    patterns: [
+      606282
+    ],
+    gaps: [4, 8, 12],
+    lengths: [16],
+    code: {
+      name: 'CVC',
+      size: 3
+    }
+  }
+};
+
+module.exports = cardTypes;
+
+
+/***/ }),
+
+/***/ "./node_modules/credit-card-type/lib/clone.js":
+/*!****************************************************!*\
+  !*** ./node_modules/credit-card-type/lib/clone.js ***!
+  \****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+function clone(originalObject) {
+  var dupe;
+
+  if (!originalObject) { return null; }
+
+  dupe = JSON.parse(JSON.stringify(originalObject));
+
+  return dupe;
+}
+
+module.exports = clone;
+
+
+/***/ }),
+
+/***/ "./node_modules/credit-card-type/lib/find-best-match.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/credit-card-type/lib/find-best-match.js ***!
+  \**************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+function hasEnoughResultsToDetermineBestMatch(results) {
+  var numberOfResultsWithMaxStrengthProperty = results.filter(function (result) {
+    return result.matchStrength;
+  }).length;
+
+  // if all possible results have a maxStrength property
+  // that means the card number is sufficiently long
+  // enough to determine conclusively what the type is
+  return numberOfResultsWithMaxStrengthProperty > 0 &&
+    numberOfResultsWithMaxStrengthProperty === results.length;
+}
+
+function findBestMatch(results) {
+  if (!hasEnoughResultsToDetermineBestMatch(results)) {
+    return;
+  }
+
+  return results.reduce(function (bestMatch, result) { // eslint-disable-line consistent-return
+    if (!bestMatch) {
+      return result;
+    }
+
+    // if the current best match pattern is less specific
+    // than this result, set the result as the new best match
+    if (bestMatch.matchStrength < result.matchStrength) {
+      return result;
+    }
+
+    return bestMatch;
+  });
+}
+
+module.exports = findBestMatch;
+
+
+/***/ }),
+
+/***/ "./node_modules/credit-card-type/lib/is-valid-input-type.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/credit-card-type/lib/is-valid-input-type.js ***!
+  \******************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+function isValidInputType(cardNumber) {
+  return typeof cardNumber === 'string' || cardNumber instanceof String;
+}
+
+module.exports = isValidInputType;
+
+
+/***/ }),
+
+/***/ "./node_modules/credit-card-type/lib/matches.js":
+/*!******************************************************!*\
+  !*** ./node_modules/credit-card-type/lib/matches.js ***!
+  \******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+// Adapted from https://github.com/polvo-labs/card-type/blob/aaab11f80fa1939bccc8f24905a06ae3cd864356/src/cardType.js#L37-L42
+function matchesRange(cardNumber, min, max) {
+  var maxLengthToCheck = String(min).length;
+  var substr = cardNumber.substr(0, maxLengthToCheck);
+  var integerRepresentationOfCardNumber = parseInt(substr, 10);
+
+  min = parseInt(String(min).substr(0, substr.length), 10);
+  max = parseInt(String(max).substr(0, substr.length), 10);
+
+  return integerRepresentationOfCardNumber >= min && integerRepresentationOfCardNumber <= max;
+}
+
+function matchesPattern(cardNumber, pattern) {
+  pattern = String(pattern);
+
+  return pattern.substring(0, cardNumber.length) === cardNumber.substring(0, pattern.length);
+}
+
+function matches(cardNumber, pattern) {
+  if (Array.isArray(pattern)) {
+    return matchesRange(cardNumber, pattern[0], pattern[1]);
+  }
+
+  return matchesPattern(cardNumber, pattern);
+}
+
+module.exports = matches;
+
+
+/***/ }),
+
+/***/ "./node_modules/process/browser.js":
+/*!*****************************************!*\
+  !*** ./node_modules/process/browser.js ***!
+  \*****************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+// shim for using process in browser
+var process = module.exports = {};
+
+// cached from whatever global is present so that test runners that stub it
+// don't break things.  But we need to wrap it in a try catch in case it is
+// wrapped in strict mode code which doesn't define any globals.  It's inside a
+// function because try/catches deoptimize in certain engines.
+
+var cachedSetTimeout;
+var cachedClearTimeout;
+
+function defaultSetTimout() {
+    throw new Error('setTimeout has not been defined');
+}
+function defaultClearTimeout () {
+    throw new Error('clearTimeout has not been defined');
+}
+(function () {
+    try {
+        if (typeof setTimeout === 'function') {
+            cachedSetTimeout = setTimeout;
+        } else {
+            cachedSetTimeout = defaultSetTimout;
+        }
+    } catch (e) {
+        cachedSetTimeout = defaultSetTimout;
+    }
+    try {
+        if (typeof clearTimeout === 'function') {
+            cachedClearTimeout = clearTimeout;
+        } else {
+            cachedClearTimeout = defaultClearTimeout;
+        }
+    } catch (e) {
+        cachedClearTimeout = defaultClearTimeout;
+    }
+} ())
+function runTimeout(fun) {
+    if (cachedSetTimeout === setTimeout) {
+        //normal enviroments in sane situations
+        return setTimeout(fun, 0);
+    }
+    // if setTimeout wasn't available but was latter defined
+    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+        cachedSetTimeout = setTimeout;
+        return setTimeout(fun, 0);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedSetTimeout(fun, 0);
+    } catch(e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+            return cachedSetTimeout.call(null, fun, 0);
+        } catch(e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
+            return cachedSetTimeout.call(this, fun, 0);
+        }
+    }
+
+
+}
+function runClearTimeout(marker) {
+    if (cachedClearTimeout === clearTimeout) {
+        //normal enviroments in sane situations
+        return clearTimeout(marker);
+    }
+    // if clearTimeout wasn't available but was latter defined
+    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+        cachedClearTimeout = clearTimeout;
+        return clearTimeout(marker);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedClearTimeout(marker);
+    } catch (e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
+            return cachedClearTimeout.call(null, marker);
+        } catch (e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
+            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+            return cachedClearTimeout.call(this, marker);
+        }
+    }
+
+
+
+}
+var queue = [];
+var draining = false;
+var currentQueue;
+var queueIndex = -1;
+
+function cleanUpNextTick() {
+    if (!draining || !currentQueue) {
+        return;
+    }
+    draining = false;
+    if (currentQueue.length) {
+        queue = currentQueue.concat(queue);
+    } else {
+        queueIndex = -1;
+    }
+    if (queue.length) {
+        drainQueue();
+    }
+}
+
+function drainQueue() {
+    if (draining) {
+        return;
+    }
+    var timeout = runTimeout(cleanUpNextTick);
+    draining = true;
+
+    var len = queue.length;
+    while(len) {
+        currentQueue = queue;
+        queue = [];
+        while (++queueIndex < len) {
+            if (currentQueue) {
+                currentQueue[queueIndex].run();
+            }
+        }
+        queueIndex = -1;
+        len = queue.length;
+    }
+    currentQueue = null;
+    draining = false;
+    runClearTimeout(timeout);
+}
+
+process.nextTick = function (fun) {
+    var args = new Array(arguments.length - 1);
+    if (arguments.length > 1) {
+        for (var i = 1; i < arguments.length; i++) {
+            args[i - 1] = arguments[i];
+        }
+    }
+    queue.push(new Item(fun, args));
+    if (queue.length === 1 && !draining) {
+        runTimeout(drainQueue);
+    }
+};
+
+// v8 likes predictible objects
+function Item(fun, array) {
+    this.fun = fun;
+    this.array = array;
+}
+Item.prototype.run = function () {
+    this.fun.apply(null, this.array);
+};
+process.title = 'browser';
+process.browser = true;
+process.env = {};
+process.argv = [];
+process.version = ''; // empty string to avoid regexp issues
+process.versions = {};
+
+function noop() {}
+
+process.on = noop;
+process.addListener = noop;
+process.once = noop;
+process.off = noop;
+process.removeListener = noop;
+process.removeAllListeners = noop;
+process.emit = noop;
+process.prependListener = noop;
+process.prependOnceListener = noop;
+
+process.listeners = function (name) { return [] }
+
+process.binding = function (name) {
+    throw new Error('process.binding is not supported');
+};
+
+process.cwd = function () { return '/' };
+process.chdir = function (dir) {
+    throw new Error('process.chdir is not supported');
+};
+process.umask = function() { return 0; };
+
+
+/***/ }),
+
+/***/ "./resources/js/app.js":
+/*!*****************************!*\
+  !*** ./resources/js/app.js ***!
+  \*****************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/**
+ * Axios
+ *
+ * Promise based HTTP client for the browser and node.js
+ * https://github.com/axios/axios
+ */
+window.axios = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
+/**
+ * card-validator
+ * 
+ * Validate credit cards as users type.
+ * https://github.com/braintree/card-validator
+ */
+
+window.valid = __webpack_require__(/*! card-validator */ "./node_modules/card-validator/index.js");
+
+/***/ }),
+
+/***/ "./resources/sass/app.scss":
+/*!*********************************!*\
+  !*** ./resources/sass/app.scss ***!
+  \*********************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 0:
+/*!*************************************************************!*\
+  !*** multi ./resources/js/app.js ./resources/sass/app.scss ***!
+  \*************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+__webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/app.js */"./resources/js/app.js");
+module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/sass/app.scss */"./resources/sass/app.scss");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/invoices/action-selectors.js b/public/js/clients/invoices/action-selectors.js
index fe74ca68c2..3dec98e677 100644
--- a/public/js/clients/invoices/action-selectors.js
+++ b/public/js/clients/invoices/action-selectors.js
@@ -1,2 +1,240 @@
-/*! For license information please see action-selectors.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=5)}({5:function(e,t,n){e.exports=n("Boob")},Boob:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.parentElement=document.querySelector(".form-check-parent"),this.parentForm=document.getElementById("bulkActions")}var t,r,o;return t=e,(r=[{key:"watchCheckboxes",value:function(e){var t=this;document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})),document.querySelectorAll(".form-check-child").forEach((function(n){e.checked?(n.checked=e.checked,t.processChildItem(n,document.getElementById("bulkActions"))):(n.checked=!1,document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})))}))}},{key:"processChildItem",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(n.hasOwnProperty("single")&&document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})),!1!==e.checked){var r=document.createElement("INPUT");r.setAttribute("name","invoices[]"),r.setAttribute("value",e.dataset.value),r.setAttribute("class","child-hidden-input"),r.hidden=!0,t.append(r)}else{var o=document.querySelectorAll("input.child-hidden-input"),c=!0,u=!1,l=void 0;try{for(var i,a=o[Symbol.iterator]();!(c=(i=a.next()).done);c=!0){var d=i.value;d.value==e.dataset.value&&d.remove()}}catch(e){u=!0,l=e}finally{try{c||null==a.return||a.return()}finally{if(u)throw l}}}}},{key:"handle",value:function(){var e=this;this.parentElement.addEventListener("click",(function(){e.watchCheckboxes(e.parentElement)}));var t=!0,n=!1,r=void 0;try{for(var o,c=function(){var t=o.value;t.addEventListener("click",(function(){e.processChildItem(t,e.parentForm)}))},u=document.querySelectorAll(".form-check-child")[Symbol.iterator]();!(t=(o=u.next()).done);t=!0)c()}catch(e){n=!0,r=e}finally{try{t||null==u.return||u.return()}finally{if(n)throw r}}}}])&&n(t.prototype,r),o&&n(t,o),e}())).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 5);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/invoices/action-selectors.js":
+/*!***********************************************************!*\
+  !*** ./resources/js/clients/invoices/action-selectors.js ***!
+  \***********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var ActionSelectors = /*#__PURE__*/function () {
+  function ActionSelectors() {
+    _classCallCheck(this, ActionSelectors);
+
+    this.parentElement = document.querySelector('.form-check-parent');
+    this.parentForm = document.getElementById('bulkActions');
+  }
+
+  _createClass(ActionSelectors, [{
+    key: "watchCheckboxes",
+    value: function watchCheckboxes(parentElement) {
+      var _this = this;
+
+      document.querySelectorAll('.child-hidden-input').forEach(function (element) {
+        return element.remove();
+      });
+      document.querySelectorAll('.form-check-child').forEach(function (child) {
+        if (parentElement.checked) {
+          child.checked = parentElement.checked;
+
+          _this.processChildItem(child, document.getElementById('bulkActions'));
+        } else {
+          child.checked = false;
+          document.querySelectorAll('.child-hidden-input').forEach(function (element) {
+            return element.remove();
+          });
+        }
+      });
+    }
+  }, {
+    key: "processChildItem",
+    value: function processChildItem(element, parent) {
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+      if (options.hasOwnProperty('single')) {
+        document.querySelectorAll('.child-hidden-input').forEach(function (element) {
+          return element.remove();
+        });
+      }
+
+      if (element.checked === false) {
+        var inputs = document.querySelectorAll('input.child-hidden-input');
+
+        var _iterator = _createForOfIteratorHelper(inputs),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var i = _step.value;
+            if (i.value == element.dataset.value) i.remove();
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+
+        return;
+      }
+
+      var _temp = document.createElement('INPUT');
+
+      _temp.setAttribute('name', 'invoices[]');
+
+      _temp.setAttribute('value', element.dataset.value);
+
+      _temp.setAttribute('class', 'child-hidden-input');
+
+      _temp.hidden = true;
+      parent.append(_temp);
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this2 = this;
+
+      this.parentElement.addEventListener('click', function () {
+        _this2.watchCheckboxes(_this2.parentElement);
+      });
+
+      var _iterator2 = _createForOfIteratorHelper(document.querySelectorAll('.form-check-child')),
+          _step2;
+
+      try {
+        var _loop = function _loop() {
+          var child = _step2.value;
+          child.addEventListener('click', function () {
+            _this2.processChildItem(child, _this2.parentForm);
+          });
+        };
+
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          _loop();
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
+  }]);
+
+  return ActionSelectors;
+}();
+/** @handle **/
+
+
+new ActionSelectors().handle();
+
+/***/ }),
+
+/***/ 5:
+/*!*****************************************************************!*\
+  !*** multi ./resources/js/clients/invoices/action-selectors.js ***!
+  \*****************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/invoices/action-selectors.js */"./resources/js/clients/invoices/action-selectors.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/invoices/payment.js b/public/js/clients/invoices/payment.js
index b4794be14b..cca0ec3284 100644
--- a/public/js/clients/invoices/payment.js
+++ b/public/js/clients/invoices/payment.js
@@ -1,2 +1,219 @@
-/*! For license information please see payment.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=6)}({6:function(e,t,n){e.exports=n("FuOr")},FuOr:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var r=function(){function e(t,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.shouldDisplayTerms=t,this.shouldDisplaySignature=n,this.termsAccepted=!1}var t,r,i;return t=e,(r=[{key:"handleMethodSelect",value:function(e){var t=this;document.getElementById("company_gateway_id").value=e.dataset.companyGatewayId,document.getElementById("payment_method_id").value=e.dataset.gatewayTypeId,this.shouldDisplaySignature&&!this.shouldDisplayTerms&&(this.displayTerms(),document.getElementById("accept-terms-button").addEventListener("click",(function(){t.termsAccepted=!0,t.submitForm()}))),!this.shouldDisplaySignature&&this.shouldDisplayTerms&&(this.displaySignature(),document.getElementById("signature-next-step").addEventListener("click",(function(){document.querySelector('input[name="signature"').value=t.signaturePad.toDataURL(),t.submitForm()}))),this.shouldDisplaySignature&&this.shouldDisplayTerms&&(this.displaySignature(),document.getElementById("signature-next-step").addEventListener("click",(function(){t.displayTerms(),document.getElementById("accept-terms-button").addEventListener("click",(function(){document.querySelector('input[name="signature"').value=t.signaturePad.toDataURL(),t.termsAccepted=!0,t.submitForm()}))}))),this.shouldDisplaySignature||this.shouldDisplayTerms||this.submitForm()}},{key:"submitForm",value:function(){document.getElementById("payment-form").submit()}},{key:"displayTerms",value:function(){document.getElementById("displayTermsModal").removeAttribute("style")}},{key:"displaySignature",value:function(){document.getElementById("displaySignatureModal").removeAttribute("style");var e=new SignaturePad(document.getElementById("signature-pad"),{penColor:"rgb(0, 0, 0)"});this.signaturePad=e}},{key:"handle",value:function(){var e=this;document.querySelectorAll(".dropdown-gateway-button").forEach((function(t){t.addEventListener("click",(function(){return e.handleMethodSelect(t)}))}))}}])&&n(t.prototype,r),i&&n(t,i),e}(),i=document.querySelector('meta[name="require-invoice-signature"]').content,u=document.querySelector('meta[name="show-invoice-terms"]').content;new r(Boolean(+i),Boolean(+u)).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 6);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/invoices/payment.js":
+/*!**************************************************!*\
+  !*** ./resources/js/clients/invoices/payment.js ***!
+  \**************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var Payment = /*#__PURE__*/function () {
+  function Payment(displayTerms, displaySignature) {
+    _classCallCheck(this, Payment);
+
+    this.shouldDisplayTerms = displayTerms;
+    this.shouldDisplaySignature = displaySignature;
+    this.termsAccepted = false;
+  }
+
+  _createClass(Payment, [{
+    key: "handleMethodSelect",
+    value: function handleMethodSelect(element) {
+      var _this = this;
+
+      document.getElementById("company_gateway_id").value = element.dataset.companyGatewayId;
+      document.getElementById("payment_method_id").value = element.dataset.gatewayTypeId;
+
+      if (this.shouldDisplaySignature && !this.shouldDisplayTerms) {
+        this.displayTerms();
+        document.getElementById("accept-terms-button").addEventListener("click", function () {
+          _this.termsAccepted = true;
+
+          _this.submitForm();
+        });
+      }
+
+      if (!this.shouldDisplaySignature && this.shouldDisplayTerms) {
+        this.displaySignature();
+        document.getElementById("signature-next-step").addEventListener("click", function () {
+          document.querySelector('input[name="signature"').value = _this.signaturePad.toDataURL();
+
+          _this.submitForm();
+        });
+      }
+
+      if (this.shouldDisplaySignature && this.shouldDisplayTerms) {
+        this.displaySignature();
+        document.getElementById("signature-next-step").addEventListener("click", function () {
+          _this.displayTerms();
+
+          document.getElementById("accept-terms-button").addEventListener("click", function () {
+            document.querySelector('input[name="signature"').value = _this.signaturePad.toDataURL();
+            _this.termsAccepted = true;
+
+            _this.submitForm();
+          });
+        });
+      }
+
+      if (!this.shouldDisplaySignature && !this.shouldDisplayTerms) {
+        this.submitForm();
+      }
+    }
+  }, {
+    key: "submitForm",
+    value: function submitForm() {
+      document.getElementById("payment-form").submit();
+    }
+  }, {
+    key: "displayTerms",
+    value: function displayTerms() {
+      var displayTermsModal = document.getElementById("displayTermsModal");
+      displayTermsModal.removeAttribute("style");
+    }
+  }, {
+    key: "displaySignature",
+    value: function displaySignature() {
+      var displaySignatureModal = document.getElementById("displaySignatureModal");
+      displaySignatureModal.removeAttribute("style");
+      var signaturePad = new SignaturePad(document.getElementById("signature-pad"), {
+        penColor: "rgb(0, 0, 0)"
+      });
+      this.signaturePad = signaturePad;
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this2 = this;
+
+      document.querySelectorAll(".dropdown-gateway-button").forEach(function (element) {
+        element.addEventListener("click", function () {
+          return _this2.handleMethodSelect(element);
+        });
+      });
+    }
+  }]);
+
+  return Payment;
+}();
+
+var signature = document.querySelector('meta[name="require-invoice-signature"]').content;
+var terms = document.querySelector('meta[name="show-invoice-terms"]').content;
+new Payment(Boolean(+signature), Boolean(+terms)).handle();
+
+/***/ }),
+
+/***/ 6:
+/*!********************************************************!*\
+  !*** multi ./resources/js/clients/invoices/payment.js ***!
+  \********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/invoices/payment.js */"./resources/js/clients/invoices/payment.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payment_methods/authorize-ach.js b/public/js/clients/payment_methods/authorize-ach.js
index 79f8e8475b..dfc6845ba5 100644
--- a/public/js/clients/payment_methods/authorize-ach.js
+++ b/public/js/clients/payment_methods/authorize-ach.js
@@ -1,2 +1,194 @@
-/*! For license information please see authorize-ach.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=4)}({4:function(e,t,n){e.exports=n("UWWK")},UWWK:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}(new(function(){function e(){var t=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),r(this,"setupStripe",(function(){return t.stripe=Stripe(t.key),t})),r(this,"getFormData",(function(){return{country:document.getElementById("country").value,currency:document.getElementById("currency").value,routing_number:document.getElementById("routing-number").value,account_number:document.getElementById("account-number").value,account_holder_name:document.getElementById("account-holder-name").value,account_holder_type:document.querySelector('input[name="account-holder-type"]:checked').value}})),r(this,"handleError",(function(e){t.errors.textContent="",t.errors.textContent=e,t.errors.hidden=!1})),r(this,"handleSuccess",(function(e){document.getElementById("gateway_response").value=JSON.stringify(e),document.getElementById("server_response").submit()})),r(this,"handleSubmit",(function(e){e.preventDefault(),t.errors.textContent="",t.errors.hidden=!0,t.stripe.createToken("bank_account",t.getFormData()).then((function(e){return e.hasOwnProperty("error")?t.handleError(e.error.message):t.handleSuccess(e)}))})),this.errors=document.getElementById("errors"),this.key=document.querySelector('meta[name="stripe-publishable-key"]').content}var t,o,u;return t=e,(o=[{key:"handle",value:function(){var e=this;document.getElementById("token-form").addEventListener("submit",(function(t){return e.handleSubmit(t)}))}}])&&n(t.prototype,o),u&&n(t,u),e}())).setupStripe().handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 4);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payment_methods/authorize-ach.js":
+/*!***************************************************************!*\
+  !*** ./resources/js/clients/payment_methods/authorize-ach.js ***!
+  \***************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var AuthorizeACH = /*#__PURE__*/function () {
+  function AuthorizeACH() {
+    var _this = this;
+
+    _classCallCheck(this, AuthorizeACH);
+
+    _defineProperty(this, "setupStripe", function () {
+      _this.stripe = Stripe(_this.key);
+      return _this;
+    });
+
+    _defineProperty(this, "getFormData", function () {
+      return {
+        country: document.getElementById('country').value,
+        currency: document.getElementById('currency').value,
+        routing_number: document.getElementById('routing-number').value,
+        account_number: document.getElementById('account-number').value,
+        account_holder_name: document.getElementById('account-holder-name').value,
+        account_holder_type: document.querySelector('input[name="account-holder-type"]:checked').value
+      };
+    });
+
+    _defineProperty(this, "handleError", function (message) {
+      _this.errors.textContent = '';
+      _this.errors.textContent = message;
+      _this.errors.hidden = false;
+    });
+
+    _defineProperty(this, "handleSuccess", function (response) {
+      document.getElementById('gateway_response').value = JSON.stringify(response);
+      document.getElementById('server_response').submit();
+    });
+
+    _defineProperty(this, "handleSubmit", function (e) {
+      e.preventDefault();
+      _this.errors.textContent = '';
+      _this.errors.hidden = true;
+
+      _this.stripe.createToken('bank_account', _this.getFormData()).then(function (result) {
+        if (result.hasOwnProperty('error')) {
+          return _this.handleError(result.error.message);
+        }
+
+        return _this.handleSuccess(result);
+      });
+    });
+
+    this.errors = document.getElementById('errors');
+    this.key = document.querySelector('meta[name="stripe-publishable-key"]').content;
+  }
+
+  _createClass(AuthorizeACH, [{
+    key: "handle",
+    value: function handle() {
+      var _this2 = this;
+
+      document.getElementById('token-form').addEventListener('submit', function (e) {
+        return _this2.handleSubmit(e);
+      });
+    }
+  }]);
+
+  return AuthorizeACH;
+}();
+
+new AuthorizeACH().setupStripe().handle();
+
+/***/ }),
+
+/***/ 4:
+/*!*********************************************************************!*\
+  !*** multi ./resources/js/clients/payment_methods/authorize-ach.js ***!
+  \*********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/payment_methods/authorize-ach.js */"./resources/js/clients/payment_methods/authorize-ach.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payment_methods/authorize-authorize-card.js b/public/js/clients/payment_methods/authorize-authorize-card.js
index c09786af1a..3b85ee87d6 100644
--- a/public/js/clients/payment_methods/authorize-authorize-card.js
+++ b/public/js/clients/payment_methods/authorize-authorize-card.js
@@ -1,2 +1,198 @@
-/*! For license information please see authorize-authorize-card.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=2)}({2:function(e,t,n){e.exports=n("6vDv")},"6vDv":function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}new(function(){function e(t,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.publicKey=t,this.loginId=n,this.cardHolderName=document.getElementById("cardholder_name"),this.cardButton=document.getElementById("card_button")}var t,r,a;return t=e,(r=[{key:"handleAuthorization",value:function(){var e=$("#my-card"),t={};t.clientKey=this.publicKey,t.apiLoginID=this.loginId;var n={};n.cardNumber=e.CardJs("cardNumber"),n.month=e.CardJs("expiryMonth"),n.year=e.CardJs("expiryYear"),n.cardCode=document.getElementById("cvv").value;var r={};return r.authData=t,r.cardData=n,Accept.dispatchData(r,this.responseHandler),!1}},{key:"responseHandler",value:function(e){if("Error"===e.messages.resultCode)for(var t=0;t<e.messages.message.length;)console.log(e.messages.message[t].code+": "+e.messages.message[t].text),t+=1;else"Ok"===e.messages.resultCode&&(document.getElementById("dataDescriptor").value=e.opaqueData.dataDescriptor,document.getElementById("dataValue").value=e.opaqueData.dataValue,document.getElementById("server_response").submit());return!1}},{key:"handle",value:function(){var e=this;return this.cardButton.addEventListener("click",(function(){e.cardButton.disabled=!e.cardButton.disabled,e.handleAuthorization()})),this}}])&&n(t.prototype,r),a&&n(t,a),e}())(document.querySelector('meta[name="authorize-public-key"]').content,document.querySelector('meta[name="authorize-login-id"]').content).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 2);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payment_methods/authorize-authorize-card.js":
+/*!**************************************************************************!*\
+  !*** ./resources/js/clients/payment_methods/authorize-authorize-card.js ***!
+  \**************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var AuthorizeAuthorizeCard = /*#__PURE__*/function () {
+  function AuthorizeAuthorizeCard(publicKey, loginId) {
+    _classCallCheck(this, AuthorizeAuthorizeCard);
+
+    this.publicKey = publicKey;
+    this.loginId = loginId;
+    this.cardHolderName = document.getElementById("cardholder_name");
+    this.cardButton = document.getElementById("card_button");
+  }
+
+  _createClass(AuthorizeAuthorizeCard, [{
+    key: "handleAuthorization",
+    value: function handleAuthorization() {
+      var myCard = $('#my-card');
+      var authData = {};
+      authData.clientKey = this.publicKey;
+      authData.apiLoginID = this.loginId;
+      var cardData = {};
+      cardData.cardNumber = myCard.CardJs('cardNumber');
+      cardData.month = myCard.CardJs('expiryMonth');
+      cardData.year = myCard.CardJs('expiryYear');
+      ;
+      cardData.cardCode = document.getElementById("cvv").value;
+      var secureData = {};
+      secureData.authData = authData;
+      secureData.cardData = cardData;
+      Accept.dispatchData(secureData, this.responseHandler);
+      return false;
+    }
+  }, {
+    key: "responseHandler",
+    value: function responseHandler(response) {
+      if (response.messages.resultCode === "Error") {
+        var i = 0;
+
+        while (i < response.messages.message.length) {
+          console.log(response.messages.message[i].code + ": " + response.messages.message[i].text);
+          i = i + 1;
+        }
+      } else if (response.messages.resultCode === "Ok") {
+        document.getElementById("dataDescriptor").value = response.opaqueData.dataDescriptor;
+        document.getElementById("dataValue").value = response.opaqueData.dataValue;
+        document.getElementById("server_response").submit();
+      }
+
+      return false;
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this = this;
+
+      //this.handleFormValidation();
+      // At this point as an small API you can request this.form.valid to check if input elements are valid.
+      // Note: this.form.valid will not handle empty fields.
+      this.cardButton.addEventListener("click", function () {
+        _this.cardButton.disabled = !_this.cardButton.disabled;
+
+        _this.handleAuthorization();
+      });
+      return this;
+    }
+  }]);
+
+  return AuthorizeAuthorizeCard;
+}();
+
+var publicKey = document.querySelector('meta[name="authorize-public-key"]').content;
+var loginId = document.querySelector('meta[name="authorize-login-id"]').content;
+/** @handle */
+
+new AuthorizeAuthorizeCard(publicKey, loginId).handle();
+
+/***/ }),
+
+/***/ 2:
+/*!********************************************************************************!*\
+  !*** multi ./resources/js/clients/payment_methods/authorize-authorize-card.js ***!
+  \********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/payment_methods/authorize-authorize-card.js */"./resources/js/clients/payment_methods/authorize-authorize-card.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payment_methods/authorize-stripe-card.js b/public/js/clients/payment_methods/authorize-stripe-card.js
index f5b598eef3..8766d4ef74 100644
--- a/public/js/clients/payment_methods/authorize-stripe-card.js
+++ b/public/js/clients/payment_methods/authorize-stripe-card.js
@@ -1,2 +1,209 @@
-/*! For license information please see authorize-stripe-card.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var u=t[r]={i:r,l:!1,exports:{}};return e[r].call(u.exports,u,u.exports,n),u.l=!0,u.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var u in e)n.d(r,u,function(t){return e[t]}.bind(null,u));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=1)}({1:function(e,t,n){e.exports=n("jzun")},jzun:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}new(function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.key=t,this.cardHolderName=document.getElementById("cardholder-name"),this.cardButton=document.getElementById("card-button"),this.clientSecret=this.cardButton.dataset.secret}var t,r,u;return t=e,(r=[{key:"setupStripe",value:function(){return this.stripe=Stripe(this.key),this.elements=this.stripe.elements(),this}},{key:"createElement",value:function(){return this.cardElement=this.elements.create("card"),this}},{key:"mountCardElement",value:function(){return this.cardElement.mount("#card-element"),this}},{key:"handleStripe",value:function(e,t){var n=this;e.handleCardSetup(this.clientSecret,this.cardElement,{payment_method_data:{billing_details:{name:t.value}}}).then((function(e){return e.error?n.handleFailure(e):n.handleSuccess(e)}))}},{key:"handleFailure",value:function(e){var t=document.getElementById("errors");t.textContent="",t.textContent=e.error.message,t.hidden=!1}},{key:"handleSuccess",value:function(e){document.getElementById("gateway_response").value=JSON.stringify(e.setupIntent),document.getElementById("is_default").value=document.getElementById("proxy_is_default").checked,document.getElementById("server_response").submit()}},{key:"handle",value:function(){var e=this;return this.setupStripe().createElement().mountCardElement(),this.cardButton.addEventListener("click",(function(){e.handleStripe(e.stripe,e.cardHolderName)})),this}}])&&n(t.prototype,r),u&&n(t,u),e}())(document.querySelector('meta[name="stripe-publishable-key"]').content).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 1);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payment_methods/authorize-stripe-card.js":
+/*!***********************************************************************!*\
+  !*** ./resources/js/clients/payment_methods/authorize-stripe-card.js ***!
+  \***********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var AuthorizeStripeCard = /*#__PURE__*/function () {
+  function AuthorizeStripeCard(key) {
+    _classCallCheck(this, AuthorizeStripeCard);
+
+    this.key = key;
+    this.cardHolderName = document.getElementById("cardholder-name");
+    this.cardButton = document.getElementById("card-button");
+    this.clientSecret = this.cardButton.dataset.secret;
+  }
+
+  _createClass(AuthorizeStripeCard, [{
+    key: "setupStripe",
+    value: function setupStripe() {
+      this.stripe = Stripe(this.key);
+      this.elements = this.stripe.elements();
+      return this;
+    }
+  }, {
+    key: "createElement",
+    value: function createElement() {
+      this.cardElement = this.elements.create("card");
+      return this;
+    }
+  }, {
+    key: "mountCardElement",
+    value: function mountCardElement() {
+      this.cardElement.mount("#card-element");
+      return this;
+    }
+  }, {
+    key: "handleStripe",
+    value: function handleStripe(stripe, cardHolderName) {
+      var _this = this;
+
+      stripe.handleCardSetup(this.clientSecret, this.cardElement, {
+        payment_method_data: {
+          billing_details: {
+            name: cardHolderName.value
+          }
+        }
+      }).then(function (result) {
+        if (result.error) {
+          return _this.handleFailure(result);
+        }
+
+        return _this.handleSuccess(result);
+      });
+    }
+  }, {
+    key: "handleFailure",
+    value: function handleFailure(result) {
+      var errors = document.getElementById("errors");
+      errors.textContent = "";
+      errors.textContent = result.error.message;
+      errors.hidden = false;
+    }
+  }, {
+    key: "handleSuccess",
+    value: function handleSuccess(result) {
+      document.getElementById("gateway_response").value = JSON.stringify(result.setupIntent);
+      document.getElementById("is_default").value = document.getElementById("proxy_is_default").checked;
+      document.getElementById("server_response").submit();
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this2 = this;
+
+      this.setupStripe().createElement().mountCardElement();
+      this.cardButton.addEventListener("click", function () {
+        _this2.handleStripe(_this2.stripe, _this2.cardHolderName);
+      });
+      return this;
+    }
+  }]);
+
+  return AuthorizeStripeCard;
+}();
+
+var publishableKey = document.querySelector('meta[name="stripe-publishable-key"]').content;
+/** @handle */
+
+new AuthorizeStripeCard(publishableKey).handle();
+
+/***/ }),
+
+/***/ 1:
+/*!*****************************************************************************!*\
+  !*** multi ./resources/js/clients/payment_methods/authorize-stripe-card.js ***!
+  \*****************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/payment_methods/authorize-stripe-card.js */"./resources/js/clients/payment_methods/authorize-stripe-card.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/alipay.js b/public/js/clients/payments/alipay.js
index 3bb5a28b31..e4c709babb 100644
--- a/public/js/clients/payments/alipay.js
+++ b/public/js/clients/payments/alipay.js
@@ -1,2 +1,164 @@
-/*! For license information please see alipay.js.LICENSE.txt */
-!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/",r(r.s=8)}({8:function(e,t,r){e.exports=r("HToU")},HToU:function(e,t){function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}new function e(t){var n=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),r(this,"setupStripe",(function(){return n.stripe=Stripe(n.key),n})),r(this,"handle",(function(){var e={type:"alipay",amount:document.querySelector('meta[name="amount"]').content,currency:document.querySelector('meta[name="currency"]').content,redirect:{return_url:document.querySelector('meta[name="return-url"]').content}};document.getElementById("pay-now").addEventListener("submit",(function(t){t.preventDefault(),n.stripe.createSource(e).then((function(e){if(e.hasOwnProperty("source"))return window.location=e.source.redirect.url;this.errors.textContent="",this.errors.textContent=e.error.message,this.errors.hidden=!1}))}))})),this.key=t,this.errors=document.getElementById("errors")}(document.querySelector('meta[name="stripe-publishable-key"]').content).setupStripe().handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 8);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/alipay.js":
+/*!*************************************************!*\
+  !*** ./resources/js/clients/payments/alipay.js ***!
+  \*************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var ProcessAlipay = function ProcessAlipay(key) {
+  var _this = this;
+
+  _classCallCheck(this, ProcessAlipay);
+
+  _defineProperty(this, "setupStripe", function () {
+    _this.stripe = Stripe(_this.key);
+    return _this;
+  });
+
+  _defineProperty(this, "handle", function () {
+    var data = {
+      type: 'alipay',
+      amount: document.querySelector('meta[name="amount"]').content,
+      currency: document.querySelector('meta[name="currency"]').content,
+      redirect: {
+        return_url: document.querySelector('meta[name="return-url"]').content
+      }
+    };
+    document.getElementById('pay-now').addEventListener('submit', function (e) {
+      e.preventDefault();
+
+      _this.stripe.createSource(data).then(function (result) {
+        if (result.hasOwnProperty('source')) {
+          return window.location = result.source.redirect.url;
+        }
+
+        this.errors.textContent = '';
+        this.errors.textContent = result.error.message;
+        this.errors.hidden = false;
+      });
+    });
+  });
+
+  this.key = key;
+  this.errors = document.getElementById('errors');
+};
+
+var publishableKey = document.querySelector('meta[name="stripe-publishable-key"]').content;
+new ProcessAlipay(publishableKey).setupStripe().handle();
+
+/***/ }),
+
+/***/ 8:
+/*!*******************************************************!*\
+  !*** multi ./resources/js/clients/payments/alipay.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/payments/alipay.js */"./resources/js/clients/payments/alipay.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/authorize-credit-card-payment.js b/public/js/clients/payments/authorize-credit-card-payment.js
index d72753ebc5..ea54b46833 100644
--- a/public/js/clients/payments/authorize-credit-card-payment.js
+++ b/public/js/clients/payments/authorize-credit-card-payment.js
@@ -1,2 +1,239 @@
-/*! For license information please see authorize-credit-card-payment.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=3)}({3:function(e,t,n){e.exports=n("hK5p")},hK5p:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}new(function(){function e(t,n){var a=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),r(this,"handleAuthorization",(function(){var e=$("#my-card"),t={};t.clientKey=a.publicKey,t.apiLoginID=a.loginId;var n={};n.cardNumber=e.CardJs("cardNumber"),n.month=e.CardJs("expiryMonth"),n.year=e.CardJs("expiryYear"),n.cardCode=document.getElementById("cvv").value;var r={};return r.authData=t,r.cardData=n,Accept.dispatchData(r,a.responseHandler),!1})),r(this,"handle",(function(){if(a.cardButton&&a.cardButton.addEventListener("click",(function(){a.cardButton.disabled=!0,a.handleAuthorization()})),a.payNowButton){var e=!0,t=!1,n=void 0;try{for(var r,o=function(){var e=r.value;e.addEventListener("click",(function(){e.disabled=!0,a.handlePayNowAction(e.dataset.id)}))},u=a.payNowButton[Symbol.iterator]();!(e=(r=u.next()).done);e=!0)o()}catch(e){t=!0,n=e}finally{try{e||null==u.return||u.return()}finally{if(t)throw n}}}return a})),this.publicKey=t,this.loginId=n,this.cardHolderName=document.getElementById("cardholder_name"),this.cardButton=document.getElementById("card_button"),this.payNowButton=document.getElementsByClassName("pay_now_button")}var t,a,o;return t=e,(a=[{key:"handlePayNowAction",value:function(e){document.getElementById("token").value=e,document.getElementById("server_response").submit()}},{key:"responseHandler",value:function(e){return"Error"===e.messages.resultCode?$("#errors").show().html("<p>"+e.messages.message[0].code+": "+e.messages.message[0].text+"</p>"):"Ok"===e.messages.resultCode&&(document.getElementById("dataDescriptor").value=e.opaqueData.dataDescriptor,document.getElementById("dataValue").value=e.opaqueData.dataValue,document.getElementById("store_card").value=document.getElementById("store_card_checkbox").checked,document.getElementById("server_response").submit()),this.cardButton.disabled=!1,!1}}])&&n(t.prototype,a),o&&n(t,o),e}())(document.querySelector('meta[name="authorize-public-key"]').content,document.querySelector('meta[name="authorize-login-id"]').content).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 3);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/authorize-credit-card-payment.js":
+/*!************************************************************************!*\
+  !*** ./resources/js/clients/payments/authorize-credit-card-payment.js ***!
+  \************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var AuthorizeAuthorizeCard = /*#__PURE__*/function () {
+  function AuthorizeAuthorizeCard(publicKey, loginId) {
+    var _this = this;
+
+    _classCallCheck(this, AuthorizeAuthorizeCard);
+
+    _defineProperty(this, "handleAuthorization", function () {
+      var myCard = $('#my-card');
+      var authData = {};
+      authData.clientKey = _this.publicKey;
+      authData.apiLoginID = _this.loginId;
+      var cardData = {};
+      cardData.cardNumber = myCard.CardJs('cardNumber');
+      cardData.month = myCard.CardJs('expiryMonth');
+      cardData.year = myCard.CardJs('expiryYear');
+      ;
+      cardData.cardCode = document.getElementById("cvv").value;
+      var secureData = {};
+      secureData.authData = authData;
+      secureData.cardData = cardData; // If using banking information instead of card information,
+      // send the bankData object instead of the cardData object.
+      //
+      // secureData.bankData = bankData;
+
+      Accept.dispatchData(secureData, _this.responseHandler);
+      return false;
+    });
+
+    _defineProperty(this, "handle", function () {
+      if (_this.cardButton) {
+        _this.cardButton.addEventListener("click", function () {
+          _this.cardButton.disabled = true;
+
+          _this.handleAuthorization();
+        });
+      }
+
+      if (_this.payNowButton) {
+        var _iterator = _createForOfIteratorHelper(_this.payNowButton),
+            _step;
+
+        try {
+          var _loop = function _loop() {
+            var item = _step.value;
+            item.addEventListener('click', function () {
+              item.disabled = true;
+
+              _this.handlePayNowAction(item.dataset.id);
+            });
+          };
+
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            _loop();
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+
+      return _this;
+    });
+
+    this.publicKey = publicKey;
+    this.loginId = loginId;
+    this.cardHolderName = document.getElementById("cardholder_name");
+    this.cardButton = document.getElementById("card_button");
+    this.payNowButton = document.getElementsByClassName("pay_now_button");
+  }
+
+  _createClass(AuthorizeAuthorizeCard, [{
+    key: "handlePayNowAction",
+    value: function handlePayNowAction(token_hashed_id) {
+      document.getElementById("token").value = token_hashed_id;
+      document.getElementById("server_response").submit();
+    }
+  }, {
+    key: "responseHandler",
+    value: function responseHandler(response) {
+      if (response.messages.resultCode === "Error") {
+        var i = 0;
+        var $errors = $('#errors'); // get the reference of the div
+
+        $errors.show().html("<p>" + response.messages.message[i].code + ": " + response.messages.message[i].text + "</p>");
+      } else if (response.messages.resultCode === "Ok") {
+        document.getElementById("dataDescriptor").value = response.opaqueData.dataDescriptor;
+        document.getElementById("dataValue").value = response.opaqueData.dataValue;
+        document.getElementById("store_card").value = document.getElementById("store_card_checkbox").checked;
+        document.getElementById("server_response").submit();
+      }
+
+      this.cardButton.disabled = false;
+      return false;
+    }
+  }]);
+
+  return AuthorizeAuthorizeCard;
+}();
+
+var publicKey = document.querySelector('meta[name="authorize-public-key"]').content;
+var loginId = document.querySelector('meta[name="authorize-login-id"]').content;
+/** @handle */
+
+new AuthorizeAuthorizeCard(publicKey, loginId).handle();
+
+/***/ }),
+
+/***/ 3:
+/*!******************************************************************************!*\
+  !*** multi ./resources/js/clients/payments/authorize-credit-card-payment.js ***!
+  \******************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/payments/authorize-credit-card-payment.js */"./resources/js/clients/payments/authorize-credit-card-payment.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/card-js.min.js b/public/js/clients/payments/card-js.min.js
index db1bdcb163..f65ea6f36f 100644
--- a/public/js/clients/payments/card-js.min.js
+++ b/public/js/clients/payments/card-js.min.js
@@ -1 +1,112 @@
-!function(t){var e={};function r(n){if(e[n])return e[n].exports;var i=e[n]={i:n,l:!1,exports:{}};return t[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}r.m=t,r.c=e,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)r.d(n,i,function(e){return t[e]}.bind(null,i));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="/",r(r.s=14)}({14:function(t,e,r){t.exports=r("tci0")},tci0:function(t,e){function r(t){this.elem=jQuery(t),this.captureName=!!this.elem.data("capture-name")&&this.elem.data("capture-name"),this.iconColour=!!this.elem.data("icon-colour")&&this.elem.data("icon-colour"),this.stripe=!!this.elem.data("stripe")&&this.elem.data("stripe"),this.stripe&&(this.captureName=!1),this.initCardNumberInput(),this.initNameInput(),this.initExpiryMonthInput(),this.initExpiryYearInput(),this.initCvcInput(),this.elem.empty(),this.setupCardNumberInput(),this.setupNameInput(),this.setupExpiryInput(),this.setupCvcInput(),this.iconColour&&this.setIconColour(this.iconColour),this.refreshCreditCardTypeIcon()}!function(t){var e={init:function(){return this.data("cardjs",new r(this)),this},cardNumber:function(){return this.data("cardjs").getCardNumber()},cardType:function(){return this.data("cardjs").getCardType()},name:function(){return this.data("cardjs").getName()},expiryMonth:function(){return this.data("cardjs").getExpiryMonth()},expiryYear:function(){return this.data("cardjs").getExpiryYear()},cvc:function(){return this.data("cardjs").getCvc()}};t.fn.CardJs=function(r){return e[r]?e[r].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof r&&r?void t.error("Method "+r+" does not exist on jQuery.CardJs"):e.init.apply(this,arguments)}}(jQuery),$((function(){$(".card-js").each((function(t,e){$(e).CardJs()}))})),r.prototype.constructor=r,r.KEYS={0:48,9:57,NUMPAD_0:96,NUMPAD_9:105,DELETE:46,BACKSPACE:8,ARROW_LEFT:37,ARROW_RIGHT:39,ARROW_UP:38,ARROW_DOWN:40,HOME:36,END:35,TAB:9,A:65,X:88,C:67,V:86},r.CREDIT_CARD_NUMBER_DEFAULT_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_VISA_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_MASTERCARD_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_DISCOVER_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_JCB_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_AMEX_MASK="XXXX XXXXXX XXXXX",r.CREDIT_CARD_NUMBER_DINERS_MASK="XXXX XXXX XXXX XX",r.prototype.creditCardNumberMask=r.CREDIT_CARD_NUMBER_DEFAULT_MASK,r.CREDIT_CARD_NUMBER_PLACEHOLDER="Card number",r.NAME_PLACEHOLDER="Name on card",r.EXPIRY_MASK="XX / XX",r.EXPIRY_PLACEHOLDER="MM / YY",r.EXPIRY_USE_DROPDOWNS=!1,r.EXPIRY_NUMBER_OF_YEARS=10,r.CVC_MASK_3="XXX",r.CVC_MASK_4="XXXX",r.CVC_PLACEHOLDER="CVC",r.CREDIT_CARD_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M182.385,14.258c-2.553-2.553-5.621-3.829-9.205-3.829H42.821c-3.585,0-6.653,1.276-9.207,3.829c-2.553,2.553-3.829,5.621-3.829,9.206v99.071c0,3.585,1.276,6.654,3.829,9.207c2.554,2.553,5.622,3.829,9.207,3.829H173.18c3.584,0,6.652-1.276,9.205-3.829s3.83-5.622,3.83-9.207V23.464C186.215,19.879,184.938,16.811,182.385,14.258z M175.785,122.536c0,0.707-0.258,1.317-0.773,1.834c-0.516,0.515-1.127,0.772-1.832,0.772H42.821c-0.706,0-1.317-0.258-1.833-0.773c-0.516-0.518-0.774-1.127-0.774-1.834V73h135.571V122.536z M175.785,41.713H40.214v-18.25c0-0.706,0.257-1.316,0.774-1.833c0.516-0.515,1.127-0.773,1.833-0.773H173.18c0.705,0,1.316,0.257,1.832,0.773c0.516,0.517,0.773,1.127,0.773,1.833V41.713z"/><rect class="svg" x="50.643" y="104.285" width="20.857" height="10.429"/><rect class="svg" x="81.929" y="104.285" width="31.286" height="10.429"/></g></svg>',r.LOCK_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M152.646,70.067c-1.521-1.521-3.367-2.281-5.541-2.281H144.5V52.142c0-9.994-3.585-18.575-10.754-25.745c-7.17-7.17-15.751-10.755-25.746-10.755s-18.577,3.585-25.746,10.755C75.084,33.567,71.5,42.148,71.5,52.142v15.644h-2.607c-2.172,0-4.019,0.76-5.54,2.281c-1.521,1.52-2.281,3.367-2.281,5.541v46.929c0,2.172,0.76,4.019,2.281,5.54c1.521,1.52,3.368,2.281,5.54,2.281h78.214c2.174,0,4.02-0.76,5.541-2.281c1.52-1.521,2.281-3.368,2.281-5.54V75.607C154.93,73.435,154.168,71.588,152.646,70.067z M128.857,67.786H87.143V52.142c0-5.757,2.037-10.673,6.111-14.746c4.074-4.074,8.989-6.11,14.747-6.11s10.673,2.036,14.746,6.11c4.073,4.073,6.11,8.989,6.11,14.746V67.786z"/></svg>',r.CALENDAR_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M172.691,23.953c-2.062-2.064-4.508-3.096-7.332-3.096h-10.428v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.554-2.553-5.621-3.83-9.207-3.83h-5.213c-3.586,0-6.654,1.277-9.207,3.83c-2.554,2.553-3.83,5.622-3.83,9.206v7.822H92.359v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.553-2.553-5.622-3.83-9.207-3.83h-5.214c-3.585,0-6.654,1.277-9.207,3.83c-2.553,2.553-3.83,5.622-3.83,9.206v7.822H50.643c-2.825,0-5.269,1.032-7.333,3.096s-3.096,4.509-3.096,7.333v104.287c0,2.823,1.032,5.267,3.096,7.332c2.064,2.064,4.508,3.096,7.333,3.096h114.714c2.824,0,5.27-1.032,7.332-3.096c2.064-2.064,3.096-4.509,3.096-7.332V31.286C175.785,28.461,174.754,26.017,172.691,23.953z M134.073,13.036c0-0.761,0.243-1.386,0.731-1.874c0.488-0.488,1.113-0.733,1.875-0.733h5.213c0.762,0,1.385,0.244,1.875,0.733c0.488,0.489,0.732,1.114,0.732,1.874V36.5c0,0.761-0.244,1.385-0.732,1.874c-0.49,0.488-1.113,0.733-1.875,0.733h-5.213c-0.762,0-1.387-0.244-1.875-0.733s-0.731-1.113-0.731-1.874V13.036z M71.501,13.036c0-0.761,0.244-1.386,0.733-1.874c0.489-0.488,1.113-0.733,1.874-0.733h5.214c0.761,0,1.386,0.244,1.874,0.733c0.488,0.489,0.733,1.114,0.733,1.874V36.5c0,0.761-0.244,1.386-0.733,1.874c-0.489,0.488-1.113,0.733-1.874,0.733h-5.214c-0.761,0-1.386-0.244-1.874-0.733c-0.488-0.489-0.733-1.113-0.733-1.874V13.036z M165.357,135.572H50.643V52.143h114.714V135.572z"/></svg>',r.USER_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M107.999,73c8.638,0,16.011-3.056,22.12-9.166c6.111-6.11,9.166-13.483,9.166-22.12c0-8.636-3.055-16.009-9.166-22.12c-6.11-6.11-13.484-9.165-22.12-9.165c-8.636,0-16.01,3.055-22.12,9.165c-6.111,6.111-9.166,13.484-9.166,22.12c0,8.637,3.055,16.01,9.166,22.12C91.99,69.944,99.363,73,107.999,73z"/><path class="svg" d="M165.07,106.037c-0.191-2.743-0.571-5.703-1.141-8.881c-0.57-3.178-1.291-6.124-2.16-8.84c-0.869-2.715-2.037-5.363-3.504-7.943c-1.466-2.58-3.15-4.78-5.052-6.6s-4.223-3.272-6.965-4.358c-2.744-1.086-5.772-1.63-9.085-1.63c-0.489,0-1.63,0.584-3.422,1.752s-3.815,2.472-6.069,3.911c-2.254,1.438-5.188,2.743-8.799,3.909c-3.612,1.168-7.237,1.752-10.877,1.752c-3.639,0-7.264-0.584-10.876-1.752c-3.611-1.166-6.545-2.471-8.799-3.909c-2.254-1.439-4.277-2.743-6.069-3.911c-1.793-1.168-2.933-1.752-3.422-1.752c-3.313,0-6.341,0.544-9.084,1.63s-5.065,2.539-6.966,4.358c-1.901,1.82-3.585,4.02-5.051,6.6s-2.634,5.229-3.503,7.943c-0.869,2.716-1.589,5.662-2.159,8.84c-0.571,3.178-0.951,6.137-1.141,8.881c-0.19,2.744-0.285,5.554-0.285,8.433c0,6.517,1.983,11.664,5.948,15.439c3.965,3.774,9.234,5.661,15.806,5.661h71.208c6.572,0,11.84-1.887,15.806-5.661c3.966-3.775,5.948-8.921,5.948-15.439C165.357,111.591,165.262,108.78,165.07,106.037z"/></g></svg>',r.MAIL_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M177.171,19.472c-2.553-2.553-5.622-3.829-9.206-3.829H48.036c-3.585,0-6.654,1.276-9.207,3.829C36.276,22.025,35,25.094,35,28.679v88.644c0,3.585,1.276,6.652,3.829,9.205c2.553,2.555,5.622,3.83,9.207,3.83h119.929c3.584,0,6.653-1.275,9.206-3.83c2.554-2.553,3.829-5.621,3.829-9.205V28.679C181,25.094,179.725,22.025,177.171,19.472zM170.57,117.321c0,0.706-0.258,1.317-0.774,1.833s-1.127,0.773-1.832,0.773H48.035c-0.706,0-1.317-0.257-1.833-0.773c-0.516-0.516-0.774-1.127-0.774-1.833V54.75c1.738,1.955,3.612,3.748,5.622,5.377c14.557,11.189,26.126,20.368,34.708,27.538c2.77,2.336,5.024,4.155,6.762,5.459s4.087,2.62,7.047,3.951s5.744,1.995,8.351,1.995H108h0.081c2.606,0,5.392-0.664,8.351-1.995c2.961-1.331,5.311-2.647,7.049-3.951c1.737-1.304,3.992-3.123,6.762-5.459c8.582-7.17,20.15-16.349,34.707-27.538c2.01-1.629,3.885-3.422,5.621-5.377V117.321z M170.57,30.797v0.896c0,3.204-1.262,6.776-3.787,10.713c-2.525,3.938-5.256,7.075-8.188,9.41c-10.484,8.257-21.373,16.865-32.672,25.827c-0.326,0.271-1.277,1.073-2.852,2.403c-1.574,1.331-2.824,2.351-3.748,3.056c-0.924,0.707-2.131,1.562-3.625,2.566s-2.865,1.752-4.114,2.24s-2.417,0.732-3.503,0.732H108h-0.082c-1.086,0-2.253-0.244-3.503-0.732c-1.249-0.488-2.621-1.236-4.114-2.24c-1.493-1.004-2.702-1.859-3.625-2.566c-0.923-0.705-2.173-1.725-3.748-3.056c-1.575-1.33-2.526-2.132-2.852-2.403c-11.297-8.962-22.187-17.57-32.67-25.827c-7.985-6.3-11.977-14.013-11.977-23.138c0-0.706,0.258-1.317,0.774-1.833c0.516-0.516,1.127-0.774,1.833-0.774h119.929c0.434,0.244,0.814,0.312,1.141,0.204c0.326-0.11,0.57,0.094,0.732,0.61c0.163,0.516,0.312,0.76,0.448,0.733c0.136-0.027,0.218,0.312,0.245,1.019c0.025,0.706,0.039,1.061,0.039,1.061V30.797z"/></svg>',r.INFORMATION_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M97.571,41.714h20.859c1.411,0,2.633-0.516,3.666-1.548c1.031-1.031,1.547-2.254,1.547-3.666V20.857c0-1.412-0.516-2.634-1.549-3.667c-1.031-1.031-2.254-1.548-3.666-1.548H97.571c-1.412,0-2.634,0.517-3.666,1.548c-1.032,1.032-1.548,2.255-1.548,3.667V36.5c0,1.412,0.516,2.635,1.548,3.666C94.937,41.198,96.159,41.714,97.571,41.714z"/><path class="svg" d="M132.523,111.048c-1.031-1.032-2.254-1.548-3.666-1.548h-5.215V62.571c0-1.412-0.516-2.634-1.547-3.666c-1.033-1.032-2.255-1.548-3.666-1.548H87.143c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666V73c0,1.412,0.516,2.635,1.548,3.666c1.032,1.032,2.254,1.548,3.666,1.548h5.215V109.5h-5.215c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666v10.429c0,1.412,0.516,2.635,1.548,3.668c1.032,1.03,2.254,1.547,3.666,1.547h41.714c1.412,0,2.634-0.517,3.666-1.547c1.031-1.033,1.547-2.256,1.547-3.668v-10.429C134.07,113.302,133.557,112.08,132.523,111.048z"/></g></svg>',r.keyCodeFromEvent=function(t){return t.which||t.keyCode},r.keyIsCommandFromEvent=function(t){return t.ctrlKey||t.metaKey},r.keyIsNumber=function(t){return r.keyIsTopNumber(t)||r.keyIsKeypadNumber(t)},r.keyIsTopNumber=function(t){var e=r.keyCodeFromEvent(t);return e>=r.KEYS[0]&&e<=r.KEYS[9]},r.keyIsKeypadNumber=function(t){var e=r.keyCodeFromEvent(t);return e>=r.KEYS.NUMPAD_0&&e<=r.KEYS.NUMPAD_9},r.keyIsDelete=function(t){return r.keyCodeFromEvent(t)==r.KEYS.DELETE},r.keyIsBackspace=function(t){return r.keyCodeFromEvent(t)==r.KEYS.BACKSPACE},r.keyIsDeletion=function(t){return r.keyIsDelete(t)||r.keyIsBackspace(t)},r.keyIsArrow=function(t){var e=r.keyCodeFromEvent(t);return e>=r.KEYS.ARROW_LEFT&&e<=r.KEYS.ARROW_DOWN},r.keyIsNavigation=function(t){var e=r.keyCodeFromEvent(t);return e==r.KEYS.HOME||e==r.KEYS.END},r.keyIsKeyboardCommand=function(t){var e=r.keyCodeFromEvent(t);return r.keyIsCommandFromEvent(t)&&(e==r.KEYS.A||e==r.KEYS.X||e==r.KEYS.C||e==r.KEYS.V)},r.keyIsTab=function(t){return r.keyCodeFromEvent(t)==r.KEYS.TAB},r.copyAllElementAttributes=function(t,e){$.each(t[0].attributes,(function(t,r){e.attr(r.nodeName,r.nodeValue)}))},r.numbersOnlyString=function(t){for(var e="",r=0;r<t.length;r++){var n=t.charAt(r);!isNaN(parseInt(n))&&(e+=n)}return e},r.applyFormatMask=function(t,e){for(var r="",n=0,i=0;i<e.length;i++){var a=e[i];if("X"==a){if(!t.charAt(n))break;r+=t.charAt(n),n++}else r+=a}return r},r.cardTypeFromNumber=function(t){if(e=new RegExp("^30[0-5]"),null!=t.match(e))return"Diners - Carte Blanche";if(e=new RegExp("^(30[6-9]|36|38)"),null!=t.match(e))return"Diners";if(e=new RegExp("^35(2[89]|[3-8][0-9])"),null!=t.match(e))return"JCB";if(e=new RegExp("^3[47]"),null!=t.match(e))return"AMEX";if(e=new RegExp("^(4026|417500|4508|4844|491(3|7))"),null!=t.match(e))return"Visa Electron";var e=new RegExp("^4");return null!=t.match(e)?"Visa":(e=new RegExp("^5[1-5]"),null!=t.match(e)?"Mastercard":(e=new RegExp("^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)"),null!=t.match(e)?"Discover":""))},r.caretStartPosition=function(t){return"number"==typeof t.selectionStart&&t.selectionStart},r.caretEndPosition=function(t){return"number"==typeof t.selectionEnd&&t.selectionEnd},r.setCaretPosition=function(t,e){if(null!=t)if(t.createTextRange){var r=t.createTextRange();r.move("character",e),r.select()}else t.selectionStart?(t.focus(),t.setSelectionRange(e,e)):t.focus()},r.normaliseCaretPosition=function(t,e){var r=0;if(0>e||e>t.length)return 0;for(var n=0;n<t.length;n++){if(n==e)return r;"X"==t[n]&&r++}return r},r.denormaliseCaretPosition=function(t,e){var r=0;if(0>e||e>t.length)return 0;for(var n=0;n<t.length;n++){if(r==e)return n;"X"==t[n]&&r++}return t.length},r.filterNumberOnlyKey=function(t){var e=r.keyIsNumber(t),n=r.keyIsDeletion(t),i=r.keyIsArrow(t),a=r.keyIsNavigation(t),s=r.keyIsKeyboardCommand(t),c=r.keyIsTab(t);e||n||i||a||s||c||t.preventDefault()},r.digitFromKeyCode=function(t){return t>=r.KEYS[0]&&t<=r.KEYS[9]?t-r.KEYS[0]:t>=r.KEYS.NUMPAD_0&&t<=r.KEYS.NUMPAD_9?t-r.KEYS.NUMPAD_0:null},r.handleMaskedNumberInputKey=function(t,e){r.filterNumberOnlyKey(t);var n=t.which||t.keyCode,i=t.target,a=r.caretStartPosition(i),s=r.caretEndPosition(i),c=r.normaliseCaretPosition(e,a),p=r.normaliseCaretPosition(e,s),o=a,u=r.keyIsNumber(t),h=r.keyIsDelete(t),d=r.keyIsBackspace(t);if(u||h||d){t.preventDefault();var l=$(i).val(),y=r.numbersOnlyString(l),m=r.digitFromKeyCode(n),v=p>c;v&&(y=y.slice(0,c)+y.slice(p)),a!=e.length&&(u&&l.length<=e.length&&(y=y.slice(0,c)+m+y.slice(c),o=Math.max(r.denormaliseCaretPosition(e,c+1),r.denormaliseCaretPosition(e,c+2)-1)),h&&(y=y.slice(0,c)+y.slice(c+1))),0!=a&&d&&!v&&(y=y.slice(0,c-1)+y.slice(c),o=r.denormaliseCaretPosition(e,c-1)),$(i).val(r.applyFormatMask(y,e)),r.setCaretPosition(i,o)}},r.handleCreditCardNumberKey=function(t,e){r.handleMaskedNumberInputKey(t,e)},r.handleCreditCardNumberChange=function(t){},r.handleExpiryKey=function(t){r.handleMaskedNumberInputKey(t,r.EXPIRY_MASK)},r.prototype.getCardNumber=function(){return this.cardNumberInput.val()},r.prototype.getCardType=function(){return r.cardTypeFromNumber(this.getCardNumber())},r.prototype.getName=function(){return this.nameInput.val()},r.prototype.getExpiryMonth=function(){return this.expiryMonthInput.val()},r.prototype.getExpiryYear=function(){return this.expiryYearInput.val()},r.prototype.getCvc=function(){return this.cvcInput.val()},r.prototype.setIconColour=function(t){this.elem.find(".icon .svg").css({fill:t})},r.prototype.setIconColour=function(t){this.elem.find(".icon .svg").css({fill:t})},r.prototype.refreshCreditCardTypeIcon=function(){this.setCardTypeIconFromNumber(r.numbersOnlyString(this.cardNumberInput.val()))},r.prototype.clearCardTypeIcon=function(){this.elem.find(".card-number-wrapper .card-type-icon").removeClass("show")},r.prototype.setCardTypeIconAsVisa=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show visa")},r.prototype.setCardTypeIconAsMasterCard=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show master-card")},r.prototype.setCardTypeIconAsAmericanExpress=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show american-express")},r.prototype.setCardTypeIconAsDiscover=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show discover")},r.prototype.setCardTypeIconAsDiners=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show diners")},r.prototype.setCardTypeIconAsJcb=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show jcb")},r.prototype.setCardTypeIconFromNumber=function(t){switch(r.cardTypeFromNumber(t)){case"Visa Electron":case"Visa":this.setCardTypeAsVisa();break;case"Mastercard":this.setCardTypeAsMasterCard();break;case"AMEX":this.setCardTypeAsAmericanExpress();break;case"Discover":this.setCardTypeAsDiscover();break;case"Diners - Carte Blanche":case"Diners":this.setCardTypeAsDiners();break;case"JCB":this.setCardTypeAsJcb();break;default:this.clearCardType()}},r.prototype.setCardMask=function(t){this.creditCardNumberMask=t,this.cardNumberInput.attr("maxlength",t.length)},r.prototype.setCvc3=function(){this.cvcInput.attr("maxlength",r.CVC_MASK_3.length)},r.prototype.setCvc4=function(){this.cvcInput.attr("maxlength",r.CVC_MASK_4.length)},r.prototype.clearCardType=function(){this.clearCardTypeIcon(),this.setCardMask(r.CREDIT_CARD_NUMBER_DEFAULT_MASK),this.setCvc3()},r.prototype.setCardTypeAsVisa=function(){this.setCardTypeIconAsVisa(),this.setCardMask(r.CREDIT_CARD_NUMBER_VISA_MASK),this.setCvc3()},r.prototype.setCardTypeAsMasterCard=function(){this.setCardTypeIconAsMasterCard(),this.setCardMask(r.CREDIT_CARD_NUMBER_MASTERCARD_MASK),this.setCvc3()},r.prototype.setCardTypeAsAmericanExpress=function(){this.setCardTypeIconAsAmericanExpress(),this.setCardMask(r.CREDIT_CARD_NUMBER_AMEX_MASK),this.setCvc4()},r.prototype.setCardTypeAsDiscover=function(){this.setCardTypeIconAsDiscover(),this.setCardMask(r.CREDIT_CARD_NUMBER_DISCOVER_MASK),this.setCvc3()},r.prototype.setCardTypeAsDiners=function(){this.setCardTypeIconAsDiners(),this.setCardMask(r.CREDIT_CARD_NUMBER_DINERS_MASK),this.setCvc3()},r.prototype.setCardTypeAsJcb=function(){this.setCardTypeIconAsJcb(),this.setCardMask(r.CREDIT_CARD_NUMBER_JCB_MASK),this.setCvc3()},r.prototype.initCardNumberInput=function(){var t=this;this.cardNumberInput=this.elem.find(".card-number"),this.cardNumberInput[0]?this.cardNumberInput.detach():this.cardNumberInput=$("<input class='card-number' />"),this.cardNumberInput.attr("type","tel"),this.cardNumberInput.attr("placeholder")||this.cardNumberInput.attr("placeholder",r.CREDIT_CARD_NUMBER_PLACEHOLDER),this.cardNumberInput.attr("maxlength",this.creditCardNumberMask.length),this.cardNumberInput.attr("x-autocompletetype","cc-number"),this.cardNumberInput.attr("autocompletetype","cc-number"),this.cardNumberInput.attr("autocorrect","off"),this.cardNumberInput.attr("spellcheck","off"),this.cardNumberInput.attr("autocapitalize","off"),this.cardNumberInput.keydown((function(e){r.handleCreditCardNumberKey(e,t.creditCardNumberMask)})),this.cardNumberInput.keyup((function(e){t.refreshCreditCardTypeIcon()})),this.cardNumberInput.change(r.handleCreditCardNumberChange)},r.prototype.initNameInput=function(){this.nameInput=this.elem.find(".name"),this.nameInput[0]?(this.captureName=!0,this.nameInput.detach()):this.nameInput=$("<input class='name' />"),this.nameInput.attr("placeholder")||this.nameInput.attr("placeholder",r.NAME_PLACEHOLDER)},r.prototype.initExpiryMonthInput=function(){this.expiryMonthInput=this.elem.find(".expiry-month"),this.expiryMonthInput[0]?this.expiryMonthInput.detach():this.expiryMonthInput=$("<input class='expiry-month' />")},r.prototype.initExpiryYearInput=function(){this.expiryYearInput=this.elem.find(".expiry-year"),this.expiryYearInput[0]?this.expiryYearInput.detach():this.expiryYearInput=$("<input class='expiry-year' />")},r.prototype.initCvcInput=function(){this.cvcInput=this.elem.find(".cvc"),this.cvcInput[0]?this.cvcInput.detach():this.cvcInput=$("<input class='cvc' />"),this.cvcInput.attr("type","tel"),this.cvcInput.attr("placeholder")||this.cvcInput.attr("placeholder",r.CVC_PLACEHOLDER),this.cvcInput.attr("maxlength",r.CVC_MASK_3.length),this.cvcInput.attr("x-autocompletetype","cc-csc"),this.cvcInput.attr("autocompletetype","cc-csc"),this.cvcInput.attr("autocorrect","off"),this.cvcInput.attr("spellcheck","off"),this.cvcInput.attr("autocapitalize","off"),this.cvcInput.keydown(r.filterNumberOnlyKey)},r.prototype.setupCardNumberInput=function(){this.stripe&&this.cardNumberInput.attr("data-stripe","number"),this.elem.append("<div class='card-number-wrapper'></div>");var t=this.elem.find(".card-number-wrapper");t.append(this.cardNumberInput),t.append("<div class='card-type-icon'></div>"),t.append("<div class='icon'></div>"),t.find(".icon").append(r.CREDIT_CARD_SVG)},r.prototype.setupNameInput=function(){if(this.captureName){this.elem.append("<div class='name-wrapper'></div>");var t=this.elem.find(".name-wrapper");t.append(this.nameInput),t.append("<div class='icon'></div>"),t.find(".icon").append(r.USER_SVG)}},r.prototype.setupExpiryInput=function(){this.elem.append("<div class='expiry-container'><div class='expiry-wrapper'></div></div>");var t,e=this.elem.find(".expiry-wrapper");if(this.EXPIRY_USE_DROPDOWNS){t=$("<div></div>");var n=$("<select><option value='any' selected='' hidden=''>MM</option><option value='1'>01</option><option value='2'>02</option><option value='3'>03</option><option value='4'>04</option><option value='5'>05</option><option value='6'>06</option><option value='7'>07</option><option value='8'>08</option><option value='9'>09</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option></select>"),i=this.expiryMonthInput;r.copyAllElementAttributes(i,n),this.expiryMonthInput.remove(),this.expiryMonthInput=n;for(var a=$("<select><option value='any' selected='' hidden=''>YY</option></select>"),s=parseInt((new Date).getFullYear().toString().substring(2,4)),c=0;c<r.EXPIRY_NUMBER_OF_YEARS;c++)a.append("<option value='"+s+"'>"+s+"</option>"),s=(s+1)%100;var p=this.expiryYearInput;r.copyAllElementAttributes(p,a),this.expiryYearInput.remove(),this.expiryYearInput=a,t.append(this.expiryMonthInput),t.append(this.expiryYearInput)}else{t=$("<div></div>"),this.expiryMonthInput=$("<input type='hidden' name='expiry-month' />"),this.expiryYearInput=$("<input type='hidden' name='expiry-year' />"),this.stripe&&(this.expiryMonthInput.attr("data-stripe","exp-month"),this.expiryYearInput.attr("data-stripe","exp-year")),this.expiryMonthYearInput=$("<input class='expiry' />"),this.expiryMonthYearInput.attr("type","tel"),this.expiryMonthYearInput.attr("placeholder")||this.expiryMonthYearInput.attr("placeholder",r.EXPIRY_PLACEHOLDER),this.expiryMonthYearInput.attr("maxlength",r.EXPIRY_MASK.length),this.expiryMonthYearInput.attr("x-autocompletetype","cc-exp"),this.expiryMonthYearInput.attr("autocompletetype","cc-exp"),this.expiryMonthYearInput.attr("autocorrect","off"),this.expiryMonthYearInput.attr("spellcheck","off"),this.expiryMonthYearInput.attr("autocapitalize","off");var o=this;this.expiryMonthYearInput.keydown((function(t){r.handleExpiryKey(t);var e=o.expiryMonthYearInput.val();1==e.length&&parseInt(e)>1&&r.keyIsNumber(t)&&o.expiryMonthYearInput.val(r.applyFormatMask("0"+e,r.EXPIRY_MASK)),o.EXPIRY_USE_DROPDOWNS||null==o.expiryMonthYearInput||(o.expiryMonthInput.val(o.expiryMonth()),o.expiryYearInput.val(7==e.length?e.substr(5,2):null))})),this.expiryMonthYearInput.blur((function(t){o.refreshExpiryMonthValidation()})),t.append(this.expiryMonthYearInput),t.append(this.expiryMonthInput),t.append(this.expiryYearInput)}e.append(t),e.append("<div class='icon'></div>"),e.find(".icon").append(r.CALENDAR_SVG)},r.prototype.setupCvcInput=function(){this.stripe&&this.cvcInput.attr("data-stripe","cvc"),this.elem.append("<div class='cvc-container'><div class='cvc-wrapper'></div></div>");var t=this.elem.find(".cvc-wrapper");t.append(this.cvcInput),t.append("<div class='icon'></div>"),t.find(".icon").append(r.LOCK_SVG)},r.prototype.expiryMonth=function(){if(!this.EXPIRY_USE_DROPDOWNS&&null!=this.expiryMonthYearInput){var t=this.expiryMonthYearInput.val();return t.length>=2?parseInt(t.substr(0,2)):null}return null},r.isValidMonth=function(t){return t>=1&&12>=t},r.isExpiryValid=function(t,e){var n=new Date,i=n.getMonth()+1,a=""+n.getFullYear();return 2==(""+e).length&&(e=a.substring(0,2)+""+e),i=parseInt(i),a=parseInt(a),t=parseInt(t),e=parseInt(e),r.isValidMonth(t)&&(e>a||e==a&&t>=i)},r.prototype.refreshExpiryMonthValidation=function(){r.isExpiryValid(this.getExpiryMonth(),this.getExpiryYear())?this.setExpiryMonthAsValid():this.setExpiryMonthAsInvalid()},r.prototype.setExpiryMonthAsValid=function(){this.EXPIRY_USE_DROPDOWNS||this.expiryMonthYearInput.parent().removeClass("has-error")},r.prototype.setExpiryMonthAsInvalid=function(){this.EXPIRY_USE_DROPDOWNS||this.expiryMonthYearInput.parent().addClass("has-error")}}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 14);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./node_modules/card-js/card-js.min.js":
+/*!*********************************************!*\
+  !*** ./node_modules/card-js/card-js.min.js ***!
+  \*********************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function CardJs(elem){this.elem=jQuery(elem),this.captureName=this.elem.data("capture-name")?this.elem.data("capture-name"):!1,this.iconColour=this.elem.data("icon-colour")?this.elem.data("icon-colour"):!1,this.stripe=this.elem.data("stripe")?this.elem.data("stripe"):!1,this.stripe&&(this.captureName=!1),this.initCardNumberInput(),this.initNameInput(),this.initExpiryMonthInput(),this.initExpiryYearInput(),this.initCvcInput(),this.elem.empty(),this.setupCardNumberInput(),this.setupNameInput(),this.setupExpiryInput(),this.setupCvcInput(),this.iconColour&&this.setIconColour(this.iconColour),this.refreshCreditCardTypeIcon()}!function($){var methods={init:function(){return this.data("cardjs",new CardJs(this)),this},cardNumber:function(){return this.data("cardjs").getCardNumber()},cardType:function(){return this.data("cardjs").getCardType()},name:function(){return this.data("cardjs").getName()},expiryMonth:function(){return this.data("cardjs").getExpiryMonth()},expiryYear:function(){return this.data("cardjs").getExpiryYear()},cvc:function(){return this.data("cardjs").getCvc()}};$.fn.CardJs=function(methodOrOptions){return methods[methodOrOptions]?methods[methodOrOptions].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof methodOrOptions&&methodOrOptions?void $.error("Method "+methodOrOptions+" does not exist on jQuery.CardJs"):methods.init.apply(this,arguments)}}(jQuery),$(function(){$(".card-js").each(function(i,obj){$(obj).CardJs()})}),CardJs.prototype.constructor=CardJs,CardJs.KEYS={0:48,9:57,NUMPAD_0:96,NUMPAD_9:105,DELETE:46,BACKSPACE:8,ARROW_LEFT:37,ARROW_RIGHT:39,ARROW_UP:38,ARROW_DOWN:40,HOME:36,END:35,TAB:9,A:65,X:88,C:67,V:86},CardJs.CREDIT_CARD_NUMBER_DEFAULT_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_VISA_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_MASTERCARD_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_DISCOVER_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_JCB_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_AMEX_MASK="XXXX XXXXXX XXXXX",CardJs.CREDIT_CARD_NUMBER_DINERS_MASK="XXXX XXXX XXXX XX",CardJs.prototype.creditCardNumberMask=CardJs.CREDIT_CARD_NUMBER_DEFAULT_MASK,CardJs.CREDIT_CARD_NUMBER_PLACEHOLDER="Card number",CardJs.NAME_PLACEHOLDER="Name on card",CardJs.EXPIRY_MASK="XX / XX",CardJs.EXPIRY_PLACEHOLDER="MM / YY",CardJs.EXPIRY_USE_DROPDOWNS=!1,CardJs.EXPIRY_NUMBER_OF_YEARS=10,CardJs.CVC_MASK_3="XXX",CardJs.CVC_MASK_4="XXXX",CardJs.CVC_PLACEHOLDER="CVC",CardJs.CREDIT_CARD_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M182.385,14.258c-2.553-2.553-5.621-3.829-9.205-3.829H42.821c-3.585,0-6.653,1.276-9.207,3.829c-2.553,2.553-3.829,5.621-3.829,9.206v99.071c0,3.585,1.276,6.654,3.829,9.207c2.554,2.553,5.622,3.829,9.207,3.829H173.18c3.584,0,6.652-1.276,9.205-3.829s3.83-5.622,3.83-9.207V23.464C186.215,19.879,184.938,16.811,182.385,14.258z M175.785,122.536c0,0.707-0.258,1.317-0.773,1.834c-0.516,0.515-1.127,0.772-1.832,0.772H42.821c-0.706,0-1.317-0.258-1.833-0.773c-0.516-0.518-0.774-1.127-0.774-1.834V73h135.571V122.536z M175.785,41.713H40.214v-18.25c0-0.706,0.257-1.316,0.774-1.833c0.516-0.515,1.127-0.773,1.833-0.773H173.18c0.705,0,1.316,0.257,1.832,0.773c0.516,0.517,0.773,1.127,0.773,1.833V41.713z"/><rect class="svg" x="50.643" y="104.285" width="20.857" height="10.429"/><rect class="svg" x="81.929" y="104.285" width="31.286" height="10.429"/></g></svg>',CardJs.LOCK_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M152.646,70.067c-1.521-1.521-3.367-2.281-5.541-2.281H144.5V52.142c0-9.994-3.585-18.575-10.754-25.745c-7.17-7.17-15.751-10.755-25.746-10.755s-18.577,3.585-25.746,10.755C75.084,33.567,71.5,42.148,71.5,52.142v15.644h-2.607c-2.172,0-4.019,0.76-5.54,2.281c-1.521,1.52-2.281,3.367-2.281,5.541v46.929c0,2.172,0.76,4.019,2.281,5.54c1.521,1.52,3.368,2.281,5.54,2.281h78.214c2.174,0,4.02-0.76,5.541-2.281c1.52-1.521,2.281-3.368,2.281-5.54V75.607C154.93,73.435,154.168,71.588,152.646,70.067z M128.857,67.786H87.143V52.142c0-5.757,2.037-10.673,6.111-14.746c4.074-4.074,8.989-6.11,14.747-6.11s10.673,2.036,14.746,6.11c4.073,4.073,6.11,8.989,6.11,14.746V67.786z"/></svg>',CardJs.CALENDAR_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M172.691,23.953c-2.062-2.064-4.508-3.096-7.332-3.096h-10.428v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.554-2.553-5.621-3.83-9.207-3.83h-5.213c-3.586,0-6.654,1.277-9.207,3.83c-2.554,2.553-3.83,5.622-3.83,9.206v7.822H92.359v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.553-2.553-5.622-3.83-9.207-3.83h-5.214c-3.585,0-6.654,1.277-9.207,3.83c-2.553,2.553-3.83,5.622-3.83,9.206v7.822H50.643c-2.825,0-5.269,1.032-7.333,3.096s-3.096,4.509-3.096,7.333v104.287c0,2.823,1.032,5.267,3.096,7.332c2.064,2.064,4.508,3.096,7.333,3.096h114.714c2.824,0,5.27-1.032,7.332-3.096c2.064-2.064,3.096-4.509,3.096-7.332V31.286C175.785,28.461,174.754,26.017,172.691,23.953z M134.073,13.036c0-0.761,0.243-1.386,0.731-1.874c0.488-0.488,1.113-0.733,1.875-0.733h5.213c0.762,0,1.385,0.244,1.875,0.733c0.488,0.489,0.732,1.114,0.732,1.874V36.5c0,0.761-0.244,1.385-0.732,1.874c-0.49,0.488-1.113,0.733-1.875,0.733h-5.213c-0.762,0-1.387-0.244-1.875-0.733s-0.731-1.113-0.731-1.874V13.036z M71.501,13.036c0-0.761,0.244-1.386,0.733-1.874c0.489-0.488,1.113-0.733,1.874-0.733h5.214c0.761,0,1.386,0.244,1.874,0.733c0.488,0.489,0.733,1.114,0.733,1.874V36.5c0,0.761-0.244,1.386-0.733,1.874c-0.489,0.488-1.113,0.733-1.874,0.733h-5.214c-0.761,0-1.386-0.244-1.874-0.733c-0.488-0.489-0.733-1.113-0.733-1.874V13.036z M165.357,135.572H50.643V52.143h114.714V135.572z"/></svg>',CardJs.USER_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M107.999,73c8.638,0,16.011-3.056,22.12-9.166c6.111-6.11,9.166-13.483,9.166-22.12c0-8.636-3.055-16.009-9.166-22.12c-6.11-6.11-13.484-9.165-22.12-9.165c-8.636,0-16.01,3.055-22.12,9.165c-6.111,6.111-9.166,13.484-9.166,22.12c0,8.637,3.055,16.01,9.166,22.12C91.99,69.944,99.363,73,107.999,73z"/><path class="svg" d="M165.07,106.037c-0.191-2.743-0.571-5.703-1.141-8.881c-0.57-3.178-1.291-6.124-2.16-8.84c-0.869-2.715-2.037-5.363-3.504-7.943c-1.466-2.58-3.15-4.78-5.052-6.6s-4.223-3.272-6.965-4.358c-2.744-1.086-5.772-1.63-9.085-1.63c-0.489,0-1.63,0.584-3.422,1.752s-3.815,2.472-6.069,3.911c-2.254,1.438-5.188,2.743-8.799,3.909c-3.612,1.168-7.237,1.752-10.877,1.752c-3.639,0-7.264-0.584-10.876-1.752c-3.611-1.166-6.545-2.471-8.799-3.909c-2.254-1.439-4.277-2.743-6.069-3.911c-1.793-1.168-2.933-1.752-3.422-1.752c-3.313,0-6.341,0.544-9.084,1.63s-5.065,2.539-6.966,4.358c-1.901,1.82-3.585,4.02-5.051,6.6s-2.634,5.229-3.503,7.943c-0.869,2.716-1.589,5.662-2.159,8.84c-0.571,3.178-0.951,6.137-1.141,8.881c-0.19,2.744-0.285,5.554-0.285,8.433c0,6.517,1.983,11.664,5.948,15.439c3.965,3.774,9.234,5.661,15.806,5.661h71.208c6.572,0,11.84-1.887,15.806-5.661c3.966-3.775,5.948-8.921,5.948-15.439C165.357,111.591,165.262,108.78,165.07,106.037z"/></g></svg>',CardJs.MAIL_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M177.171,19.472c-2.553-2.553-5.622-3.829-9.206-3.829H48.036c-3.585,0-6.654,1.276-9.207,3.829C36.276,22.025,35,25.094,35,28.679v88.644c0,3.585,1.276,6.652,3.829,9.205c2.553,2.555,5.622,3.83,9.207,3.83h119.929c3.584,0,6.653-1.275,9.206-3.83c2.554-2.553,3.829-5.621,3.829-9.205V28.679C181,25.094,179.725,22.025,177.171,19.472zM170.57,117.321c0,0.706-0.258,1.317-0.774,1.833s-1.127,0.773-1.832,0.773H48.035c-0.706,0-1.317-0.257-1.833-0.773c-0.516-0.516-0.774-1.127-0.774-1.833V54.75c1.738,1.955,3.612,3.748,5.622,5.377c14.557,11.189,26.126,20.368,34.708,27.538c2.77,2.336,5.024,4.155,6.762,5.459s4.087,2.62,7.047,3.951s5.744,1.995,8.351,1.995H108h0.081c2.606,0,5.392-0.664,8.351-1.995c2.961-1.331,5.311-2.647,7.049-3.951c1.737-1.304,3.992-3.123,6.762-5.459c8.582-7.17,20.15-16.349,34.707-27.538c2.01-1.629,3.885-3.422,5.621-5.377V117.321z M170.57,30.797v0.896c0,3.204-1.262,6.776-3.787,10.713c-2.525,3.938-5.256,7.075-8.188,9.41c-10.484,8.257-21.373,16.865-32.672,25.827c-0.326,0.271-1.277,1.073-2.852,2.403c-1.574,1.331-2.824,2.351-3.748,3.056c-0.924,0.707-2.131,1.562-3.625,2.566s-2.865,1.752-4.114,2.24s-2.417,0.732-3.503,0.732H108h-0.082c-1.086,0-2.253-0.244-3.503-0.732c-1.249-0.488-2.621-1.236-4.114-2.24c-1.493-1.004-2.702-1.859-3.625-2.566c-0.923-0.705-2.173-1.725-3.748-3.056c-1.575-1.33-2.526-2.132-2.852-2.403c-11.297-8.962-22.187-17.57-32.67-25.827c-7.985-6.3-11.977-14.013-11.977-23.138c0-0.706,0.258-1.317,0.774-1.833c0.516-0.516,1.127-0.774,1.833-0.774h119.929c0.434,0.244,0.814,0.312,1.141,0.204c0.326-0.11,0.57,0.094,0.732,0.61c0.163,0.516,0.312,0.76,0.448,0.733c0.136-0.027,0.218,0.312,0.245,1.019c0.025,0.706,0.039,1.061,0.039,1.061V30.797z"/></svg>',CardJs.INFORMATION_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M97.571,41.714h20.859c1.411,0,2.633-0.516,3.666-1.548c1.031-1.031,1.547-2.254,1.547-3.666V20.857c0-1.412-0.516-2.634-1.549-3.667c-1.031-1.031-2.254-1.548-3.666-1.548H97.571c-1.412,0-2.634,0.517-3.666,1.548c-1.032,1.032-1.548,2.255-1.548,3.667V36.5c0,1.412,0.516,2.635,1.548,3.666C94.937,41.198,96.159,41.714,97.571,41.714z"/><path class="svg" d="M132.523,111.048c-1.031-1.032-2.254-1.548-3.666-1.548h-5.215V62.571c0-1.412-0.516-2.634-1.547-3.666c-1.033-1.032-2.255-1.548-3.666-1.548H87.143c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666V73c0,1.412,0.516,2.635,1.548,3.666c1.032,1.032,2.254,1.548,3.666,1.548h5.215V109.5h-5.215c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666v10.429c0,1.412,0.516,2.635,1.548,3.668c1.032,1.03,2.254,1.547,3.666,1.547h41.714c1.412,0,2.634-0.517,3.666-1.547c1.031-1.033,1.547-2.256,1.547-3.668v-10.429C134.07,113.302,133.557,112.08,132.523,111.048z"/></g></svg>',CardJs.keyCodeFromEvent=function(e){return e.which||e.keyCode},CardJs.keyIsCommandFromEvent=function(e){return e.ctrlKey||e.metaKey},CardJs.keyIsNumber=function(e){return CardJs.keyIsTopNumber(e)||CardJs.keyIsKeypadNumber(e)},CardJs.keyIsTopNumber=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return keyCode>=CardJs.KEYS[0]&&keyCode<=CardJs.KEYS[9]},CardJs.keyIsKeypadNumber=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return keyCode>=CardJs.KEYS.NUMPAD_0&&keyCode<=CardJs.KEYS.NUMPAD_9},CardJs.keyIsDelete=function(e){return CardJs.keyCodeFromEvent(e)==CardJs.KEYS.DELETE},CardJs.keyIsBackspace=function(e){return CardJs.keyCodeFromEvent(e)==CardJs.KEYS.BACKSPACE},CardJs.keyIsDeletion=function(e){return CardJs.keyIsDelete(e)||CardJs.keyIsBackspace(e)},CardJs.keyIsArrow=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return keyCode>=CardJs.KEYS.ARROW_LEFT&&keyCode<=CardJs.KEYS.ARROW_DOWN},CardJs.keyIsNavigation=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return keyCode==CardJs.KEYS.HOME||keyCode==CardJs.KEYS.END},CardJs.keyIsKeyboardCommand=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return CardJs.keyIsCommandFromEvent(e)&&(keyCode==CardJs.KEYS.A||keyCode==CardJs.KEYS.X||keyCode==CardJs.KEYS.C||keyCode==CardJs.KEYS.V)},CardJs.keyIsTab=function(e){return CardJs.keyCodeFromEvent(e)==CardJs.KEYS.TAB},CardJs.copyAllElementAttributes=function(source,destination){$.each(source[0].attributes,function(idx,attr){destination.attr(attr.nodeName,attr.nodeValue)})},CardJs.numbersOnlyString=function(string){for(var numbersOnlyString="",i=0;i<string.length;i++){var currentChar=string.charAt(i),isValid=!isNaN(parseInt(currentChar));isValid&&(numbersOnlyString+=currentChar)}return numbersOnlyString},CardJs.applyFormatMask=function(string,mask){for(var formattedString="",numberPos=0,j=0;j<mask.length;j++){var currentMaskChar=mask[j];if("X"==currentMaskChar){var digit=string.charAt(numberPos);if(!digit)break;formattedString+=string.charAt(numberPos),numberPos++}else formattedString+=currentMaskChar}return formattedString},CardJs.cardTypeFromNumber=function(number){if(re=new RegExp("^30[0-5]"),null!=number.match(re))return"Diners - Carte Blanche";if(re=new RegExp("^(30[6-9]|36|38)"),null!=number.match(re))return"Diners";if(re=new RegExp("^35(2[89]|[3-8][0-9])"),null!=number.match(re))return"JCB";if(re=new RegExp("^3[47]"),null!=number.match(re))return"AMEX";if(re=new RegExp("^(4026|417500|4508|4844|491(3|7))"),null!=number.match(re))return"Visa Electron";var re=new RegExp("^4");return null!=number.match(re)?"Visa":(re=new RegExp("^5[1-5]"),null!=number.match(re)?"Mastercard":(re=new RegExp("^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)"),null!=number.match(re)?"Discover":""))},CardJs.caretStartPosition=function(element){return"number"==typeof element.selectionStart?element.selectionStart:!1},CardJs.caretEndPosition=function(element){return"number"==typeof element.selectionEnd?element.selectionEnd:!1},CardJs.setCaretPosition=function(element,caretPos){if(null!=element)if(element.createTextRange){var range=element.createTextRange();range.move("character",caretPos),range.select()}else element.selectionStart?(element.focus(),element.setSelectionRange(caretPos,caretPos)):element.focus()},CardJs.normaliseCaretPosition=function(mask,caretPosition){var numberPos=0;if(0>caretPosition||caretPosition>mask.length)return 0;for(var i=0;i<mask.length;i++){if(i==caretPosition)return numberPos;"X"==mask[i]&&numberPos++}return numberPos},CardJs.denormaliseCaretPosition=function(mask,caretPosition){var numberPos=0;if(0>caretPosition||caretPosition>mask.length)return 0;for(var i=0;i<mask.length;i++){if(numberPos==caretPosition)return i;"X"==mask[i]&&numberPos++}return mask.length},CardJs.filterNumberOnlyKey=function(e){var isNumber=CardJs.keyIsNumber(e),isDeletion=CardJs.keyIsDeletion(e),isArrow=CardJs.keyIsArrow(e),isNavigation=CardJs.keyIsNavigation(e),isKeyboardCommand=CardJs.keyIsKeyboardCommand(e),isTab=CardJs.keyIsTab(e);isNumber||isDeletion||isArrow||isNavigation||isKeyboardCommand||isTab||e.preventDefault()},CardJs.digitFromKeyCode=function(keyCode){return keyCode>=CardJs.KEYS[0]&&keyCode<=CardJs.KEYS[9]?keyCode-CardJs.KEYS[0]:keyCode>=CardJs.KEYS.NUMPAD_0&&keyCode<=CardJs.KEYS.NUMPAD_9?keyCode-CardJs.KEYS.NUMPAD_0:null},CardJs.handleMaskedNumberInputKey=function(e,mask){CardJs.filterNumberOnlyKey(e);var keyCode=e.which||e.keyCode,element=e.target,caretStart=CardJs.caretStartPosition(element),caretEnd=CardJs.caretEndPosition(element),normalisedStartCaretPosition=CardJs.normaliseCaretPosition(mask,caretStart),normalisedEndCaretPosition=CardJs.normaliseCaretPosition(mask,caretEnd),newCaretPosition=caretStart,isNumber=CardJs.keyIsNumber(e),isDelete=CardJs.keyIsDelete(e),isBackspace=CardJs.keyIsBackspace(e);if(isNumber||isDelete||isBackspace){e.preventDefault();var rawText=$(element).val(),numbersOnly=CardJs.numbersOnlyString(rawText),digit=CardJs.digitFromKeyCode(keyCode),rangeHighlighted=normalisedEndCaretPosition>normalisedStartCaretPosition;rangeHighlighted&&(numbersOnly=numbersOnly.slice(0,normalisedStartCaretPosition)+numbersOnly.slice(normalisedEndCaretPosition)),caretStart!=mask.length&&(isNumber&&rawText.length<=mask.length&&(numbersOnly=numbersOnly.slice(0,normalisedStartCaretPosition)+digit+numbersOnly.slice(normalisedStartCaretPosition),newCaretPosition=Math.max(CardJs.denormaliseCaretPosition(mask,normalisedStartCaretPosition+1),CardJs.denormaliseCaretPosition(mask,normalisedStartCaretPosition+2)-1)),isDelete&&(numbersOnly=numbersOnly.slice(0,normalisedStartCaretPosition)+numbersOnly.slice(normalisedStartCaretPosition+1))),0!=caretStart&&isBackspace&&!rangeHighlighted&&(numbersOnly=numbersOnly.slice(0,normalisedStartCaretPosition-1)+numbersOnly.slice(normalisedStartCaretPosition),newCaretPosition=CardJs.denormaliseCaretPosition(mask,normalisedStartCaretPosition-1)),$(element).val(CardJs.applyFormatMask(numbersOnly,mask)),CardJs.setCaretPosition(element,newCaretPosition)}},CardJs.handleCreditCardNumberKey=function(e,cardMask){CardJs.handleMaskedNumberInputKey(e,cardMask)},CardJs.handleCreditCardNumberChange=function(e){},CardJs.handleExpiryKey=function(e){CardJs.handleMaskedNumberInputKey(e,CardJs.EXPIRY_MASK)},CardJs.prototype.getCardNumber=function(){return this.cardNumberInput.val()},CardJs.prototype.getCardType=function(){return CardJs.cardTypeFromNumber(this.getCardNumber())},CardJs.prototype.getName=function(){return this.nameInput.val()},CardJs.prototype.getExpiryMonth=function(){return this.expiryMonthInput.val()},CardJs.prototype.getExpiryYear=function(){return this.expiryYearInput.val()},CardJs.prototype.getCvc=function(){return this.cvcInput.val()},CardJs.prototype.setIconColour=function(colour){this.elem.find(".icon .svg").css({fill:colour})},CardJs.prototype.setIconColour=function(colour){this.elem.find(".icon .svg").css({fill:colour})},CardJs.prototype.refreshCreditCardTypeIcon=function(){this.setCardTypeIconFromNumber(CardJs.numbersOnlyString(this.cardNumberInput.val()))},CardJs.prototype.clearCardTypeIcon=function(){this.elem.find(".card-number-wrapper .card-type-icon").removeClass("show")},CardJs.prototype.setCardTypeIconAsVisa=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show visa")},CardJs.prototype.setCardTypeIconAsMasterCard=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show master-card")},CardJs.prototype.setCardTypeIconAsAmericanExpress=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show american-express")},CardJs.prototype.setCardTypeIconAsDiscover=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show discover")},CardJs.prototype.setCardTypeIconAsDiners=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show diners")},CardJs.prototype.setCardTypeIconAsJcb=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show jcb")},CardJs.prototype.setCardTypeIconFromNumber=function(number){switch(CardJs.cardTypeFromNumber(number)){case"Visa Electron":case"Visa":this.setCardTypeAsVisa();break;case"Mastercard":this.setCardTypeAsMasterCard();break;case"AMEX":this.setCardTypeAsAmericanExpress();break;case"Discover":this.setCardTypeAsDiscover();break;case"Diners - Carte Blanche":case"Diners":this.setCardTypeAsDiners();break;case"JCB":this.setCardTypeAsJcb();break;default:this.clearCardType()}},CardJs.prototype.setCardMask=function(cardMask){this.creditCardNumberMask=cardMask,this.cardNumberInput.attr("maxlength",cardMask.length)},CardJs.prototype.setCvc3=function(){this.cvcInput.attr("maxlength",CardJs.CVC_MASK_3.length)},CardJs.prototype.setCvc4=function(){this.cvcInput.attr("maxlength",CardJs.CVC_MASK_4.length)},CardJs.prototype.clearCardType=function(){this.clearCardTypeIcon(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_DEFAULT_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsVisa=function(){this.setCardTypeIconAsVisa(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_VISA_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsMasterCard=function(){this.setCardTypeIconAsMasterCard(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_MASTERCARD_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsAmericanExpress=function(){this.setCardTypeIconAsAmericanExpress(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_AMEX_MASK),this.setCvc4()},CardJs.prototype.setCardTypeAsDiscover=function(){this.setCardTypeIconAsDiscover(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_DISCOVER_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsDiners=function(){this.setCardTypeIconAsDiners(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_DINERS_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsJcb=function(){this.setCardTypeIconAsJcb(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_JCB_MASK),this.setCvc3()},CardJs.prototype.initCardNumberInput=function(){var $this=this;this.cardNumberInput=this.elem.find(".card-number"),this.cardNumberInput[0]?this.cardNumberInput.detach():this.cardNumberInput=$("<input class='card-number' />"),this.cardNumberInput.attr("type","tel"),this.cardNumberInput.attr("placeholder")||this.cardNumberInput.attr("placeholder",CardJs.CREDIT_CARD_NUMBER_PLACEHOLDER),this.cardNumberInput.attr("maxlength",this.creditCardNumberMask.length),this.cardNumberInput.attr("x-autocompletetype","cc-number"),this.cardNumberInput.attr("autocompletetype","cc-number"),this.cardNumberInput.attr("autocorrect","off"),this.cardNumberInput.attr("spellcheck","off"),this.cardNumberInput.attr("autocapitalize","off"),this.cardNumberInput.keydown(function(e){CardJs.handleCreditCardNumberKey(e,$this.creditCardNumberMask)}),this.cardNumberInput.keyup(function(e){$this.refreshCreditCardTypeIcon()}),this.cardNumberInput.change(CardJs.handleCreditCardNumberChange)},CardJs.prototype.initNameInput=function(){this.nameInput=this.elem.find(".name"),this.nameInput[0]?(this.captureName=!0,this.nameInput.detach()):this.nameInput=$("<input class='name' />"),this.nameInput.attr("placeholder")||this.nameInput.attr("placeholder",CardJs.NAME_PLACEHOLDER)},CardJs.prototype.initExpiryMonthInput=function(){this.expiryMonthInput=this.elem.find(".expiry-month"),this.expiryMonthInput[0]?this.expiryMonthInput.detach():this.expiryMonthInput=$("<input class='expiry-month' />")},CardJs.prototype.initExpiryYearInput=function(){this.expiryYearInput=this.elem.find(".expiry-year"),this.expiryYearInput[0]?this.expiryYearInput.detach():this.expiryYearInput=$("<input class='expiry-year' />")},CardJs.prototype.initCvcInput=function(){this.cvcInput=this.elem.find(".cvc"),this.cvcInput[0]?this.cvcInput.detach():this.cvcInput=$("<input class='cvc' />"),this.cvcInput.attr("type","tel"),this.cvcInput.attr("placeholder")||this.cvcInput.attr("placeholder",CardJs.CVC_PLACEHOLDER),this.cvcInput.attr("maxlength",CardJs.CVC_MASK_3.length),this.cvcInput.attr("x-autocompletetype","cc-csc"),this.cvcInput.attr("autocompletetype","cc-csc"),this.cvcInput.attr("autocorrect","off"),this.cvcInput.attr("spellcheck","off"),this.cvcInput.attr("autocapitalize","off"),this.cvcInput.keydown(CardJs.filterNumberOnlyKey)},CardJs.prototype.setupCardNumberInput=function(){this.stripe&&this.cardNumberInput.attr("data-stripe","number"),this.elem.append("<div class='card-number-wrapper'></div>");var wrapper=this.elem.find(".card-number-wrapper");wrapper.append(this.cardNumberInput),wrapper.append("<div class='card-type-icon'></div>"),wrapper.append("<div class='icon'></div>"),wrapper.find(".icon").append(CardJs.CREDIT_CARD_SVG)},CardJs.prototype.setupNameInput=function(){if(this.captureName){this.elem.append("<div class='name-wrapper'></div>");var wrapper=this.elem.find(".name-wrapper");wrapper.append(this.nameInput),wrapper.append("<div class='icon'></div>"),wrapper.find(".icon").append(CardJs.USER_SVG)}},CardJs.prototype.setupExpiryInput=function(){this.elem.append("<div class='expiry-container'><div class='expiry-wrapper'></div></div>");var expiryInput,wrapper=this.elem.find(".expiry-wrapper");if(this.EXPIRY_USE_DROPDOWNS){expiryInput=$("<div></div>");var expiryMonthNew=$("<select><option value='any' selected='' hidden=''>MM</option><option value='1'>01</option><option value='2'>02</option><option value='3'>03</option><option value='4'>04</option><option value='5'>05</option><option value='6'>06</option><option value='7'>07</option><option value='8'>08</option><option value='9'>09</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option></select>"),expiryMonthOld=this.expiryMonthInput;CardJs.copyAllElementAttributes(expiryMonthOld,expiryMonthNew),this.expiryMonthInput.remove(),this.expiryMonthInput=expiryMonthNew;for(var expiryYearNew=$("<select><option value='any' selected='' hidden=''>YY</option></select>"),currentYear=parseInt((new Date).getFullYear().toString().substring(2,4)),i=0;i<CardJs.EXPIRY_NUMBER_OF_YEARS;i++)expiryYearNew.append("<option value='"+currentYear+"'>"+currentYear+"</option>"),currentYear=(currentYear+1)%100;var expiryYearOld=this.expiryYearInput;CardJs.copyAllElementAttributes(expiryYearOld,expiryYearNew),this.expiryYearInput.remove(),this.expiryYearInput=expiryYearNew,expiryInput.append(this.expiryMonthInput),expiryInput.append(this.expiryYearInput)}else{expiryInput=$("<div></div>"),this.expiryMonthInput=$("<input type='hidden' name='expiry-month' />"),this.expiryYearInput=$("<input type='hidden' name='expiry-year' />"),this.stripe&&(this.expiryMonthInput.attr("data-stripe","exp-month"),this.expiryYearInput.attr("data-stripe","exp-year")),this.expiryMonthYearInput=$("<input class='expiry' />"),this.expiryMonthYearInput.attr("type","tel"),this.expiryMonthYearInput.attr("placeholder")||this.expiryMonthYearInput.attr("placeholder",CardJs.EXPIRY_PLACEHOLDER),this.expiryMonthYearInput.attr("maxlength",CardJs.EXPIRY_MASK.length),this.expiryMonthYearInput.attr("x-autocompletetype","cc-exp"),this.expiryMonthYearInput.attr("autocompletetype","cc-exp"),this.expiryMonthYearInput.attr("autocorrect","off"),this.expiryMonthYearInput.attr("spellcheck","off"),this.expiryMonthYearInput.attr("autocapitalize","off");var $this=this;this.expiryMonthYearInput.keydown(function(e){CardJs.handleExpiryKey(e);var val=$this.expiryMonthYearInput.val();1==val.length&&parseInt(val)>1&&CardJs.keyIsNumber(e)&&$this.expiryMonthYearInput.val(CardJs.applyFormatMask("0"+val,CardJs.EXPIRY_MASK)),$this.EXPIRY_USE_DROPDOWNS||null==$this.expiryMonthYearInput||($this.expiryMonthInput.val($this.expiryMonth()),$this.expiryYearInput.val(7==val.length?val.substr(5,2):null))}),this.expiryMonthYearInput.blur(function(e){$this.refreshExpiryMonthValidation()}),expiryInput.append(this.expiryMonthYearInput),expiryInput.append(this.expiryMonthInput),expiryInput.append(this.expiryYearInput)}wrapper.append(expiryInput),wrapper.append("<div class='icon'></div>"),wrapper.find(".icon").append(CardJs.CALENDAR_SVG)},CardJs.prototype.setupCvcInput=function(){this.stripe&&this.cvcInput.attr("data-stripe","cvc"),this.elem.append("<div class='cvc-container'><div class='cvc-wrapper'></div></div>");var wrapper=this.elem.find(".cvc-wrapper");wrapper.append(this.cvcInput),wrapper.append("<div class='icon'></div>"),wrapper.find(".icon").append(CardJs.LOCK_SVG)},CardJs.prototype.expiryMonth=function(){if(!this.EXPIRY_USE_DROPDOWNS&&null!=this.expiryMonthYearInput){var val=this.expiryMonthYearInput.val();return val.length>=2?parseInt(val.substr(0,2)):null}return null},CardJs.isValidMonth=function(expiryMonth){return expiryMonth>=1&&12>=expiryMonth},CardJs.isExpiryValid=function(month,year){var today=new Date,currentMonth=today.getMonth()+1,currentYear=""+today.getFullYear();return 2==(""+year).length&&(year=currentYear.substring(0,2)+""+year),currentMonth=parseInt(currentMonth),currentYear=parseInt(currentYear),month=parseInt(month),year=parseInt(year),CardJs.isValidMonth(month)&&(year>currentYear||year==currentYear&&month>=currentMonth)},CardJs.prototype.refreshExpiryMonthValidation=function(){CardJs.isExpiryValid(this.getExpiryMonth(),this.getExpiryYear())?this.setExpiryMonthAsValid():this.setExpiryMonthAsInvalid()},CardJs.prototype.setExpiryMonthAsValid=function(){this.EXPIRY_USE_DROPDOWNS||this.expiryMonthYearInput.parent().removeClass("has-error")},CardJs.prototype.setExpiryMonthAsInvalid=function(){this.EXPIRY_USE_DROPDOWNS||this.expiryMonthYearInput.parent().addClass("has-error")};
+
+/***/ }),
+
+/***/ 14:
+/*!***************************************************!*\
+  !*** multi ./node_modules/card-js/card-js.min.js ***!
+  \***************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/node_modules/card-js/card-js.min.js */"./node_modules/card-js/card-js.min.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/checkout.com.js b/public/js/clients/payments/checkout.com.js
index 3fbd93d874..48c5758287 100644
--- a/public/js/clients/payments/checkout.com.js
+++ b/public/js/clients/payments/checkout.com.js
@@ -1,2 +1,133 @@
-/*! For license information please see checkout.com.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=9)}({9:function(e,t,n){e.exports=n("XYrq")},XYrq:function(e,t){window.CKOConfig={publicKey:document.querySelector('meta[name="public-key"]').content,customerEmail:document.querySelector('meta[name="customer-email"]').content,value:document.querySelector('meta[name="value"]').content,currency:document.querySelector('meta[name="currency"]').content,paymentMode:"cards",cardFormMode:"cardTokenisation",cardTokenised:function(e){document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e.data),document.querySelector('input[name="store_card"]').value=document.getElementById("store-card-checkbox").checked?1:0,document.getElementById("server-response").submit()}}}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 9);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/checkout.com.js":
+/*!*******************************************************!*\
+  !*** ./resources/js/clients/payments/checkout.com.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+window.CKOConfig = {
+  publicKey: document.querySelector('meta[name="public-key"]').content,
+  customerEmail: document.querySelector('meta[name="customer-email"]').content,
+  value: document.querySelector('meta[name="value"]').content,
+  currency: document.querySelector('meta[name="currency"]').content,
+  paymentMode: 'cards',
+  cardFormMode: 'cardTokenisation',
+  cardTokenised: function cardTokenised(event) {
+    document.querySelector('input[name="gateway_response"]').value = JSON.stringify(event.data);
+    document.querySelector('input[name="store_card"]').value = document.getElementById('store-card-checkbox').checked ? 1 : 0;
+    document.getElementById('server-response').submit();
+  }
+};
+
+/***/ }),
+
+/***/ 9:
+/*!*************************************************************!*\
+  !*** multi ./resources/js/clients/payments/checkout.com.js ***!
+  \*************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/payments/checkout.com.js */"./resources/js/clients/payments/checkout.com.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/process.js b/public/js/clients/payments/process.js
index ec3c112c20..5881b42839 100644
--- a/public/js/clients/payments/process.js
+++ b/public/js/clients/payments/process.js
@@ -1,2 +1,245 @@
-/*! For license information please see process.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=12)}({12:function(e,t,n){e.exports=n("OXGg")},OXGg:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}new(function(){function e(t,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.key=t,this.usingToken=n}var t,r,o;return t=e,(r=[{key:"setupStripe",value:function(){return this.stripe=Stripe(this.key),this.elements=this.stripe.elements(),this}},{key:"createElement",value:function(){return this.cardElement=this.elements.create("card"),this}},{key:"mountCardElement",value:function(){return this.cardElement.mount("#card-element"),this}},{key:"completePaymentUsingToken",value:function(){var e=this,t=document.getElementById("pay-now-with-token");this.stripe.handleCardPayment(t.dataset.secret,{payment_method:t.dataset.token}).then((function(t){return t.error?e.handleFailure(t.error.message):e.handleSuccess(t)}))}},{key:"completePaymentWithoutToken",value:function(){var e=this,t=document.getElementById("pay-now"),n=document.getElementById("cardholder-name");this.stripe.handleCardPayment(t.dataset.secret,this.cardElement,{payment_method_data:{billing_details:{name:n.value}}}).then((function(t){return t.error?e.handleFailure(t.error.message):e.handleSuccess(t)}))}},{key:"handleSuccess",value:function(e){document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e.paymentIntent);var t=document.querySelector('input[name="token-billing-checkbox"]');t&&(document.querySelector('input[name="store_card"]').value=t.checked),document.getElementById("server-response").submit()}},{key:"handleFailure",value:function(e){var t=document.getElementById("errors");t.textContent="",t.textContent=e,t.hidden=!1}},{key:"handle",value:function(){var e=this;this.setupStripe(),this.usingToken&&document.getElementById("pay-now-with-token").addEventListener("click",(function(){return e.completePaymentUsingToken()})),this.usingToken||(this.createElement().mountCardElement(),document.getElementById("pay-now").addEventListener("click",(function(){return e.completePaymentWithoutToken()})))}}])&&n(t.prototype,r),o&&n(t,o),e}())(document.querySelector('meta[name="stripe-publishable-key"]').content,document.querySelector('meta[name="using-token"]').content).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 12);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/process.js":
+/*!**************************************************!*\
+  !*** ./resources/js/clients/payments/process.js ***!
+  \**************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var ProcessStripePayment = /*#__PURE__*/function () {
+  function ProcessStripePayment(key, usingToken) {
+    _classCallCheck(this, ProcessStripePayment);
+
+    this.key = key;
+    this.usingToken = usingToken;
+  }
+
+  _createClass(ProcessStripePayment, [{
+    key: "setupStripe",
+    value: function setupStripe() {
+      this.stripe = Stripe(this.key);
+      this.elements = this.stripe.elements();
+      return this;
+    }
+  }, {
+    key: "createElement",
+    value: function createElement() {
+      this.cardElement = this.elements.create("card");
+      return this;
+    }
+  }, {
+    key: "mountCardElement",
+    value: function mountCardElement() {
+      this.cardElement.mount("#card-element");
+      return this;
+    }
+  }, {
+    key: "completePaymentUsingToken",
+    value: function completePaymentUsingToken() {
+      var _this = this;
+
+      var payNowButton = document.getElementById('pay-now-with-token');
+      document.getElementById('process-overlay').classList.remove('hidden');
+      return;
+      this.stripe.handleCardPayment(payNowButton.dataset.secret, {
+        payment_method: payNowButton.dataset.token
+      }).then(function (result) {
+        if (result.error) {
+          return _this.handleFailure(result.error.message);
+        }
+
+        return _this.handleSuccess(result);
+      });
+    }
+  }, {
+    key: "completePaymentWithoutToken",
+    value: function completePaymentWithoutToken() {
+      var _this2 = this;
+
+      var payNowButton = document.getElementById("pay-now");
+      var cardHolderName = document.getElementById("cardholder-name");
+      document.getElementById('processing-overlay').classList.remove('hidden');
+      this.stripe.handleCardPayment(payNowButton.dataset.secret, this.cardElement, {
+        payment_method_data: {
+          billing_details: {
+            name: cardHolderName.value
+          }
+        }
+      }).then(function (result) {
+        document.getElementById('processing-overlay').classList.add('hidden');
+
+        if (result.error) {
+          return _this2.handleFailure(result.error.message);
+        }
+
+        return _this2.handleSuccess(result);
+      });
+    }
+  }, {
+    key: "handleSuccess",
+    value: function handleSuccess(result) {
+      document.querySelector('input[name="gateway_response"]').value = JSON.stringify(result.paymentIntent);
+      var tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]');
+
+      if (tokenBillingCheckbox) {
+        document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.checked;
+      }
+
+      document.getElementById("server-response").submit();
+    }
+  }, {
+    key: "handleFailure",
+    value: function handleFailure(message) {
+      var errors = document.getElementById("errors");
+      errors.textContent = "";
+      errors.textContent = message;
+      errors.hidden = false;
+      this.payNowButton.querySelector('svg').classList.add('hidden');
+      this.payNowButton.disabled = false;
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this3 = this;
+
+      this.setupStripe();
+
+      if (this.usingToken) {
+        document.getElementById("pay-now-with-token").addEventListener("click", function () {
+          return _this3.completePaymentUsingToken();
+        });
+      }
+
+      if (!this.usingToken) {
+        this.createElement().mountCardElement();
+        document.getElementById("pay-now").addEventListener("click", function () {
+          return _this3.completePaymentWithoutToken();
+        });
+      }
+    }
+  }]);
+
+  return ProcessStripePayment;
+}();
+
+var publishableKey = document.querySelector('meta[name="stripe-publishable-key"]').content;
+var usingToken = document.querySelector('meta[name="using-token"]').content;
+new ProcessStripePayment(publishableKey, usingToken).handle();
+
+/***/ }),
+
+/***/ 12:
+/*!********************************************************!*\
+  !*** multi ./resources/js/clients/payments/process.js ***!
+  \********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/payments/process.js */"./resources/js/clients/payments/process.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/payments/sofort.js b/public/js/clients/payments/sofort.js
index 1f95254e27..c167a9d723 100644
--- a/public/js/clients/payments/sofort.js
+++ b/public/js/clients/payments/sofort.js
@@ -1,2 +1,167 @@
-/*! For license information please see sofort.js.LICENSE.txt */
-!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/",r(r.s=7)}({7:function(e,t,r){e.exports=r("Zfcc")},Zfcc:function(e,t){function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}new function e(t){var n=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),r(this,"setupStripe",(function(){return n.stripe=Stripe(n.key),n})),r(this,"handle",(function(){var e={type:"sofort",amount:document.querySelector('meta[name="amount"]').content,currency:"eur",redirect:{return_url:document.querySelector('meta[name="return-url"]').content},sofort:{country:document.querySelector('meta[name="country"').content}};document.getElementById("pay-now").addEventListener("submit",(function(t){t.preventDefault(),n.stripe.createSource(e).then((function(e){if(e.hasOwnProperty("source"))return window.location=e.source.redirect.url;this.errors.textContent="",this.errors.textContent=e.error.message,this.errors.hidden=!1}))}))})),this.key=t,this.errors=document.getElementById("errors")}(document.querySelector('meta[name="stripe-publishable-key"]').content).setupStripe().handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 7);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/payments/sofort.js":
+/*!*************************************************!*\
+  !*** ./resources/js/clients/payments/sofort.js ***!
+  \*************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var ProcessSOFORT = function ProcessSOFORT(key) {
+  var _this = this;
+
+  _classCallCheck(this, ProcessSOFORT);
+
+  _defineProperty(this, "setupStripe", function () {
+    _this.stripe = Stripe(_this.key);
+    return _this;
+  });
+
+  _defineProperty(this, "handle", function () {
+    var data = {
+      type: 'sofort',
+      amount: document.querySelector('meta[name="amount"]').content,
+      currency: 'eur',
+      redirect: {
+        return_url: document.querySelector('meta[name="return-url"]').content
+      },
+      sofort: {
+        country: document.querySelector('meta[name="country"').content
+      }
+    };
+    document.getElementById('pay-now').addEventListener('submit', function (e) {
+      e.preventDefault();
+
+      _this.stripe.createSource(data).then(function (result) {
+        if (result.hasOwnProperty('source')) {
+          return window.location = result.source.redirect.url;
+        }
+
+        this.errors.textContent = '';
+        this.errors.textContent = result.error.message;
+        this.errors.hidden = false;
+      });
+    });
+  });
+
+  this.key = key;
+  this.errors = document.getElementById('errors');
+};
+
+var publishableKey = document.querySelector('meta[name="stripe-publishable-key"]').content;
+new ProcessSOFORT(publishableKey).setupStripe().handle();
+
+/***/ }),
+
+/***/ 7:
+/*!*******************************************************!*\
+  !*** multi ./resources/js/clients/payments/sofort.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/payments/sofort.js */"./resources/js/clients/payments/sofort.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/quotes/action-selectors.js b/public/js/clients/quotes/action-selectors.js
index 5ecdecd61c..bbd3d5768e 100644
--- a/public/js/clients/quotes/action-selectors.js
+++ b/public/js/clients/quotes/action-selectors.js
@@ -1,2 +1,240 @@
-/*! For license information please see action-selectors.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=10)}({10:function(e,t,n){e.exports=n("ydWM")},ydWM:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.parentElement=document.querySelector(".form-check-parent"),this.parentForm=document.getElementById("bulkActions")}var t,r,o;return t=e,(r=[{key:"watchCheckboxes",value:function(e){var t=this;document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})),document.querySelectorAll(".form-check-child").forEach((function(n){e.checked?(n.checked=e.checked,t.processChildItem(n,document.getElementById("bulkActions"))):(n.checked=!1,document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})))}))}},{key:"processChildItem",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(n.hasOwnProperty("single")&&document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})),!1!==e.checked){var r=document.createElement("INPUT");r.setAttribute("name","invoices[]"),r.setAttribute("value",e.dataset.value),r.setAttribute("class","child-hidden-input"),r.hidden=!0,t.append(r)}else{var o=document.querySelectorAll("input.child-hidden-input"),c=!0,u=!1,l=void 0;try{for(var i,a=o[Symbol.iterator]();!(c=(i=a.next()).done);c=!0){var d=i.value;d.value==e.dataset.value&&d.remove()}}catch(e){u=!0,l=e}finally{try{c||null==a.return||a.return()}finally{if(u)throw l}}}}},{key:"handle",value:function(){var e=this;this.parentElement.addEventListener("click",(function(){e.watchCheckboxes(e.parentElement)}));var t=!0,n=!1,r=void 0;try{for(var o,c=function(){var t=o.value;t.addEventListener("click",(function(){e.processChildItem(t,e.parentForm)}))},u=document.querySelectorAll(".form-check-child")[Symbol.iterator]();!(t=(o=u.next()).done);t=!0)c()}catch(e){n=!0,r=e}finally{try{t||null==u.return||u.return()}finally{if(n)throw r}}}}])&&n(t.prototype,r),o&&n(t,o),e}())).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 10);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/quotes/action-selectors.js":
+/*!*********************************************************!*\
+  !*** ./resources/js/clients/quotes/action-selectors.js ***!
+  \*********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var ActionSelectors = /*#__PURE__*/function () {
+  function ActionSelectors() {
+    _classCallCheck(this, ActionSelectors);
+
+    this.parentElement = document.querySelector('.form-check-parent');
+    this.parentForm = document.getElementById('bulkActions');
+  }
+
+  _createClass(ActionSelectors, [{
+    key: "watchCheckboxes",
+    value: function watchCheckboxes(parentElement) {
+      var _this = this;
+
+      document.querySelectorAll('.child-hidden-input').forEach(function (element) {
+        return element.remove();
+      });
+      document.querySelectorAll('.form-check-child').forEach(function (child) {
+        if (parentElement.checked) {
+          child.checked = parentElement.checked;
+
+          _this.processChildItem(child, document.getElementById('bulkActions'));
+        } else {
+          child.checked = false;
+          document.querySelectorAll('.child-hidden-input').forEach(function (element) {
+            return element.remove();
+          });
+        }
+      });
+    }
+  }, {
+    key: "processChildItem",
+    value: function processChildItem(element, parent) {
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+      if (options.hasOwnProperty('single')) {
+        document.querySelectorAll('.child-hidden-input').forEach(function (element) {
+          return element.remove();
+        });
+      }
+
+      if (element.checked === false) {
+        var inputs = document.querySelectorAll('input.child-hidden-input');
+
+        var _iterator = _createForOfIteratorHelper(inputs),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var i = _step.value;
+            if (i.value == element.dataset.value) i.remove();
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+
+        return;
+      }
+
+      var _temp = document.createElement('INPUT');
+
+      _temp.setAttribute('name', 'invoices[]');
+
+      _temp.setAttribute('value', element.dataset.value);
+
+      _temp.setAttribute('class', 'child-hidden-input');
+
+      _temp.hidden = true;
+      parent.append(_temp);
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this2 = this;
+
+      this.parentElement.addEventListener('click', function () {
+        _this2.watchCheckboxes(_this2.parentElement);
+      });
+
+      var _iterator2 = _createForOfIteratorHelper(document.querySelectorAll('.form-check-child')),
+          _step2;
+
+      try {
+        var _loop = function _loop() {
+          var child = _step2.value;
+          child.addEventListener('click', function () {
+            _this2.processChildItem(child, _this2.parentForm);
+          });
+        };
+
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          _loop();
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
+  }]);
+
+  return ActionSelectors;
+}();
+/** @handle **/
+
+
+new ActionSelectors().handle();
+
+/***/ }),
+
+/***/ 10:
+/*!***************************************************************!*\
+  !*** multi ./resources/js/clients/quotes/action-selectors.js ***!
+  \***************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/quotes/action-selectors.js */"./resources/js/clients/quotes/action-selectors.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/quotes/approve.js b/public/js/clients/quotes/approve.js
index 2771200668..48e0879a30 100644
--- a/public/js/clients/quotes/approve.js
+++ b/public/js/clients/quotes/approve.js
@@ -1,2 +1,172 @@
-/*! For license information please see approve.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=11)}({11:function(e,t,n){e.exports=n("WuMn")},WuMn:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var r=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.shouldDisplaySignature=t}var t,r,o;return t=e,(r=[{key:"submitForm",value:function(){document.getElementById("approve-form").submit()}},{key:"displaySignature",value:function(){document.getElementById("displaySignatureModal").removeAttribute("style"),new SignaturePad(document.getElementById("signature-pad"),{backgroundColor:"rgb(240,240,240)",penColor:"rgb(0, 0, 0)"})}},{key:"handle",value:function(){var e=this;document.getElementById("approve-button").addEventListener("click",(function(){e.shouldDisplaySignature&&(e.displaySignature(),document.getElementById("signature-next-step").addEventListener("click",(function(){e.submitForm()}))),e.shouldDisplaySignature||e.submitForm()}))}}])&&n(t.prototype,r),o&&n(t,o),e}(),o=document.querySelector('meta[name="require-quote-signature"]').content;new r(Boolean(+o)).handle()}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 11);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/quotes/approve.js":
+/*!************************************************!*\
+  !*** ./resources/js/clients/quotes/approve.js ***!
+  \************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var Approve = /*#__PURE__*/function () {
+  function Approve(displaySignature) {
+    _classCallCheck(this, Approve);
+
+    this.shouldDisplaySignature = displaySignature;
+  }
+
+  _createClass(Approve, [{
+    key: "submitForm",
+    value: function submitForm() {
+      document.getElementById('approve-form').submit();
+    }
+  }, {
+    key: "displaySignature",
+    value: function displaySignature() {
+      var displaySignatureModal = document.getElementById('displaySignatureModal');
+      displaySignatureModal.removeAttribute('style');
+      var signaturePad = new SignaturePad(document.getElementById('signature-pad'), {
+        backgroundColor: 'rgb(240,240,240)',
+        penColor: 'rgb(0, 0, 0)'
+      });
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this = this;
+
+      document.getElementById('approve-button').addEventListener('click', function () {
+        if (_this.shouldDisplaySignature) {
+          _this.displaySignature();
+
+          document.getElementById('signature-next-step').addEventListener('click', function () {
+            _this.submitForm();
+          });
+        }
+
+        if (!_this.shouldDisplaySignature) _this.submitForm();
+      });
+    }
+  }]);
+
+  return Approve;
+}();
+
+var signature = document.querySelector('meta[name="require-quote-signature"]').content;
+new Approve(Boolean(+signature)).handle();
+
+/***/ }),
+
+/***/ 11:
+/*!******************************************************!*\
+  !*** multi ./resources/js/clients/quotes/approve.js ***!
+  \******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/quotes/approve.js */"./resources/js/clients/quotes/approve.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/shared/multiple-downloads.js b/public/js/clients/shared/multiple-downloads.js
index 8b2523d563..3d61b166f8 100644
--- a/public/js/clients/shared/multiple-downloads.js
+++ b/public/js/clients/shared/multiple-downloads.js
@@ -1 +1,141 @@
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=16)}({16:function(e,t,n){e.exports=n("W54t")},W54t:function(e,t){window.appendToElement=function(e,t){var n=document.getElementById(e),r=n.querySelector('input[value="'.concat(t,'"]'));if(r)return r.remove();var o=document.createElement("INPUT");o.setAttribute("name","file_hash[]"),o.setAttribute("value",t),o.hidden=!0,n.append(o)}}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 16);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./resources/js/clients/shared/multiple-downloads.js":
+/*!***********************************************************!*\
+  !*** ./resources/js/clients/shared/multiple-downloads.js ***!
+  \***********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var appendToElement = function appendToElement(parent, value) {
+  var _parent = document.getElementById(parent);
+
+  var _possibleElement = _parent.querySelector("input[value=\"".concat(value, "\"]"));
+
+  if (_possibleElement) {
+    return _possibleElement.remove();
+  }
+
+  var _temp = document.createElement('INPUT');
+
+  _temp.setAttribute('name', 'file_hash[]');
+
+  _temp.setAttribute('value', value);
+
+  _temp.hidden = true;
+
+  _parent.append(_temp);
+};
+
+window.appendToElement = appendToElement;
+
+/***/ }),
+
+/***/ 16:
+/*!*****************************************************************!*\
+  !*** multi ./resources/js/clients/shared/multiple-downloads.js ***!
+  \*****************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/shared/multiple-downloads.js */"./resources/js/clients/shared/multiple-downloads.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/clients/shared/pdf.js b/public/js/clients/shared/pdf.js
index ce3d093e5b..5b7b4f3e15 100644
--- a/public/js/clients/shared/pdf.js
+++ b/public/js/clients/shared/pdf.js
@@ -1,2 +1,1054 @@
-/*! For license information please see pdf.js.LICENSE.txt */
-!function(t){var e={};function r(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=t,r.c=e,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)r.d(n,o,function(e){return t[e]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="/",r(r.s=15)}({15:function(t,e,r){t.exports=r("7+HS")},"7+HS":function(t,e,r){"use strict";r.r(e);var n=r("o0o1"),o=r.n(n);function i(t,e,r,n,o,i,a){try{var c=t[i](a),u=c.value}catch(t){return void r(t)}c.done?e(u):Promise.resolve(u).then(n,o)}function a(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}new(function(){function t(e,r){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.url=e,this.canvas=r,this.context=r.getContext("2d"),this.currentPage=1,this.maxPages=1,this.currentScale=1.75,this.currentScaleText=document.getElementById("zoom-level"),matchMedia("only screen and (max-width: 480px)").matches&&(this.currentScale=.5),this.currentScaleText.textContent=100*this.currentScale+"%"}var e,r,n,c,u;return e=t,(r=[{key:"handlePreviousPage",value:function(){1!=this.currentPage&&(this.currentPage-=1,this.handle())}},{key:"handleNextPage",value:function(){this.currentPage!=this.maxPages&&(this.currentPage+=1,this.handle())}},{key:"handleZoomChange",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(.25!=this.currentScale||t)return t?(this.currentScale+=.25,this.currentScaleText.textContent=100*this.currentScale+"%",this.handle()):(this.currentScale-=.25,this.currentScaleText.textContent=100*this.currentScale+"%",this.handle())}},{key:"prepare",value:function(){var t=this;return document.getElementById("previous-page-button").addEventListener("click",(function(){return t.handlePreviousPage()})),document.getElementById("next-page-button").addEventListener("click",(function(){return t.handleNextPage()})),document.getElementById("zoom-in").addEventListener("click",(function(){return t.handleZoomChange(!0)})),document.getElementById("zoom-out").addEventListener("click",(function(){return t.handleZoomChange()})),this}},{key:"setPagesInViewport",value:function(){var t=document.getElementById("current-page-container"),e=document.getElementById("total-page-container"),r=document.getElementById("pagination-button-container");t.innerText=this.currentPage,e.innerText=this.maxPages,this.maxPages>1&&(r.style.display="flex")}},{key:"handle",value:(c=o.a.mark((function t(){var e,r,n;return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,pdfjsLib.getDocument(this.url).promise;case 2:return e=t.sent,t.next=5,e.getPage(this.currentPage);case 5:return r=t.sent,this.maxPages=e.numPages,t.next=9,r.getViewport({scale:this.currentScale});case 9:n=t.sent,this.canvas.height=n.height,this.canvas.width=n.width,r.render({canvasContext:this.context,viewport:n}),this.setPagesInViewport();case 14:case"end":return t.stop()}}),t,this)})),u=function(){var t=this,e=arguments;return new Promise((function(r,n){var o=c.apply(t,e);function a(t){i(o,r,n,a,u,"next",t)}function u(t){i(o,r,n,a,u,"throw",t)}a(void 0)}))},function(){return u.apply(this,arguments)})}])&&a(e.prototype,r),n&&a(e,n),t}())(document.querySelector("meta[name='pdf-url'").content,document.getElementById("pdf-placeholder")).prepare().handle()},ls82:function(t,e,r){var n=function(t){"use strict";var e=Object.prototype,r=e.hasOwnProperty,n="function"==typeof Symbol?Symbol:{},o=n.iterator||"@@iterator",i=n.asyncIterator||"@@asyncIterator",a=n.toStringTag||"@@toStringTag";function c(t,e,r,n){var o=e&&e.prototype instanceof l?e:l,i=Object.create(o.prototype),a=new E(n||[]);return i._invoke=function(t,e,r){var n="suspendedStart";return function(o,i){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw i;return L()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=x(a,r);if(c){if(c===s)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===n)throw n="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n="executing";var l=u(t,e,r);if("normal"===l.type){if(n=r.done?"completed":"suspendedYield",l.arg===s)continue;return{value:l.arg,done:r.done}}"throw"===l.type&&(n="completed",r.method="throw",r.arg=l.arg)}}}(t,r,a),i}function u(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=c;var s={};function l(){}function h(){}function f(){}var d={};d[o]=function(){return this};var p=Object.getPrototypeOf,v=p&&p(p(P([])));v&&v!==e&&r.call(v,o)&&(d=v);var y=f.prototype=l.prototype=Object.create(d);function g(t){["next","throw","return"].forEach((function(e){t[e]=function(t){return this._invoke(e,t)}}))}function m(t,e){var n;this._invoke=function(o,i){function a(){return new e((function(n,a){!function n(o,i,a,c){var s=u(t[o],t,i);if("throw"!==s.type){var l=s.arg,h=l.value;return h&&"object"==typeof h&&r.call(h,"__await")?e.resolve(h.__await).then((function(t){n("next",t,a,c)}),(function(t){n("throw",t,a,c)})):e.resolve(h).then((function(t){l.value=t,a(l)}),(function(t){return n("throw",t,a,c)}))}c(s.arg)}(o,i,n,a)}))}return n=n?n.then(a,a):a()}}function x(t,e){var r=t.iterator[e.method];if(void 0===r){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,x(t,e),"throw"===e.method))return s;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return s}var n=u(r,t.iterator,e.arg);if("throw"===n.type)return e.method="throw",e.arg=n.arg,e.delegate=null,s;var o=n.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,s):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,s)}function w(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function b(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function E(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(w,this),this.reset(!0)}function P(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,i=function e(){for(;++n<t.length;)if(r.call(t,n))return e.value=t[n],e.done=!1,e;return e.value=void 0,e.done=!0,e};return i.next=i}}return{next:L}}function L(){return{value:void 0,done:!0}}return h.prototype=y.constructor=f,f.constructor=h,f[a]=h.displayName="GeneratorFunction",t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,f):(t.__proto__=f,a in t||(t[a]="GeneratorFunction")),t.prototype=Object.create(y),t},t.awrap=function(t){return{__await:t}},g(m.prototype),m.prototype[i]=function(){return this},t.AsyncIterator=m,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new m(c(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},g(y),y[a]="Generator",y[o]=function(){return this},y.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=P,E.prototype={constructor:E,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(b),!t)for(var e in this)"t"===e.charAt(0)&&r.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function n(r,n){return a.type="throw",a.arg=t,e.next=r,n&&(e.method="next",e.arg=void 0),!!n}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var c=r.call(i,"catchLoc"),u=r.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return n(i.catchLoc,!0);if(this.prev<i.finallyLoc)return n(i.finallyLoc)}else if(c){if(this.prev<i.catchLoc)return n(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return n(i.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,s):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),s},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),b(r),s}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;b(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,r){return this.delegate={iterator:P(t),resultName:e,nextLoc:r},"next"===this.method&&(this.arg=void 0),s}},t}(t.exports);try{regeneratorRuntime=n}catch(t){Function("r","regeneratorRuntime = r")(n)}},o0o1:function(t,e,r){t.exports=r("ls82")}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 15);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./node_modules/@babel/runtime/regenerator/index.js":
+/*!**********************************************************!*\
+  !*** ./node_modules/@babel/runtime/regenerator/index.js ***!
+  \**********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! regenerator-runtime */ "./node_modules/regenerator-runtime/runtime.js");
+
+
+/***/ }),
+
+/***/ "./node_modules/regenerator-runtime/runtime.js":
+/*!*****************************************************!*\
+  !*** ./node_modules/regenerator-runtime/runtime.js ***!
+  \*****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var runtime = (function (exports) {
+  "use strict";
+
+  var Op = Object.prototype;
+  var hasOwn = Op.hasOwnProperty;
+  var undefined; // More compressible than void 0.
+  var $Symbol = typeof Symbol === "function" ? Symbol : {};
+  var iteratorSymbol = $Symbol.iterator || "@@iterator";
+  var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
+  var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+
+  function define(obj, key, value) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+    return obj[key];
+  }
+  try {
+    // IE 8 has a broken Object.defineProperty that only works on DOM objects.
+    define({}, "");
+  } catch (err) {
+    define = function(obj, key, value) {
+      return obj[key] = value;
+    };
+  }
+
+  function wrap(innerFn, outerFn, self, tryLocsList) {
+    // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
+    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
+    var generator = Object.create(protoGenerator.prototype);
+    var context = new Context(tryLocsList || []);
+
+    // The ._invoke method unifies the implementations of the .next,
+    // .throw, and .return methods.
+    generator._invoke = makeInvokeMethod(innerFn, self, context);
+
+    return generator;
+  }
+  exports.wrap = wrap;
+
+  // Try/catch helper to minimize deoptimizations. Returns a completion
+  // record like context.tryEntries[i].completion. This interface could
+  // have been (and was previously) designed to take a closure to be
+  // invoked without arguments, but in all the cases we care about we
+  // already have an existing method we want to call, so there's no need
+  // to create a new function object. We can even get away with assuming
+  // the method takes exactly one argument, since that happens to be true
+  // in every case, so we don't have to touch the arguments object. The
+  // only additional allocation required is the completion record, which
+  // has a stable shape and so hopefully should be cheap to allocate.
+  function tryCatch(fn, obj, arg) {
+    try {
+      return { type: "normal", arg: fn.call(obj, arg) };
+    } catch (err) {
+      return { type: "throw", arg: err };
+    }
+  }
+
+  var GenStateSuspendedStart = "suspendedStart";
+  var GenStateSuspendedYield = "suspendedYield";
+  var GenStateExecuting = "executing";
+  var GenStateCompleted = "completed";
+
+  // Returning this object from the innerFn has the same effect as
+  // breaking out of the dispatch switch statement.
+  var ContinueSentinel = {};
+
+  // Dummy constructor functions that we use as the .constructor and
+  // .constructor.prototype properties for functions that return Generator
+  // objects. For full spec compliance, you may wish to configure your
+  // minifier not to mangle the names of these two functions.
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+
+  // This is a polyfill for %IteratorPrototype% for environments that
+  // don't natively support it.
+  var IteratorPrototype = {};
+  IteratorPrototype[iteratorSymbol] = function () {
+    return this;
+  };
+
+  var getProto = Object.getPrototypeOf;
+  var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+  if (NativeIteratorPrototype &&
+      NativeIteratorPrototype !== Op &&
+      hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
+    // This environment has a native %IteratorPrototype%; use it instead
+    // of the polyfill.
+    IteratorPrototype = NativeIteratorPrototype;
+  }
+
+  var Gp = GeneratorFunctionPrototype.prototype =
+    Generator.prototype = Object.create(IteratorPrototype);
+  GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
+  GeneratorFunctionPrototype.constructor = GeneratorFunction;
+  GeneratorFunction.displayName = define(
+    GeneratorFunctionPrototype,
+    toStringTagSymbol,
+    "GeneratorFunction"
+  );
+
+  // Helper for defining the .next, .throw, and .return methods of the
+  // Iterator interface in terms of a single ._invoke method.
+  function defineIteratorMethods(prototype) {
+    ["next", "throw", "return"].forEach(function(method) {
+      define(prototype, method, function(arg) {
+        return this._invoke(method, arg);
+      });
+    });
+  }
+
+  exports.isGeneratorFunction = function(genFun) {
+    var ctor = typeof genFun === "function" && genFun.constructor;
+    return ctor
+      ? ctor === GeneratorFunction ||
+        // For the native GeneratorFunction constructor, the best we can
+        // do is to check its .name property.
+        (ctor.displayName || ctor.name) === "GeneratorFunction"
+      : false;
+  };
+
+  exports.mark = function(genFun) {
+    if (Object.setPrototypeOf) {
+      Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
+    } else {
+      genFun.__proto__ = GeneratorFunctionPrototype;
+      define(genFun, toStringTagSymbol, "GeneratorFunction");
+    }
+    genFun.prototype = Object.create(Gp);
+    return genFun;
+  };
+
+  // Within the body of any async function, `await x` is transformed to
+  // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
+  // `hasOwn.call(value, "__await")` to determine if the yielded value is
+  // meant to be awaited.
+  exports.awrap = function(arg) {
+    return { __await: arg };
+  };
+
+  function AsyncIterator(generator, PromiseImpl) {
+    function invoke(method, arg, resolve, reject) {
+      var record = tryCatch(generator[method], generator, arg);
+      if (record.type === "throw") {
+        reject(record.arg);
+      } else {
+        var result = record.arg;
+        var value = result.value;
+        if (value &&
+            typeof value === "object" &&
+            hasOwn.call(value, "__await")) {
+          return PromiseImpl.resolve(value.__await).then(function(value) {
+            invoke("next", value, resolve, reject);
+          }, function(err) {
+            invoke("throw", err, resolve, reject);
+          });
+        }
+
+        return PromiseImpl.resolve(value).then(function(unwrapped) {
+          // When a yielded Promise is resolved, its final value becomes
+          // the .value of the Promise<{value,done}> result for the
+          // current iteration.
+          result.value = unwrapped;
+          resolve(result);
+        }, function(error) {
+          // If a rejected Promise was yielded, throw the rejection back
+          // into the async generator function so it can be handled there.
+          return invoke("throw", error, resolve, reject);
+        });
+      }
+    }
+
+    var previousPromise;
+
+    function enqueue(method, arg) {
+      function callInvokeWithMethodAndArg() {
+        return new PromiseImpl(function(resolve, reject) {
+          invoke(method, arg, resolve, reject);
+        });
+      }
+
+      return previousPromise =
+        // If enqueue has been called before, then we want to wait until
+        // all previous Promises have been resolved before calling invoke,
+        // so that results are always delivered in the correct order. If
+        // enqueue has not been called before, then it is important to
+        // call invoke immediately, without waiting on a callback to fire,
+        // so that the async generator function has the opportunity to do
+        // any necessary setup in a predictable way. This predictability
+        // is why the Promise constructor synchronously invokes its
+        // executor callback, and why async functions synchronously
+        // execute code before the first await. Since we implement simple
+        // async functions in terms of async generators, it is especially
+        // important to get this right, even though it requires care.
+        previousPromise ? previousPromise.then(
+          callInvokeWithMethodAndArg,
+          // Avoid propagating failures to Promises returned by later
+          // invocations of the iterator.
+          callInvokeWithMethodAndArg
+        ) : callInvokeWithMethodAndArg();
+    }
+
+    // Define the unified helper method that is used to implement .next,
+    // .throw, and .return (see defineIteratorMethods).
+    this._invoke = enqueue;
+  }
+
+  defineIteratorMethods(AsyncIterator.prototype);
+  AsyncIterator.prototype[asyncIteratorSymbol] = function () {
+    return this;
+  };
+  exports.AsyncIterator = AsyncIterator;
+
+  // Note that simple async functions are implemented on top of
+  // AsyncIterator objects; they just return a Promise for the value of
+  // the final result produced by the iterator.
+  exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+    if (PromiseImpl === void 0) PromiseImpl = Promise;
+
+    var iter = new AsyncIterator(
+      wrap(innerFn, outerFn, self, tryLocsList),
+      PromiseImpl
+    );
+
+    return exports.isGeneratorFunction(outerFn)
+      ? iter // If outerFn is a generator, return the full iterator.
+      : iter.next().then(function(result) {
+          return result.done ? result.value : iter.next();
+        });
+  };
+
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = GenStateSuspendedStart;
+
+    return function invoke(method, arg) {
+      if (state === GenStateExecuting) {
+        throw new Error("Generator is already running");
+      }
+
+      if (state === GenStateCompleted) {
+        if (method === "throw") {
+          throw arg;
+        }
+
+        // Be forgiving, per 25.3.3.3.3 of the spec:
+        // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
+        return doneResult();
+      }
+
+      context.method = method;
+      context.arg = arg;
+
+      while (true) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
+          }
+        }
+
+        if (context.method === "next") {
+          // Setting context._sent for legacy support of Babel's
+          // function.sent implementation.
+          context.sent = context._sent = context.arg;
+
+        } else if (context.method === "throw") {
+          if (state === GenStateSuspendedStart) {
+            state = GenStateCompleted;
+            throw context.arg;
+          }
+
+          context.dispatchException(context.arg);
+
+        } else if (context.method === "return") {
+          context.abrupt("return", context.arg);
+        }
+
+        state = GenStateExecuting;
+
+        var record = tryCatch(innerFn, self, context);
+        if (record.type === "normal") {
+          // If an exception is thrown from innerFn, we leave state ===
+          // GenStateExecuting and loop back for another invocation.
+          state = context.done
+            ? GenStateCompleted
+            : GenStateSuspendedYield;
+
+          if (record.arg === ContinueSentinel) {
+            continue;
+          }
+
+          return {
+            value: record.arg,
+            done: context.done
+          };
+
+        } else if (record.type === "throw") {
+          state = GenStateCompleted;
+          // Dispatch the exception by looping back around to the
+          // context.dispatchException(context.arg) call above.
+          context.method = "throw";
+          context.arg = record.arg;
+        }
+      }
+    };
+  }
+
+  // Call delegate.iterator[context.method](context.arg) and handle the
+  // result, either by returning a { value, done } result from the
+  // delegate iterator, or by modifying context.method and context.arg,
+  // setting context.delegate to null, and returning the ContinueSentinel.
+  function maybeInvokeDelegate(delegate, context) {
+    var method = delegate.iterator[context.method];
+    if (method === undefined) {
+      // A .throw or .return when the delegate iterator has no .throw
+      // method always terminates the yield* loop.
+      context.delegate = null;
+
+      if (context.method === "throw") {
+        // Note: ["return"] must be used for ES3 parsing compatibility.
+        if (delegate.iterator["return"]) {
+          // If the delegate iterator has a return method, give it a
+          // chance to clean up.
+          context.method = "return";
+          context.arg = undefined;
+          maybeInvokeDelegate(delegate, context);
+
+          if (context.method === "throw") {
+            // If maybeInvokeDelegate(context) changed context.method from
+            // "return" to "throw", let that override the TypeError below.
+            return ContinueSentinel;
+          }
+        }
+
+        context.method = "throw";
+        context.arg = new TypeError(
+          "The iterator does not provide a 'throw' method");
+      }
+
+      return ContinueSentinel;
+    }
+
+    var record = tryCatch(method, delegate.iterator, context.arg);
+
+    if (record.type === "throw") {
+      context.method = "throw";
+      context.arg = record.arg;
+      context.delegate = null;
+      return ContinueSentinel;
+    }
+
+    var info = record.arg;
+
+    if (! info) {
+      context.method = "throw";
+      context.arg = new TypeError("iterator result is not an object");
+      context.delegate = null;
+      return ContinueSentinel;
+    }
+
+    if (info.done) {
+      // Assign the result of the finished delegate to the temporary
+      // variable specified by delegate.resultName (see delegateYield).
+      context[delegate.resultName] = info.value;
+
+      // Resume execution at the desired location (see delegateYield).
+      context.next = delegate.nextLoc;
+
+      // If context.method was "throw" but the delegate handled the
+      // exception, let the outer generator proceed normally. If
+      // context.method was "next", forget context.arg since it has been
+      // "consumed" by the delegate iterator. If context.method was
+      // "return", allow the original .return call to continue in the
+      // outer generator.
+      if (context.method !== "return") {
+        context.method = "next";
+        context.arg = undefined;
+      }
+
+    } else {
+      // Re-yield the result returned by the delegate method.
+      return info;
+    }
+
+    // The delegate iterator is finished, so forget it and continue with
+    // the outer generator.
+    context.delegate = null;
+    return ContinueSentinel;
+  }
+
+  // Define Generator.prototype.{next,throw,return} in terms of the
+  // unified ._invoke helper method.
+  defineIteratorMethods(Gp);
+
+  define(Gp, toStringTagSymbol, "Generator");
+
+  // A Generator should always return itself as the iterator object when the
+  // @@iterator function is called on it. Some browsers' implementations of the
+  // iterator prototype chain incorrectly implement this, causing the Generator
+  // object to not be returned from this call. This ensures that doesn't happen.
+  // See https://github.com/facebook/regenerator/issues/274 for more details.
+  Gp[iteratorSymbol] = function() {
+    return this;
+  };
+
+  Gp.toString = function() {
+    return "[object Generator]";
+  };
+
+  function pushTryEntry(locs) {
+    var entry = { tryLoc: locs[0] };
+
+    if (1 in locs) {
+      entry.catchLoc = locs[1];
+    }
+
+    if (2 in locs) {
+      entry.finallyLoc = locs[2];
+      entry.afterLoc = locs[3];
+    }
+
+    this.tryEntries.push(entry);
+  }
+
+  function resetTryEntry(entry) {
+    var record = entry.completion || {};
+    record.type = "normal";
+    delete record.arg;
+    entry.completion = record;
+  }
+
+  function Context(tryLocsList) {
+    // The root entry object (effectively a try statement without a catch
+    // or a finally block) gives us a place to store values thrown from
+    // locations where there is no enclosing try statement.
+    this.tryEntries = [{ tryLoc: "root" }];
+    tryLocsList.forEach(pushTryEntry, this);
+    this.reset(true);
+  }
+
+  exports.keys = function(object) {
+    var keys = [];
+    for (var key in object) {
+      keys.push(key);
+    }
+    keys.reverse();
+
+    // Rather than returning an object with a next method, we keep
+    // things simple and return the next function itself.
+    return function next() {
+      while (keys.length) {
+        var key = keys.pop();
+        if (key in object) {
+          next.value = key;
+          next.done = false;
+          return next;
+        }
+      }
+
+      // To avoid creating an additional object, we just hang the .value
+      // and .done properties off the next function object itself. This
+      // also ensures that the minifier will not anonymize the function.
+      next.done = true;
+      return next;
+    };
+  };
+
+  function values(iterable) {
+    if (iterable) {
+      var iteratorMethod = iterable[iteratorSymbol];
+      if (iteratorMethod) {
+        return iteratorMethod.call(iterable);
+      }
+
+      if (typeof iterable.next === "function") {
+        return iterable;
+      }
+
+      if (!isNaN(iterable.length)) {
+        var i = -1, next = function next() {
+          while (++i < iterable.length) {
+            if (hasOwn.call(iterable, i)) {
+              next.value = iterable[i];
+              next.done = false;
+              return next;
+            }
+          }
+
+          next.value = undefined;
+          next.done = true;
+
+          return next;
+        };
+
+        return next.next = next;
+      }
+    }
+
+    // Return an iterator with no values.
+    return { next: doneResult };
+  }
+  exports.values = values;
+
+  function doneResult() {
+    return { value: undefined, done: true };
+  }
+
+  Context.prototype = {
+    constructor: Context,
+
+    reset: function(skipTempReset) {
+      this.prev = 0;
+      this.next = 0;
+      // Resetting context._sent for legacy support of Babel's
+      // function.sent implementation.
+      this.sent = this._sent = undefined;
+      this.done = false;
+      this.delegate = null;
+
+      this.method = "next";
+      this.arg = undefined;
+
+      this.tryEntries.forEach(resetTryEntry);
+
+      if (!skipTempReset) {
+        for (var name in this) {
+          // Not sure about the optimal order of these conditions:
+          if (name.charAt(0) === "t" &&
+              hasOwn.call(this, name) &&
+              !isNaN(+name.slice(1))) {
+            this[name] = undefined;
+          }
+        }
+      }
+    },
+
+    stop: function() {
+      this.done = true;
+
+      var rootEntry = this.tryEntries[0];
+      var rootRecord = rootEntry.completion;
+      if (rootRecord.type === "throw") {
+        throw rootRecord.arg;
+      }
+
+      return this.rval;
+    },
+
+    dispatchException: function(exception) {
+      if (this.done) {
+        throw exception;
+      }
+
+      var context = this;
+      function handle(loc, caught) {
+        record.type = "throw";
+        record.arg = exception;
+        context.next = loc;
+
+        if (caught) {
+          // If the dispatched exception was caught by a catch block,
+          // then let that catch block handle the exception normally.
+          context.method = "next";
+          context.arg = undefined;
+        }
+
+        return !! caught;
+      }
+
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        var record = entry.completion;
+
+        if (entry.tryLoc === "root") {
+          // Exception thrown outside of any try block that could handle
+          // it, so set the completion value of the entire function to
+          // throw the exception.
+          return handle("end");
+        }
+
+        if (entry.tryLoc <= this.prev) {
+          var hasCatch = hasOwn.call(entry, "catchLoc");
+          var hasFinally = hasOwn.call(entry, "finallyLoc");
+
+          if (hasCatch && hasFinally) {
+            if (this.prev < entry.catchLoc) {
+              return handle(entry.catchLoc, true);
+            } else if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+
+          } else if (hasCatch) {
+            if (this.prev < entry.catchLoc) {
+              return handle(entry.catchLoc, true);
+            }
+
+          } else if (hasFinally) {
+            if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+
+          } else {
+            throw new Error("try statement without catch or finally");
+          }
+        }
+      }
+    },
+
+    abrupt: function(type, arg) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc <= this.prev &&
+            hasOwn.call(entry, "finallyLoc") &&
+            this.prev < entry.finallyLoc) {
+          var finallyEntry = entry;
+          break;
+        }
+      }
+
+      if (finallyEntry &&
+          (type === "break" ||
+           type === "continue") &&
+          finallyEntry.tryLoc <= arg &&
+          arg <= finallyEntry.finallyLoc) {
+        // Ignore the finally entry if control is not jumping to a
+        // location outside the try/catch block.
+        finallyEntry = null;
+      }
+
+      var record = finallyEntry ? finallyEntry.completion : {};
+      record.type = type;
+      record.arg = arg;
+
+      if (finallyEntry) {
+        this.method = "next";
+        this.next = finallyEntry.finallyLoc;
+        return ContinueSentinel;
+      }
+
+      return this.complete(record);
+    },
+
+    complete: function(record, afterLoc) {
+      if (record.type === "throw") {
+        throw record.arg;
+      }
+
+      if (record.type === "break" ||
+          record.type === "continue") {
+        this.next = record.arg;
+      } else if (record.type === "return") {
+        this.rval = this.arg = record.arg;
+        this.method = "return";
+        this.next = "end";
+      } else if (record.type === "normal" && afterLoc) {
+        this.next = afterLoc;
+      }
+
+      return ContinueSentinel;
+    },
+
+    finish: function(finallyLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.finallyLoc === finallyLoc) {
+          this.complete(entry.completion, entry.afterLoc);
+          resetTryEntry(entry);
+          return ContinueSentinel;
+        }
+      }
+    },
+
+    "catch": function(tryLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc === tryLoc) {
+          var record = entry.completion;
+          if (record.type === "throw") {
+            var thrown = record.arg;
+            resetTryEntry(entry);
+          }
+          return thrown;
+        }
+      }
+
+      // The context.catch method must only be called with a location
+      // argument that corresponds to a known catch block.
+      throw new Error("illegal catch attempt");
+    },
+
+    delegateYield: function(iterable, resultName, nextLoc) {
+      this.delegate = {
+        iterator: values(iterable),
+        resultName: resultName,
+        nextLoc: nextLoc
+      };
+
+      if (this.method === "next") {
+        // Deliberately forget the last sent value so that we don't
+        // accidentally pass it on to the delegate.
+        this.arg = undefined;
+      }
+
+      return ContinueSentinel;
+    }
+  };
+
+  // Regardless of whether this script is executing as a CommonJS module
+  // or not, return the runtime object so that we can declare the variable
+  // regeneratorRuntime in the outer scope, which allows this module to be
+  // injected easily by `bin/regenerator --include-runtime script.js`.
+  return exports;
+
+}(
+  // If this script is executing as a CommonJS module, use module.exports
+  // as the regeneratorRuntime namespace. Otherwise create a new empty
+  // object. Either way, the resulting object will be used to initialize
+  // the regeneratorRuntime variable at the top of this file.
+   true ? module.exports : undefined
+));
+
+try {
+  regeneratorRuntime = runtime;
+} catch (accidentalStrictMode) {
+  // This module should not be running in strict mode, so the above
+  // assignment should always work unless something is misconfigured. Just
+  // in case runtime.js accidentally runs in strict mode, we can escape
+  // strict mode using a global Function call. This could conceivably fail
+  // if a Content Security Policy forbids using Function, but in that case
+  // the proper solution is to fix the accidental strict mode problem. If
+  // you've misconfigured your bundler to force strict mode and applied a
+  // CSP to forbid Function, and you're not willing to fix either of those
+  // problems, please detail your unique predicament in a GitHub issue.
+  Function("r", "regeneratorRuntime = r")(runtime);
+}
+
+
+/***/ }),
+
+/***/ "./resources/js/clients/shared/pdf.js":
+/*!********************************************!*\
+  !*** ./resources/js/clients/shared/pdf.js ***!
+  \********************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+var PDF = /*#__PURE__*/function () {
+  function PDF(url, canvas) {
+    _classCallCheck(this, PDF);
+
+    this.url = url;
+    this.canvas = canvas;
+    this.context = canvas.getContext('2d');
+    this.currentPage = 1;
+    this.maxPages = 1;
+    this.currentScale = 1.75;
+    this.currentScaleText = document.getElementById('zoom-level');
+
+    if (matchMedia('only screen and (max-width: 480px)').matches) {
+      this.currentScale = 0.5;
+    }
+
+    this.currentScaleText.textContent = this.currentScale * 100 + '%';
+  }
+
+  _createClass(PDF, [{
+    key: "handlePreviousPage",
+    value: function handlePreviousPage() {
+      if (this.currentPage == 1) {
+        return;
+      }
+
+      this.currentPage -= 1;
+      this.handle();
+    }
+  }, {
+    key: "handleNextPage",
+    value: function handleNextPage() {
+      if (this.currentPage == this.maxPages) {
+        return;
+      }
+
+      this.currentPage += 1;
+      this.handle();
+    }
+  }, {
+    key: "handleZoomChange",
+    value: function handleZoomChange() {
+      var zoom = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+
+      if (this.currentScale == 0.25 && !zoom) {
+        return;
+      }
+
+      if (zoom) {
+        this.currentScale += 0.25;
+        this.currentScaleText.textContent = this.currentScale * 100 + '%';
+        return this.handle();
+      }
+
+      this.currentScale -= 0.25;
+      this.currentScaleText.textContent = this.currentScale * 100 + '%';
+      return this.handle();
+    }
+  }, {
+    key: "prepare",
+    value: function prepare() {
+      var _this = this;
+
+      var previousPageButton = document.getElementById('previous-page-button').addEventListener('click', function () {
+        return _this.handlePreviousPage();
+      });
+      var nextPageButton = document.getElementById('next-page-button').addEventListener('click', function () {
+        return _this.handleNextPage();
+      });
+      var zoomInButton = document.getElementById('zoom-in').addEventListener('click', function () {
+        return _this.handleZoomChange(true);
+      });
+      var zoomOutButton = document.getElementById('zoom-out').addEventListener('click', function () {
+        return _this.handleZoomChange();
+      });
+      return this;
+    }
+  }, {
+    key: "setPagesInViewport",
+    value: function setPagesInViewport() {
+      var currentPageContainer = document.getElementById('current-page-container');
+      var totalPageContainer = document.getElementById('total-page-container');
+      var paginationButtonContainer = document.getElementById('pagination-button-container');
+      currentPageContainer.innerText = this.currentPage;
+      totalPageContainer.innerText = this.maxPages;
+
+      if (this.maxPages > 1) {
+        paginationButtonContainer.style.display = 'flex';
+      }
+    }
+  }, {
+    key: "handle",
+    value: function () {
+      var _handle = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var pdf, page, viewport;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return pdfjsLib.getDocument(this.url).promise;
+
+              case 2:
+                pdf = _context.sent;
+                _context.next = 5;
+                return pdf.getPage(this.currentPage);
+
+              case 5:
+                page = _context.sent;
+                this.maxPages = pdf.numPages;
+                _context.next = 9;
+                return page.getViewport({
+                  scale: this.currentScale
+                });
+
+              case 9:
+                viewport = _context.sent;
+                this.canvas.height = viewport.height;
+                this.canvas.width = viewport.width;
+                page.render({
+                  canvasContext: this.context,
+                  viewport: viewport
+                });
+                this.setPagesInViewport();
+
+              case 14:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function handle() {
+        return _handle.apply(this, arguments);
+      }
+
+      return handle;
+    }()
+  }]);
+
+  return PDF;
+}();
+
+var url = document.querySelector("meta[name='pdf-url'").content;
+var canvas = document.getElementById('pdf-placeholder');
+new PDF(url, canvas).prepare().handle();
+
+/***/ }),
+
+/***/ 15:
+/*!**************************************************!*\
+  !*** multi ./resources/js/clients/shared/pdf.js ***!
+  \**************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/shared/pdf.js */"./resources/js/clients/shared/pdf.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/js/setup/setup.js b/public/js/setup/setup.js
index ba4268d8ef..d481607f94 100644
--- a/public/js/setup/setup.js
+++ b/public/js/setup/setup.js
@@ -1,2 +1,2238 @@
-/*! For license information please see setup.js.LICENSE.txt */
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=13)}({13:function(e,t,n){e.exports=n("tM+k")},"2SVd":function(e,t,n){"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},"5oMp":function(e,t,n){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},"8oxB":function(e,t){var n,r,o=e.exports={};function i(){throw new Error("setTimeout has not been defined")}function s(){throw new Error("clearTimeout has not been defined")}function a(e){if(n===setTimeout)return setTimeout(e,0);if((n===i||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:i}catch(e){n=i}try{r="function"==typeof clearTimeout?clearTimeout:s}catch(e){r=s}}();var u,c=[],f=!1,l=-1;function p(){f&&u&&(f=!1,u.length?c=u.concat(c):l=-1,c.length&&d())}function d(){if(!f){var e=a(p);f=!0;for(var t=c.length;t;){for(u=c,c=[];++l<t;)u&&u[l].run();l=-1,t=c.length}u=null,f=!1,function(e){if(r===clearTimeout)return clearTimeout(e);if((r===s||!r)&&clearTimeout)return r=clearTimeout,clearTimeout(e);try{r(e)}catch(t){try{return r.call(null,e)}catch(t){return r.call(this,e)}}}(e)}}function h(e,t){this.fun=e,this.array=t}function m(){}o.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];c.push(new h(e,t)),1!==c.length||f||a(d)},h.prototype.run=function(){this.fun.apply(null,this.array)},o.title="browser",o.browser=!0,o.env={},o.argv=[],o.version="",o.versions={},o.on=m,o.addListener=m,o.once=m,o.off=m,o.removeListener=m,o.removeAllListeners=m,o.emit=m,o.prependListener=m,o.prependOnceListener=m,o.listeners=function(e){return[]},o.binding=function(e){throw new Error("process.binding is not supported")},o.cwd=function(){return"/"},o.chdir=function(e){throw new Error("process.chdir is not supported")},o.umask=function(){return 0}},"9rSQ":function(e,t,n){"use strict";var r=n("xTJ+");function o(){this.handlers=[]}o.prototype.use=function(e,t){return this.handlers.push({fulfilled:e,rejected:t}),this.handlers.length-1},o.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},o.prototype.forEach=function(e){r.forEach(this.handlers,(function(t){null!==t&&e(t)}))},e.exports=o},CgaS:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("MLWZ"),i=n("9rSQ"),s=n("UnBK"),a=n("SntB");function u(e){this.defaults=e,this.interceptors={request:new i,response:new i}}u.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{}).url=arguments[0]:e=e||{},(e=a(this.defaults,e)).method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var t=[s,void 0],n=Promise.resolve(e);for(this.interceptors.request.forEach((function(e){t.unshift(e.fulfilled,e.rejected)})),this.interceptors.response.forEach((function(e){t.push(e.fulfilled,e.rejected)}));t.length;)n=n.then(t.shift(),t.shift());return n},u.prototype.getUri=function(e){return e=a(this.defaults,e),o(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},r.forEach(["delete","get","head","options"],(function(e){u.prototype[e]=function(t,n){return this.request(r.merge(n||{},{method:e,url:t}))}})),r.forEach(["post","put","patch"],(function(e){u.prototype[e]=function(t,n,o){return this.request(r.merge(o||{},{method:e,url:t,data:n}))}})),e.exports=u},DfZB:function(e,t,n){"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}},HSsa:function(e,t,n){"use strict";e.exports=function(e,t){return function(){for(var n=new Array(arguments.length),r=0;r<n.length;r++)n[r]=arguments[r];return e.apply(t,n)}}},JEQr:function(e,t,n){"use strict";(function(t){var r=n("xTJ+"),o=n("yK9s"),i={"Content-Type":"application/x-www-form-urlencoded"};function s(e,t){!r.isUndefined(e)&&r.isUndefined(e["Content-Type"])&&(e["Content-Type"]=t)}var a,u={adapter:(("undefined"!=typeof XMLHttpRequest||void 0!==t&&"[object process]"===Object.prototype.toString.call(t))&&(a=n("tQ2B")),a),transformRequest:[function(e,t){return o(t,"Accept"),o(t,"Content-Type"),r.isFormData(e)||r.isArrayBuffer(e)||r.isBuffer(e)||r.isStream(e)||r.isFile(e)||r.isBlob(e)?e:r.isArrayBufferView(e)?e.buffer:r.isURLSearchParams(e)?(s(t,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):r.isObject(e)?(s(t,"application/json;charset=utf-8"),JSON.stringify(e)):e}],transformResponse:[function(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,validateStatus:function(e){return e>=200&&e<300}};u.headers={common:{Accept:"application/json, text/plain, */*"}},r.forEach(["delete","get","head"],(function(e){u.headers[e]={}})),r.forEach(["post","put","patch"],(function(e){u.headers[e]=r.merge(i)})),e.exports=u}).call(this,n("8oxB"))},LYNF:function(e,t,n){"use strict";var r=n("OH9c");e.exports=function(e,t,n,o,i){var s=new Error(e);return r(s,t,n,o,i)}},Lmem:function(e,t,n){"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},MLWZ:function(e,t,n){"use strict";var r=n("xTJ+");function o(e){return encodeURIComponent(e).replace(/%40/gi,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}e.exports=function(e,t,n){if(!t)return e;var i;if(n)i=n(t);else if(r.isURLSearchParams(t))i=t.toString();else{var s=[];r.forEach(t,(function(e,t){null!=e&&(r.isArray(e)?t+="[]":e=[e],r.forEach(e,(function(e){r.isDate(e)?e=e.toISOString():r.isObject(e)&&(e=JSON.stringify(e)),s.push(o(t)+"="+o(e))})))})),i=s.join("&")}if(i){var a=e.indexOf("#");-1!==a&&(e=e.slice(0,a)),e+=(-1===e.indexOf("?")?"?":"&")+i}return e}},OH9c:function(e,t,n){"use strict";e.exports=function(e,t,n,r,o){return e.config=t,n&&(e.code=n),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},e}},OTTw:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=r.isStandardBrowserEnv()?function(){var e,t=/(msie|trident)/i.test(navigator.userAgent),n=document.createElement("a");function o(e){var r=e;return t&&(n.setAttribute("href",r),r=n.href),n.setAttribute("href",r),{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:"/"===n.pathname.charAt(0)?n.pathname:"/"+n.pathname}}return e=o(window.location.href),function(t){var n=r.isString(t)?o(t):t;return n.protocol===e.protocol&&n.host===e.host}}():function(){return!0}},"Rn+g":function(e,t,n){"use strict";var r=n("LYNF");e.exports=function(e,t,n){var o=n.config.validateStatus;!o||o(n.status)?e(n):t(r("Request failed with status code "+n.status,n.config,null,n.request,n))}},SntB:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t){t=t||{};var n={},o=["url","method","params","data"],i=["headers","auth","proxy"],s=["baseURL","url","transformRequest","transformResponse","paramsSerializer","timeout","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","maxContentLength","validateStatus","maxRedirects","httpAgent","httpsAgent","cancelToken","socketPath"];r.forEach(o,(function(e){void 0!==t[e]&&(n[e]=t[e])})),r.forEach(i,(function(o){r.isObject(t[o])?n[o]=r.deepMerge(e[o],t[o]):void 0!==t[o]?n[o]=t[o]:r.isObject(e[o])?n[o]=r.deepMerge(e[o]):void 0!==e[o]&&(n[o]=e[o])})),r.forEach(s,(function(r){void 0!==t[r]?n[r]=t[r]:void 0!==e[r]&&(n[r]=e[r])}));var a=o.concat(i).concat(s),u=Object.keys(t).filter((function(e){return-1===a.indexOf(e)}));return r.forEach(u,(function(r){void 0!==t[r]?n[r]=t[r]:void 0!==e[r]&&(n[r]=e[r])})),n}},UnBK:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("xAGQ"),i=n("Lmem"),s=n("JEQr");function a(e){e.cancelToken&&e.cancelToken.throwIfRequested()}e.exports=function(e){return a(e),e.headers=e.headers||{},e.data=o(e.data,e.headers,e.transformRequest),e.headers=r.merge(e.headers.common||{},e.headers[e.method]||{},e.headers),r.forEach(["delete","get","head","post","put","patch","common"],(function(t){delete e.headers[t]})),(e.adapter||s.adapter)(e).then((function(t){return a(e),t.data=o(t.data,t.headers,e.transformResponse),t}),(function(t){return i(t)||(a(e),t&&t.response&&(t.response.data=o(t.response.data,t.response.headers,e.transformResponse))),Promise.reject(t)}))}},endd:function(e,t,n){"use strict";function r(e){this.message=e}r.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},r.prototype.__CANCEL__=!0,e.exports=r},eqyj:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=r.isStandardBrowserEnv()?{write:function(e,t,n,o,i,s){var a=[];a.push(e+"="+encodeURIComponent(t)),r.isNumber(n)&&a.push("expires="+new Date(n).toGMTString()),r.isString(o)&&a.push("path="+o),r.isString(i)&&a.push("domain="+i),!0===s&&a.push("secure"),document.cookie=a.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},g7np:function(e,t,n){"use strict";var r=n("2SVd"),o=n("5oMp");e.exports=function(e,t){return e&&!r(t)?o(e,t):t}},"jfS+":function(e,t,n){"use strict";var r=n("endd");function o(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise((function(e){t=e}));var n=this;e((function(e){n.reason||(n.reason=new r(e),t(n.reason))}))}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.source=function(){var e;return{token:new o((function(t){e=t})),cancel:e}},e.exports=o},"tM+k":function(e,t,n){"use strict";n.r(t);var r=n("vDqi"),o=n.n(r);function i(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.checkDbButton=document.getElementById("test-db-connection"),this.checkDbAlert=document.getElementById("database-response"),this.checkSmtpButton=document.getElementById("test-smtp-connection"),this.checkSmtpAlert=document.getElementById("smtp-response"),this.checkPdfButton=document.getElementById("test-pdf"),this.checkPdfAlert=document.getElementById("test-pdf-response")}var t,n,r;return t=e,(n=[{key:"handleDatabaseCheck",value:function(){var e=this,t={host:document.querySelector('input[name="host"]').value,database:document.querySelector('input[name="database"]').value,username:document.querySelector('input[name="db_username"]').value,password:document.querySelector('input[name="db_password"]').value};o.a.post("/setup/check_db",t).then((function(t){return e.handleSuccess(e.checkDbAlert)})).catch((function(t){return e.handleFailure(e.checkDbAlert)}))}},{key:"handleSmtpCheck",value:function(){var e=this,t={driver:document.querySelector('select[name="mail_driver"]').value,from_name:document.querySelector('input[name="mail_name"]').value,from_address:document.querySelector('input[name="mail_address"]').value,username:document.querySelector('input[name="mail_username"]').value,host:document.querySelector('input[name="mail_host"]').value,port:document.querySelector('input[name="mail_port"]').value,encryption:document.querySelector('select[name="encryption"]').value,password:document.querySelector('input[name="mail_password"]').value};o.a.post("/setup/check_mail",t).then((function(t){return e.handleSuccess(e.checkSmtpAlert)})).catch((function(t){return e.handleFailure(e.checkSmtpAlert)}))}},{key:"handleTestPdfCheck",value:function(){var e=this;o.a.post("/setup/check_pdf",{}).then((function(t){return window.open(t.data.url,"_blank").focus(),e.handleSuccess(e.checkPdfAlert)})).catch((function(t){return e.handleFailure(e.checkPdfAlert)}))}},{key:"handleSuccess",value:function(e){e.classList.remove("alert-failure"),e.innerText="Success!",e.classList.add("alert-success")}},{key:"handleFailure",value:function(e){e.classList.remove("alert-success"),e.innerText="Oops, looks like something isn't correct!",e.classList.add("alert-failure")}},{key:"handle",value:function(){var e=this;this.checkDbButton.addEventListener("click",(function(){return e.handleDatabaseCheck()})),this.checkSmtpButton.addEventListener("click",(function(){return e.handleSmtpCheck()})),this.checkPdfButton.addEventListener("click",(function(){return e.handleTestPdfCheck()}))}}])&&i(t.prototype,n),r&&i(t,r),e}())).handle()},tQ2B:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("Rn+g"),i=n("MLWZ"),s=n("g7np"),a=n("w0Vi"),u=n("OTTw"),c=n("LYNF");e.exports=function(e){return new Promise((function(t,f){var l=e.data,p=e.headers;r.isFormData(l)&&delete p["Content-Type"];var d=new XMLHttpRequest;if(e.auth){var h=e.auth.username||"",m=e.auth.password||"";p.Authorization="Basic "+btoa(h+":"+m)}var v=s(e.baseURL,e.url);if(d.open(e.method.toUpperCase(),i(v,e.params,e.paramsSerializer),!0),d.timeout=e.timeout,d.onreadystatechange=function(){if(d&&4===d.readyState&&(0!==d.status||d.responseURL&&0===d.responseURL.indexOf("file:"))){var n="getAllResponseHeaders"in d?a(d.getAllResponseHeaders()):null,r={data:e.responseType&&"text"!==e.responseType?d.response:d.responseText,status:d.status,statusText:d.statusText,headers:n,config:e,request:d};o(t,f,r),d=null}},d.onabort=function(){d&&(f(c("Request aborted",e,"ECONNABORTED",d)),d=null)},d.onerror=function(){f(c("Network Error",e,null,d)),d=null},d.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),f(c(t,e,"ECONNABORTED",d)),d=null},r.isStandardBrowserEnv()){var y=n("eqyj"),g=(e.withCredentials||u(v))&&e.xsrfCookieName?y.read(e.xsrfCookieName):void 0;g&&(p[e.xsrfHeaderName]=g)}if("setRequestHeader"in d&&r.forEach(p,(function(e,t){void 0===l&&"content-type"===t.toLowerCase()?delete p[t]:d.setRequestHeader(t,e)})),r.isUndefined(e.withCredentials)||(d.withCredentials=!!e.withCredentials),e.responseType)try{d.responseType=e.responseType}catch(t){if("json"!==e.responseType)throw t}"function"==typeof e.onDownloadProgress&&d.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&d.upload&&d.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then((function(e){d&&(d.abort(),f(e),d=null)})),void 0===l&&(l=null),d.send(l)}))}},vDqi:function(e,t,n){e.exports=n("zuR4")},w0Vi:function(e,t,n){"use strict";var r=n("xTJ+"),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,n,i,s={};return e?(r.forEach(e.split("\n"),(function(e){if(i=e.indexOf(":"),t=r.trim(e.substr(0,i)).toLowerCase(),n=r.trim(e.substr(i+1)),t){if(s[t]&&o.indexOf(t)>=0)return;s[t]="set-cookie"===t?(s[t]?s[t]:[]).concat([n]):s[t]?s[t]+", "+n:n}})),s):s}},xAGQ:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t,n){return r.forEach(n,(function(n){e=n(e,t)})),e}},"xTJ+":function(e,t,n){"use strict";var r=n("HSsa"),o=Object.prototype.toString;function i(e){return"[object Array]"===o.call(e)}function s(e){return void 0===e}function a(e){return null!==e&&"object"==typeof e}function u(e){return"[object Function]"===o.call(e)}function c(e,t){if(null!=e)if("object"!=typeof e&&(e=[e]),i(e))for(var n=0,r=e.length;n<r;n++)t.call(null,e[n],n,e);else for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.call(null,e[o],o,e)}e.exports={isArray:i,isArrayBuffer:function(e){return"[object ArrayBuffer]"===o.call(e)},isBuffer:function(e){return null!==e&&!s(e)&&null!==e.constructor&&!s(e.constructor)&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)},isFormData:function(e){return"undefined"!=typeof FormData&&e instanceof FormData},isArrayBufferView:function(e){return"undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer},isString:function(e){return"string"==typeof e},isNumber:function(e){return"number"==typeof e},isObject:a,isUndefined:s,isDate:function(e){return"[object Date]"===o.call(e)},isFile:function(e){return"[object File]"===o.call(e)},isBlob:function(e){return"[object Blob]"===o.call(e)},isFunction:u,isStream:function(e){return a(e)&&u(e.pipe)},isURLSearchParams:function(e){return"undefined"!=typeof URLSearchParams&&e instanceof URLSearchParams},isStandardBrowserEnv:function(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&("undefined"!=typeof window&&"undefined"!=typeof document)},forEach:c,merge:function e(){var t={};function n(n,r){"object"==typeof t[r]&&"object"==typeof n?t[r]=e(t[r],n):t[r]=n}for(var r=0,o=arguments.length;r<o;r++)c(arguments[r],n);return t},deepMerge:function e(){var t={};function n(n,r){"object"==typeof t[r]&&"object"==typeof n?t[r]=e(t[r],n):t[r]="object"==typeof n?e({},n):n}for(var r=0,o=arguments.length;r<o;r++)c(arguments[r],n);return t},extend:function(e,t,n){return c(t,(function(t,o){e[o]=n&&"function"==typeof t?r(t,n):t})),e},trim:function(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")}}},yK9s:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t){r.forEach(e,(function(n,r){r!==t&&r.toUpperCase()===t.toUpperCase()&&(e[t]=n,delete e[r])}))}},zuR4:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("HSsa"),i=n("CgaS"),s=n("SntB");function a(e){var t=new i(e),n=o(i.prototype.request,t);return r.extend(n,i.prototype,t),r.extend(n,t),n}var u=a(n("JEQr"));u.Axios=i,u.create=function(e){return a(s(u.defaults,e))},u.Cancel=n("endd"),u.CancelToken=n("jfS+"),u.isCancel=n("Lmem"),u.all=function(e){return Promise.all(e)},u.spread=n("DfZB"),e.exports=u,e.exports.default=u}});
\ No newline at end of file
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 13);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./node_modules/axios/index.js":
+/*!*************************************!*\
+  !*** ./node_modules/axios/index.js ***!
+  \*************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! ./lib/axios */ "./node_modules/axios/lib/axios.js");
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/adapters/xhr.js":
+/*!************************************************!*\
+  !*** ./node_modules/axios/lib/adapters/xhr.js ***!
+  \************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+var settle = __webpack_require__(/*! ./../core/settle */ "./node_modules/axios/lib/core/settle.js");
+var buildURL = __webpack_require__(/*! ./../helpers/buildURL */ "./node_modules/axios/lib/helpers/buildURL.js");
+var buildFullPath = __webpack_require__(/*! ../core/buildFullPath */ "./node_modules/axios/lib/core/buildFullPath.js");
+var parseHeaders = __webpack_require__(/*! ./../helpers/parseHeaders */ "./node_modules/axios/lib/helpers/parseHeaders.js");
+var isURLSameOrigin = __webpack_require__(/*! ./../helpers/isURLSameOrigin */ "./node_modules/axios/lib/helpers/isURLSameOrigin.js");
+var createError = __webpack_require__(/*! ../core/createError */ "./node_modules/axios/lib/core/createError.js");
+
+module.exports = function xhrAdapter(config) {
+  return new Promise(function dispatchXhrRequest(resolve, reject) {
+    var requestData = config.data;
+    var requestHeaders = config.headers;
+
+    if (utils.isFormData(requestData)) {
+      delete requestHeaders['Content-Type']; // Let the browser set it
+    }
+
+    var request = new XMLHttpRequest();
+
+    // HTTP basic authentication
+    if (config.auth) {
+      var username = config.auth.username || '';
+      var password = config.auth.password || '';
+      requestHeaders.Authorization = 'Basic ' + btoa(username + ':' + password);
+    }
+
+    var fullPath = buildFullPath(config.baseURL, config.url);
+    request.open(config.method.toUpperCase(), buildURL(fullPath, config.params, config.paramsSerializer), true);
+
+    // Set the request timeout in MS
+    request.timeout = config.timeout;
+
+    // Listen for ready state
+    request.onreadystatechange = function handleLoad() {
+      if (!request || request.readyState !== 4) {
+        return;
+      }
+
+      // The request errored out and we didn't get a response, this will be
+      // handled by onerror instead
+      // With one exception: request that using file: protocol, most browsers
+      // will return status as 0 even though it's a successful request
+      if (request.status === 0 && !(request.responseURL && request.responseURL.indexOf('file:') === 0)) {
+        return;
+      }
+
+      // Prepare the response
+      var responseHeaders = 'getAllResponseHeaders' in request ? parseHeaders(request.getAllResponseHeaders()) : null;
+      var responseData = !config.responseType || config.responseType === 'text' ? request.responseText : request.response;
+      var response = {
+        data: responseData,
+        status: request.status,
+        statusText: request.statusText,
+        headers: responseHeaders,
+        config: config,
+        request: request
+      };
+
+      settle(resolve, reject, response);
+
+      // Clean up request
+      request = null;
+    };
+
+    // Handle browser request cancellation (as opposed to a manual cancellation)
+    request.onabort = function handleAbort() {
+      if (!request) {
+        return;
+      }
+
+      reject(createError('Request aborted', config, 'ECONNABORTED', request));
+
+      // Clean up request
+      request = null;
+    };
+
+    // Handle low level network errors
+    request.onerror = function handleError() {
+      // Real errors are hidden from us by the browser
+      // onerror should only fire if it's a network error
+      reject(createError('Network Error', config, null, request));
+
+      // Clean up request
+      request = null;
+    };
+
+    // Handle timeout
+    request.ontimeout = function handleTimeout() {
+      var timeoutErrorMessage = 'timeout of ' + config.timeout + 'ms exceeded';
+      if (config.timeoutErrorMessage) {
+        timeoutErrorMessage = config.timeoutErrorMessage;
+      }
+      reject(createError(timeoutErrorMessage, config, 'ECONNABORTED',
+        request));
+
+      // Clean up request
+      request = null;
+    };
+
+    // Add xsrf header
+    // This is only done if running in a standard browser environment.
+    // Specifically not if we're in a web worker, or react-native.
+    if (utils.isStandardBrowserEnv()) {
+      var cookies = __webpack_require__(/*! ./../helpers/cookies */ "./node_modules/axios/lib/helpers/cookies.js");
+
+      // Add xsrf header
+      var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ?
+        cookies.read(config.xsrfCookieName) :
+        undefined;
+
+      if (xsrfValue) {
+        requestHeaders[config.xsrfHeaderName] = xsrfValue;
+      }
+    }
+
+    // Add headers to the request
+    if ('setRequestHeader' in request) {
+      utils.forEach(requestHeaders, function setRequestHeader(val, key) {
+        if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') {
+          // Remove Content-Type if data is undefined
+          delete requestHeaders[key];
+        } else {
+          // Otherwise add header to the request
+          request.setRequestHeader(key, val);
+        }
+      });
+    }
+
+    // Add withCredentials to request if needed
+    if (!utils.isUndefined(config.withCredentials)) {
+      request.withCredentials = !!config.withCredentials;
+    }
+
+    // Add responseType to request if needed
+    if (config.responseType) {
+      try {
+        request.responseType = config.responseType;
+      } catch (e) {
+        // Expected DOMException thrown by browsers not compatible XMLHttpRequest Level 2.
+        // But, this can be suppressed for 'json' type as it can be parsed by default 'transformResponse' function.
+        if (config.responseType !== 'json') {
+          throw e;
+        }
+      }
+    }
+
+    // Handle progress if needed
+    if (typeof config.onDownloadProgress === 'function') {
+      request.addEventListener('progress', config.onDownloadProgress);
+    }
+
+    // Not all browsers support upload events
+    if (typeof config.onUploadProgress === 'function' && request.upload) {
+      request.upload.addEventListener('progress', config.onUploadProgress);
+    }
+
+    if (config.cancelToken) {
+      // Handle cancellation
+      config.cancelToken.promise.then(function onCanceled(cancel) {
+        if (!request) {
+          return;
+        }
+
+        request.abort();
+        reject(cancel);
+        // Clean up request
+        request = null;
+      });
+    }
+
+    if (requestData === undefined) {
+      requestData = null;
+    }
+
+    // Send the request
+    request.send(requestData);
+  });
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/axios.js":
+/*!*****************************************!*\
+  !*** ./node_modules/axios/lib/axios.js ***!
+  \*****************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./utils */ "./node_modules/axios/lib/utils.js");
+var bind = __webpack_require__(/*! ./helpers/bind */ "./node_modules/axios/lib/helpers/bind.js");
+var Axios = __webpack_require__(/*! ./core/Axios */ "./node_modules/axios/lib/core/Axios.js");
+var mergeConfig = __webpack_require__(/*! ./core/mergeConfig */ "./node_modules/axios/lib/core/mergeConfig.js");
+var defaults = __webpack_require__(/*! ./defaults */ "./node_modules/axios/lib/defaults.js");
+
+/**
+ * Create an instance of Axios
+ *
+ * @param {Object} defaultConfig The default config for the instance
+ * @return {Axios} A new instance of Axios
+ */
+function createInstance(defaultConfig) {
+  var context = new Axios(defaultConfig);
+  var instance = bind(Axios.prototype.request, context);
+
+  // Copy axios.prototype to instance
+  utils.extend(instance, Axios.prototype, context);
+
+  // Copy context to instance
+  utils.extend(instance, context);
+
+  return instance;
+}
+
+// Create the default instance to be exported
+var axios = createInstance(defaults);
+
+// Expose Axios class to allow class inheritance
+axios.Axios = Axios;
+
+// Factory for creating new instances
+axios.create = function create(instanceConfig) {
+  return createInstance(mergeConfig(axios.defaults, instanceConfig));
+};
+
+// Expose Cancel & CancelToken
+axios.Cancel = __webpack_require__(/*! ./cancel/Cancel */ "./node_modules/axios/lib/cancel/Cancel.js");
+axios.CancelToken = __webpack_require__(/*! ./cancel/CancelToken */ "./node_modules/axios/lib/cancel/CancelToken.js");
+axios.isCancel = __webpack_require__(/*! ./cancel/isCancel */ "./node_modules/axios/lib/cancel/isCancel.js");
+
+// Expose all/spread
+axios.all = function all(promises) {
+  return Promise.all(promises);
+};
+axios.spread = __webpack_require__(/*! ./helpers/spread */ "./node_modules/axios/lib/helpers/spread.js");
+
+module.exports = axios;
+
+// Allow use of default import syntax in TypeScript
+module.exports.default = axios;
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/cancel/Cancel.js":
+/*!*************************************************!*\
+  !*** ./node_modules/axios/lib/cancel/Cancel.js ***!
+  \*************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/**
+ * A `Cancel` is an object that is thrown when an operation is canceled.
+ *
+ * @class
+ * @param {string=} message The message.
+ */
+function Cancel(message) {
+  this.message = message;
+}
+
+Cancel.prototype.toString = function toString() {
+  return 'Cancel' + (this.message ? ': ' + this.message : '');
+};
+
+Cancel.prototype.__CANCEL__ = true;
+
+module.exports = Cancel;
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/cancel/CancelToken.js":
+/*!******************************************************!*\
+  !*** ./node_modules/axios/lib/cancel/CancelToken.js ***!
+  \******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var Cancel = __webpack_require__(/*! ./Cancel */ "./node_modules/axios/lib/cancel/Cancel.js");
+
+/**
+ * A `CancelToken` is an object that can be used to request cancellation of an operation.
+ *
+ * @class
+ * @param {Function} executor The executor function.
+ */
+function CancelToken(executor) {
+  if (typeof executor !== 'function') {
+    throw new TypeError('executor must be a function.');
+  }
+
+  var resolvePromise;
+  this.promise = new Promise(function promiseExecutor(resolve) {
+    resolvePromise = resolve;
+  });
+
+  var token = this;
+  executor(function cancel(message) {
+    if (token.reason) {
+      // Cancellation has already been requested
+      return;
+    }
+
+    token.reason = new Cancel(message);
+    resolvePromise(token.reason);
+  });
+}
+
+/**
+ * Throws a `Cancel` if cancellation has been requested.
+ */
+CancelToken.prototype.throwIfRequested = function throwIfRequested() {
+  if (this.reason) {
+    throw this.reason;
+  }
+};
+
+/**
+ * Returns an object that contains a new `CancelToken` and a function that, when called,
+ * cancels the `CancelToken`.
+ */
+CancelToken.source = function source() {
+  var cancel;
+  var token = new CancelToken(function executor(c) {
+    cancel = c;
+  });
+  return {
+    token: token,
+    cancel: cancel
+  };
+};
+
+module.exports = CancelToken;
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/cancel/isCancel.js":
+/*!***************************************************!*\
+  !*** ./node_modules/axios/lib/cancel/isCancel.js ***!
+  \***************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+module.exports = function isCancel(value) {
+  return !!(value && value.__CANCEL__);
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/Axios.js":
+/*!**********************************************!*\
+  !*** ./node_modules/axios/lib/core/Axios.js ***!
+  \**********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+var buildURL = __webpack_require__(/*! ../helpers/buildURL */ "./node_modules/axios/lib/helpers/buildURL.js");
+var InterceptorManager = __webpack_require__(/*! ./InterceptorManager */ "./node_modules/axios/lib/core/InterceptorManager.js");
+var dispatchRequest = __webpack_require__(/*! ./dispatchRequest */ "./node_modules/axios/lib/core/dispatchRequest.js");
+var mergeConfig = __webpack_require__(/*! ./mergeConfig */ "./node_modules/axios/lib/core/mergeConfig.js");
+
+/**
+ * Create a new instance of Axios
+ *
+ * @param {Object} instanceConfig The default config for the instance
+ */
+function Axios(instanceConfig) {
+  this.defaults = instanceConfig;
+  this.interceptors = {
+    request: new InterceptorManager(),
+    response: new InterceptorManager()
+  };
+}
+
+/**
+ * Dispatch a request
+ *
+ * @param {Object} config The config specific for this request (merged with this.defaults)
+ */
+Axios.prototype.request = function request(config) {
+  /*eslint no-param-reassign:0*/
+  // Allow for axios('example/url'[, config]) a la fetch API
+  if (typeof config === 'string') {
+    config = arguments[1] || {};
+    config.url = arguments[0];
+  } else {
+    config = config || {};
+  }
+
+  config = mergeConfig(this.defaults, config);
+
+  // Set config.method
+  if (config.method) {
+    config.method = config.method.toLowerCase();
+  } else if (this.defaults.method) {
+    config.method = this.defaults.method.toLowerCase();
+  } else {
+    config.method = 'get';
+  }
+
+  // Hook up interceptors middleware
+  var chain = [dispatchRequest, undefined];
+  var promise = Promise.resolve(config);
+
+  this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {
+    chain.unshift(interceptor.fulfilled, interceptor.rejected);
+  });
+
+  this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {
+    chain.push(interceptor.fulfilled, interceptor.rejected);
+  });
+
+  while (chain.length) {
+    promise = promise.then(chain.shift(), chain.shift());
+  }
+
+  return promise;
+};
+
+Axios.prototype.getUri = function getUri(config) {
+  config = mergeConfig(this.defaults, config);
+  return buildURL(config.url, config.params, config.paramsSerializer).replace(/^\?/, '');
+};
+
+// Provide aliases for supported request methods
+utils.forEach(['delete', 'get', 'head', 'options'], function forEachMethodNoData(method) {
+  /*eslint func-names:0*/
+  Axios.prototype[method] = function(url, config) {
+    return this.request(utils.merge(config || {}, {
+      method: method,
+      url: url
+    }));
+  };
+});
+
+utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
+  /*eslint func-names:0*/
+  Axios.prototype[method] = function(url, data, config) {
+    return this.request(utils.merge(config || {}, {
+      method: method,
+      url: url,
+      data: data
+    }));
+  };
+});
+
+module.exports = Axios;
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/InterceptorManager.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/axios/lib/core/InterceptorManager.js ***!
+  \***********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+
+function InterceptorManager() {
+  this.handlers = [];
+}
+
+/**
+ * Add a new interceptor to the stack
+ *
+ * @param {Function} fulfilled The function to handle `then` for a `Promise`
+ * @param {Function} rejected The function to handle `reject` for a `Promise`
+ *
+ * @return {Number} An ID used to remove interceptor later
+ */
+InterceptorManager.prototype.use = function use(fulfilled, rejected) {
+  this.handlers.push({
+    fulfilled: fulfilled,
+    rejected: rejected
+  });
+  return this.handlers.length - 1;
+};
+
+/**
+ * Remove an interceptor from the stack
+ *
+ * @param {Number} id The ID that was returned by `use`
+ */
+InterceptorManager.prototype.eject = function eject(id) {
+  if (this.handlers[id]) {
+    this.handlers[id] = null;
+  }
+};
+
+/**
+ * Iterate over all the registered interceptors
+ *
+ * This method is particularly useful for skipping over any
+ * interceptors that may have become `null` calling `eject`.
+ *
+ * @param {Function} fn The function to call for each interceptor
+ */
+InterceptorManager.prototype.forEach = function forEach(fn) {
+  utils.forEach(this.handlers, function forEachHandler(h) {
+    if (h !== null) {
+      fn(h);
+    }
+  });
+};
+
+module.exports = InterceptorManager;
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/buildFullPath.js":
+/*!******************************************************!*\
+  !*** ./node_modules/axios/lib/core/buildFullPath.js ***!
+  \******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var isAbsoluteURL = __webpack_require__(/*! ../helpers/isAbsoluteURL */ "./node_modules/axios/lib/helpers/isAbsoluteURL.js");
+var combineURLs = __webpack_require__(/*! ../helpers/combineURLs */ "./node_modules/axios/lib/helpers/combineURLs.js");
+
+/**
+ * Creates a new URL by combining the baseURL with the requestedURL,
+ * only when the requestedURL is not already an absolute URL.
+ * If the requestURL is absolute, this function returns the requestedURL untouched.
+ *
+ * @param {string} baseURL The base URL
+ * @param {string} requestedURL Absolute or relative URL to combine
+ * @returns {string} The combined full path
+ */
+module.exports = function buildFullPath(baseURL, requestedURL) {
+  if (baseURL && !isAbsoluteURL(requestedURL)) {
+    return combineURLs(baseURL, requestedURL);
+  }
+  return requestedURL;
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/createError.js":
+/*!****************************************************!*\
+  !*** ./node_modules/axios/lib/core/createError.js ***!
+  \****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var enhanceError = __webpack_require__(/*! ./enhanceError */ "./node_modules/axios/lib/core/enhanceError.js");
+
+/**
+ * Create an Error with the specified message, config, error code, request and response.
+ *
+ * @param {string} message The error message.
+ * @param {Object} config The config.
+ * @param {string} [code] The error code (for example, 'ECONNABORTED').
+ * @param {Object} [request] The request.
+ * @param {Object} [response] The response.
+ * @returns {Error} The created error.
+ */
+module.exports = function createError(message, config, code, request, response) {
+  var error = new Error(message);
+  return enhanceError(error, config, code, request, response);
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/dispatchRequest.js":
+/*!********************************************************!*\
+  !*** ./node_modules/axios/lib/core/dispatchRequest.js ***!
+  \********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+var transformData = __webpack_require__(/*! ./transformData */ "./node_modules/axios/lib/core/transformData.js");
+var isCancel = __webpack_require__(/*! ../cancel/isCancel */ "./node_modules/axios/lib/cancel/isCancel.js");
+var defaults = __webpack_require__(/*! ../defaults */ "./node_modules/axios/lib/defaults.js");
+
+/**
+ * Throws a `Cancel` if cancellation has been requested.
+ */
+function throwIfCancellationRequested(config) {
+  if (config.cancelToken) {
+    config.cancelToken.throwIfRequested();
+  }
+}
+
+/**
+ * Dispatch a request to the server using the configured adapter.
+ *
+ * @param {object} config The config that is to be used for the request
+ * @returns {Promise} The Promise to be fulfilled
+ */
+module.exports = function dispatchRequest(config) {
+  throwIfCancellationRequested(config);
+
+  // Ensure headers exist
+  config.headers = config.headers || {};
+
+  // Transform request data
+  config.data = transformData(
+    config.data,
+    config.headers,
+    config.transformRequest
+  );
+
+  // Flatten headers
+  config.headers = utils.merge(
+    config.headers.common || {},
+    config.headers[config.method] || {},
+    config.headers
+  );
+
+  utils.forEach(
+    ['delete', 'get', 'head', 'post', 'put', 'patch', 'common'],
+    function cleanHeaderConfig(method) {
+      delete config.headers[method];
+    }
+  );
+
+  var adapter = config.adapter || defaults.adapter;
+
+  return adapter(config).then(function onAdapterResolution(response) {
+    throwIfCancellationRequested(config);
+
+    // Transform response data
+    response.data = transformData(
+      response.data,
+      response.headers,
+      config.transformResponse
+    );
+
+    return response;
+  }, function onAdapterRejection(reason) {
+    if (!isCancel(reason)) {
+      throwIfCancellationRequested(config);
+
+      // Transform response data
+      if (reason && reason.response) {
+        reason.response.data = transformData(
+          reason.response.data,
+          reason.response.headers,
+          config.transformResponse
+        );
+      }
+    }
+
+    return Promise.reject(reason);
+  });
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/enhanceError.js":
+/*!*****************************************************!*\
+  !*** ./node_modules/axios/lib/core/enhanceError.js ***!
+  \*****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/**
+ * Update an Error with the specified config, error code, and response.
+ *
+ * @param {Error} error The error to update.
+ * @param {Object} config The config.
+ * @param {string} [code] The error code (for example, 'ECONNABORTED').
+ * @param {Object} [request] The request.
+ * @param {Object} [response] The response.
+ * @returns {Error} The error.
+ */
+module.exports = function enhanceError(error, config, code, request, response) {
+  error.config = config;
+  if (code) {
+    error.code = code;
+  }
+
+  error.request = request;
+  error.response = response;
+  error.isAxiosError = true;
+
+  error.toJSON = function() {
+    return {
+      // Standard
+      message: this.message,
+      name: this.name,
+      // Microsoft
+      description: this.description,
+      number: this.number,
+      // Mozilla
+      fileName: this.fileName,
+      lineNumber: this.lineNumber,
+      columnNumber: this.columnNumber,
+      stack: this.stack,
+      // Axios
+      config: this.config,
+      code: this.code
+    };
+  };
+  return error;
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/mergeConfig.js":
+/*!****************************************************!*\
+  !*** ./node_modules/axios/lib/core/mergeConfig.js ***!
+  \****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ../utils */ "./node_modules/axios/lib/utils.js");
+
+/**
+ * Config-specific merge-function which creates a new config-object
+ * by merging two configuration objects together.
+ *
+ * @param {Object} config1
+ * @param {Object} config2
+ * @returns {Object} New object resulting from merging config2 to config1
+ */
+module.exports = function mergeConfig(config1, config2) {
+  // eslint-disable-next-line no-param-reassign
+  config2 = config2 || {};
+  var config = {};
+
+  var valueFromConfig2Keys = ['url', 'method', 'params', 'data'];
+  var mergeDeepPropertiesKeys = ['headers', 'auth', 'proxy'];
+  var defaultToConfig2Keys = [
+    'baseURL', 'url', 'transformRequest', 'transformResponse', 'paramsSerializer',
+    'timeout', 'withCredentials', 'adapter', 'responseType', 'xsrfCookieName',
+    'xsrfHeaderName', 'onUploadProgress', 'onDownloadProgress',
+    'maxContentLength', 'validateStatus', 'maxRedirects', 'httpAgent',
+    'httpsAgent', 'cancelToken', 'socketPath'
+  ];
+
+  utils.forEach(valueFromConfig2Keys, function valueFromConfig2(prop) {
+    if (typeof config2[prop] !== 'undefined') {
+      config[prop] = config2[prop];
+    }
+  });
+
+  utils.forEach(mergeDeepPropertiesKeys, function mergeDeepProperties(prop) {
+    if (utils.isObject(config2[prop])) {
+      config[prop] = utils.deepMerge(config1[prop], config2[prop]);
+    } else if (typeof config2[prop] !== 'undefined') {
+      config[prop] = config2[prop];
+    } else if (utils.isObject(config1[prop])) {
+      config[prop] = utils.deepMerge(config1[prop]);
+    } else if (typeof config1[prop] !== 'undefined') {
+      config[prop] = config1[prop];
+    }
+  });
+
+  utils.forEach(defaultToConfig2Keys, function defaultToConfig2(prop) {
+    if (typeof config2[prop] !== 'undefined') {
+      config[prop] = config2[prop];
+    } else if (typeof config1[prop] !== 'undefined') {
+      config[prop] = config1[prop];
+    }
+  });
+
+  var axiosKeys = valueFromConfig2Keys
+    .concat(mergeDeepPropertiesKeys)
+    .concat(defaultToConfig2Keys);
+
+  var otherKeys = Object
+    .keys(config2)
+    .filter(function filterAxiosKeys(key) {
+      return axiosKeys.indexOf(key) === -1;
+    });
+
+  utils.forEach(otherKeys, function otherKeysDefaultToConfig2(prop) {
+    if (typeof config2[prop] !== 'undefined') {
+      config[prop] = config2[prop];
+    } else if (typeof config1[prop] !== 'undefined') {
+      config[prop] = config1[prop];
+    }
+  });
+
+  return config;
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/settle.js":
+/*!***********************************************!*\
+  !*** ./node_modules/axios/lib/core/settle.js ***!
+  \***********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var createError = __webpack_require__(/*! ./createError */ "./node_modules/axios/lib/core/createError.js");
+
+/**
+ * Resolve or reject a Promise based on response status.
+ *
+ * @param {Function} resolve A function that resolves the promise.
+ * @param {Function} reject A function that rejects the promise.
+ * @param {object} response The response.
+ */
+module.exports = function settle(resolve, reject, response) {
+  var validateStatus = response.config.validateStatus;
+  if (!validateStatus || validateStatus(response.status)) {
+    resolve(response);
+  } else {
+    reject(createError(
+      'Request failed with status code ' + response.status,
+      response.config,
+      null,
+      response.request,
+      response
+    ));
+  }
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/core/transformData.js":
+/*!******************************************************!*\
+  !*** ./node_modules/axios/lib/core/transformData.js ***!
+  \******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+
+/**
+ * Transform the data for a request or a response
+ *
+ * @param {Object|String} data The data to be transformed
+ * @param {Array} headers The headers for the request or response
+ * @param {Array|Function} fns A single function or Array of functions
+ * @returns {*} The resulting transformed data
+ */
+module.exports = function transformData(data, headers, fns) {
+  /*eslint no-param-reassign:0*/
+  utils.forEach(fns, function transform(fn) {
+    data = fn(data, headers);
+  });
+
+  return data;
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/defaults.js":
+/*!********************************************!*\
+  !*** ./node_modules/axios/lib/defaults.js ***!
+  \********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(process) {
+
+var utils = __webpack_require__(/*! ./utils */ "./node_modules/axios/lib/utils.js");
+var normalizeHeaderName = __webpack_require__(/*! ./helpers/normalizeHeaderName */ "./node_modules/axios/lib/helpers/normalizeHeaderName.js");
+
+var DEFAULT_CONTENT_TYPE = {
+  'Content-Type': 'application/x-www-form-urlencoded'
+};
+
+function setContentTypeIfUnset(headers, value) {
+  if (!utils.isUndefined(headers) && utils.isUndefined(headers['Content-Type'])) {
+    headers['Content-Type'] = value;
+  }
+}
+
+function getDefaultAdapter() {
+  var adapter;
+  if (typeof XMLHttpRequest !== 'undefined') {
+    // For browsers use XHR adapter
+    adapter = __webpack_require__(/*! ./adapters/xhr */ "./node_modules/axios/lib/adapters/xhr.js");
+  } else if (typeof process !== 'undefined' && Object.prototype.toString.call(process) === '[object process]') {
+    // For node use HTTP adapter
+    adapter = __webpack_require__(/*! ./adapters/http */ "./node_modules/axios/lib/adapters/xhr.js");
+  }
+  return adapter;
+}
+
+var defaults = {
+  adapter: getDefaultAdapter(),
+
+  transformRequest: [function transformRequest(data, headers) {
+    normalizeHeaderName(headers, 'Accept');
+    normalizeHeaderName(headers, 'Content-Type');
+    if (utils.isFormData(data) ||
+      utils.isArrayBuffer(data) ||
+      utils.isBuffer(data) ||
+      utils.isStream(data) ||
+      utils.isFile(data) ||
+      utils.isBlob(data)
+    ) {
+      return data;
+    }
+    if (utils.isArrayBufferView(data)) {
+      return data.buffer;
+    }
+    if (utils.isURLSearchParams(data)) {
+      setContentTypeIfUnset(headers, 'application/x-www-form-urlencoded;charset=utf-8');
+      return data.toString();
+    }
+    if (utils.isObject(data)) {
+      setContentTypeIfUnset(headers, 'application/json;charset=utf-8');
+      return JSON.stringify(data);
+    }
+    return data;
+  }],
+
+  transformResponse: [function transformResponse(data) {
+    /*eslint no-param-reassign:0*/
+    if (typeof data === 'string') {
+      try {
+        data = JSON.parse(data);
+      } catch (e) { /* Ignore */ }
+    }
+    return data;
+  }],
+
+  /**
+   * A timeout in milliseconds to abort a request. If set to 0 (default) a
+   * timeout is not created.
+   */
+  timeout: 0,
+
+  xsrfCookieName: 'XSRF-TOKEN',
+  xsrfHeaderName: 'X-XSRF-TOKEN',
+
+  maxContentLength: -1,
+
+  validateStatus: function validateStatus(status) {
+    return status >= 200 && status < 300;
+  }
+};
+
+defaults.headers = {
+  common: {
+    'Accept': 'application/json, text/plain, */*'
+  }
+};
+
+utils.forEach(['delete', 'get', 'head'], function forEachMethodNoData(method) {
+  defaults.headers[method] = {};
+});
+
+utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
+  defaults.headers[method] = utils.merge(DEFAULT_CONTENT_TYPE);
+});
+
+module.exports = defaults;
+
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../process/browser.js */ "./node_modules/process/browser.js")))
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/bind.js":
+/*!************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/bind.js ***!
+  \************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+module.exports = function bind(fn, thisArg) {
+  return function wrap() {
+    var args = new Array(arguments.length);
+    for (var i = 0; i < args.length; i++) {
+      args[i] = arguments[i];
+    }
+    return fn.apply(thisArg, args);
+  };
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/buildURL.js":
+/*!****************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/buildURL.js ***!
+  \****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+
+function encode(val) {
+  return encodeURIComponent(val).
+    replace(/%40/gi, '@').
+    replace(/%3A/gi, ':').
+    replace(/%24/g, '$').
+    replace(/%2C/gi, ',').
+    replace(/%20/g, '+').
+    replace(/%5B/gi, '[').
+    replace(/%5D/gi, ']');
+}
+
+/**
+ * Build a URL by appending params to the end
+ *
+ * @param {string} url The base of the url (e.g., http://www.google.com)
+ * @param {object} [params] The params to be appended
+ * @returns {string} The formatted url
+ */
+module.exports = function buildURL(url, params, paramsSerializer) {
+  /*eslint no-param-reassign:0*/
+  if (!params) {
+    return url;
+  }
+
+  var serializedParams;
+  if (paramsSerializer) {
+    serializedParams = paramsSerializer(params);
+  } else if (utils.isURLSearchParams(params)) {
+    serializedParams = params.toString();
+  } else {
+    var parts = [];
+
+    utils.forEach(params, function serialize(val, key) {
+      if (val === null || typeof val === 'undefined') {
+        return;
+      }
+
+      if (utils.isArray(val)) {
+        key = key + '[]';
+      } else {
+        val = [val];
+      }
+
+      utils.forEach(val, function parseValue(v) {
+        if (utils.isDate(v)) {
+          v = v.toISOString();
+        } else if (utils.isObject(v)) {
+          v = JSON.stringify(v);
+        }
+        parts.push(encode(key) + '=' + encode(v));
+      });
+    });
+
+    serializedParams = parts.join('&');
+  }
+
+  if (serializedParams) {
+    var hashmarkIndex = url.indexOf('#');
+    if (hashmarkIndex !== -1) {
+      url = url.slice(0, hashmarkIndex);
+    }
+
+    url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams;
+  }
+
+  return url;
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/combineURLs.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/combineURLs.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/**
+ * Creates a new URL by combining the specified URLs
+ *
+ * @param {string} baseURL The base URL
+ * @param {string} relativeURL The relative URL
+ * @returns {string} The combined URL
+ */
+module.exports = function combineURLs(baseURL, relativeURL) {
+  return relativeURL
+    ? baseURL.replace(/\/+$/, '') + '/' + relativeURL.replace(/^\/+/, '')
+    : baseURL;
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/cookies.js":
+/*!***************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/cookies.js ***!
+  \***************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+
+module.exports = (
+  utils.isStandardBrowserEnv() ?
+
+  // Standard browser envs support document.cookie
+    (function standardBrowserEnv() {
+      return {
+        write: function write(name, value, expires, path, domain, secure) {
+          var cookie = [];
+          cookie.push(name + '=' + encodeURIComponent(value));
+
+          if (utils.isNumber(expires)) {
+            cookie.push('expires=' + new Date(expires).toGMTString());
+          }
+
+          if (utils.isString(path)) {
+            cookie.push('path=' + path);
+          }
+
+          if (utils.isString(domain)) {
+            cookie.push('domain=' + domain);
+          }
+
+          if (secure === true) {
+            cookie.push('secure');
+          }
+
+          document.cookie = cookie.join('; ');
+        },
+
+        read: function read(name) {
+          var match = document.cookie.match(new RegExp('(^|;\\s*)(' + name + ')=([^;]*)'));
+          return (match ? decodeURIComponent(match[3]) : null);
+        },
+
+        remove: function remove(name) {
+          this.write(name, '', Date.now() - 86400000);
+        }
+      };
+    })() :
+
+  // Non standard browser env (web workers, react-native) lack needed support.
+    (function nonStandardBrowserEnv() {
+      return {
+        write: function write() {},
+        read: function read() { return null; },
+        remove: function remove() {}
+      };
+    })()
+);
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/isAbsoluteURL.js":
+/*!*********************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/isAbsoluteURL.js ***!
+  \*********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/**
+ * Determines whether the specified URL is absolute
+ *
+ * @param {string} url The URL to test
+ * @returns {boolean} True if the specified URL is absolute, otherwise false
+ */
+module.exports = function isAbsoluteURL(url) {
+  // A URL is considered absolute if it begins with "<scheme>://" or "//" (protocol-relative URL).
+  // RFC 3986 defines scheme name as a sequence of characters beginning with a letter and followed
+  // by any combination of letters, digits, plus, period, or hyphen.
+  return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(url);
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/isURLSameOrigin.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/isURLSameOrigin.js ***!
+  \***********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+
+module.exports = (
+  utils.isStandardBrowserEnv() ?
+
+  // Standard browser envs have full support of the APIs needed to test
+  // whether the request URL is of the same origin as current location.
+    (function standardBrowserEnv() {
+      var msie = /(msie|trident)/i.test(navigator.userAgent);
+      var urlParsingNode = document.createElement('a');
+      var originURL;
+
+      /**
+    * Parse a URL to discover it's components
+    *
+    * @param {String} url The URL to be parsed
+    * @returns {Object}
+    */
+      function resolveURL(url) {
+        var href = url;
+
+        if (msie) {
+        // IE needs attribute set twice to normalize properties
+          urlParsingNode.setAttribute('href', href);
+          href = urlParsingNode.href;
+        }
+
+        urlParsingNode.setAttribute('href', href);
+
+        // urlParsingNode provides the UrlUtils interface - http://url.spec.whatwg.org/#urlutils
+        return {
+          href: urlParsingNode.href,
+          protocol: urlParsingNode.protocol ? urlParsingNode.protocol.replace(/:$/, '') : '',
+          host: urlParsingNode.host,
+          search: urlParsingNode.search ? urlParsingNode.search.replace(/^\?/, '') : '',
+          hash: urlParsingNode.hash ? urlParsingNode.hash.replace(/^#/, '') : '',
+          hostname: urlParsingNode.hostname,
+          port: urlParsingNode.port,
+          pathname: (urlParsingNode.pathname.charAt(0) === '/') ?
+            urlParsingNode.pathname :
+            '/' + urlParsingNode.pathname
+        };
+      }
+
+      originURL = resolveURL(window.location.href);
+
+      /**
+    * Determine if a URL shares the same origin as the current location
+    *
+    * @param {String} requestURL The URL to test
+    * @returns {boolean} True if URL shares the same origin, otherwise false
+    */
+      return function isURLSameOrigin(requestURL) {
+        var parsed = (utils.isString(requestURL)) ? resolveURL(requestURL) : requestURL;
+        return (parsed.protocol === originURL.protocol &&
+            parsed.host === originURL.host);
+      };
+    })() :
+
+  // Non standard browser envs (web workers, react-native) lack needed support.
+    (function nonStandardBrowserEnv() {
+      return function isURLSameOrigin() {
+        return true;
+      };
+    })()
+);
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/normalizeHeaderName.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/normalizeHeaderName.js ***!
+  \***************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ../utils */ "./node_modules/axios/lib/utils.js");
+
+module.exports = function normalizeHeaderName(headers, normalizedName) {
+  utils.forEach(headers, function processHeader(value, name) {
+    if (name !== normalizedName && name.toUpperCase() === normalizedName.toUpperCase()) {
+      headers[normalizedName] = value;
+      delete headers[name];
+    }
+  });
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/parseHeaders.js":
+/*!********************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/parseHeaders.js ***!
+  \********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
+
+// Headers whose duplicates are ignored by node
+// c.f. https://nodejs.org/api/http.html#http_message_headers
+var ignoreDuplicateOf = [
+  'age', 'authorization', 'content-length', 'content-type', 'etag',
+  'expires', 'from', 'host', 'if-modified-since', 'if-unmodified-since',
+  'last-modified', 'location', 'max-forwards', 'proxy-authorization',
+  'referer', 'retry-after', 'user-agent'
+];
+
+/**
+ * Parse headers into an object
+ *
+ * ```
+ * Date: Wed, 27 Aug 2014 08:58:49 GMT
+ * Content-Type: application/json
+ * Connection: keep-alive
+ * Transfer-Encoding: chunked
+ * ```
+ *
+ * @param {String} headers Headers needing to be parsed
+ * @returns {Object} Headers parsed into an object
+ */
+module.exports = function parseHeaders(headers) {
+  var parsed = {};
+  var key;
+  var val;
+  var i;
+
+  if (!headers) { return parsed; }
+
+  utils.forEach(headers.split('\n'), function parser(line) {
+    i = line.indexOf(':');
+    key = utils.trim(line.substr(0, i)).toLowerCase();
+    val = utils.trim(line.substr(i + 1));
+
+    if (key) {
+      if (parsed[key] && ignoreDuplicateOf.indexOf(key) >= 0) {
+        return;
+      }
+      if (key === 'set-cookie') {
+        parsed[key] = (parsed[key] ? parsed[key] : []).concat([val]);
+      } else {
+        parsed[key] = parsed[key] ? parsed[key] + ', ' + val : val;
+      }
+    }
+  });
+
+  return parsed;
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/helpers/spread.js":
+/*!**************************************************!*\
+  !*** ./node_modules/axios/lib/helpers/spread.js ***!
+  \**************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/**
+ * Syntactic sugar for invoking a function and expanding an array for arguments.
+ *
+ * Common use case would be to use `Function.prototype.apply`.
+ *
+ *  ```js
+ *  function f(x, y, z) {}
+ *  var args = [1, 2, 3];
+ *  f.apply(null, args);
+ *  ```
+ *
+ * With `spread` this example can be re-written.
+ *
+ *  ```js
+ *  spread(function(x, y, z) {})([1, 2, 3]);
+ *  ```
+ *
+ * @param {Function} callback
+ * @returns {Function}
+ */
+module.exports = function spread(callback) {
+  return function wrap(arr) {
+    return callback.apply(null, arr);
+  };
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/axios/lib/utils.js":
+/*!*****************************************!*\
+  !*** ./node_modules/axios/lib/utils.js ***!
+  \*****************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var bind = __webpack_require__(/*! ./helpers/bind */ "./node_modules/axios/lib/helpers/bind.js");
+
+/*global toString:true*/
+
+// utils is a library of generic helper functions non-specific to axios
+
+var toString = Object.prototype.toString;
+
+/**
+ * Determine if a value is an Array
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is an Array, otherwise false
+ */
+function isArray(val) {
+  return toString.call(val) === '[object Array]';
+}
+
+/**
+ * Determine if a value is undefined
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if the value is undefined, otherwise false
+ */
+function isUndefined(val) {
+  return typeof val === 'undefined';
+}
+
+/**
+ * Determine if a value is a Buffer
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Buffer, otherwise false
+ */
+function isBuffer(val) {
+  return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor)
+    && typeof val.constructor.isBuffer === 'function' && val.constructor.isBuffer(val);
+}
+
+/**
+ * Determine if a value is an ArrayBuffer
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is an ArrayBuffer, otherwise false
+ */
+function isArrayBuffer(val) {
+  return toString.call(val) === '[object ArrayBuffer]';
+}
+
+/**
+ * Determine if a value is a FormData
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is an FormData, otherwise false
+ */
+function isFormData(val) {
+  return (typeof FormData !== 'undefined') && (val instanceof FormData);
+}
+
+/**
+ * Determine if a value is a view on an ArrayBuffer
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false
+ */
+function isArrayBufferView(val) {
+  var result;
+  if ((typeof ArrayBuffer !== 'undefined') && (ArrayBuffer.isView)) {
+    result = ArrayBuffer.isView(val);
+  } else {
+    result = (val) && (val.buffer) && (val.buffer instanceof ArrayBuffer);
+  }
+  return result;
+}
+
+/**
+ * Determine if a value is a String
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a String, otherwise false
+ */
+function isString(val) {
+  return typeof val === 'string';
+}
+
+/**
+ * Determine if a value is a Number
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Number, otherwise false
+ */
+function isNumber(val) {
+  return typeof val === 'number';
+}
+
+/**
+ * Determine if a value is an Object
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is an Object, otherwise false
+ */
+function isObject(val) {
+  return val !== null && typeof val === 'object';
+}
+
+/**
+ * Determine if a value is a Date
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Date, otherwise false
+ */
+function isDate(val) {
+  return toString.call(val) === '[object Date]';
+}
+
+/**
+ * Determine if a value is a File
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a File, otherwise false
+ */
+function isFile(val) {
+  return toString.call(val) === '[object File]';
+}
+
+/**
+ * Determine if a value is a Blob
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Blob, otherwise false
+ */
+function isBlob(val) {
+  return toString.call(val) === '[object Blob]';
+}
+
+/**
+ * Determine if a value is a Function
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Function, otherwise false
+ */
+function isFunction(val) {
+  return toString.call(val) === '[object Function]';
+}
+
+/**
+ * Determine if a value is a Stream
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Stream, otherwise false
+ */
+function isStream(val) {
+  return isObject(val) && isFunction(val.pipe);
+}
+
+/**
+ * Determine if a value is a URLSearchParams object
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a URLSearchParams object, otherwise false
+ */
+function isURLSearchParams(val) {
+  return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;
+}
+
+/**
+ * Trim excess whitespace off the beginning and end of a string
+ *
+ * @param {String} str The String to trim
+ * @returns {String} The String freed of excess whitespace
+ */
+function trim(str) {
+  return str.replace(/^\s*/, '').replace(/\s*$/, '');
+}
+
+/**
+ * Determine if we're running in a standard browser environment
+ *
+ * This allows axios to run in a web worker, and react-native.
+ * Both environments support XMLHttpRequest, but not fully standard globals.
+ *
+ * web workers:
+ *  typeof window -> undefined
+ *  typeof document -> undefined
+ *
+ * react-native:
+ *  navigator.product -> 'ReactNative'
+ * nativescript
+ *  navigator.product -> 'NativeScript' or 'NS'
+ */
+function isStandardBrowserEnv() {
+  if (typeof navigator !== 'undefined' && (navigator.product === 'ReactNative' ||
+                                           navigator.product === 'NativeScript' ||
+                                           navigator.product === 'NS')) {
+    return false;
+  }
+  return (
+    typeof window !== 'undefined' &&
+    typeof document !== 'undefined'
+  );
+}
+
+/**
+ * Iterate over an Array or an Object invoking a function for each item.
+ *
+ * If `obj` is an Array callback will be called passing
+ * the value, index, and complete array for each item.
+ *
+ * If 'obj' is an Object callback will be called passing
+ * the value, key, and complete object for each property.
+ *
+ * @param {Object|Array} obj The object to iterate
+ * @param {Function} fn The callback to invoke for each item
+ */
+function forEach(obj, fn) {
+  // Don't bother if no value provided
+  if (obj === null || typeof obj === 'undefined') {
+    return;
+  }
+
+  // Force an array if not already something iterable
+  if (typeof obj !== 'object') {
+    /*eslint no-param-reassign:0*/
+    obj = [obj];
+  }
+
+  if (isArray(obj)) {
+    // Iterate over array values
+    for (var i = 0, l = obj.length; i < l; i++) {
+      fn.call(null, obj[i], i, obj);
+    }
+  } else {
+    // Iterate over object keys
+    for (var key in obj) {
+      if (Object.prototype.hasOwnProperty.call(obj, key)) {
+        fn.call(null, obj[key], key, obj);
+      }
+    }
+  }
+}
+
+/**
+ * Accepts varargs expecting each argument to be an object, then
+ * immutably merges the properties of each object and returns result.
+ *
+ * When multiple objects contain the same key the later object in
+ * the arguments list will take precedence.
+ *
+ * Example:
+ *
+ * ```js
+ * var result = merge({foo: 123}, {foo: 456});
+ * console.log(result.foo); // outputs 456
+ * ```
+ *
+ * @param {Object} obj1 Object to merge
+ * @returns {Object} Result of all merge properties
+ */
+function merge(/* obj1, obj2, obj3, ... */) {
+  var result = {};
+  function assignValue(val, key) {
+    if (typeof result[key] === 'object' && typeof val === 'object') {
+      result[key] = merge(result[key], val);
+    } else {
+      result[key] = val;
+    }
+  }
+
+  for (var i = 0, l = arguments.length; i < l; i++) {
+    forEach(arguments[i], assignValue);
+  }
+  return result;
+}
+
+/**
+ * Function equal to merge with the difference being that no reference
+ * to original objects is kept.
+ *
+ * @see merge
+ * @param {Object} obj1 Object to merge
+ * @returns {Object} Result of all merge properties
+ */
+function deepMerge(/* obj1, obj2, obj3, ... */) {
+  var result = {};
+  function assignValue(val, key) {
+    if (typeof result[key] === 'object' && typeof val === 'object') {
+      result[key] = deepMerge(result[key], val);
+    } else if (typeof val === 'object') {
+      result[key] = deepMerge({}, val);
+    } else {
+      result[key] = val;
+    }
+  }
+
+  for (var i = 0, l = arguments.length; i < l; i++) {
+    forEach(arguments[i], assignValue);
+  }
+  return result;
+}
+
+/**
+ * Extends object a by mutably adding to it the properties of object b.
+ *
+ * @param {Object} a The object to be extended
+ * @param {Object} b The object to copy properties from
+ * @param {Object} thisArg The object to bind function to
+ * @return {Object} The resulting value of object a
+ */
+function extend(a, b, thisArg) {
+  forEach(b, function assignValue(val, key) {
+    if (thisArg && typeof val === 'function') {
+      a[key] = bind(val, thisArg);
+    } else {
+      a[key] = val;
+    }
+  });
+  return a;
+}
+
+module.exports = {
+  isArray: isArray,
+  isArrayBuffer: isArrayBuffer,
+  isBuffer: isBuffer,
+  isFormData: isFormData,
+  isArrayBufferView: isArrayBufferView,
+  isString: isString,
+  isNumber: isNumber,
+  isObject: isObject,
+  isUndefined: isUndefined,
+  isDate: isDate,
+  isFile: isFile,
+  isBlob: isBlob,
+  isFunction: isFunction,
+  isStream: isStream,
+  isURLSearchParams: isURLSearchParams,
+  isStandardBrowserEnv: isStandardBrowserEnv,
+  forEach: forEach,
+  merge: merge,
+  deepMerge: deepMerge,
+  extend: extend,
+  trim: trim
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/process/browser.js":
+/*!*****************************************!*\
+  !*** ./node_modules/process/browser.js ***!
+  \*****************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+// shim for using process in browser
+var process = module.exports = {};
+
+// cached from whatever global is present so that test runners that stub it
+// don't break things.  But we need to wrap it in a try catch in case it is
+// wrapped in strict mode code which doesn't define any globals.  It's inside a
+// function because try/catches deoptimize in certain engines.
+
+var cachedSetTimeout;
+var cachedClearTimeout;
+
+function defaultSetTimout() {
+    throw new Error('setTimeout has not been defined');
+}
+function defaultClearTimeout () {
+    throw new Error('clearTimeout has not been defined');
+}
+(function () {
+    try {
+        if (typeof setTimeout === 'function') {
+            cachedSetTimeout = setTimeout;
+        } else {
+            cachedSetTimeout = defaultSetTimout;
+        }
+    } catch (e) {
+        cachedSetTimeout = defaultSetTimout;
+    }
+    try {
+        if (typeof clearTimeout === 'function') {
+            cachedClearTimeout = clearTimeout;
+        } else {
+            cachedClearTimeout = defaultClearTimeout;
+        }
+    } catch (e) {
+        cachedClearTimeout = defaultClearTimeout;
+    }
+} ())
+function runTimeout(fun) {
+    if (cachedSetTimeout === setTimeout) {
+        //normal enviroments in sane situations
+        return setTimeout(fun, 0);
+    }
+    // if setTimeout wasn't available but was latter defined
+    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+        cachedSetTimeout = setTimeout;
+        return setTimeout(fun, 0);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedSetTimeout(fun, 0);
+    } catch(e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+            return cachedSetTimeout.call(null, fun, 0);
+        } catch(e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
+            return cachedSetTimeout.call(this, fun, 0);
+        }
+    }
+
+
+}
+function runClearTimeout(marker) {
+    if (cachedClearTimeout === clearTimeout) {
+        //normal enviroments in sane situations
+        return clearTimeout(marker);
+    }
+    // if clearTimeout wasn't available but was latter defined
+    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+        cachedClearTimeout = clearTimeout;
+        return clearTimeout(marker);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedClearTimeout(marker);
+    } catch (e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
+            return cachedClearTimeout.call(null, marker);
+        } catch (e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
+            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+            return cachedClearTimeout.call(this, marker);
+        }
+    }
+
+
+
+}
+var queue = [];
+var draining = false;
+var currentQueue;
+var queueIndex = -1;
+
+function cleanUpNextTick() {
+    if (!draining || !currentQueue) {
+        return;
+    }
+    draining = false;
+    if (currentQueue.length) {
+        queue = currentQueue.concat(queue);
+    } else {
+        queueIndex = -1;
+    }
+    if (queue.length) {
+        drainQueue();
+    }
+}
+
+function drainQueue() {
+    if (draining) {
+        return;
+    }
+    var timeout = runTimeout(cleanUpNextTick);
+    draining = true;
+
+    var len = queue.length;
+    while(len) {
+        currentQueue = queue;
+        queue = [];
+        while (++queueIndex < len) {
+            if (currentQueue) {
+                currentQueue[queueIndex].run();
+            }
+        }
+        queueIndex = -1;
+        len = queue.length;
+    }
+    currentQueue = null;
+    draining = false;
+    runClearTimeout(timeout);
+}
+
+process.nextTick = function (fun) {
+    var args = new Array(arguments.length - 1);
+    if (arguments.length > 1) {
+        for (var i = 1; i < arguments.length; i++) {
+            args[i - 1] = arguments[i];
+        }
+    }
+    queue.push(new Item(fun, args));
+    if (queue.length === 1 && !draining) {
+        runTimeout(drainQueue);
+    }
+};
+
+// v8 likes predictible objects
+function Item(fun, array) {
+    this.fun = fun;
+    this.array = array;
+}
+Item.prototype.run = function () {
+    this.fun.apply(null, this.array);
+};
+process.title = 'browser';
+process.browser = true;
+process.env = {};
+process.argv = [];
+process.version = ''; // empty string to avoid regexp issues
+process.versions = {};
+
+function noop() {}
+
+process.on = noop;
+process.addListener = noop;
+process.once = noop;
+process.off = noop;
+process.removeListener = noop;
+process.removeAllListeners = noop;
+process.emit = noop;
+process.prependListener = noop;
+process.prependOnceListener = noop;
+
+process.listeners = function (name) { return [] }
+
+process.binding = function (name) {
+    throw new Error('process.binding is not supported');
+};
+
+process.cwd = function () { return '/' };
+process.chdir = function (dir) {
+    throw new Error('process.chdir is not supported');
+};
+process.umask = function() { return 0; };
+
+
+/***/ }),
+
+/***/ "./resources/js/setup/setup.js":
+/*!*************************************!*\
+  !*** ./resources/js/setup/setup.js ***!
+  \*************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
+/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_0__);
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * Invoice Ninja (https://invoiceninja.com)
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+
+
+var Setup = /*#__PURE__*/function () {
+  function Setup() {
+    _classCallCheck(this, Setup);
+
+    this.checkDbButton = document.getElementById('test-db-connection');
+    this.checkDbAlert = document.getElementById('database-response');
+    this.checkSmtpButton = document.getElementById('test-smtp-connection');
+    this.checkSmtpAlert = document.getElementById('smtp-response');
+    this.checkPdfButton = document.getElementById('test-pdf');
+    this.checkPdfAlert = document.getElementById('test-pdf-response');
+  }
+
+  _createClass(Setup, [{
+    key: "handleDatabaseCheck",
+    value: function handleDatabaseCheck() {
+      var _this = this;
+
+      var data = {
+        host: document.querySelector('input[name="host"]').value,
+        database: document.querySelector('input[name="database"]').value,
+        username: document.querySelector('input[name="db_username"]').value,
+        password: document.querySelector('input[name="db_password"]').value
+      };
+      axios__WEBPACK_IMPORTED_MODULE_0___default.a.post('/setup/check_db', data).then(function (response) {
+        return _this.handleSuccess(_this.checkDbAlert);
+      })["catch"](function (e) {
+        return _this.handleFailure(_this.checkDbAlert);
+      });
+    }
+  }, {
+    key: "handleSmtpCheck",
+    value: function handleSmtpCheck() {
+      var _this2 = this;
+
+      var data = {
+        driver: document.querySelector('select[name="mail_driver"]').value,
+        from_name: document.querySelector('input[name="mail_name"]').value,
+        from_address: document.querySelector('input[name="mail_address"]').value,
+        username: document.querySelector('input[name="mail_username"]').value,
+        host: document.querySelector('input[name="mail_host"]').value,
+        port: document.querySelector('input[name="mail_port"]').value,
+        encryption: document.querySelector('select[name="encryption"]').value,
+        password: document.querySelector('input[name="mail_password"]').value
+      };
+      axios__WEBPACK_IMPORTED_MODULE_0___default.a.post('/setup/check_mail', data).then(function (response) {
+        return _this2.handleSuccess(_this2.checkSmtpAlert);
+      })["catch"](function (e) {
+        return _this2.handleFailure(_this2.checkSmtpAlert);
+      });
+    }
+  }, {
+    key: "handleTestPdfCheck",
+    value: function handleTestPdfCheck() {
+      var _this3 = this;
+
+      axios__WEBPACK_IMPORTED_MODULE_0___default.a.post('/setup/check_pdf', {}).then(function (response) {
+        var win = window.open(response.data.url, '_blank');
+        win.focus();
+        return _this3.handleSuccess(_this3.checkPdfAlert);
+      })["catch"](function (error) {
+        return _this3.handleFailure(_this3.checkPdfAlert);
+      });
+    }
+  }, {
+    key: "handleSuccess",
+    value: function handleSuccess(element) {
+      element.classList.remove('alert-failure');
+      element.innerText = 'Success!';
+      element.classList.add('alert-success');
+    }
+  }, {
+    key: "handleFailure",
+    value: function handleFailure(element) {
+      element.classList.remove('alert-success');
+      element.innerText = "Oops, looks like something isn't correct!";
+      element.classList.add('alert-failure');
+    }
+  }, {
+    key: "handle",
+    value: function handle() {
+      var _this4 = this;
+
+      this.checkDbButton.addEventListener('click', function () {
+        return _this4.handleDatabaseCheck();
+      });
+      this.checkSmtpButton.addEventListener('click', function () {
+        return _this4.handleSmtpCheck();
+      });
+      this.checkPdfButton.addEventListener('click', function () {
+        return _this4.handleTestPdfCheck();
+      });
+    }
+  }]);
+
+  return Setup;
+}();
+
+new Setup().handle();
+
+/***/ }),
+
+/***/ 13:
+/*!*******************************************!*\
+  !*** multi ./resources/js/setup/setup.js ***!
+  \*******************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/setup/setup.js */"./resources/js/setup/setup.js");
+
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 745ab7c86b..3b56b70e5c 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,21 +1,21 @@
 {
-    "/js/app.js": "/js/app.js?id=baf7fef12d5e65c3d9ff",
-    "/css/app.css": "/css/app.css?id=718489bc33e329ad1ab4",
-    "/js/clients/invoices/action-selectors.js": "/js/clients/invoices/action-selectors.js?id=d244486b16dc6f94a726",
-    "/js/clients/invoices/payment.js": "/js/clients/invoices/payment.js?id=d7e708d66a9c769b4c6e",
-    "/js/clients/payment_methods/authorize-ach.js": "/js/clients/payment_methods/authorize-ach.js?id=9e6495d9ae236b3cb5ad",
-    "/js/clients/payment_methods/authorize-authorize-card.js": "/js/clients/payment_methods/authorize-authorize-card.js?id=83c223814db63f9db590",
-    "/js/clients/payment_methods/authorize-stripe-card.js": "/js/clients/payment_methods/authorize-stripe-card.js?id=f4c45f0da9868d840799",
-    "/js/clients/payments/alipay.js": "/js/clients/payments/alipay.js?id=428ac5b81ed722636e8f",
-    "/js/clients/payments/authorize-credit-card-payment.js": "/js/clients/payments/authorize-credit-card-payment.js?id=3a74587f41c617a7cc81",
-    "/js/clients/payments/card-js.min.js": "/js/clients/payments/card-js.min.js?id=7200ac43b87bddf1bedc",
-    "/js/clients/payments/checkout.com.js": "/js/clients/payments/checkout.com.js?id=42d239882b80af83ad22",
-    "/js/clients/payments/process.js": "/js/clients/payments/process.js?id=49b220081e0d7fa8140b",
-    "/js/clients/payments/sofort.js": "/js/clients/payments/sofort.js?id=ff4ad07a93bd9fb327c1",
-    "/js/clients/quotes/action-selectors.js": "/js/clients/quotes/action-selectors.js?id=b6b33ab51b58b51e1212",
-    "/js/clients/quotes/approve.js": "/js/clients/quotes/approve.js?id=1c5d76fb5f98bd49f6c8",
-    "/js/clients/shared/multiple-downloads.js": "/js/clients/shared/multiple-downloads.js?id=bf87649ca30c9a3fba59",
-    "/js/clients/shared/pdf.js": "/js/clients/shared/pdf.js?id=86f3b8d82f809268b3de",
-    "/js/setup/setup.js": "/js/setup/setup.js?id=c4cd098778bf824a3470",
+    "/js/app.js": "/js/app.js?id=18e4b72565062eff62a8",
+    "/css/app.css": "/css/app.css?id=59c95c7e0732bdd4cf0b",
+    "/js/clients/invoices/action-selectors.js": "/js/clients/invoices/action-selectors.js?id=e3e73edbc6400feef343",
+    "/js/clients/invoices/payment.js": "/js/clients/invoices/payment.js?id=1d7be8ac3cc5809f693d",
+    "/js/clients/payment_methods/authorize-ach.js": "/js/clients/payment_methods/authorize-ach.js?id=94d1098276dabcb52987",
+    "/js/clients/payment_methods/authorize-authorize-card.js": "/js/clients/payment_methods/authorize-authorize-card.js?id=3701938f6601880bc600",
+    "/js/clients/payment_methods/authorize-stripe-card.js": "/js/clients/payment_methods/authorize-stripe-card.js?id=937df6d2ae660de26592",
+    "/js/clients/payments/alipay.js": "/js/clients/payments/alipay.js?id=6ce93b98df100c8386be",
+    "/js/clients/payments/authorize-credit-card-payment.js": "/js/clients/payments/authorize-credit-card-payment.js?id=0ed6e774a86843d3f2a5",
+    "/js/clients/payments/card-js.min.js": "/js/clients/payments/card-js.min.js?id=23f9127e664abe4f2eb5",
+    "/js/clients/payments/checkout.com.js": "/js/clients/payments/checkout.com.js?id=086de6b1adce63316b49",
+    "/js/clients/payments/process.js": "/js/clients/payments/process.js?id=35101ed1d8b3fff52793",
+    "/js/clients/payments/sofort.js": "/js/clients/payments/sofort.js?id=311a792017b60a8484c5",
+    "/js/clients/quotes/action-selectors.js": "/js/clients/quotes/action-selectors.js?id=efaca45b99034419bc26",
+    "/js/clients/quotes/approve.js": "/js/clients/quotes/approve.js?id=6ac2778523c0359b7901",
+    "/js/clients/shared/multiple-downloads.js": "/js/clients/shared/multiple-downloads.js?id=71d9ede776e5b71ce9ba",
+    "/js/clients/shared/pdf.js": "/js/clients/shared/pdf.js?id=3815ab242a67621dbb4e",
+    "/js/setup/setup.js": "/js/setup/setup.js?id=c12f2f2bb3e572941788",
     "/css/card-js.min.css": "/css/card-js.min.css?id=62afeb675235451543ad"
 }
diff --git a/resources/js/clients/payments/process.js b/resources/js/clients/payments/process.js
index 9ae033b8d8..802789c382 100644
--- a/resources/js/clients/payments/process.js
+++ b/resources/js/clients/payments/process.js
@@ -35,10 +35,9 @@ class ProcessStripePayment {
 
     completePaymentUsingToken() {
         let payNowButton = document.getElementById('pay-now-with-token');
-        this.payNowButton = payNowButton;
-
-        payNowButton.querySelector('svg').classList.remove('hidden');
-        payNowButton.disabled = true;
+        document.getElementById('process-overlay').classList.remove('hidden');
+        
+        return;
 
         this.stripe
             .handleCardPayment(payNowButton.dataset.secret, {
@@ -57,6 +56,8 @@ class ProcessStripePayment {
         let payNowButton = document.getElementById("pay-now");
         let cardHolderName = document.getElementById("cardholder-name");
 
+        document.getElementById('processing-overlay').classList.remove('hidden');
+
         this.stripe
             .handleCardPayment(payNowButton.dataset.secret, this.cardElement, {
                 payment_method_data: {
@@ -64,6 +65,8 @@ class ProcessStripePayment {
                 }
             })
             .then(result => {
+                document.getElementById('processing-overlay').classList.add('hidden');
+
                 if (result.error) {
                     return this.handleFailure(result.error.message);
                 }
@@ -86,8 +89,6 @@ class ProcessStripePayment {
                 tokenBillingCheckbox.checked;
         }
 
-        this.payNowButton.querySelector('svg').classList.add('hidden');
-
         document.getElementById("server-response").submit();
     }
 
diff --git a/resources/views/portal/ninja2020/components/general/sidebar/main.blade.php b/resources/views/portal/ninja2020/components/general/sidebar/main.blade.php
index cded4ac085..f153e1c49b 100644
--- a/resources/views/portal/ninja2020/components/general/sidebar/main.blade.php
+++ b/resources/views/portal/ninja2020/components/general/sidebar/main.blade.php
@@ -22,7 +22,7 @@
             </div>
 
             <div class="mx-auto px-4 sm:px-6 md:px-8">
-                <div class="pt-4">
+                <div class="pt-4 py-6">
                     @includeWhen(session()->has('success'), 'portal.ninja2020.components.general.messages.success')
                     {{ $slot }}
                 </div>
diff --git a/resources/views/portal/ninja2020/components/processing.blade.php b/resources/views/portal/ninja2020/components/processing.blade.php
new file mode 100644
index 0000000000..b3f4677377
--- /dev/null
+++ b/resources/views/portal/ninja2020/components/processing.blade.php
@@ -0,0 +1,39 @@
+<div class="fixed z-10 inset-0 overflow-y-auto hidden" id="processing-overlay">
+    <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
+        <!--
+      Background overlay, show/hide based on modal state.
+
+      Entering: "ease-out duration-300"
+        From: "opacity-0"
+        To: "opacity-100"
+      Leaving: "ease-in duration-200"
+        From: "opacity-100"
+        To: "opacity-0"
+    -->
+        <div class="fixed inset-0 transition-opacity">
+            <div class="absolute inset-0 bg-gray-500 opacity-75"></div>
+        </div>
+
+        <!-- This element is to trick the browser into centering the modal contents. -->
+        <span class="hidden sm:inline-block sm:align-middle sm:h-screen"></span>&#8203;
+        <!--
+      Modal panel, show/hide based on modal state.
+
+      Entering: "ease-out duration-300"
+        From: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+        To: "opacity-100 translate-y-0 sm:scale-100"
+      Leaving: "ease-in duration-200"
+        From: "opacity-100 translate-y-0 sm:scale-100"
+        To: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+    -->
+        <div class="inline-block align-bottom bg-white rounded px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-sm sm:w-full sm:p-6" role="dialog" aria-modal="true" aria-labelledby="modal-headline">
+            <div class="flex justify-center items-center">
+                <svg class="animate-spin -ml-1 mr-3 h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                </svg>
+                <h2 class="text-2xl">Processing</h2>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/portal/ninja2020/layout/app.blade.php b/resources/views/portal/ninja2020/layout/app.blade.php
index e0b53fddb6..5dafbbccb8 100644
--- a/resources/views/portal/ninja2020/layout/app.blade.php
+++ b/resources/views/portal/ninja2020/layout/app.blade.php
@@ -69,6 +69,7 @@
     </head>
 
     <body class="antialiased">
+        @include('portal.ninja2020.components.processing')
         @component('portal.ninja2020.components.general.sidebar.main')
             @yield('body')
         @endcomponent

From 2f50217900ca3738cb20b715b440dbcec855e371 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Mon, 24 Aug 2020 10:28:55 +0200
Subject: [PATCH 06/13] Processing modal on payments

---
 public/css/app.css                            | 180752 +--------------
 public/js/app.js                              |   3311 +-
 .../js/clients/invoices/action-selectors.js   |    242 +-
 public/js/clients/invoices/payment.js         |    221 +-
 .../clients/payment_methods/authorize-ach.js  |    196 +-
 .../authorize-authorize-card.js               |    200 +-
 .../payment_methods/authorize-stripe-card.js  |    211 +-
 public/js/clients/payments/alipay.js          |    166 +-
 .../payments/authorize-credit-card-payment.js |    241 +-
 public/js/clients/payments/card-js.min.js     |    113 +-
 public/js/clients/payments/checkout.com.js    |    135 +-
 public/js/clients/payments/process.js         |    247 +-
 public/js/clients/payments/sofort.js          |    169 +-
 public/js/clients/quotes/action-selectors.js  |    242 +-
 public/js/clients/quotes/approve.js           |    174 +-
 .../js/clients/shared/multiple-downloads.js   |    142 +-
 public/js/clients/shared/pdf.js               |   1056 +-
 public/js/setup/setup.js                      |   2240 +-
 public/mix-manifest.json                      |     36 +-
 resources/js/app.js                           |     16 +-
 .../clients/payment_methods/authorize-ach.js  |      6 +
 .../authorize-authorize-card.js               |      2 +
 .../payment_methods/authorize-stripe-card.js  |     37 +-
 resources/js/clients/payments/alipay.js       |      5 +
 .../payments/authorize-credit-card-payment.js |      3 +-
 resources/js/clients/payments/process.js      |     50 +-
 resources/js/clients/payments/sofort.js       |      6 +
 resources/lang/en/texts.php                   |      2 +-
 .../ninja2020/components/processing.blade.php |     50 +-
 .../gateways/stripe/ach/authorize.blade.php   |      2 +-
 30 files changed, 154 insertions(+), 190119 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index 040fb4f15c..17ef69cfff 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1,180751 +1 @@
-/* purgecss start ignore */
-
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-
-/* Document
-   ========================================================================== */
-
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-
-html {
-  line-height: 1.15; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/* Sections
-   ========================================================================== */
-
-/**
- * Remove the margin in all browsers.
- */
-
-body {
-  margin: 0;
-}
-
-/**
- * Render the `main` element consistently in IE.
- */
-
-main {
-  display: block;
-}
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-/* Grouping content
-   ========================================================================== */
-
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-
-hr {
-  box-sizing: content-box; /* 1 */
-  height: 0; /* 1 */
-  overflow: visible; /* 2 */
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-pre {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/* Text-level semantics
-   ========================================================================== */
-
-/**
- * Remove the gray background on active links in IE 10.
- */
-
-a {
-  background-color: transparent;
-}
-
-/**
- * 1. Remove the bottom border in Chrome 57-
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-
-abbr[title] {
-  border-bottom: none; /* 1 */
-  text-decoration: underline; /* 2 */
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted; /* 2 */
-}
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-code,
-kbd,
-samp {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/**
- * Add the correct font size in all browsers.
- */
-
-small {
-  font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/* Embedded content
-   ========================================================================== */
-
-/**
- * Remove the border on images inside links in IE 10.
- */
-
-img {
-  border-style: none;
-}
-
-/* Forms
-   ========================================================================== */
-
-/**
- * 1. Change the font styles in all browsers.
- * 2. Remove the margin in Firefox and Safari.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  line-height: 1.15; /* 1 */
-  margin: 0; /* 2 */
-}
-
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-
-button,
-input { /* 1 */
-  overflow: visible;
-}
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-
-button,
-select { /* 1 */
-  text-transform: none;
-}
-
-/**
- * Correct the inability to style clickable types in iOS and Safari.
- */
-
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
-}
-
-/**
- * Remove the inner border and padding in Firefox.
- */
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-/**
- * Restore the focus styles unset by the previous rule.
- */
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
-/**
- * Correct the padding in Firefox.
- */
-
-fieldset {
-  padding: 0.35em 0.75em 0.625em;
-}
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- *    `fieldset` elements in all browsers.
- */
-
-legend {
-  box-sizing: border-box; /* 1 */
-  color: inherit; /* 2 */
-  display: table; /* 1 */
-  max-width: 100%; /* 1 */
-  padding: 0; /* 3 */
-  white-space: normal; /* 1 */
-}
-
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-
-progress {
-  vertical-align: baseline;
-}
-
-/**
- * Remove the default vertical scrollbar in IE 10+.
- */
-
-textarea {
-  overflow: auto;
-}
-
-/**
- * 1. Add the correct box sizing in IE 10.
- * 2. Remove the padding in IE 10.
- */
-
-[type="checkbox"],
-[type="radio"] {
-  box-sizing: border-box; /* 1 */
-  padding: 0; /* 2 */
-}
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-
-[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
-
-[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/* Interactive
-   ========================================================================== */
-
-/*
- * Add the correct display in Edge, IE 10+, and Firefox.
- */
-
-details {
-  display: block;
-}
-
-/*
- * Add the correct display in all browsers.
- */
-
-summary {
-  display: list-item;
-}
-
-/* Misc
-   ========================================================================== */
-
-/**
- * Add the correct display in IE 10+.
- */
-
-template {
-  display: none;
-}
-
-/**
- * Add the correct display in IE 10.
- */
-
-[hidden] {
-  display: none;
-}
-
-/**
- * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
- * A thin layer on top of normalize.css that provides a starting point more
- * suitable for web applications.
- */
-
-/**
- * Removes the default spacing and border for appropriate elements.
- */
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-button {
-  background-color: transparent;
-  background-image: none;
-}
-
-/**
- * Work around a Firefox/IE bug where the transparent `button` background
- * results in a loss of the default `button` focus styles.
- */
-
-button:focus {
-  outline: 1px dotted;
-  outline: 5px auto -webkit-focus-ring-color;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-ol,
-ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-/**
- * Tailwind custom reset styles
- */
-
-/**
- * 1. Use the user's configured `sans` font-family (with Tailwind's default
- *    sans-serif font stack as a fallback) as a sane default.
- * 2. Use Tailwind's default "normal" line-height so the user isn't forced
- *    to override it to ensure consistency even when using the default theme.
- */
-
-html {
-  font-family: Open Sans, 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"; /* 1 */
-  line-height: 1.5; /* 2 */
-}
-
-/**
- * 1. Prevent padding and border from affecting element width.
- *
- *    We used to set this in the html element and inherit from
- *    the parent element for everything else. This caused issues
- *    in shadow-dom-enhanced elements like <details> where the content
- *    is wrapped by a div with box-sizing set to `content-box`.
- *
- *    https://github.com/mozdevs/cssremedy/issues/4
- *
- *
- * 2. Allow adding a border to an element by just adding a border-width.
- *
- *    By default, the way the browser specifies that an element should have no
- *    border is by setting it's border-style to `none` in the user-agent
- *    stylesheet.
- *
- *    In order to easily add borders to elements by just setting the `border-width`
- *    property, we change the default border-style for all elements to `solid`, and
- *    use border-width to hide them instead. This way our `border` utilities only
- *    need to set the `border-width` property instead of the entire `border`
- *    shorthand, making our border utilities much more straightforward to compose.
- *
- *    https://github.com/tailwindcss/tailwindcss/pull/116
- */
-
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #d2d6dc; /* 2 */
-}
-
-/*
- * Ensure horizontal rules are visible by default
- */
-
-hr {
-  border-top-width: 1px;
-}
-
-/**
- * Undo the `border-style: none` reset that Normalize applies to images so that
- * our `border-{width}` utilities have the expected effect.
- *
- * The Normalize reset is unnecessary for us since we default the border-width
- * to 0 on all elements.
- *
- * https://github.com/tailwindcss/tailwindcss/issues/362
- */
-
-img {
-  border-style: solid;
-}
-
-textarea {
-  resize: vertical;
-}
-
-input::-moz-placeholder, textarea::-moz-placeholder {
-  color: #a0aec0;
-}
-
-input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-  color: #a0aec0;
-}
-
-input::-ms-input-placeholder, textarea::-ms-input-placeholder {
-  color: #a0aec0;
-}
-
-input::placeholder,
-textarea::placeholder {
-  color: #a0aec0;
-}
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-table {
-  border-collapse: collapse;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/**
- * Reset links to optimize for opt-in styling instead of
- * opt-out.
- */
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-/**
- * Reset form element properties that are easy to forget to
- * style explicitly so you don't inadvertently introduce
- * styles that deviate from your design system. These styles
- * supplement a partial reset that is already applied by
- * normalize.css.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  padding: 0;
-  line-height: inherit;
-  color: inherit;
-}
-
-/**
- * Use the configured 'mono' font family for elements that
- * are expected to be rendered with a monospace font, falling
- * back to the system monospace stack if there is no configured
- * 'mono' font family.
- */
-
-pre,
-code,
-kbd,
-samp {
-  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
-
-/**
- * Make replaced elements `display: block` by default as that's
- * the behavior you want almost all of the time. Inspired by
- * CSS Remedy, with `svg` added as well.
- *
- * https://github.com/mozdevs/cssremedy/issues/14
- */
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block;
-  vertical-align: middle;
-}
-
-/**
- * Constrain images and videos to the parent width and preserve
- * their instrinsic aspect ratio.
- *
- * https://github.com/mozdevs/cssremedy/issues/14
- */
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-.container {
-  width: 100%;
-}
-
-@media (min-width: 640px) {
-  .container {
-    max-width: 640px;
-  }
-}
-
-@media (min-width: 768px) {
-  .container {
-    max-width: 768px;
-  }
-}
-
-@media (min-width: 1024px) {
-  .container {
-    max-width: 1024px;
-  }
-}
-
-@media (min-width: 1280px) {
-  .container {
-    max-width: 1280px;
-  }
-}
-
-.form-input {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  background-color: #ffffff;
-  border-color: #d2d6dc;
-  border-width: 1px;
-  border-radius: 0.375rem;
-  padding-top: 0.5rem;
-  padding-right: 0.75rem;
-  padding-bottom: 0.5rem;
-  padding-left: 0.75rem;
-  font-size: 1rem;
-  line-height: 1.5;
-}
-
-.form-input::-moz-placeholder {
-  color: #9fa6b2;
-  opacity: 1;
-}
-
-.form-input:-ms-input-placeholder {
-  color: #9fa6b2;
-  opacity: 1;
-}
-
-.form-input::-ms-input-placeholder {
-  color: #9fa6b2;
-  opacity: 1;
-}
-
-.form-input::placeholder {
-  color: #9fa6b2;
-  opacity: 1;
-}
-
-.form-input:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  border-color: #a4cafe;
-}
-
-.form-textarea {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  background-color: #ffffff;
-  border-color: #d2d6dc;
-  border-width: 1px;
-  border-radius: 0.375rem;
-  padding-top: 0.5rem;
-  padding-right: 0.75rem;
-  padding-bottom: 0.5rem;
-  padding-left: 0.75rem;
-  font-size: 1rem;
-  line-height: 1.5;
-}
-
-.form-textarea::-moz-placeholder {
-  color: #9fa6b2;
-  opacity: 1;
-}
-
-.form-textarea:-ms-input-placeholder {
-  color: #9fa6b2;
-  opacity: 1;
-}
-
-.form-textarea::-ms-input-placeholder {
-  color: #9fa6b2;
-  opacity: 1;
-}
-
-.form-textarea::placeholder {
-  color: #9fa6b2;
-  opacity: 1;
-}
-
-.form-textarea:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  border-color: #a4cafe;
-}
-
-.form-multiselect {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  background-color: #ffffff;
-  border-color: #d2d6dc;
-  border-width: 1px;
-  border-radius: 0.375rem;
-  padding-top: 0.5rem;
-  padding-right: 0.75rem;
-  padding-bottom: 0.5rem;
-  padding-left: 0.75rem;
-  font-size: 1rem;
-  line-height: 1.5;
-}
-
-.form-multiselect:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  border-color: #a4cafe;
-}
-
-.form-select {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  -webkit-print-color-adjust: exact;
-          color-adjust: exact;
-  background-repeat: no-repeat;
-  background-color: #ffffff;
-  border-color: #d2d6dc;
-  border-width: 1px;
-  border-radius: 0.375rem;
-  padding-top: 0.5rem;
-  padding-right: 2.5rem;
-  padding-bottom: 0.5rem;
-  padding-left: 0.75rem;
-  font-size: 1rem;
-  line-height: 1.5;
-  background-position: right 0.5rem center;
-  background-size: 1.5em 1.5em;
-}
-
-.form-select::-ms-expand {
-  color: #9fa6b2;
-  border: none;
-}
-
-@media not print {
-  .form-select::-ms-expand {
-    display: none;
-  }
-}
-
-@media print and (-ms-high-contrast: active), print and (-ms-high-contrast: none) {
-  .form-select {
-    padding-right: 0.75rem;
-  }
-}
-
-.form-select:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  border-color: #a4cafe;
-}
-
-.form-checkbox:checked {
-  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
-  border-color: transparent;
-  background-color: currentColor;
-  background-size: 100% 100%;
-  background-position: center;
-  background-repeat: no-repeat;
-}
-
-@media not print {
-  .form-checkbox::-ms-check {
-    border-width: 1px;
-    color: transparent;
-    background: inherit;
-    border-color: inherit;
-    border-radius: inherit;
-  }
-}
-
-.form-checkbox {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  -webkit-print-color-adjust: exact;
-          color-adjust: exact;
-  display: inline-block;
-  vertical-align: middle;
-  background-origin: border-box;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  flex-shrink: 0;
-  height: 1rem;
-  width: 1rem;
-  color: #3f83f8;
-  background-color: #ffffff;
-  border-color: #d2d6dc;
-  border-width: 1px;
-  border-radius: 0.25rem;
-}
-
-.form-checkbox:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  border-color: #a4cafe;
-}
-
-.form-checkbox:checked:focus {
-  border-color: transparent;
-}
-
-.form-radio:checked {
-  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
-  border-color: transparent;
-  background-color: currentColor;
-  background-size: 100% 100%;
-  background-position: center;
-  background-repeat: no-repeat;
-}
-
-@media not print {
-  .form-radio::-ms-check {
-    border-width: 1px;
-    color: transparent;
-    background: inherit;
-    border-color: inherit;
-    border-radius: inherit;
-  }
-}
-
-.form-radio {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  -webkit-print-color-adjust: exact;
-          color-adjust: exact;
-  display: inline-block;
-  vertical-align: middle;
-  background-origin: border-box;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  flex-shrink: 0;
-  border-radius: 100%;
-  height: 1rem;
-  width: 1rem;
-  color: #3f83f8;
-  background-color: #ffffff;
-  border-color: #d2d6dc;
-  border-width: 1px;
-}
-
-.form-radio:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  border-color: #a4cafe;
-}
-
-.form-radio:checked:focus {
-  border-color: transparent;
-}
-
-.button {
-  border-radius: 0.25rem;
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  font-size: 0.875rem;
-  line-height: 1rem;
-  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-  transition-duration: 150ms;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  font-weight: 600;
-}
-
-button:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.button-primary {
-  --bg-opacity: 1;
-  background-color: #3f83f8;
-  background-color: rgba(63, 131, 248, var(--bg-opacity));
-  --text-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--text-opacity));
-}
-
-.button-primary:hover {
-  --bg-opacity: 1;
-  background-color: #1c64f2;
-  background-color: rgba(28, 100, 242, var(--bg-opacity));
-}
-
-.button-block {
-  display: block;
-  width: 100%;
-}
-
-.button-danger {
-  --bg-opacity: 1;
-  background-color: #f05252;
-  background-color: rgba(240, 82, 82, var(--bg-opacity));
-  --text-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--text-opacity));
-}
-
-.button-danger:hover {
-  --bg-opacity: 1;
-  background-color: #e02424;
-  background-color: rgba(224, 36, 36, var(--bg-opacity));
-}
-
-.button-secondary {
-  --bg-opacity: 1;
-  background-color: #f4f5f7;
-  background-color: rgba(244, 245, 247, var(--bg-opacity));
-}
-
-.button-secondary:hover {
-  --bg-opacity: 1;
-  background-color: #e5e7eb;
-  background-color: rgba(229, 231, 235, var(--bg-opacity));
-}
-
-.button-link {
-  --text-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--text-opacity));
-}
-
-.button-link:hover {
-  --text-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--text-opacity));
-  text-decoration: underline;
-}
-
-.button-link:focus {
-  outline: 0;
-  text-decoration: underline;
-}
-
-.validation {
-  border-left-width: 2px;
-  margin-top: 0.5rem;
-  margin-bottom: 0.25rem;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  --bg-opacity: 1;
-  background-color: #f4f5f7;
-  background-color: rgba(244, 245, 247, var(--bg-opacity));
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-
-.validation-fail {
-  --border-opacity: 1;
-  border-color: #f05252;
-  border-color: rgba(240, 82, 82, var(--border-opacity));
-  --text-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--text-opacity));
-  font-size: 0.875rem;
-}
-
-.validation-pass {
-  --border-opacity: 1;
-  border-color: #0e9f6e;
-  border-color: rgba(14, 159, 110, var(--border-opacity));
-  --text-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--text-opacity));
-  font-size: 0.875rem;
-}
-
-.input {
-  align-items: center;
-  border-width: 1px;
-  --border-opacity: 1;
-  border-color: #d2d6dc;
-  border-color: rgba(210, 214, 220, var(--border-opacity));
-  border-radius: 0.25rem;
-  margin-top: 0.5rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  font-size: 0.875rem;
-}
-
-.input:focus {
-  outline: 0;
-  --border-opacity: 1;
-  border-color: #3f83f8;
-  border-color: rgba(63, 131, 248, var(--border-opacity));
-}
-
-.input-label {
-  font-size: 0.875rem;
-  --text-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--text-opacity));
-}
-
-.input-slim {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-
-.alert {
-  --bg-opacity: 1;
-  background-color: #f4f5f7;
-  background-color: rgba(244, 245, 247, var(--bg-opacity));
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-  margin-top: 1rem;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  font-size: 0.875rem;
-  border-left-width: 2px;
-  margin-top: 0.5rem;
-  margin-bottom: 0.25rem;
-  --bg-opacity: 1;
-  background-color: #f4f5f7;
-  background-color: rgba(244, 245, 247, var(--bg-opacity));
-  --border-opacity: 1;
-  border-color: #9fa6b2;
-  border-color: rgba(159, 166, 178, var(--border-opacity));
-}
-
-.alert-success {
-  --border-opacity: 1;
-  border-color: #0e9f6e;
-  border-color: rgba(14, 159, 110, var(--border-opacity));
-}
-
-.alert-failure {
-  --border-opacity: 1;
-  border-color: #f05252;
-  border-color: rgba(240, 82, 82, var(--border-opacity));
-}
-
-.badge {
-  display: inline-flex;
-  align-items: center;
-  padding-left: 0.625rem;
-  padding-right: 0.625rem;
-  padding-top: 0.125rem;
-  padding-bottom: 0.125rem;
-  border-radius: 9999px;
-  font-size: 0.75rem;
-  font-weight: 500;
-  line-height: 1rem;
-}
-
-.badge-light {
-  --bg-opacity: 1;
-  background-color: #f4f5f7;
-  background-color: rgba(244, 245, 247, var(--bg-opacity));
-  --text-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--text-opacity));
-}
-
-.badge-primary {
-  --bg-opacity: 1;
-  background-color: #c3ddfd;
-  background-color: rgba(195, 221, 253, var(--bg-opacity));
-  --text-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--text-opacity));
-}
-
-.badge-danger {
-  --bg-opacity: 1;
-  background-color: #fde8e8;
-  background-color: rgba(253, 232, 232, var(--bg-opacity));
-  --text-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--text-opacity));
-}
-
-.badge-success {
-  --bg-opacity: 1;
-  background-color: #def7ec;
-  background-color: rgba(222, 247, 236, var(--bg-opacity));
-  --text-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--text-opacity));
-}
-
-.badge-secondary {
-  --bg-opacity: 1;
-  background-color: #252f3f;
-  background-color: rgba(37, 47, 63, var(--bg-opacity));
-  --text-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--text-opacity));
-}
-
-.badge-warning {
-  --bg-opacity: 1;
-  background-color: #feecdc;
-  background-color: rgba(254, 236, 220, var(--bg-opacity));
-  --text-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--text-opacity));
-}
-
-.badge-info {
-  --bg-opacity: 1;
-  background-color: #e1effe;
-  background-color: rgba(225, 239, 254, var(--bg-opacity));
-  --text-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--text-opacity));
-}
-
-@media (min-width: 640px) {
-  .dataTables_length {
-    margin-top: 1.25rem !important;
-    margin-bottom: 1.25rem !important;
-  }
-}
-
-@media (min-width: 1024px) {
-  .dataTables_length {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important;
-  }
-}
-
-.dataTables_length select {
-  --bg-opacity: 1 !important;
-  background-color: #ffffff !important;
-  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
-  align-items: center !important;
-  border-width: 1px !important;
-  --border-opacity: 1 !important;
-  border-color: #d2d6dc !important;
-  border-color: rgba(210, 214, 220, var(--border-opacity)) !important;
-  border-radius: 0.25rem !important;
-  margin-top: 0.5rem !important;
-  padding-top: 0.5rem !important;
-  padding-bottom: 0.5rem !important;
-  padding-left: 1rem !important;
-  padding-right: 1rem !important;
-  font-size: 0.875rem !important;
-  padding-top: 0.5rem !important;
-  padding-bottom: 0.5rem !important;
-  margin-left: 0.5rem !important;
-  margin-right: 0.5rem !important;
-  padding-left: 0.5rem !important;
-  padding-right: 0.5rem !important;
-}
-
-.dataTables_filter {
-  margin-bottom: 1rem;
-}
-
-.dataTables_filter input {
-  -webkit-appearance: none !important;
-     -moz-appearance: none !important;
-          appearance: none !important;
-  background-color: #ffffff !important;
-  border-color: #d2d6dc !important;
-  border-width: 1px !important;
-  border-radius: 0.375rem !important;
-  padding-top: 0.5rem !important;
-  padding-right: 0.75rem !important;
-  padding-bottom: 0.5rem !important;
-  padding-left: 0.75rem !important;
-  font-size: 1rem !important;
-  line-height: 1.5 !important;
-  align-items: center !important;
-  border-width: 1px !important;
-  --border-opacity: 1 !important;
-  border-color: #d2d6dc !important;
-  border-color: rgba(210, 214, 220, var(--border-opacity)) !important;
-  border-radius: 0.25rem !important;
-  margin-top: 0.5rem !important;
-  padding-top: 0.5rem !important;
-  padding-bottom: 0.5rem !important;
-  padding-left: 1rem !important;
-  padding-right: 1rem !important;
-  font-size: 0.875rem !important;
-}
-
-@media (min-width: 1024px) {
-  .dataTables_filter {
-    margin-top: -3rem !important;
-  }
-}
-
-.dataTables_paginate {
-  padding-bottom: 1.5rem !important;
-  padding-top: 0.5rem !important;
-}
-
-.dataTables_paginate .paginate_button {
-  border-radius: 0.25rem !important;
-  padding-top: 0.75rem !important;
-  padding-bottom: 0.75rem !important;
-  padding-left: 1rem !important;
-  padding-right: 1rem !important;
-  font-size: 0.875rem !important;
-  line-height: 1rem !important;
-  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
-  transition-duration: 150ms !important;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
-  font-weight: 600 !important;
-  --bg-opacity: 1 !important;
-  background-color: #ffffff !important;
-  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
-  border-width: 1px !important;
-  --border-opacity: 1 !important;
-  border-color: #d2d6dc !important;
-  border-color: rgba(210, 214, 220, var(--border-opacity)) !important;
-  font-size: 0.875rem !important;
-  line-height: 1rem !important;
-  font-weight: 500 !important;
-  border-radius: 0.25rem !important;
-  --text-opacity: 1 !important;
-  color: #374151 !important;
-  color: rgba(55, 65, 81, var(--text-opacity)) !important;
-  margin-right: 0.25rem !important;
-  padding-top: 0.5rem !important;
-  padding-bottom: 0.5rem !important;
-  cursor: pointer !important;
-}
-
-.dataTables_paginate .current {
-  --bg-opacity: 1 !important;
-  background-color: #1c64f2 !important;
-  background-color: rgba(28, 100, 242, var(--bg-opacity)) !important;
-  --text-opacity: 1 !important;
-  color: #ffffff !important;
-  color: rgba(255, 255, 255, var(--text-opacity)) !important;
-}
-
-.dataTables_info {
-  font-size: 0.875rem !important;
-}
-
-.dataTables_empty {
-  padding-top: 1rem !important;
-  padding-bottom: 1rem !important;
-}
-
-.pagination {
-  display: flex !important;
-  align-items: center !important;
-}
-
-.pagination .page-link {
-  margin-top: -1px !important;
-  border-top-width: 2px !important;
-  border-color: transparent !important;
-  padding-top: 1rem !important;
-  padding-left: 1rem !important;
-  padding-right: 1rem !important;
-  display: inline-flex !important;
-  align-items: center !important;
-  font-size: 0.875rem !important;
-  line-height: 1.25rem !important;
-  font-weight: 500 !important;
-  --text-opacity: 1 !important;
-  color: #6b7280 !important;
-  color: rgba(107, 114, 128, var(--text-opacity)) !important;
-  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
-  transition-duration: 150ms !important;
-  cursor: pointer !important;
-}
-
-.pagination .page-link:hover {
-  --text-opacity: 1 !important;
-  color: #374151 !important;
-  color: rgba(55, 65, 81, var(--text-opacity)) !important;
-  --border-opacity: 1 !important;
-  border-color: #d2d6dc !important;
-  border-color: rgba(210, 214, 220, var(--border-opacity)) !important;
-}
-
-.pagination .page-link:focus {
-  outline: 0;
-  --text-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--text-opacity));
-  --border-opacity: 1;
-  border-color: #9fa6b2;
-  border-color: rgba(159, 166, 178, var(--border-opacity));
-}
-
-.pagination .active > span {
-  --text-opacity: 1 !important;
-  color: #1c64f2 !important;
-  color: rgba(28, 100, 242, var(--text-opacity)) !important;
-  --border-opacity: 1 !important;
-  border-color: #1c64f2 !important;
-  border-color: rgba(28, 100, 242, var(--border-opacity)) !important;
-}
-
-.active-page {
-  --bg-opacity: 1 !important;
-  background-color: #233876 !important;
-  background-color: rgba(35, 56, 118, var(--bg-opacity)) !important;
-}
-
-/* purgecss end ignore */
-
-.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));
-}
-
-.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)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.space-y-7 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(1.75rem * var(--space-y-reverse));
-}
-
-.space-x-7 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(1.75rem * var(--space-x-reverse));
-  margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.space-y-9 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(2.25rem * var(--space-y-reverse));
-}
-
-.space-x-9 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(2.25rem * var(--space-x-reverse));
-  margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.space-y-11 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(2.75rem * var(--space-y-reverse));
-}
-
-.space-x-11 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(2.75rem * var(--space-x-reverse));
-  margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.space-y-13 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(3.25rem * var(--space-y-reverse));
-}
-
-.space-x-13 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(3.25rem * var(--space-x-reverse));
-  margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-14 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(3.5rem * var(--space-y-reverse));
-}
-
-.space-x-14 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(3.5rem * var(--space-x-reverse));
-  margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-15 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(3.75rem * var(--space-y-reverse));
-}
-
-.space-x-15 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(3.75rem * var(--space-x-reverse));
-  margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.space-y-28 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(7rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(7rem * var(--space-y-reverse));
-}
-
-.space-x-28 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(7rem * var(--space-x-reverse));
-  margin-left: calc(7rem * calc(1 - var(--space-x-reverse)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.space-y-36 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(9rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(9rem * var(--space-y-reverse));
-}
-
-.space-x-36 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(9rem * var(--space-x-reverse));
-  margin-left: calc(9rem * calc(1 - var(--space-x-reverse)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.space-y-60 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(15rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(15rem * var(--space-y-reverse));
-}
-
-.space-x-60 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(15rem * var(--space-x-reverse));
-  margin-left: calc(15rem * calc(1 - var(--space-x-reverse)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.space-y-72 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(18rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(18rem * var(--space-y-reverse));
-}
-
-.space-x-72 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(18rem * var(--space-x-reverse));
-  margin-left: calc(18rem * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-80 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(20rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(20rem * var(--space-y-reverse));
-}
-
-.space-x-80 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(20rem * var(--space-x-reverse));
-  margin-left: calc(20rem * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-96 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(24rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(24rem * var(--space-y-reverse));
-}
-
-.space-x-96 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(24rem * var(--space-x-reverse));
-  margin-left: calc(24rem * calc(1 - var(--space-x-reverse)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.space-y-0\.5 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(0.125rem * var(--space-y-reverse));
-}
-
-.space-x-0\.5 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(0.125rem * var(--space-x-reverse));
-  margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-1\.5 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(0.375rem * var(--space-y-reverse));
-}
-
-.space-x-1\.5 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(0.375rem * var(--space-x-reverse));
-  margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-2\.5 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(0.625rem * var(--space-y-reverse));
-}
-
-.space-x-2\.5 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(0.625rem * var(--space-x-reverse));
-  margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-3\.5 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(0.875rem * var(--space-y-reverse));
-}
-
-.space-x-3\.5 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(0.875rem * var(--space-x-reverse));
-  margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-1\/2 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(50% * var(--space-y-reverse));
-}
-
-.space-x-1\/2 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(50% * var(--space-x-reverse));
-  margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-1\/3 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(33.333333% * var(--space-y-reverse));
-}
-
-.space-x-1\/3 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(33.333333% * var(--space-x-reverse));
-  margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-2\/3 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(66.666667% * var(--space-y-reverse));
-}
-
-.space-x-2\/3 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(66.666667% * var(--space-x-reverse));
-  margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-1\/4 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(25% * var(--space-y-reverse));
-}
-
-.space-x-1\/4 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(25% * var(--space-x-reverse));
-  margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-2\/4 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(50% * var(--space-y-reverse));
-}
-
-.space-x-2\/4 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(50% * var(--space-x-reverse));
-  margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-3\/4 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(75% * var(--space-y-reverse));
-}
-
-.space-x-3\/4 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(75% * var(--space-x-reverse));
-  margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-1\/5 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(20% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(20% * var(--space-y-reverse));
-}
-
-.space-x-1\/5 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(20% * var(--space-x-reverse));
-  margin-left: calc(20% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-2\/5 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(40% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(40% * var(--space-y-reverse));
-}
-
-.space-x-2\/5 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(40% * var(--space-x-reverse));
-  margin-left: calc(40% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-3\/5 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(60% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(60% * var(--space-y-reverse));
-}
-
-.space-x-3\/5 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(60% * var(--space-x-reverse));
-  margin-left: calc(60% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-4\/5 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(80% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(80% * var(--space-y-reverse));
-}
-
-.space-x-4\/5 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(80% * var(--space-x-reverse));
-  margin-left: calc(80% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-1\/6 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(16.666667% * var(--space-y-reverse));
-}
-
-.space-x-1\/6 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(16.666667% * var(--space-x-reverse));
-  margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-2\/6 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(33.333333% * var(--space-y-reverse));
-}
-
-.space-x-2\/6 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(33.333333% * var(--space-x-reverse));
-  margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-3\/6 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(50% * var(--space-y-reverse));
-}
-
-.space-x-3\/6 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(50% * var(--space-x-reverse));
-  margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-4\/6 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(66.666667% * var(--space-y-reverse));
-}
-
-.space-x-4\/6 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(66.666667% * var(--space-x-reverse));
-  margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-5\/6 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(83.333333% * var(--space-y-reverse));
-}
-
-.space-x-5\/6 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(83.333333% * var(--space-x-reverse));
-  margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-1\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(8.333333% * var(--space-y-reverse));
-}
-
-.space-x-1\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(8.333333% * var(--space-x-reverse));
-  margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-2\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(16.666667% * var(--space-y-reverse));
-}
-
-.space-x-2\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(16.666667% * var(--space-x-reverse));
-  margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-3\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(25% * var(--space-y-reverse));
-}
-
-.space-x-3\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(25% * var(--space-x-reverse));
-  margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-4\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(33.333333% * var(--space-y-reverse));
-}
-
-.space-x-4\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(33.333333% * var(--space-x-reverse));
-  margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-5\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(41.666667% * var(--space-y-reverse));
-}
-
-.space-x-5\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(41.666667% * var(--space-x-reverse));
-  margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-6\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(50% * var(--space-y-reverse));
-}
-
-.space-x-6\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(50% * var(--space-x-reverse));
-  margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-7\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(58.333333% * var(--space-y-reverse));
-}
-
-.space-x-7\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(58.333333% * var(--space-x-reverse));
-  margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-8\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(66.666667% * var(--space-y-reverse));
-}
-
-.space-x-8\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(66.666667% * var(--space-x-reverse));
-  margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-9\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(75% * var(--space-y-reverse));
-}
-
-.space-x-9\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(75% * var(--space-x-reverse));
-  margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-10\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(83.333333% * var(--space-y-reverse));
-}
-
-.space-x-10\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(83.333333% * var(--space-x-reverse));
-  margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-11\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(91.666667% * var(--space-y-reverse));
-}
-
-.space-x-11\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(91.666667% * var(--space-x-reverse));
-  margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-full > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(100% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(100% * var(--space-y-reverse));
-}
-
-.space-x-full > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(100% * var(--space-x-reverse));
-  margin-left: calc(100% * calc(1 - var(--space-x-reverse)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-space-y-7 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-1.75rem * var(--space-y-reverse));
-}
-
-.-space-x-7 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-1.75rem * var(--space-x-reverse));
-  margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-space-y-9 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-2.25rem * var(--space-y-reverse));
-}
-
-.-space-x-9 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-2.25rem * var(--space-x-reverse));
-  margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-space-y-11 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-2.75rem * var(--space-y-reverse));
-}
-
-.-space-x-11 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-2.75rem * var(--space-x-reverse));
-  margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-space-y-13 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-3.25rem * var(--space-y-reverse));
-}
-
-.-space-x-13 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-3.25rem * var(--space-x-reverse));
-  margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-14 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-3.5rem * var(--space-y-reverse));
-}
-
-.-space-x-14 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-3.5rem * var(--space-x-reverse));
-  margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-15 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-3.75rem * var(--space-y-reverse));
-}
-
-.-space-x-15 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-3.75rem * var(--space-x-reverse));
-  margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-space-y-28 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-7rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-7rem * var(--space-y-reverse));
-}
-
-.-space-x-28 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-7rem * var(--space-x-reverse));
-  margin-left: calc(-7rem * calc(1 - var(--space-x-reverse)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-space-y-36 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-9rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-9rem * var(--space-y-reverse));
-}
-
-.-space-x-36 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-9rem * var(--space-x-reverse));
-  margin-left: calc(-9rem * calc(1 - var(--space-x-reverse)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-space-y-60 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-15rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-15rem * var(--space-y-reverse));
-}
-
-.-space-x-60 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-15rem * var(--space-x-reverse));
-  margin-left: calc(-15rem * calc(1 - var(--space-x-reverse)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-space-y-72 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-18rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-18rem * var(--space-y-reverse));
-}
-
-.-space-x-72 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-18rem * var(--space-x-reverse));
-  margin-left: calc(-18rem * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-80 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-20rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-20rem * var(--space-y-reverse));
-}
-
-.-space-x-80 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-20rem * var(--space-x-reverse));
-  margin-left: calc(-20rem * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-96 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-24rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-24rem * var(--space-y-reverse));
-}
-
-.-space-x-96 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-24rem * var(--space-x-reverse));
-  margin-left: calc(-24rem * calc(1 - var(--space-x-reverse)));
-}
-
-.-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));
-}
-
-.-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)));
-}
-
-.-space-y-0\.5 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-0.125rem * var(--space-y-reverse));
-}
-
-.-space-x-0\.5 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-0.125rem * var(--space-x-reverse));
-  margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-1\.5 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-0.375rem * var(--space-y-reverse));
-}
-
-.-space-x-1\.5 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-0.375rem * var(--space-x-reverse));
-  margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-2\.5 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-0.625rem * var(--space-y-reverse));
-}
-
-.-space-x-2\.5 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-0.625rem * var(--space-x-reverse));
-  margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-3\.5 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-0.875rem * var(--space-y-reverse));
-}
-
-.-space-x-3\.5 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-0.875rem * var(--space-x-reverse));
-  margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-1\/2 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-50% * var(--space-y-reverse));
-}
-
-.-space-x-1\/2 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-50% * var(--space-x-reverse));
-  margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-1\/3 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-33.33333% * var(--space-y-reverse));
-}
-
-.-space-x-1\/3 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-33.33333% * var(--space-x-reverse));
-  margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-2\/3 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-66.66667% * var(--space-y-reverse));
-}
-
-.-space-x-2\/3 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-66.66667% * var(--space-x-reverse));
-  margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-1\/4 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-25% * var(--space-y-reverse));
-}
-
-.-space-x-1\/4 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-25% * var(--space-x-reverse));
-  margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-2\/4 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-50% * var(--space-y-reverse));
-}
-
-.-space-x-2\/4 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-50% * var(--space-x-reverse));
-  margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-3\/4 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-75% * var(--space-y-reverse));
-}
-
-.-space-x-3\/4 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-75% * var(--space-x-reverse));
-  margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-1\/5 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-20% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-20% * var(--space-y-reverse));
-}
-
-.-space-x-1\/5 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-20% * var(--space-x-reverse));
-  margin-left: calc(-20% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-2\/5 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-40% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-40% * var(--space-y-reverse));
-}
-
-.-space-x-2\/5 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-40% * var(--space-x-reverse));
-  margin-left: calc(-40% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-3\/5 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-60% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-60% * var(--space-y-reverse));
-}
-
-.-space-x-3\/5 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-60% * var(--space-x-reverse));
-  margin-left: calc(-60% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-4\/5 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-80% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-80% * var(--space-y-reverse));
-}
-
-.-space-x-4\/5 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-80% * var(--space-x-reverse));
-  margin-left: calc(-80% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-1\/6 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-16.66667% * var(--space-y-reverse));
-}
-
-.-space-x-1\/6 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-16.66667% * var(--space-x-reverse));
-  margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-2\/6 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-33.33333% * var(--space-y-reverse));
-}
-
-.-space-x-2\/6 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-33.33333% * var(--space-x-reverse));
-  margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-3\/6 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-50% * var(--space-y-reverse));
-}
-
-.-space-x-3\/6 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-50% * var(--space-x-reverse));
-  margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-4\/6 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-66.66667% * var(--space-y-reverse));
-}
-
-.-space-x-4\/6 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-66.66667% * var(--space-x-reverse));
-  margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-5\/6 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-83.33333% * var(--space-y-reverse));
-}
-
-.-space-x-5\/6 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-83.33333% * var(--space-x-reverse));
-  margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-1\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-8.33333% * var(--space-y-reverse));
-}
-
-.-space-x-1\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-8.33333% * var(--space-x-reverse));
-  margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-2\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-16.66667% * var(--space-y-reverse));
-}
-
-.-space-x-2\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-16.66667% * var(--space-x-reverse));
-  margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-3\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-25% * var(--space-y-reverse));
-}
-
-.-space-x-3\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-25% * var(--space-x-reverse));
-  margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-4\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-33.33333% * var(--space-y-reverse));
-}
-
-.-space-x-4\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-33.33333% * var(--space-x-reverse));
-  margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-5\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-41.66667% * var(--space-y-reverse));
-}
-
-.-space-x-5\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-41.66667% * var(--space-x-reverse));
-  margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-6\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-50% * var(--space-y-reverse));
-}
-
-.-space-x-6\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-50% * var(--space-x-reverse));
-  margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-7\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-58.33333% * var(--space-y-reverse));
-}
-
-.-space-x-7\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-58.33333% * var(--space-x-reverse));
-  margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-8\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-66.66667% * var(--space-y-reverse));
-}
-
-.-space-x-8\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-66.66667% * var(--space-x-reverse));
-  margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-9\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-75% * var(--space-y-reverse));
-}
-
-.-space-x-9\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-75% * var(--space-x-reverse));
-  margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-10\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-83.33333% * var(--space-y-reverse));
-}
-
-.-space-x-10\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-83.33333% * var(--space-x-reverse));
-  margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-11\/12 > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-91.66667% * var(--space-y-reverse));
-}
-
-.-space-x-11\/12 > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-91.66667% * var(--space-x-reverse));
-  margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse)));
-}
-
-.-space-y-full > :not(template) ~ :not(template) {
-  --space-y-reverse: 0;
-  margin-top: calc(-100% * calc(1 - var(--space-y-reverse)));
-  margin-bottom: calc(-100% * var(--space-y-reverse));
-}
-
-.-space-x-full > :not(template) ~ :not(template) {
-  --space-x-reverse: 0;
-  margin-right: calc(-100% * var(--space-x-reverse));
-  margin-left: calc(-100% * calc(1 - var(--space-x-reverse)));
-}
-
-.space-y-reverse > :not(template) ~ :not(template) {
-  --space-y-reverse: 1;
-}
-
-.space-x-reverse > :not(template) ~ :not(template) {
-  --space-x-reverse: 1;
-}
-
-.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));
-}
-
-.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)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.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));
-}
-
-.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)));
-}
-
-.divide-y-reverse > :not(template) ~ :not(template) {
-  --divide-y-reverse: 1;
-}
-
-.divide-x-reverse > :not(template) ~ :not(template) {
-  --divide-x-reverse: 1;
-}
-
-.divide-transparent > :not(template) ~ :not(template) {
-  border-color: transparent;
-}
-
-.divide-white > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #ffffff;
-  border-color: rgba(255, 255, 255, var(--divide-opacity));
-}
-
-.divide-black > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #000000;
-  border-color: rgba(0, 0, 0, var(--divide-opacity));
-}
-
-.divide-gray-50 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #f9fafb;
-  border-color: rgba(249, 250, 251, var(--divide-opacity));
-}
-
-.divide-gray-100 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #f4f5f7;
-  border-color: rgba(244, 245, 247, var(--divide-opacity));
-}
-
-.divide-gray-200 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #e5e7eb;
-  border-color: rgba(229, 231, 235, var(--divide-opacity));
-}
-
-.divide-gray-300 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #d2d6dc;
-  border-color: rgba(210, 214, 220, var(--divide-opacity));
-}
-
-.divide-gray-400 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #9fa6b2;
-  border-color: rgba(159, 166, 178, var(--divide-opacity));
-}
-
-.divide-gray-500 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #6b7280;
-  border-color: rgba(107, 114, 128, var(--divide-opacity));
-}
-
-.divide-gray-600 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #4b5563;
-  border-color: rgba(75, 85, 99, var(--divide-opacity));
-}
-
-.divide-gray-700 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #374151;
-  border-color: rgba(55, 65, 81, var(--divide-opacity));
-}
-
-.divide-gray-800 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #252f3f;
-  border-color: rgba(37, 47, 63, var(--divide-opacity));
-}
-
-.divide-gray-900 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #161e2e;
-  border-color: rgba(22, 30, 46, var(--divide-opacity));
-}
-
-.divide-cool-gray-50 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #fbfdfe;
-  border-color: rgba(251, 253, 254, var(--divide-opacity));
-}
-
-.divide-cool-gray-100 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #f1f5f9;
-  border-color: rgba(241, 245, 249, var(--divide-opacity));
-}
-
-.divide-cool-gray-200 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #e2e8f0;
-  border-color: rgba(226, 232, 240, var(--divide-opacity));
-}
-
-.divide-cool-gray-300 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #cfd8e3;
-  border-color: rgba(207, 216, 227, var(--divide-opacity));
-}
-
-.divide-cool-gray-400 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #97a6ba;
-  border-color: rgba(151, 166, 186, var(--divide-opacity));
-}
-
-.divide-cool-gray-500 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #64748b;
-  border-color: rgba(100, 116, 139, var(--divide-opacity));
-}
-
-.divide-cool-gray-600 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #475569;
-  border-color: rgba(71, 85, 105, var(--divide-opacity));
-}
-
-.divide-cool-gray-700 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #364152;
-  border-color: rgba(54, 65, 82, var(--divide-opacity));
-}
-
-.divide-cool-gray-800 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #27303f;
-  border-color: rgba(39, 48, 63, var(--divide-opacity));
-}
-
-.divide-cool-gray-900 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #1a202e;
-  border-color: rgba(26, 32, 46, var(--divide-opacity));
-}
-
-.divide-red-50 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #fdf2f2;
-  border-color: rgba(253, 242, 242, var(--divide-opacity));
-}
-
-.divide-red-100 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #fde8e8;
-  border-color: rgba(253, 232, 232, var(--divide-opacity));
-}
-
-.divide-red-200 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #fbd5d5;
-  border-color: rgba(251, 213, 213, var(--divide-opacity));
-}
-
-.divide-red-300 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #f8b4b4;
-  border-color: rgba(248, 180, 180, var(--divide-opacity));
-}
-
-.divide-red-400 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #f98080;
-  border-color: rgba(249, 128, 128, var(--divide-opacity));
-}
-
-.divide-red-500 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #f05252;
-  border-color: rgba(240, 82, 82, var(--divide-opacity));
-}
-
-.divide-red-600 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #e02424;
-  border-color: rgba(224, 36, 36, var(--divide-opacity));
-}
-
-.divide-red-700 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #c81e1e;
-  border-color: rgba(200, 30, 30, var(--divide-opacity));
-}
-
-.divide-red-800 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #9b1c1c;
-  border-color: rgba(155, 28, 28, var(--divide-opacity));
-}
-
-.divide-red-900 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #771d1d;
-  border-color: rgba(119, 29, 29, var(--divide-opacity));
-}
-
-.divide-orange-50 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #fff8f1;
-  border-color: rgba(255, 248, 241, var(--divide-opacity));
-}
-
-.divide-orange-100 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #feecdc;
-  border-color: rgba(254, 236, 220, var(--divide-opacity));
-}
-
-.divide-orange-200 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #fcd9bd;
-  border-color: rgba(252, 217, 189, var(--divide-opacity));
-}
-
-.divide-orange-300 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #fdba8c;
-  border-color: rgba(253, 186, 140, var(--divide-opacity));
-}
-
-.divide-orange-400 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #ff8a4c;
-  border-color: rgba(255, 138, 76, var(--divide-opacity));
-}
-
-.divide-orange-500 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #ff5a1f;
-  border-color: rgba(255, 90, 31, var(--divide-opacity));
-}
-
-.divide-orange-600 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #d03801;
-  border-color: rgba(208, 56, 1, var(--divide-opacity));
-}
-
-.divide-orange-700 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #b43403;
-  border-color: rgba(180, 52, 3, var(--divide-opacity));
-}
-
-.divide-orange-800 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #8a2c0d;
-  border-color: rgba(138, 44, 13, var(--divide-opacity));
-}
-
-.divide-orange-900 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #771d1d;
-  border-color: rgba(119, 29, 29, var(--divide-opacity));
-}
-
-.divide-yellow-50 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #fdfdea;
-  border-color: rgba(253, 253, 234, var(--divide-opacity));
-}
-
-.divide-yellow-100 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #fdf6b2;
-  border-color: rgba(253, 246, 178, var(--divide-opacity));
-}
-
-.divide-yellow-200 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #fce96a;
-  border-color: rgba(252, 233, 106, var(--divide-opacity));
-}
-
-.divide-yellow-300 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #faca15;
-  border-color: rgba(250, 202, 21, var(--divide-opacity));
-}
-
-.divide-yellow-400 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #e3a008;
-  border-color: rgba(227, 160, 8, var(--divide-opacity));
-}
-
-.divide-yellow-500 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #c27803;
-  border-color: rgba(194, 120, 3, var(--divide-opacity));
-}
-
-.divide-yellow-600 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #9f580a;
-  border-color: rgba(159, 88, 10, var(--divide-opacity));
-}
-
-.divide-yellow-700 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #8e4b10;
-  border-color: rgba(142, 75, 16, var(--divide-opacity));
-}
-
-.divide-yellow-800 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #723b13;
-  border-color: rgba(114, 59, 19, var(--divide-opacity));
-}
-
-.divide-yellow-900 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #633112;
-  border-color: rgba(99, 49, 18, var(--divide-opacity));
-}
-
-.divide-green-50 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #f3faf7;
-  border-color: rgba(243, 250, 247, var(--divide-opacity));
-}
-
-.divide-green-100 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #def7ec;
-  border-color: rgba(222, 247, 236, var(--divide-opacity));
-}
-
-.divide-green-200 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #bcf0da;
-  border-color: rgba(188, 240, 218, var(--divide-opacity));
-}
-
-.divide-green-300 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #84e1bc;
-  border-color: rgba(132, 225, 188, var(--divide-opacity));
-}
-
-.divide-green-400 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #31c48d;
-  border-color: rgba(49, 196, 141, var(--divide-opacity));
-}
-
-.divide-green-500 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #0e9f6e;
-  border-color: rgba(14, 159, 110, var(--divide-opacity));
-}
-
-.divide-green-600 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #057a55;
-  border-color: rgba(5, 122, 85, var(--divide-opacity));
-}
-
-.divide-green-700 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #046c4e;
-  border-color: rgba(4, 108, 78, var(--divide-opacity));
-}
-
-.divide-green-800 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #03543f;
-  border-color: rgba(3, 84, 63, var(--divide-opacity));
-}
-
-.divide-green-900 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #014737;
-  border-color: rgba(1, 71, 55, var(--divide-opacity));
-}
-
-.divide-teal-50 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #edfafa;
-  border-color: rgba(237, 250, 250, var(--divide-opacity));
-}
-
-.divide-teal-100 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #d5f5f6;
-  border-color: rgba(213, 245, 246, var(--divide-opacity));
-}
-
-.divide-teal-200 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #afecef;
-  border-color: rgba(175, 236, 239, var(--divide-opacity));
-}
-
-.divide-teal-300 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #7edce2;
-  border-color: rgba(126, 220, 226, var(--divide-opacity));
-}
-
-.divide-teal-400 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #16bdca;
-  border-color: rgba(22, 189, 202, var(--divide-opacity));
-}
-
-.divide-teal-500 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #0694a2;
-  border-color: rgba(6, 148, 162, var(--divide-opacity));
-}
-
-.divide-teal-600 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #047481;
-  border-color: rgba(4, 116, 129, var(--divide-opacity));
-}
-
-.divide-teal-700 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #036672;
-  border-color: rgba(3, 102, 114, var(--divide-opacity));
-}
-
-.divide-teal-800 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #05505c;
-  border-color: rgba(5, 80, 92, var(--divide-opacity));
-}
-
-.divide-teal-900 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #014451;
-  border-color: rgba(1, 68, 81, var(--divide-opacity));
-}
-
-.divide-blue-50 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #ebf5ff;
-  border-color: rgba(235, 245, 255, var(--divide-opacity));
-}
-
-.divide-blue-100 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #e1effe;
-  border-color: rgba(225, 239, 254, var(--divide-opacity));
-}
-
-.divide-blue-200 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #c3ddfd;
-  border-color: rgba(195, 221, 253, var(--divide-opacity));
-}
-
-.divide-blue-300 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #a4cafe;
-  border-color: rgba(164, 202, 254, var(--divide-opacity));
-}
-
-.divide-blue-400 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #76a9fa;
-  border-color: rgba(118, 169, 250, var(--divide-opacity));
-}
-
-.divide-blue-500 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #3f83f8;
-  border-color: rgba(63, 131, 248, var(--divide-opacity));
-}
-
-.divide-blue-600 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #1c64f2;
-  border-color: rgba(28, 100, 242, var(--divide-opacity));
-}
-
-.divide-blue-700 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #1a56db;
-  border-color: rgba(26, 86, 219, var(--divide-opacity));
-}
-
-.divide-blue-800 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #1e429f;
-  border-color: rgba(30, 66, 159, var(--divide-opacity));
-}
-
-.divide-blue-900 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #233876;
-  border-color: rgba(35, 56, 118, var(--divide-opacity));
-}
-
-.divide-indigo-50 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #f0f5ff;
-  border-color: rgba(240, 245, 255, var(--divide-opacity));
-}
-
-.divide-indigo-100 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #e5edff;
-  border-color: rgba(229, 237, 255, var(--divide-opacity));
-}
-
-.divide-indigo-200 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #cddbfe;
-  border-color: rgba(205, 219, 254, var(--divide-opacity));
-}
-
-.divide-indigo-300 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #b4c6fc;
-  border-color: rgba(180, 198, 252, var(--divide-opacity));
-}
-
-.divide-indigo-400 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #8da2fb;
-  border-color: rgba(141, 162, 251, var(--divide-opacity));
-}
-
-.divide-indigo-500 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #6875f5;
-  border-color: rgba(104, 117, 245, var(--divide-opacity));
-}
-
-.divide-indigo-600 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #5850ec;
-  border-color: rgba(88, 80, 236, var(--divide-opacity));
-}
-
-.divide-indigo-700 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #5145cd;
-  border-color: rgba(81, 69, 205, var(--divide-opacity));
-}
-
-.divide-indigo-800 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #42389d;
-  border-color: rgba(66, 56, 157, var(--divide-opacity));
-}
-
-.divide-indigo-900 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #362f78;
-  border-color: rgba(54, 47, 120, var(--divide-opacity));
-}
-
-.divide-purple-50 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #f6f5ff;
-  border-color: rgba(246, 245, 255, var(--divide-opacity));
-}
-
-.divide-purple-100 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #edebfe;
-  border-color: rgba(237, 235, 254, var(--divide-opacity));
-}
-
-.divide-purple-200 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #dcd7fe;
-  border-color: rgba(220, 215, 254, var(--divide-opacity));
-}
-
-.divide-purple-300 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #cabffd;
-  border-color: rgba(202, 191, 253, var(--divide-opacity));
-}
-
-.divide-purple-400 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #ac94fa;
-  border-color: rgba(172, 148, 250, var(--divide-opacity));
-}
-
-.divide-purple-500 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #9061f9;
-  border-color: rgba(144, 97, 249, var(--divide-opacity));
-}
-
-.divide-purple-600 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #7e3af2;
-  border-color: rgba(126, 58, 242, var(--divide-opacity));
-}
-
-.divide-purple-700 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #6c2bd9;
-  border-color: rgba(108, 43, 217, var(--divide-opacity));
-}
-
-.divide-purple-800 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #5521b5;
-  border-color: rgba(85, 33, 181, var(--divide-opacity));
-}
-
-.divide-purple-900 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #4a1d96;
-  border-color: rgba(74, 29, 150, var(--divide-opacity));
-}
-
-.divide-pink-50 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #fdf2f8;
-  border-color: rgba(253, 242, 248, var(--divide-opacity));
-}
-
-.divide-pink-100 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #fce8f3;
-  border-color: rgba(252, 232, 243, var(--divide-opacity));
-}
-
-.divide-pink-200 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #fad1e8;
-  border-color: rgba(250, 209, 232, var(--divide-opacity));
-}
-
-.divide-pink-300 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #f8b4d9;
-  border-color: rgba(248, 180, 217, var(--divide-opacity));
-}
-
-.divide-pink-400 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #f17eb8;
-  border-color: rgba(241, 126, 184, var(--divide-opacity));
-}
-
-.divide-pink-500 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #e74694;
-  border-color: rgba(231, 70, 148, var(--divide-opacity));
-}
-
-.divide-pink-600 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #d61f69;
-  border-color: rgba(214, 31, 105, var(--divide-opacity));
-}
-
-.divide-pink-700 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #bf125d;
-  border-color: rgba(191, 18, 93, var(--divide-opacity));
-}
-
-.divide-pink-800 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #99154b;
-  border-color: rgba(153, 21, 75, var(--divide-opacity));
-}
-
-.divide-pink-900 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-  border-color: #751a3d;
-  border-color: rgba(117, 26, 61, var(--divide-opacity));
-}
-
-.divide-opacity-0 > :not(template) ~ :not(template) {
-  --divide-opacity: 0;
-}
-
-.divide-opacity-25 > :not(template) ~ :not(template) {
-  --divide-opacity: 0.25;
-}
-
-.divide-opacity-50 > :not(template) ~ :not(template) {
-  --divide-opacity: 0.5;
-}
-
-.divide-opacity-75 > :not(template) ~ :not(template) {
-  --divide-opacity: 0.75;
-}
-
-.divide-opacity-100 > :not(template) ~ :not(template) {
-  --divide-opacity: 1;
-}
-
-.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;
-}
-
-.not-sr-only {
-  position: static;
-  width: auto;
-  height: auto;
-  padding: 0;
-  margin: 0;
-  overflow: visible;
-  clip: auto;
-  white-space: normal;
-}
-
-.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;
-}
-
-.focus\:not-sr-only:focus {
-  position: static;
-  width: auto;
-  height: auto;
-  padding: 0;
-  margin: 0;
-  overflow: visible;
-  clip: auto;
-  white-space: normal;
-}
-
-.appearance-none {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-}
-
-.bg-fixed {
-  background-attachment: fixed;
-}
-
-.bg-local {
-  background-attachment: local;
-}
-
-.bg-scroll {
-  background-attachment: scroll;
-}
-
-.bg-transparent {
-  background-color: transparent;
-}
-
-.bg-white {
-  --bg-opacity: 1;
-  background-color: #ffffff;
-  background-color: rgba(255, 255, 255, var(--bg-opacity));
-}
-
-.bg-black {
-  --bg-opacity: 1;
-  background-color: #000000;
-  background-color: rgba(0, 0, 0, var(--bg-opacity));
-}
-
-.bg-gray-50 {
-  --bg-opacity: 1;
-  background-color: #f9fafb;
-  background-color: rgba(249, 250, 251, var(--bg-opacity));
-}
-
-.bg-gray-100 {
-  --bg-opacity: 1;
-  background-color: #f4f5f7;
-  background-color: rgba(244, 245, 247, var(--bg-opacity));
-}
-
-.bg-gray-200 {
-  --bg-opacity: 1;
-  background-color: #e5e7eb;
-  background-color: rgba(229, 231, 235, var(--bg-opacity));
-}
-
-.bg-gray-300 {
-  --bg-opacity: 1;
-  background-color: #d2d6dc;
-  background-color: rgba(210, 214, 220, var(--bg-opacity));
-}
-
-.bg-gray-400 {
-  --bg-opacity: 1;
-  background-color: #9fa6b2;
-  background-color: rgba(159, 166, 178, var(--bg-opacity));
-}
-
-.bg-gray-500 {
-  --bg-opacity: 1;
-  background-color: #6b7280;
-  background-color: rgba(107, 114, 128, var(--bg-opacity));
-}
-
-.bg-gray-600 {
-  --bg-opacity: 1;
-  background-color: #4b5563;
-  background-color: rgba(75, 85, 99, var(--bg-opacity));
-}
-
-.bg-gray-700 {
-  --bg-opacity: 1;
-  background-color: #374151;
-  background-color: rgba(55, 65, 81, var(--bg-opacity));
-}
-
-.bg-gray-800 {
-  --bg-opacity: 1;
-  background-color: #252f3f;
-  background-color: rgba(37, 47, 63, var(--bg-opacity));
-}
-
-.bg-gray-900 {
-  --bg-opacity: 1;
-  background-color: #161e2e;
-  background-color: rgba(22, 30, 46, var(--bg-opacity));
-}
-
-.bg-cool-gray-50 {
-  --bg-opacity: 1;
-  background-color: #fbfdfe;
-  background-color: rgba(251, 253, 254, var(--bg-opacity));
-}
-
-.bg-cool-gray-100 {
-  --bg-opacity: 1;
-  background-color: #f1f5f9;
-  background-color: rgba(241, 245, 249, var(--bg-opacity));
-}
-
-.bg-cool-gray-200 {
-  --bg-opacity: 1;
-  background-color: #e2e8f0;
-  background-color: rgba(226, 232, 240, var(--bg-opacity));
-}
-
-.bg-cool-gray-300 {
-  --bg-opacity: 1;
-  background-color: #cfd8e3;
-  background-color: rgba(207, 216, 227, var(--bg-opacity));
-}
-
-.bg-cool-gray-400 {
-  --bg-opacity: 1;
-  background-color: #97a6ba;
-  background-color: rgba(151, 166, 186, var(--bg-opacity));
-}
-
-.bg-cool-gray-500 {
-  --bg-opacity: 1;
-  background-color: #64748b;
-  background-color: rgba(100, 116, 139, var(--bg-opacity));
-}
-
-.bg-cool-gray-600 {
-  --bg-opacity: 1;
-  background-color: #475569;
-  background-color: rgba(71, 85, 105, var(--bg-opacity));
-}
-
-.bg-cool-gray-700 {
-  --bg-opacity: 1;
-  background-color: #364152;
-  background-color: rgba(54, 65, 82, var(--bg-opacity));
-}
-
-.bg-cool-gray-800 {
-  --bg-opacity: 1;
-  background-color: #27303f;
-  background-color: rgba(39, 48, 63, var(--bg-opacity));
-}
-
-.bg-cool-gray-900 {
-  --bg-opacity: 1;
-  background-color: #1a202e;
-  background-color: rgba(26, 32, 46, var(--bg-opacity));
-}
-
-.bg-red-50 {
-  --bg-opacity: 1;
-  background-color: #fdf2f2;
-  background-color: rgba(253, 242, 242, var(--bg-opacity));
-}
-
-.bg-red-100 {
-  --bg-opacity: 1;
-  background-color: #fde8e8;
-  background-color: rgba(253, 232, 232, var(--bg-opacity));
-}
-
-.bg-red-200 {
-  --bg-opacity: 1;
-  background-color: #fbd5d5;
-  background-color: rgba(251, 213, 213, var(--bg-opacity));
-}
-
-.bg-red-300 {
-  --bg-opacity: 1;
-  background-color: #f8b4b4;
-  background-color: rgba(248, 180, 180, var(--bg-opacity));
-}
-
-.bg-red-400 {
-  --bg-opacity: 1;
-  background-color: #f98080;
-  background-color: rgba(249, 128, 128, var(--bg-opacity));
-}
-
-.bg-red-500 {
-  --bg-opacity: 1;
-  background-color: #f05252;
-  background-color: rgba(240, 82, 82, var(--bg-opacity));
-}
-
-.bg-red-600 {
-  --bg-opacity: 1;
-  background-color: #e02424;
-  background-color: rgba(224, 36, 36, var(--bg-opacity));
-}
-
-.bg-red-700 {
-  --bg-opacity: 1;
-  background-color: #c81e1e;
-  background-color: rgba(200, 30, 30, var(--bg-opacity));
-}
-
-.bg-red-800 {
-  --bg-opacity: 1;
-  background-color: #9b1c1c;
-  background-color: rgba(155, 28, 28, var(--bg-opacity));
-}
-
-.bg-red-900 {
-  --bg-opacity: 1;
-  background-color: #771d1d;
-  background-color: rgba(119, 29, 29, var(--bg-opacity));
-}
-
-.bg-orange-50 {
-  --bg-opacity: 1;
-  background-color: #fff8f1;
-  background-color: rgba(255, 248, 241, var(--bg-opacity));
-}
-
-.bg-orange-100 {
-  --bg-opacity: 1;
-  background-color: #feecdc;
-  background-color: rgba(254, 236, 220, var(--bg-opacity));
-}
-
-.bg-orange-200 {
-  --bg-opacity: 1;
-  background-color: #fcd9bd;
-  background-color: rgba(252, 217, 189, var(--bg-opacity));
-}
-
-.bg-orange-300 {
-  --bg-opacity: 1;
-  background-color: #fdba8c;
-  background-color: rgba(253, 186, 140, var(--bg-opacity));
-}
-
-.bg-orange-400 {
-  --bg-opacity: 1;
-  background-color: #ff8a4c;
-  background-color: rgba(255, 138, 76, var(--bg-opacity));
-}
-
-.bg-orange-500 {
-  --bg-opacity: 1;
-  background-color: #ff5a1f;
-  background-color: rgba(255, 90, 31, var(--bg-opacity));
-}
-
-.bg-orange-600 {
-  --bg-opacity: 1;
-  background-color: #d03801;
-  background-color: rgba(208, 56, 1, var(--bg-opacity));
-}
-
-.bg-orange-700 {
-  --bg-opacity: 1;
-  background-color: #b43403;
-  background-color: rgba(180, 52, 3, var(--bg-opacity));
-}
-
-.bg-orange-800 {
-  --bg-opacity: 1;
-  background-color: #8a2c0d;
-  background-color: rgba(138, 44, 13, var(--bg-opacity));
-}
-
-.bg-orange-900 {
-  --bg-opacity: 1;
-  background-color: #771d1d;
-  background-color: rgba(119, 29, 29, var(--bg-opacity));
-}
-
-.bg-yellow-50 {
-  --bg-opacity: 1;
-  background-color: #fdfdea;
-  background-color: rgba(253, 253, 234, var(--bg-opacity));
-}
-
-.bg-yellow-100 {
-  --bg-opacity: 1;
-  background-color: #fdf6b2;
-  background-color: rgba(253, 246, 178, var(--bg-opacity));
-}
-
-.bg-yellow-200 {
-  --bg-opacity: 1;
-  background-color: #fce96a;
-  background-color: rgba(252, 233, 106, var(--bg-opacity));
-}
-
-.bg-yellow-300 {
-  --bg-opacity: 1;
-  background-color: #faca15;
-  background-color: rgba(250, 202, 21, var(--bg-opacity));
-}
-
-.bg-yellow-400 {
-  --bg-opacity: 1;
-  background-color: #e3a008;
-  background-color: rgba(227, 160, 8, var(--bg-opacity));
-}
-
-.bg-yellow-500 {
-  --bg-opacity: 1;
-  background-color: #c27803;
-  background-color: rgba(194, 120, 3, var(--bg-opacity));
-}
-
-.bg-yellow-600 {
-  --bg-opacity: 1;
-  background-color: #9f580a;
-  background-color: rgba(159, 88, 10, var(--bg-opacity));
-}
-
-.bg-yellow-700 {
-  --bg-opacity: 1;
-  background-color: #8e4b10;
-  background-color: rgba(142, 75, 16, var(--bg-opacity));
-}
-
-.bg-yellow-800 {
-  --bg-opacity: 1;
-  background-color: #723b13;
-  background-color: rgba(114, 59, 19, var(--bg-opacity));
-}
-
-.bg-yellow-900 {
-  --bg-opacity: 1;
-  background-color: #633112;
-  background-color: rgba(99, 49, 18, var(--bg-opacity));
-}
-
-.bg-green-50 {
-  --bg-opacity: 1;
-  background-color: #f3faf7;
-  background-color: rgba(243, 250, 247, var(--bg-opacity));
-}
-
-.bg-green-100 {
-  --bg-opacity: 1;
-  background-color: #def7ec;
-  background-color: rgba(222, 247, 236, var(--bg-opacity));
-}
-
-.bg-green-200 {
-  --bg-opacity: 1;
-  background-color: #bcf0da;
-  background-color: rgba(188, 240, 218, var(--bg-opacity));
-}
-
-.bg-green-300 {
-  --bg-opacity: 1;
-  background-color: #84e1bc;
-  background-color: rgba(132, 225, 188, var(--bg-opacity));
-}
-
-.bg-green-400 {
-  --bg-opacity: 1;
-  background-color: #31c48d;
-  background-color: rgba(49, 196, 141, var(--bg-opacity));
-}
-
-.bg-green-500 {
-  --bg-opacity: 1;
-  background-color: #0e9f6e;
-  background-color: rgba(14, 159, 110, var(--bg-opacity));
-}
-
-.bg-green-600 {
-  --bg-opacity: 1;
-  background-color: #057a55;
-  background-color: rgba(5, 122, 85, var(--bg-opacity));
-}
-
-.bg-green-700 {
-  --bg-opacity: 1;
-  background-color: #046c4e;
-  background-color: rgba(4, 108, 78, var(--bg-opacity));
-}
-
-.bg-green-800 {
-  --bg-opacity: 1;
-  background-color: #03543f;
-  background-color: rgba(3, 84, 63, var(--bg-opacity));
-}
-
-.bg-green-900 {
-  --bg-opacity: 1;
-  background-color: #014737;
-  background-color: rgba(1, 71, 55, var(--bg-opacity));
-}
-
-.bg-teal-50 {
-  --bg-opacity: 1;
-  background-color: #edfafa;
-  background-color: rgba(237, 250, 250, var(--bg-opacity));
-}
-
-.bg-teal-100 {
-  --bg-opacity: 1;
-  background-color: #d5f5f6;
-  background-color: rgba(213, 245, 246, var(--bg-opacity));
-}
-
-.bg-teal-200 {
-  --bg-opacity: 1;
-  background-color: #afecef;
-  background-color: rgba(175, 236, 239, var(--bg-opacity));
-}
-
-.bg-teal-300 {
-  --bg-opacity: 1;
-  background-color: #7edce2;
-  background-color: rgba(126, 220, 226, var(--bg-opacity));
-}
-
-.bg-teal-400 {
-  --bg-opacity: 1;
-  background-color: #16bdca;
-  background-color: rgba(22, 189, 202, var(--bg-opacity));
-}
-
-.bg-teal-500 {
-  --bg-opacity: 1;
-  background-color: #0694a2;
-  background-color: rgba(6, 148, 162, var(--bg-opacity));
-}
-
-.bg-teal-600 {
-  --bg-opacity: 1;
-  background-color: #047481;
-  background-color: rgba(4, 116, 129, var(--bg-opacity));
-}
-
-.bg-teal-700 {
-  --bg-opacity: 1;
-  background-color: #036672;
-  background-color: rgba(3, 102, 114, var(--bg-opacity));
-}
-
-.bg-teal-800 {
-  --bg-opacity: 1;
-  background-color: #05505c;
-  background-color: rgba(5, 80, 92, var(--bg-opacity));
-}
-
-.bg-teal-900 {
-  --bg-opacity: 1;
-  background-color: #014451;
-  background-color: rgba(1, 68, 81, var(--bg-opacity));
-}
-
-.bg-blue-50 {
-  --bg-opacity: 1;
-  background-color: #ebf5ff;
-  background-color: rgba(235, 245, 255, var(--bg-opacity));
-}
-
-.bg-blue-100 {
-  --bg-opacity: 1;
-  background-color: #e1effe;
-  background-color: rgba(225, 239, 254, var(--bg-opacity));
-}
-
-.bg-blue-200 {
-  --bg-opacity: 1;
-  background-color: #c3ddfd;
-  background-color: rgba(195, 221, 253, var(--bg-opacity));
-}
-
-.bg-blue-300 {
-  --bg-opacity: 1;
-  background-color: #a4cafe;
-  background-color: rgba(164, 202, 254, var(--bg-opacity));
-}
-
-.bg-blue-400 {
-  --bg-opacity: 1;
-  background-color: #76a9fa;
-  background-color: rgba(118, 169, 250, var(--bg-opacity));
-}
-
-.bg-blue-500 {
-  --bg-opacity: 1;
-  background-color: #3f83f8;
-  background-color: rgba(63, 131, 248, var(--bg-opacity));
-}
-
-.bg-blue-600 {
-  --bg-opacity: 1;
-  background-color: #1c64f2;
-  background-color: rgba(28, 100, 242, var(--bg-opacity));
-}
-
-.bg-blue-700 {
-  --bg-opacity: 1;
-  background-color: #1a56db;
-  background-color: rgba(26, 86, 219, var(--bg-opacity));
-}
-
-.bg-blue-800 {
-  --bg-opacity: 1;
-  background-color: #1e429f;
-  background-color: rgba(30, 66, 159, var(--bg-opacity));
-}
-
-.bg-blue-900 {
-  --bg-opacity: 1;
-  background-color: #233876;
-  background-color: rgba(35, 56, 118, var(--bg-opacity));
-}
-
-.bg-indigo-50 {
-  --bg-opacity: 1;
-  background-color: #f0f5ff;
-  background-color: rgba(240, 245, 255, var(--bg-opacity));
-}
-
-.bg-indigo-100 {
-  --bg-opacity: 1;
-  background-color: #e5edff;
-  background-color: rgba(229, 237, 255, var(--bg-opacity));
-}
-
-.bg-indigo-200 {
-  --bg-opacity: 1;
-  background-color: #cddbfe;
-  background-color: rgba(205, 219, 254, var(--bg-opacity));
-}
-
-.bg-indigo-300 {
-  --bg-opacity: 1;
-  background-color: #b4c6fc;
-  background-color: rgba(180, 198, 252, var(--bg-opacity));
-}
-
-.bg-indigo-400 {
-  --bg-opacity: 1;
-  background-color: #8da2fb;
-  background-color: rgba(141, 162, 251, var(--bg-opacity));
-}
-
-.bg-indigo-500 {
-  --bg-opacity: 1;
-  background-color: #6875f5;
-  background-color: rgba(104, 117, 245, var(--bg-opacity));
-}
-
-.bg-indigo-600 {
-  --bg-opacity: 1;
-  background-color: #5850ec;
-  background-color: rgba(88, 80, 236, var(--bg-opacity));
-}
-
-.bg-indigo-700 {
-  --bg-opacity: 1;
-  background-color: #5145cd;
-  background-color: rgba(81, 69, 205, var(--bg-opacity));
-}
-
-.bg-indigo-800 {
-  --bg-opacity: 1;
-  background-color: #42389d;
-  background-color: rgba(66, 56, 157, var(--bg-opacity));
-}
-
-.bg-indigo-900 {
-  --bg-opacity: 1;
-  background-color: #362f78;
-  background-color: rgba(54, 47, 120, var(--bg-opacity));
-}
-
-.bg-purple-50 {
-  --bg-opacity: 1;
-  background-color: #f6f5ff;
-  background-color: rgba(246, 245, 255, var(--bg-opacity));
-}
-
-.bg-purple-100 {
-  --bg-opacity: 1;
-  background-color: #edebfe;
-  background-color: rgba(237, 235, 254, var(--bg-opacity));
-}
-
-.bg-purple-200 {
-  --bg-opacity: 1;
-  background-color: #dcd7fe;
-  background-color: rgba(220, 215, 254, var(--bg-opacity));
-}
-
-.bg-purple-300 {
-  --bg-opacity: 1;
-  background-color: #cabffd;
-  background-color: rgba(202, 191, 253, var(--bg-opacity));
-}
-
-.bg-purple-400 {
-  --bg-opacity: 1;
-  background-color: #ac94fa;
-  background-color: rgba(172, 148, 250, var(--bg-opacity));
-}
-
-.bg-purple-500 {
-  --bg-opacity: 1;
-  background-color: #9061f9;
-  background-color: rgba(144, 97, 249, var(--bg-opacity));
-}
-
-.bg-purple-600 {
-  --bg-opacity: 1;
-  background-color: #7e3af2;
-  background-color: rgba(126, 58, 242, var(--bg-opacity));
-}
-
-.bg-purple-700 {
-  --bg-opacity: 1;
-  background-color: #6c2bd9;
-  background-color: rgba(108, 43, 217, var(--bg-opacity));
-}
-
-.bg-purple-800 {
-  --bg-opacity: 1;
-  background-color: #5521b5;
-  background-color: rgba(85, 33, 181, var(--bg-opacity));
-}
-
-.bg-purple-900 {
-  --bg-opacity: 1;
-  background-color: #4a1d96;
-  background-color: rgba(74, 29, 150, var(--bg-opacity));
-}
-
-.bg-pink-50 {
-  --bg-opacity: 1;
-  background-color: #fdf2f8;
-  background-color: rgba(253, 242, 248, var(--bg-opacity));
-}
-
-.bg-pink-100 {
-  --bg-opacity: 1;
-  background-color: #fce8f3;
-  background-color: rgba(252, 232, 243, var(--bg-opacity));
-}
-
-.bg-pink-200 {
-  --bg-opacity: 1;
-  background-color: #fad1e8;
-  background-color: rgba(250, 209, 232, var(--bg-opacity));
-}
-
-.bg-pink-300 {
-  --bg-opacity: 1;
-  background-color: #f8b4d9;
-  background-color: rgba(248, 180, 217, var(--bg-opacity));
-}
-
-.bg-pink-400 {
-  --bg-opacity: 1;
-  background-color: #f17eb8;
-  background-color: rgba(241, 126, 184, var(--bg-opacity));
-}
-
-.bg-pink-500 {
-  --bg-opacity: 1;
-  background-color: #e74694;
-  background-color: rgba(231, 70, 148, var(--bg-opacity));
-}
-
-.bg-pink-600 {
-  --bg-opacity: 1;
-  background-color: #d61f69;
-  background-color: rgba(214, 31, 105, var(--bg-opacity));
-}
-
-.bg-pink-700 {
-  --bg-opacity: 1;
-  background-color: #bf125d;
-  background-color: rgba(191, 18, 93, var(--bg-opacity));
-}
-
-.bg-pink-800 {
-  --bg-opacity: 1;
-  background-color: #99154b;
-  background-color: rgba(153, 21, 75, var(--bg-opacity));
-}
-
-.bg-pink-900 {
-  --bg-opacity: 1;
-  background-color: #751a3d;
-  background-color: rgba(117, 26, 61, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-transparent {
-  background-color: transparent;
-}
-
-.group:hover .group-hover\:bg-white {
-  --bg-opacity: 1;
-  background-color: #ffffff;
-  background-color: rgba(255, 255, 255, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-black {
-  --bg-opacity: 1;
-  background-color: #000000;
-  background-color: rgba(0, 0, 0, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-50 {
-  --bg-opacity: 1;
-  background-color: #f9fafb;
-  background-color: rgba(249, 250, 251, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-100 {
-  --bg-opacity: 1;
-  background-color: #f4f5f7;
-  background-color: rgba(244, 245, 247, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-200 {
-  --bg-opacity: 1;
-  background-color: #e5e7eb;
-  background-color: rgba(229, 231, 235, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-300 {
-  --bg-opacity: 1;
-  background-color: #d2d6dc;
-  background-color: rgba(210, 214, 220, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-400 {
-  --bg-opacity: 1;
-  background-color: #9fa6b2;
-  background-color: rgba(159, 166, 178, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-500 {
-  --bg-opacity: 1;
-  background-color: #6b7280;
-  background-color: rgba(107, 114, 128, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-600 {
-  --bg-opacity: 1;
-  background-color: #4b5563;
-  background-color: rgba(75, 85, 99, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-700 {
-  --bg-opacity: 1;
-  background-color: #374151;
-  background-color: rgba(55, 65, 81, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-800 {
-  --bg-opacity: 1;
-  background-color: #252f3f;
-  background-color: rgba(37, 47, 63, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-gray-900 {
-  --bg-opacity: 1;
-  background-color: #161e2e;
-  background-color: rgba(22, 30, 46, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-cool-gray-50 {
-  --bg-opacity: 1;
-  background-color: #fbfdfe;
-  background-color: rgba(251, 253, 254, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-cool-gray-100 {
-  --bg-opacity: 1;
-  background-color: #f1f5f9;
-  background-color: rgba(241, 245, 249, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-cool-gray-200 {
-  --bg-opacity: 1;
-  background-color: #e2e8f0;
-  background-color: rgba(226, 232, 240, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-cool-gray-300 {
-  --bg-opacity: 1;
-  background-color: #cfd8e3;
-  background-color: rgba(207, 216, 227, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-cool-gray-400 {
-  --bg-opacity: 1;
-  background-color: #97a6ba;
-  background-color: rgba(151, 166, 186, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-cool-gray-500 {
-  --bg-opacity: 1;
-  background-color: #64748b;
-  background-color: rgba(100, 116, 139, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-cool-gray-600 {
-  --bg-opacity: 1;
-  background-color: #475569;
-  background-color: rgba(71, 85, 105, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-cool-gray-700 {
-  --bg-opacity: 1;
-  background-color: #364152;
-  background-color: rgba(54, 65, 82, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-cool-gray-800 {
-  --bg-opacity: 1;
-  background-color: #27303f;
-  background-color: rgba(39, 48, 63, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-cool-gray-900 {
-  --bg-opacity: 1;
-  background-color: #1a202e;
-  background-color: rgba(26, 32, 46, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-50 {
-  --bg-opacity: 1;
-  background-color: #fdf2f2;
-  background-color: rgba(253, 242, 242, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-100 {
-  --bg-opacity: 1;
-  background-color: #fde8e8;
-  background-color: rgba(253, 232, 232, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-200 {
-  --bg-opacity: 1;
-  background-color: #fbd5d5;
-  background-color: rgba(251, 213, 213, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-300 {
-  --bg-opacity: 1;
-  background-color: #f8b4b4;
-  background-color: rgba(248, 180, 180, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-400 {
-  --bg-opacity: 1;
-  background-color: #f98080;
-  background-color: rgba(249, 128, 128, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-500 {
-  --bg-opacity: 1;
-  background-color: #f05252;
-  background-color: rgba(240, 82, 82, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-600 {
-  --bg-opacity: 1;
-  background-color: #e02424;
-  background-color: rgba(224, 36, 36, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-700 {
-  --bg-opacity: 1;
-  background-color: #c81e1e;
-  background-color: rgba(200, 30, 30, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-800 {
-  --bg-opacity: 1;
-  background-color: #9b1c1c;
-  background-color: rgba(155, 28, 28, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-red-900 {
-  --bg-opacity: 1;
-  background-color: #771d1d;
-  background-color: rgba(119, 29, 29, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-orange-50 {
-  --bg-opacity: 1;
-  background-color: #fff8f1;
-  background-color: rgba(255, 248, 241, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-orange-100 {
-  --bg-opacity: 1;
-  background-color: #feecdc;
-  background-color: rgba(254, 236, 220, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-orange-200 {
-  --bg-opacity: 1;
-  background-color: #fcd9bd;
-  background-color: rgba(252, 217, 189, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-orange-300 {
-  --bg-opacity: 1;
-  background-color: #fdba8c;
-  background-color: rgba(253, 186, 140, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-orange-400 {
-  --bg-opacity: 1;
-  background-color: #ff8a4c;
-  background-color: rgba(255, 138, 76, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-orange-500 {
-  --bg-opacity: 1;
-  background-color: #ff5a1f;
-  background-color: rgba(255, 90, 31, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-orange-600 {
-  --bg-opacity: 1;
-  background-color: #d03801;
-  background-color: rgba(208, 56, 1, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-orange-700 {
-  --bg-opacity: 1;
-  background-color: #b43403;
-  background-color: rgba(180, 52, 3, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-orange-800 {
-  --bg-opacity: 1;
-  background-color: #8a2c0d;
-  background-color: rgba(138, 44, 13, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-orange-900 {
-  --bg-opacity: 1;
-  background-color: #771d1d;
-  background-color: rgba(119, 29, 29, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-50 {
-  --bg-opacity: 1;
-  background-color: #fdfdea;
-  background-color: rgba(253, 253, 234, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-100 {
-  --bg-opacity: 1;
-  background-color: #fdf6b2;
-  background-color: rgba(253, 246, 178, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-200 {
-  --bg-opacity: 1;
-  background-color: #fce96a;
-  background-color: rgba(252, 233, 106, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-300 {
-  --bg-opacity: 1;
-  background-color: #faca15;
-  background-color: rgba(250, 202, 21, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-400 {
-  --bg-opacity: 1;
-  background-color: #e3a008;
-  background-color: rgba(227, 160, 8, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-500 {
-  --bg-opacity: 1;
-  background-color: #c27803;
-  background-color: rgba(194, 120, 3, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-600 {
-  --bg-opacity: 1;
-  background-color: #9f580a;
-  background-color: rgba(159, 88, 10, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-700 {
-  --bg-opacity: 1;
-  background-color: #8e4b10;
-  background-color: rgba(142, 75, 16, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-800 {
-  --bg-opacity: 1;
-  background-color: #723b13;
-  background-color: rgba(114, 59, 19, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-yellow-900 {
-  --bg-opacity: 1;
-  background-color: #633112;
-  background-color: rgba(99, 49, 18, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-50 {
-  --bg-opacity: 1;
-  background-color: #f3faf7;
-  background-color: rgba(243, 250, 247, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-100 {
-  --bg-opacity: 1;
-  background-color: #def7ec;
-  background-color: rgba(222, 247, 236, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-200 {
-  --bg-opacity: 1;
-  background-color: #bcf0da;
-  background-color: rgba(188, 240, 218, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-300 {
-  --bg-opacity: 1;
-  background-color: #84e1bc;
-  background-color: rgba(132, 225, 188, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-400 {
-  --bg-opacity: 1;
-  background-color: #31c48d;
-  background-color: rgba(49, 196, 141, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-500 {
-  --bg-opacity: 1;
-  background-color: #0e9f6e;
-  background-color: rgba(14, 159, 110, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-600 {
-  --bg-opacity: 1;
-  background-color: #057a55;
-  background-color: rgba(5, 122, 85, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-700 {
-  --bg-opacity: 1;
-  background-color: #046c4e;
-  background-color: rgba(4, 108, 78, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-800 {
-  --bg-opacity: 1;
-  background-color: #03543f;
-  background-color: rgba(3, 84, 63, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-green-900 {
-  --bg-opacity: 1;
-  background-color: #014737;
-  background-color: rgba(1, 71, 55, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-teal-50 {
-  --bg-opacity: 1;
-  background-color: #edfafa;
-  background-color: rgba(237, 250, 250, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-teal-100 {
-  --bg-opacity: 1;
-  background-color: #d5f5f6;
-  background-color: rgba(213, 245, 246, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-teal-200 {
-  --bg-opacity: 1;
-  background-color: #afecef;
-  background-color: rgba(175, 236, 239, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-teal-300 {
-  --bg-opacity: 1;
-  background-color: #7edce2;
-  background-color: rgba(126, 220, 226, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-teal-400 {
-  --bg-opacity: 1;
-  background-color: #16bdca;
-  background-color: rgba(22, 189, 202, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-teal-500 {
-  --bg-opacity: 1;
-  background-color: #0694a2;
-  background-color: rgba(6, 148, 162, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-teal-600 {
-  --bg-opacity: 1;
-  background-color: #047481;
-  background-color: rgba(4, 116, 129, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-teal-700 {
-  --bg-opacity: 1;
-  background-color: #036672;
-  background-color: rgba(3, 102, 114, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-teal-800 {
-  --bg-opacity: 1;
-  background-color: #05505c;
-  background-color: rgba(5, 80, 92, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-teal-900 {
-  --bg-opacity: 1;
-  background-color: #014451;
-  background-color: rgba(1, 68, 81, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-50 {
-  --bg-opacity: 1;
-  background-color: #ebf5ff;
-  background-color: rgba(235, 245, 255, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-100 {
-  --bg-opacity: 1;
-  background-color: #e1effe;
-  background-color: rgba(225, 239, 254, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-200 {
-  --bg-opacity: 1;
-  background-color: #c3ddfd;
-  background-color: rgba(195, 221, 253, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-300 {
-  --bg-opacity: 1;
-  background-color: #a4cafe;
-  background-color: rgba(164, 202, 254, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-400 {
-  --bg-opacity: 1;
-  background-color: #76a9fa;
-  background-color: rgba(118, 169, 250, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-500 {
-  --bg-opacity: 1;
-  background-color: #3f83f8;
-  background-color: rgba(63, 131, 248, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-600 {
-  --bg-opacity: 1;
-  background-color: #1c64f2;
-  background-color: rgba(28, 100, 242, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-700 {
-  --bg-opacity: 1;
-  background-color: #1a56db;
-  background-color: rgba(26, 86, 219, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-800 {
-  --bg-opacity: 1;
-  background-color: #1e429f;
-  background-color: rgba(30, 66, 159, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-blue-900 {
-  --bg-opacity: 1;
-  background-color: #233876;
-  background-color: rgba(35, 56, 118, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-50 {
-  --bg-opacity: 1;
-  background-color: #f0f5ff;
-  background-color: rgba(240, 245, 255, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-100 {
-  --bg-opacity: 1;
-  background-color: #e5edff;
-  background-color: rgba(229, 237, 255, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-200 {
-  --bg-opacity: 1;
-  background-color: #cddbfe;
-  background-color: rgba(205, 219, 254, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-300 {
-  --bg-opacity: 1;
-  background-color: #b4c6fc;
-  background-color: rgba(180, 198, 252, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-400 {
-  --bg-opacity: 1;
-  background-color: #8da2fb;
-  background-color: rgba(141, 162, 251, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-500 {
-  --bg-opacity: 1;
-  background-color: #6875f5;
-  background-color: rgba(104, 117, 245, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-600 {
-  --bg-opacity: 1;
-  background-color: #5850ec;
-  background-color: rgba(88, 80, 236, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-700 {
-  --bg-opacity: 1;
-  background-color: #5145cd;
-  background-color: rgba(81, 69, 205, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-800 {
-  --bg-opacity: 1;
-  background-color: #42389d;
-  background-color: rgba(66, 56, 157, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-indigo-900 {
-  --bg-opacity: 1;
-  background-color: #362f78;
-  background-color: rgba(54, 47, 120, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-purple-50 {
-  --bg-opacity: 1;
-  background-color: #f6f5ff;
-  background-color: rgba(246, 245, 255, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-purple-100 {
-  --bg-opacity: 1;
-  background-color: #edebfe;
-  background-color: rgba(237, 235, 254, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-purple-200 {
-  --bg-opacity: 1;
-  background-color: #dcd7fe;
-  background-color: rgba(220, 215, 254, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-purple-300 {
-  --bg-opacity: 1;
-  background-color: #cabffd;
-  background-color: rgba(202, 191, 253, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-purple-400 {
-  --bg-opacity: 1;
-  background-color: #ac94fa;
-  background-color: rgba(172, 148, 250, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-purple-500 {
-  --bg-opacity: 1;
-  background-color: #9061f9;
-  background-color: rgba(144, 97, 249, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-purple-600 {
-  --bg-opacity: 1;
-  background-color: #7e3af2;
-  background-color: rgba(126, 58, 242, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-purple-700 {
-  --bg-opacity: 1;
-  background-color: #6c2bd9;
-  background-color: rgba(108, 43, 217, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-purple-800 {
-  --bg-opacity: 1;
-  background-color: #5521b5;
-  background-color: rgba(85, 33, 181, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-purple-900 {
-  --bg-opacity: 1;
-  background-color: #4a1d96;
-  background-color: rgba(74, 29, 150, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-pink-50 {
-  --bg-opacity: 1;
-  background-color: #fdf2f8;
-  background-color: rgba(253, 242, 248, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-pink-100 {
-  --bg-opacity: 1;
-  background-color: #fce8f3;
-  background-color: rgba(252, 232, 243, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-pink-200 {
-  --bg-opacity: 1;
-  background-color: #fad1e8;
-  background-color: rgba(250, 209, 232, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-pink-300 {
-  --bg-opacity: 1;
-  background-color: #f8b4d9;
-  background-color: rgba(248, 180, 217, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-pink-400 {
-  --bg-opacity: 1;
-  background-color: #f17eb8;
-  background-color: rgba(241, 126, 184, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-pink-500 {
-  --bg-opacity: 1;
-  background-color: #e74694;
-  background-color: rgba(231, 70, 148, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-pink-600 {
-  --bg-opacity: 1;
-  background-color: #d61f69;
-  background-color: rgba(214, 31, 105, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-pink-700 {
-  --bg-opacity: 1;
-  background-color: #bf125d;
-  background-color: rgba(191, 18, 93, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-pink-800 {
-  --bg-opacity: 1;
-  background-color: #99154b;
-  background-color: rgba(153, 21, 75, var(--bg-opacity));
-}
-
-.group:hover .group-hover\:bg-pink-900 {
-  --bg-opacity: 1;
-  background-color: #751a3d;
-  background-color: rgba(117, 26, 61, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-transparent {
-  background-color: transparent;
-}
-
-.group:focus .group-focus\:bg-white {
-  --bg-opacity: 1;
-  background-color: #ffffff;
-  background-color: rgba(255, 255, 255, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-black {
-  --bg-opacity: 1;
-  background-color: #000000;
-  background-color: rgba(0, 0, 0, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-gray-50 {
-  --bg-opacity: 1;
-  background-color: #f9fafb;
-  background-color: rgba(249, 250, 251, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-gray-100 {
-  --bg-opacity: 1;
-  background-color: #f4f5f7;
-  background-color: rgba(244, 245, 247, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-gray-200 {
-  --bg-opacity: 1;
-  background-color: #e5e7eb;
-  background-color: rgba(229, 231, 235, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-gray-300 {
-  --bg-opacity: 1;
-  background-color: #d2d6dc;
-  background-color: rgba(210, 214, 220, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-gray-400 {
-  --bg-opacity: 1;
-  background-color: #9fa6b2;
-  background-color: rgba(159, 166, 178, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-gray-500 {
-  --bg-opacity: 1;
-  background-color: #6b7280;
-  background-color: rgba(107, 114, 128, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-gray-600 {
-  --bg-opacity: 1;
-  background-color: #4b5563;
-  background-color: rgba(75, 85, 99, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-gray-700 {
-  --bg-opacity: 1;
-  background-color: #374151;
-  background-color: rgba(55, 65, 81, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-gray-800 {
-  --bg-opacity: 1;
-  background-color: #252f3f;
-  background-color: rgba(37, 47, 63, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-gray-900 {
-  --bg-opacity: 1;
-  background-color: #161e2e;
-  background-color: rgba(22, 30, 46, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-cool-gray-50 {
-  --bg-opacity: 1;
-  background-color: #fbfdfe;
-  background-color: rgba(251, 253, 254, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-cool-gray-100 {
-  --bg-opacity: 1;
-  background-color: #f1f5f9;
-  background-color: rgba(241, 245, 249, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-cool-gray-200 {
-  --bg-opacity: 1;
-  background-color: #e2e8f0;
-  background-color: rgba(226, 232, 240, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-cool-gray-300 {
-  --bg-opacity: 1;
-  background-color: #cfd8e3;
-  background-color: rgba(207, 216, 227, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-cool-gray-400 {
-  --bg-opacity: 1;
-  background-color: #97a6ba;
-  background-color: rgba(151, 166, 186, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-cool-gray-500 {
-  --bg-opacity: 1;
-  background-color: #64748b;
-  background-color: rgba(100, 116, 139, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-cool-gray-600 {
-  --bg-opacity: 1;
-  background-color: #475569;
-  background-color: rgba(71, 85, 105, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-cool-gray-700 {
-  --bg-opacity: 1;
-  background-color: #364152;
-  background-color: rgba(54, 65, 82, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-cool-gray-800 {
-  --bg-opacity: 1;
-  background-color: #27303f;
-  background-color: rgba(39, 48, 63, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-cool-gray-900 {
-  --bg-opacity: 1;
-  background-color: #1a202e;
-  background-color: rgba(26, 32, 46, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-red-50 {
-  --bg-opacity: 1;
-  background-color: #fdf2f2;
-  background-color: rgba(253, 242, 242, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-red-100 {
-  --bg-opacity: 1;
-  background-color: #fde8e8;
-  background-color: rgba(253, 232, 232, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-red-200 {
-  --bg-opacity: 1;
-  background-color: #fbd5d5;
-  background-color: rgba(251, 213, 213, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-red-300 {
-  --bg-opacity: 1;
-  background-color: #f8b4b4;
-  background-color: rgba(248, 180, 180, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-red-400 {
-  --bg-opacity: 1;
-  background-color: #f98080;
-  background-color: rgba(249, 128, 128, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-red-500 {
-  --bg-opacity: 1;
-  background-color: #f05252;
-  background-color: rgba(240, 82, 82, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-red-600 {
-  --bg-opacity: 1;
-  background-color: #e02424;
-  background-color: rgba(224, 36, 36, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-red-700 {
-  --bg-opacity: 1;
-  background-color: #c81e1e;
-  background-color: rgba(200, 30, 30, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-red-800 {
-  --bg-opacity: 1;
-  background-color: #9b1c1c;
-  background-color: rgba(155, 28, 28, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-red-900 {
-  --bg-opacity: 1;
-  background-color: #771d1d;
-  background-color: rgba(119, 29, 29, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-orange-50 {
-  --bg-opacity: 1;
-  background-color: #fff8f1;
-  background-color: rgba(255, 248, 241, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-orange-100 {
-  --bg-opacity: 1;
-  background-color: #feecdc;
-  background-color: rgba(254, 236, 220, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-orange-200 {
-  --bg-opacity: 1;
-  background-color: #fcd9bd;
-  background-color: rgba(252, 217, 189, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-orange-300 {
-  --bg-opacity: 1;
-  background-color: #fdba8c;
-  background-color: rgba(253, 186, 140, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-orange-400 {
-  --bg-opacity: 1;
-  background-color: #ff8a4c;
-  background-color: rgba(255, 138, 76, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-orange-500 {
-  --bg-opacity: 1;
-  background-color: #ff5a1f;
-  background-color: rgba(255, 90, 31, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-orange-600 {
-  --bg-opacity: 1;
-  background-color: #d03801;
-  background-color: rgba(208, 56, 1, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-orange-700 {
-  --bg-opacity: 1;
-  background-color: #b43403;
-  background-color: rgba(180, 52, 3, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-orange-800 {
-  --bg-opacity: 1;
-  background-color: #8a2c0d;
-  background-color: rgba(138, 44, 13, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-orange-900 {
-  --bg-opacity: 1;
-  background-color: #771d1d;
-  background-color: rgba(119, 29, 29, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-yellow-50 {
-  --bg-opacity: 1;
-  background-color: #fdfdea;
-  background-color: rgba(253, 253, 234, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-yellow-100 {
-  --bg-opacity: 1;
-  background-color: #fdf6b2;
-  background-color: rgba(253, 246, 178, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-yellow-200 {
-  --bg-opacity: 1;
-  background-color: #fce96a;
-  background-color: rgba(252, 233, 106, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-yellow-300 {
-  --bg-opacity: 1;
-  background-color: #faca15;
-  background-color: rgba(250, 202, 21, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-yellow-400 {
-  --bg-opacity: 1;
-  background-color: #e3a008;
-  background-color: rgba(227, 160, 8, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-yellow-500 {
-  --bg-opacity: 1;
-  background-color: #c27803;
-  background-color: rgba(194, 120, 3, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-yellow-600 {
-  --bg-opacity: 1;
-  background-color: #9f580a;
-  background-color: rgba(159, 88, 10, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-yellow-700 {
-  --bg-opacity: 1;
-  background-color: #8e4b10;
-  background-color: rgba(142, 75, 16, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-yellow-800 {
-  --bg-opacity: 1;
-  background-color: #723b13;
-  background-color: rgba(114, 59, 19, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-yellow-900 {
-  --bg-opacity: 1;
-  background-color: #633112;
-  background-color: rgba(99, 49, 18, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-green-50 {
-  --bg-opacity: 1;
-  background-color: #f3faf7;
-  background-color: rgba(243, 250, 247, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-green-100 {
-  --bg-opacity: 1;
-  background-color: #def7ec;
-  background-color: rgba(222, 247, 236, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-green-200 {
-  --bg-opacity: 1;
-  background-color: #bcf0da;
-  background-color: rgba(188, 240, 218, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-green-300 {
-  --bg-opacity: 1;
-  background-color: #84e1bc;
-  background-color: rgba(132, 225, 188, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-green-400 {
-  --bg-opacity: 1;
-  background-color: #31c48d;
-  background-color: rgba(49, 196, 141, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-green-500 {
-  --bg-opacity: 1;
-  background-color: #0e9f6e;
-  background-color: rgba(14, 159, 110, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-green-600 {
-  --bg-opacity: 1;
-  background-color: #057a55;
-  background-color: rgba(5, 122, 85, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-green-700 {
-  --bg-opacity: 1;
-  background-color: #046c4e;
-  background-color: rgba(4, 108, 78, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-green-800 {
-  --bg-opacity: 1;
-  background-color: #03543f;
-  background-color: rgba(3, 84, 63, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-green-900 {
-  --bg-opacity: 1;
-  background-color: #014737;
-  background-color: rgba(1, 71, 55, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-teal-50 {
-  --bg-opacity: 1;
-  background-color: #edfafa;
-  background-color: rgba(237, 250, 250, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-teal-100 {
-  --bg-opacity: 1;
-  background-color: #d5f5f6;
-  background-color: rgba(213, 245, 246, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-teal-200 {
-  --bg-opacity: 1;
-  background-color: #afecef;
-  background-color: rgba(175, 236, 239, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-teal-300 {
-  --bg-opacity: 1;
-  background-color: #7edce2;
-  background-color: rgba(126, 220, 226, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-teal-400 {
-  --bg-opacity: 1;
-  background-color: #16bdca;
-  background-color: rgba(22, 189, 202, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-teal-500 {
-  --bg-opacity: 1;
-  background-color: #0694a2;
-  background-color: rgba(6, 148, 162, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-teal-600 {
-  --bg-opacity: 1;
-  background-color: #047481;
-  background-color: rgba(4, 116, 129, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-teal-700 {
-  --bg-opacity: 1;
-  background-color: #036672;
-  background-color: rgba(3, 102, 114, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-teal-800 {
-  --bg-opacity: 1;
-  background-color: #05505c;
-  background-color: rgba(5, 80, 92, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-teal-900 {
-  --bg-opacity: 1;
-  background-color: #014451;
-  background-color: rgba(1, 68, 81, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-blue-50 {
-  --bg-opacity: 1;
-  background-color: #ebf5ff;
-  background-color: rgba(235, 245, 255, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-blue-100 {
-  --bg-opacity: 1;
-  background-color: #e1effe;
-  background-color: rgba(225, 239, 254, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-blue-200 {
-  --bg-opacity: 1;
-  background-color: #c3ddfd;
-  background-color: rgba(195, 221, 253, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-blue-300 {
-  --bg-opacity: 1;
-  background-color: #a4cafe;
-  background-color: rgba(164, 202, 254, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-blue-400 {
-  --bg-opacity: 1;
-  background-color: #76a9fa;
-  background-color: rgba(118, 169, 250, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-blue-500 {
-  --bg-opacity: 1;
-  background-color: #3f83f8;
-  background-color: rgba(63, 131, 248, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-blue-600 {
-  --bg-opacity: 1;
-  background-color: #1c64f2;
-  background-color: rgba(28, 100, 242, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-blue-700 {
-  --bg-opacity: 1;
-  background-color: #1a56db;
-  background-color: rgba(26, 86, 219, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-blue-800 {
-  --bg-opacity: 1;
-  background-color: #1e429f;
-  background-color: rgba(30, 66, 159, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-blue-900 {
-  --bg-opacity: 1;
-  background-color: #233876;
-  background-color: rgba(35, 56, 118, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-indigo-50 {
-  --bg-opacity: 1;
-  background-color: #f0f5ff;
-  background-color: rgba(240, 245, 255, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-indigo-100 {
-  --bg-opacity: 1;
-  background-color: #e5edff;
-  background-color: rgba(229, 237, 255, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-indigo-200 {
-  --bg-opacity: 1;
-  background-color: #cddbfe;
-  background-color: rgba(205, 219, 254, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-indigo-300 {
-  --bg-opacity: 1;
-  background-color: #b4c6fc;
-  background-color: rgba(180, 198, 252, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-indigo-400 {
-  --bg-opacity: 1;
-  background-color: #8da2fb;
-  background-color: rgba(141, 162, 251, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-indigo-500 {
-  --bg-opacity: 1;
-  background-color: #6875f5;
-  background-color: rgba(104, 117, 245, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-indigo-600 {
-  --bg-opacity: 1;
-  background-color: #5850ec;
-  background-color: rgba(88, 80, 236, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-indigo-700 {
-  --bg-opacity: 1;
-  background-color: #5145cd;
-  background-color: rgba(81, 69, 205, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-indigo-800 {
-  --bg-opacity: 1;
-  background-color: #42389d;
-  background-color: rgba(66, 56, 157, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-indigo-900 {
-  --bg-opacity: 1;
-  background-color: #362f78;
-  background-color: rgba(54, 47, 120, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-purple-50 {
-  --bg-opacity: 1;
-  background-color: #f6f5ff;
-  background-color: rgba(246, 245, 255, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-purple-100 {
-  --bg-opacity: 1;
-  background-color: #edebfe;
-  background-color: rgba(237, 235, 254, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-purple-200 {
-  --bg-opacity: 1;
-  background-color: #dcd7fe;
-  background-color: rgba(220, 215, 254, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-purple-300 {
-  --bg-opacity: 1;
-  background-color: #cabffd;
-  background-color: rgba(202, 191, 253, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-purple-400 {
-  --bg-opacity: 1;
-  background-color: #ac94fa;
-  background-color: rgba(172, 148, 250, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-purple-500 {
-  --bg-opacity: 1;
-  background-color: #9061f9;
-  background-color: rgba(144, 97, 249, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-purple-600 {
-  --bg-opacity: 1;
-  background-color: #7e3af2;
-  background-color: rgba(126, 58, 242, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-purple-700 {
-  --bg-opacity: 1;
-  background-color: #6c2bd9;
-  background-color: rgba(108, 43, 217, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-purple-800 {
-  --bg-opacity: 1;
-  background-color: #5521b5;
-  background-color: rgba(85, 33, 181, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-purple-900 {
-  --bg-opacity: 1;
-  background-color: #4a1d96;
-  background-color: rgba(74, 29, 150, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-pink-50 {
-  --bg-opacity: 1;
-  background-color: #fdf2f8;
-  background-color: rgba(253, 242, 248, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-pink-100 {
-  --bg-opacity: 1;
-  background-color: #fce8f3;
-  background-color: rgba(252, 232, 243, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-pink-200 {
-  --bg-opacity: 1;
-  background-color: #fad1e8;
-  background-color: rgba(250, 209, 232, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-pink-300 {
-  --bg-opacity: 1;
-  background-color: #f8b4d9;
-  background-color: rgba(248, 180, 217, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-pink-400 {
-  --bg-opacity: 1;
-  background-color: #f17eb8;
-  background-color: rgba(241, 126, 184, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-pink-500 {
-  --bg-opacity: 1;
-  background-color: #e74694;
-  background-color: rgba(231, 70, 148, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-pink-600 {
-  --bg-opacity: 1;
-  background-color: #d61f69;
-  background-color: rgba(214, 31, 105, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-pink-700 {
-  --bg-opacity: 1;
-  background-color: #bf125d;
-  background-color: rgba(191, 18, 93, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-pink-800 {
-  --bg-opacity: 1;
-  background-color: #99154b;
-  background-color: rgba(153, 21, 75, var(--bg-opacity));
-}
-
-.group:focus .group-focus\:bg-pink-900 {
-  --bg-opacity: 1;
-  background-color: #751a3d;
-  background-color: rgba(117, 26, 61, var(--bg-opacity));
-}
-
-.hover\:bg-transparent:hover {
-  background-color: transparent;
-}
-
-.hover\:bg-white:hover {
-  --bg-opacity: 1;
-  background-color: #ffffff;
-  background-color: rgba(255, 255, 255, var(--bg-opacity));
-}
-
-.hover\:bg-black:hover {
-  --bg-opacity: 1;
-  background-color: #000000;
-  background-color: rgba(0, 0, 0, var(--bg-opacity));
-}
-
-.hover\:bg-gray-50:hover {
-  --bg-opacity: 1;
-  background-color: #f9fafb;
-  background-color: rgba(249, 250, 251, var(--bg-opacity));
-}
-
-.hover\:bg-gray-100:hover {
-  --bg-opacity: 1;
-  background-color: #f4f5f7;
-  background-color: rgba(244, 245, 247, var(--bg-opacity));
-}
-
-.hover\:bg-gray-200:hover {
-  --bg-opacity: 1;
-  background-color: #e5e7eb;
-  background-color: rgba(229, 231, 235, var(--bg-opacity));
-}
-
-.hover\:bg-gray-300:hover {
-  --bg-opacity: 1;
-  background-color: #d2d6dc;
-  background-color: rgba(210, 214, 220, var(--bg-opacity));
-}
-
-.hover\:bg-gray-400:hover {
-  --bg-opacity: 1;
-  background-color: #9fa6b2;
-  background-color: rgba(159, 166, 178, var(--bg-opacity));
-}
-
-.hover\:bg-gray-500:hover {
-  --bg-opacity: 1;
-  background-color: #6b7280;
-  background-color: rgba(107, 114, 128, var(--bg-opacity));
-}
-
-.hover\:bg-gray-600:hover {
-  --bg-opacity: 1;
-  background-color: #4b5563;
-  background-color: rgba(75, 85, 99, var(--bg-opacity));
-}
-
-.hover\:bg-gray-700:hover {
-  --bg-opacity: 1;
-  background-color: #374151;
-  background-color: rgba(55, 65, 81, var(--bg-opacity));
-}
-
-.hover\:bg-gray-800:hover {
-  --bg-opacity: 1;
-  background-color: #252f3f;
-  background-color: rgba(37, 47, 63, var(--bg-opacity));
-}
-
-.hover\:bg-gray-900:hover {
-  --bg-opacity: 1;
-  background-color: #161e2e;
-  background-color: rgba(22, 30, 46, var(--bg-opacity));
-}
-
-.hover\:bg-cool-gray-50:hover {
-  --bg-opacity: 1;
-  background-color: #fbfdfe;
-  background-color: rgba(251, 253, 254, var(--bg-opacity));
-}
-
-.hover\:bg-cool-gray-100:hover {
-  --bg-opacity: 1;
-  background-color: #f1f5f9;
-  background-color: rgba(241, 245, 249, var(--bg-opacity));
-}
-
-.hover\:bg-cool-gray-200:hover {
-  --bg-opacity: 1;
-  background-color: #e2e8f0;
-  background-color: rgba(226, 232, 240, var(--bg-opacity));
-}
-
-.hover\:bg-cool-gray-300:hover {
-  --bg-opacity: 1;
-  background-color: #cfd8e3;
-  background-color: rgba(207, 216, 227, var(--bg-opacity));
-}
-
-.hover\:bg-cool-gray-400:hover {
-  --bg-opacity: 1;
-  background-color: #97a6ba;
-  background-color: rgba(151, 166, 186, var(--bg-opacity));
-}
-
-.hover\:bg-cool-gray-500:hover {
-  --bg-opacity: 1;
-  background-color: #64748b;
-  background-color: rgba(100, 116, 139, var(--bg-opacity));
-}
-
-.hover\:bg-cool-gray-600:hover {
-  --bg-opacity: 1;
-  background-color: #475569;
-  background-color: rgba(71, 85, 105, var(--bg-opacity));
-}
-
-.hover\:bg-cool-gray-700:hover {
-  --bg-opacity: 1;
-  background-color: #364152;
-  background-color: rgba(54, 65, 82, var(--bg-opacity));
-}
-
-.hover\:bg-cool-gray-800:hover {
-  --bg-opacity: 1;
-  background-color: #27303f;
-  background-color: rgba(39, 48, 63, var(--bg-opacity));
-}
-
-.hover\:bg-cool-gray-900:hover {
-  --bg-opacity: 1;
-  background-color: #1a202e;
-  background-color: rgba(26, 32, 46, var(--bg-opacity));
-}
-
-.hover\:bg-red-50:hover {
-  --bg-opacity: 1;
-  background-color: #fdf2f2;
-  background-color: rgba(253, 242, 242, var(--bg-opacity));
-}
-
-.hover\:bg-red-100:hover {
-  --bg-opacity: 1;
-  background-color: #fde8e8;
-  background-color: rgba(253, 232, 232, var(--bg-opacity));
-}
-
-.hover\:bg-red-200:hover {
-  --bg-opacity: 1;
-  background-color: #fbd5d5;
-  background-color: rgba(251, 213, 213, var(--bg-opacity));
-}
-
-.hover\:bg-red-300:hover {
-  --bg-opacity: 1;
-  background-color: #f8b4b4;
-  background-color: rgba(248, 180, 180, var(--bg-opacity));
-}
-
-.hover\:bg-red-400:hover {
-  --bg-opacity: 1;
-  background-color: #f98080;
-  background-color: rgba(249, 128, 128, var(--bg-opacity));
-}
-
-.hover\:bg-red-500:hover {
-  --bg-opacity: 1;
-  background-color: #f05252;
-  background-color: rgba(240, 82, 82, var(--bg-opacity));
-}
-
-.hover\:bg-red-600:hover {
-  --bg-opacity: 1;
-  background-color: #e02424;
-  background-color: rgba(224, 36, 36, var(--bg-opacity));
-}
-
-.hover\:bg-red-700:hover {
-  --bg-opacity: 1;
-  background-color: #c81e1e;
-  background-color: rgba(200, 30, 30, var(--bg-opacity));
-}
-
-.hover\:bg-red-800:hover {
-  --bg-opacity: 1;
-  background-color: #9b1c1c;
-  background-color: rgba(155, 28, 28, var(--bg-opacity));
-}
-
-.hover\:bg-red-900:hover {
-  --bg-opacity: 1;
-  background-color: #771d1d;
-  background-color: rgba(119, 29, 29, var(--bg-opacity));
-}
-
-.hover\:bg-orange-50:hover {
-  --bg-opacity: 1;
-  background-color: #fff8f1;
-  background-color: rgba(255, 248, 241, var(--bg-opacity));
-}
-
-.hover\:bg-orange-100:hover {
-  --bg-opacity: 1;
-  background-color: #feecdc;
-  background-color: rgba(254, 236, 220, var(--bg-opacity));
-}
-
-.hover\:bg-orange-200:hover {
-  --bg-opacity: 1;
-  background-color: #fcd9bd;
-  background-color: rgba(252, 217, 189, var(--bg-opacity));
-}
-
-.hover\:bg-orange-300:hover {
-  --bg-opacity: 1;
-  background-color: #fdba8c;
-  background-color: rgba(253, 186, 140, var(--bg-opacity));
-}
-
-.hover\:bg-orange-400:hover {
-  --bg-opacity: 1;
-  background-color: #ff8a4c;
-  background-color: rgba(255, 138, 76, var(--bg-opacity));
-}
-
-.hover\:bg-orange-500:hover {
-  --bg-opacity: 1;
-  background-color: #ff5a1f;
-  background-color: rgba(255, 90, 31, var(--bg-opacity));
-}
-
-.hover\:bg-orange-600:hover {
-  --bg-opacity: 1;
-  background-color: #d03801;
-  background-color: rgba(208, 56, 1, var(--bg-opacity));
-}
-
-.hover\:bg-orange-700:hover {
-  --bg-opacity: 1;
-  background-color: #b43403;
-  background-color: rgba(180, 52, 3, var(--bg-opacity));
-}
-
-.hover\:bg-orange-800:hover {
-  --bg-opacity: 1;
-  background-color: #8a2c0d;
-  background-color: rgba(138, 44, 13, var(--bg-opacity));
-}
-
-.hover\:bg-orange-900:hover {
-  --bg-opacity: 1;
-  background-color: #771d1d;
-  background-color: rgba(119, 29, 29, var(--bg-opacity));
-}
-
-.hover\:bg-yellow-50:hover {
-  --bg-opacity: 1;
-  background-color: #fdfdea;
-  background-color: rgba(253, 253, 234, var(--bg-opacity));
-}
-
-.hover\:bg-yellow-100:hover {
-  --bg-opacity: 1;
-  background-color: #fdf6b2;
-  background-color: rgba(253, 246, 178, var(--bg-opacity));
-}
-
-.hover\:bg-yellow-200:hover {
-  --bg-opacity: 1;
-  background-color: #fce96a;
-  background-color: rgba(252, 233, 106, var(--bg-opacity));
-}
-
-.hover\:bg-yellow-300:hover {
-  --bg-opacity: 1;
-  background-color: #faca15;
-  background-color: rgba(250, 202, 21, var(--bg-opacity));
-}
-
-.hover\:bg-yellow-400:hover {
-  --bg-opacity: 1;
-  background-color: #e3a008;
-  background-color: rgba(227, 160, 8, var(--bg-opacity));
-}
-
-.hover\:bg-yellow-500:hover {
-  --bg-opacity: 1;
-  background-color: #c27803;
-  background-color: rgba(194, 120, 3, var(--bg-opacity));
-}
-
-.hover\:bg-yellow-600:hover {
-  --bg-opacity: 1;
-  background-color: #9f580a;
-  background-color: rgba(159, 88, 10, var(--bg-opacity));
-}
-
-.hover\:bg-yellow-700:hover {
-  --bg-opacity: 1;
-  background-color: #8e4b10;
-  background-color: rgba(142, 75, 16, var(--bg-opacity));
-}
-
-.hover\:bg-yellow-800:hover {
-  --bg-opacity: 1;
-  background-color: #723b13;
-  background-color: rgba(114, 59, 19, var(--bg-opacity));
-}
-
-.hover\:bg-yellow-900:hover {
-  --bg-opacity: 1;
-  background-color: #633112;
-  background-color: rgba(99, 49, 18, var(--bg-opacity));
-}
-
-.hover\:bg-green-50:hover {
-  --bg-opacity: 1;
-  background-color: #f3faf7;
-  background-color: rgba(243, 250, 247, var(--bg-opacity));
-}
-
-.hover\:bg-green-100:hover {
-  --bg-opacity: 1;
-  background-color: #def7ec;
-  background-color: rgba(222, 247, 236, var(--bg-opacity));
-}
-
-.hover\:bg-green-200:hover {
-  --bg-opacity: 1;
-  background-color: #bcf0da;
-  background-color: rgba(188, 240, 218, var(--bg-opacity));
-}
-
-.hover\:bg-green-300:hover {
-  --bg-opacity: 1;
-  background-color: #84e1bc;
-  background-color: rgba(132, 225, 188, var(--bg-opacity));
-}
-
-.hover\:bg-green-400:hover {
-  --bg-opacity: 1;
-  background-color: #31c48d;
-  background-color: rgba(49, 196, 141, var(--bg-opacity));
-}
-
-.hover\:bg-green-500:hover {
-  --bg-opacity: 1;
-  background-color: #0e9f6e;
-  background-color: rgba(14, 159, 110, var(--bg-opacity));
-}
-
-.hover\:bg-green-600:hover {
-  --bg-opacity: 1;
-  background-color: #057a55;
-  background-color: rgba(5, 122, 85, var(--bg-opacity));
-}
-
-.hover\:bg-green-700:hover {
-  --bg-opacity: 1;
-  background-color: #046c4e;
-  background-color: rgba(4, 108, 78, var(--bg-opacity));
-}
-
-.hover\:bg-green-800:hover {
-  --bg-opacity: 1;
-  background-color: #03543f;
-  background-color: rgba(3, 84, 63, var(--bg-opacity));
-}
-
-.hover\:bg-green-900:hover {
-  --bg-opacity: 1;
-  background-color: #014737;
-  background-color: rgba(1, 71, 55, var(--bg-opacity));
-}
-
-.hover\:bg-teal-50:hover {
-  --bg-opacity: 1;
-  background-color: #edfafa;
-  background-color: rgba(237, 250, 250, var(--bg-opacity));
-}
-
-.hover\:bg-teal-100:hover {
-  --bg-opacity: 1;
-  background-color: #d5f5f6;
-  background-color: rgba(213, 245, 246, var(--bg-opacity));
-}
-
-.hover\:bg-teal-200:hover {
-  --bg-opacity: 1;
-  background-color: #afecef;
-  background-color: rgba(175, 236, 239, var(--bg-opacity));
-}
-
-.hover\:bg-teal-300:hover {
-  --bg-opacity: 1;
-  background-color: #7edce2;
-  background-color: rgba(126, 220, 226, var(--bg-opacity));
-}
-
-.hover\:bg-teal-400:hover {
-  --bg-opacity: 1;
-  background-color: #16bdca;
-  background-color: rgba(22, 189, 202, var(--bg-opacity));
-}
-
-.hover\:bg-teal-500:hover {
-  --bg-opacity: 1;
-  background-color: #0694a2;
-  background-color: rgba(6, 148, 162, var(--bg-opacity));
-}
-
-.hover\:bg-teal-600:hover {
-  --bg-opacity: 1;
-  background-color: #047481;
-  background-color: rgba(4, 116, 129, var(--bg-opacity));
-}
-
-.hover\:bg-teal-700:hover {
-  --bg-opacity: 1;
-  background-color: #036672;
-  background-color: rgba(3, 102, 114, var(--bg-opacity));
-}
-
-.hover\:bg-teal-800:hover {
-  --bg-opacity: 1;
-  background-color: #05505c;
-  background-color: rgba(5, 80, 92, var(--bg-opacity));
-}
-
-.hover\:bg-teal-900:hover {
-  --bg-opacity: 1;
-  background-color: #014451;
-  background-color: rgba(1, 68, 81, var(--bg-opacity));
-}
-
-.hover\:bg-blue-50:hover {
-  --bg-opacity: 1;
-  background-color: #ebf5ff;
-  background-color: rgba(235, 245, 255, var(--bg-opacity));
-}
-
-.hover\:bg-blue-100:hover {
-  --bg-opacity: 1;
-  background-color: #e1effe;
-  background-color: rgba(225, 239, 254, var(--bg-opacity));
-}
-
-.hover\:bg-blue-200:hover {
-  --bg-opacity: 1;
-  background-color: #c3ddfd;
-  background-color: rgba(195, 221, 253, var(--bg-opacity));
-}
-
-.hover\:bg-blue-300:hover {
-  --bg-opacity: 1;
-  background-color: #a4cafe;
-  background-color: rgba(164, 202, 254, var(--bg-opacity));
-}
-
-.hover\:bg-blue-400:hover {
-  --bg-opacity: 1;
-  background-color: #76a9fa;
-  background-color: rgba(118, 169, 250, var(--bg-opacity));
-}
-
-.hover\:bg-blue-500:hover {
-  --bg-opacity: 1;
-  background-color: #3f83f8;
-  background-color: rgba(63, 131, 248, var(--bg-opacity));
-}
-
-.hover\:bg-blue-600:hover {
-  --bg-opacity: 1;
-  background-color: #1c64f2;
-  background-color: rgba(28, 100, 242, var(--bg-opacity));
-}
-
-.hover\:bg-blue-700:hover {
-  --bg-opacity: 1;
-  background-color: #1a56db;
-  background-color: rgba(26, 86, 219, var(--bg-opacity));
-}
-
-.hover\:bg-blue-800:hover {
-  --bg-opacity: 1;
-  background-color: #1e429f;
-  background-color: rgba(30, 66, 159, var(--bg-opacity));
-}
-
-.hover\:bg-blue-900:hover {
-  --bg-opacity: 1;
-  background-color: #233876;
-  background-color: rgba(35, 56, 118, var(--bg-opacity));
-}
-
-.hover\:bg-indigo-50:hover {
-  --bg-opacity: 1;
-  background-color: #f0f5ff;
-  background-color: rgba(240, 245, 255, var(--bg-opacity));
-}
-
-.hover\:bg-indigo-100:hover {
-  --bg-opacity: 1;
-  background-color: #e5edff;
-  background-color: rgba(229, 237, 255, var(--bg-opacity));
-}
-
-.hover\:bg-indigo-200:hover {
-  --bg-opacity: 1;
-  background-color: #cddbfe;
-  background-color: rgba(205, 219, 254, var(--bg-opacity));
-}
-
-.hover\:bg-indigo-300:hover {
-  --bg-opacity: 1;
-  background-color: #b4c6fc;
-  background-color: rgba(180, 198, 252, var(--bg-opacity));
-}
-
-.hover\:bg-indigo-400:hover {
-  --bg-opacity: 1;
-  background-color: #8da2fb;
-  background-color: rgba(141, 162, 251, var(--bg-opacity));
-}
-
-.hover\:bg-indigo-500:hover {
-  --bg-opacity: 1;
-  background-color: #6875f5;
-  background-color: rgba(104, 117, 245, var(--bg-opacity));
-}
-
-.hover\:bg-indigo-600:hover {
-  --bg-opacity: 1;
-  background-color: #5850ec;
-  background-color: rgba(88, 80, 236, var(--bg-opacity));
-}
-
-.hover\:bg-indigo-700:hover {
-  --bg-opacity: 1;
-  background-color: #5145cd;
-  background-color: rgba(81, 69, 205, var(--bg-opacity));
-}
-
-.hover\:bg-indigo-800:hover {
-  --bg-opacity: 1;
-  background-color: #42389d;
-  background-color: rgba(66, 56, 157, var(--bg-opacity));
-}
-
-.hover\:bg-indigo-900:hover {
-  --bg-opacity: 1;
-  background-color: #362f78;
-  background-color: rgba(54, 47, 120, var(--bg-opacity));
-}
-
-.hover\:bg-purple-50:hover {
-  --bg-opacity: 1;
-  background-color: #f6f5ff;
-  background-color: rgba(246, 245, 255, var(--bg-opacity));
-}
-
-.hover\:bg-purple-100:hover {
-  --bg-opacity: 1;
-  background-color: #edebfe;
-  background-color: rgba(237, 235, 254, var(--bg-opacity));
-}
-
-.hover\:bg-purple-200:hover {
-  --bg-opacity: 1;
-  background-color: #dcd7fe;
-  background-color: rgba(220, 215, 254, var(--bg-opacity));
-}
-
-.hover\:bg-purple-300:hover {
-  --bg-opacity: 1;
-  background-color: #cabffd;
-  background-color: rgba(202, 191, 253, var(--bg-opacity));
-}
-
-.hover\:bg-purple-400:hover {
-  --bg-opacity: 1;
-  background-color: #ac94fa;
-  background-color: rgba(172, 148, 250, var(--bg-opacity));
-}
-
-.hover\:bg-purple-500:hover {
-  --bg-opacity: 1;
-  background-color: #9061f9;
-  background-color: rgba(144, 97, 249, var(--bg-opacity));
-}
-
-.hover\:bg-purple-600:hover {
-  --bg-opacity: 1;
-  background-color: #7e3af2;
-  background-color: rgba(126, 58, 242, var(--bg-opacity));
-}
-
-.hover\:bg-purple-700:hover {
-  --bg-opacity: 1;
-  background-color: #6c2bd9;
-  background-color: rgba(108, 43, 217, var(--bg-opacity));
-}
-
-.hover\:bg-purple-800:hover {
-  --bg-opacity: 1;
-  background-color: #5521b5;
-  background-color: rgba(85, 33, 181, var(--bg-opacity));
-}
-
-.hover\:bg-purple-900:hover {
-  --bg-opacity: 1;
-  background-color: #4a1d96;
-  background-color: rgba(74, 29, 150, var(--bg-opacity));
-}
-
-.hover\:bg-pink-50:hover {
-  --bg-opacity: 1;
-  background-color: #fdf2f8;
-  background-color: rgba(253, 242, 248, var(--bg-opacity));
-}
-
-.hover\:bg-pink-100:hover {
-  --bg-opacity: 1;
-  background-color: #fce8f3;
-  background-color: rgba(252, 232, 243, var(--bg-opacity));
-}
-
-.hover\:bg-pink-200:hover {
-  --bg-opacity: 1;
-  background-color: #fad1e8;
-  background-color: rgba(250, 209, 232, var(--bg-opacity));
-}
-
-.hover\:bg-pink-300:hover {
-  --bg-opacity: 1;
-  background-color: #f8b4d9;
-  background-color: rgba(248, 180, 217, var(--bg-opacity));
-}
-
-.hover\:bg-pink-400:hover {
-  --bg-opacity: 1;
-  background-color: #f17eb8;
-  background-color: rgba(241, 126, 184, var(--bg-opacity));
-}
-
-.hover\:bg-pink-500:hover {
-  --bg-opacity: 1;
-  background-color: #e74694;
-  background-color: rgba(231, 70, 148, var(--bg-opacity));
-}
-
-.hover\:bg-pink-600:hover {
-  --bg-opacity: 1;
-  background-color: #d61f69;
-  background-color: rgba(214, 31, 105, var(--bg-opacity));
-}
-
-.hover\:bg-pink-700:hover {
-  --bg-opacity: 1;
-  background-color: #bf125d;
-  background-color: rgba(191, 18, 93, var(--bg-opacity));
-}
-
-.hover\:bg-pink-800:hover {
-  --bg-opacity: 1;
-  background-color: #99154b;
-  background-color: rgba(153, 21, 75, var(--bg-opacity));
-}
-
-.hover\:bg-pink-900:hover {
-  --bg-opacity: 1;
-  background-color: #751a3d;
-  background-color: rgba(117, 26, 61, var(--bg-opacity));
-}
-
-.focus\:bg-transparent:focus {
-  background-color: transparent;
-}
-
-.focus\:bg-white:focus {
-  --bg-opacity: 1;
-  background-color: #ffffff;
-  background-color: rgba(255, 255, 255, var(--bg-opacity));
-}
-
-.focus\:bg-black:focus {
-  --bg-opacity: 1;
-  background-color: #000000;
-  background-color: rgba(0, 0, 0, var(--bg-opacity));
-}
-
-.focus\:bg-gray-50:focus {
-  --bg-opacity: 1;
-  background-color: #f9fafb;
-  background-color: rgba(249, 250, 251, var(--bg-opacity));
-}
-
-.focus\:bg-gray-100:focus {
-  --bg-opacity: 1;
-  background-color: #f4f5f7;
-  background-color: rgba(244, 245, 247, var(--bg-opacity));
-}
-
-.focus\:bg-gray-200:focus {
-  --bg-opacity: 1;
-  background-color: #e5e7eb;
-  background-color: rgba(229, 231, 235, var(--bg-opacity));
-}
-
-.focus\:bg-gray-300:focus {
-  --bg-opacity: 1;
-  background-color: #d2d6dc;
-  background-color: rgba(210, 214, 220, var(--bg-opacity));
-}
-
-.focus\:bg-gray-400:focus {
-  --bg-opacity: 1;
-  background-color: #9fa6b2;
-  background-color: rgba(159, 166, 178, var(--bg-opacity));
-}
-
-.focus\:bg-gray-500:focus {
-  --bg-opacity: 1;
-  background-color: #6b7280;
-  background-color: rgba(107, 114, 128, var(--bg-opacity));
-}
-
-.focus\:bg-gray-600:focus {
-  --bg-opacity: 1;
-  background-color: #4b5563;
-  background-color: rgba(75, 85, 99, var(--bg-opacity));
-}
-
-.focus\:bg-gray-700:focus {
-  --bg-opacity: 1;
-  background-color: #374151;
-  background-color: rgba(55, 65, 81, var(--bg-opacity));
-}
-
-.focus\:bg-gray-800:focus {
-  --bg-opacity: 1;
-  background-color: #252f3f;
-  background-color: rgba(37, 47, 63, var(--bg-opacity));
-}
-
-.focus\:bg-gray-900:focus {
-  --bg-opacity: 1;
-  background-color: #161e2e;
-  background-color: rgba(22, 30, 46, var(--bg-opacity));
-}
-
-.focus\:bg-cool-gray-50:focus {
-  --bg-opacity: 1;
-  background-color: #fbfdfe;
-  background-color: rgba(251, 253, 254, var(--bg-opacity));
-}
-
-.focus\:bg-cool-gray-100:focus {
-  --bg-opacity: 1;
-  background-color: #f1f5f9;
-  background-color: rgba(241, 245, 249, var(--bg-opacity));
-}
-
-.focus\:bg-cool-gray-200:focus {
-  --bg-opacity: 1;
-  background-color: #e2e8f0;
-  background-color: rgba(226, 232, 240, var(--bg-opacity));
-}
-
-.focus\:bg-cool-gray-300:focus {
-  --bg-opacity: 1;
-  background-color: #cfd8e3;
-  background-color: rgba(207, 216, 227, var(--bg-opacity));
-}
-
-.focus\:bg-cool-gray-400:focus {
-  --bg-opacity: 1;
-  background-color: #97a6ba;
-  background-color: rgba(151, 166, 186, var(--bg-opacity));
-}
-
-.focus\:bg-cool-gray-500:focus {
-  --bg-opacity: 1;
-  background-color: #64748b;
-  background-color: rgba(100, 116, 139, var(--bg-opacity));
-}
-
-.focus\:bg-cool-gray-600:focus {
-  --bg-opacity: 1;
-  background-color: #475569;
-  background-color: rgba(71, 85, 105, var(--bg-opacity));
-}
-
-.focus\:bg-cool-gray-700:focus {
-  --bg-opacity: 1;
-  background-color: #364152;
-  background-color: rgba(54, 65, 82, var(--bg-opacity));
-}
-
-.focus\:bg-cool-gray-800:focus {
-  --bg-opacity: 1;
-  background-color: #27303f;
-  background-color: rgba(39, 48, 63, var(--bg-opacity));
-}
-
-.focus\:bg-cool-gray-900:focus {
-  --bg-opacity: 1;
-  background-color: #1a202e;
-  background-color: rgba(26, 32, 46, var(--bg-opacity));
-}
-
-.focus\:bg-red-50:focus {
-  --bg-opacity: 1;
-  background-color: #fdf2f2;
-  background-color: rgba(253, 242, 242, var(--bg-opacity));
-}
-
-.focus\:bg-red-100:focus {
-  --bg-opacity: 1;
-  background-color: #fde8e8;
-  background-color: rgba(253, 232, 232, var(--bg-opacity));
-}
-
-.focus\:bg-red-200:focus {
-  --bg-opacity: 1;
-  background-color: #fbd5d5;
-  background-color: rgba(251, 213, 213, var(--bg-opacity));
-}
-
-.focus\:bg-red-300:focus {
-  --bg-opacity: 1;
-  background-color: #f8b4b4;
-  background-color: rgba(248, 180, 180, var(--bg-opacity));
-}
-
-.focus\:bg-red-400:focus {
-  --bg-opacity: 1;
-  background-color: #f98080;
-  background-color: rgba(249, 128, 128, var(--bg-opacity));
-}
-
-.focus\:bg-red-500:focus {
-  --bg-opacity: 1;
-  background-color: #f05252;
-  background-color: rgba(240, 82, 82, var(--bg-opacity));
-}
-
-.focus\:bg-red-600:focus {
-  --bg-opacity: 1;
-  background-color: #e02424;
-  background-color: rgba(224, 36, 36, var(--bg-opacity));
-}
-
-.focus\:bg-red-700:focus {
-  --bg-opacity: 1;
-  background-color: #c81e1e;
-  background-color: rgba(200, 30, 30, var(--bg-opacity));
-}
-
-.focus\:bg-red-800:focus {
-  --bg-opacity: 1;
-  background-color: #9b1c1c;
-  background-color: rgba(155, 28, 28, var(--bg-opacity));
-}
-
-.focus\:bg-red-900:focus {
-  --bg-opacity: 1;
-  background-color: #771d1d;
-  background-color: rgba(119, 29, 29, var(--bg-opacity));
-}
-
-.focus\:bg-orange-50:focus {
-  --bg-opacity: 1;
-  background-color: #fff8f1;
-  background-color: rgba(255, 248, 241, var(--bg-opacity));
-}
-
-.focus\:bg-orange-100:focus {
-  --bg-opacity: 1;
-  background-color: #feecdc;
-  background-color: rgba(254, 236, 220, var(--bg-opacity));
-}
-
-.focus\:bg-orange-200:focus {
-  --bg-opacity: 1;
-  background-color: #fcd9bd;
-  background-color: rgba(252, 217, 189, var(--bg-opacity));
-}
-
-.focus\:bg-orange-300:focus {
-  --bg-opacity: 1;
-  background-color: #fdba8c;
-  background-color: rgba(253, 186, 140, var(--bg-opacity));
-}
-
-.focus\:bg-orange-400:focus {
-  --bg-opacity: 1;
-  background-color: #ff8a4c;
-  background-color: rgba(255, 138, 76, var(--bg-opacity));
-}
-
-.focus\:bg-orange-500:focus {
-  --bg-opacity: 1;
-  background-color: #ff5a1f;
-  background-color: rgba(255, 90, 31, var(--bg-opacity));
-}
-
-.focus\:bg-orange-600:focus {
-  --bg-opacity: 1;
-  background-color: #d03801;
-  background-color: rgba(208, 56, 1, var(--bg-opacity));
-}
-
-.focus\:bg-orange-700:focus {
-  --bg-opacity: 1;
-  background-color: #b43403;
-  background-color: rgba(180, 52, 3, var(--bg-opacity));
-}
-
-.focus\:bg-orange-800:focus {
-  --bg-opacity: 1;
-  background-color: #8a2c0d;
-  background-color: rgba(138, 44, 13, var(--bg-opacity));
-}
-
-.focus\:bg-orange-900:focus {
-  --bg-opacity: 1;
-  background-color: #771d1d;
-  background-color: rgba(119, 29, 29, var(--bg-opacity));
-}
-
-.focus\:bg-yellow-50:focus {
-  --bg-opacity: 1;
-  background-color: #fdfdea;
-  background-color: rgba(253, 253, 234, var(--bg-opacity));
-}
-
-.focus\:bg-yellow-100:focus {
-  --bg-opacity: 1;
-  background-color: #fdf6b2;
-  background-color: rgba(253, 246, 178, var(--bg-opacity));
-}
-
-.focus\:bg-yellow-200:focus {
-  --bg-opacity: 1;
-  background-color: #fce96a;
-  background-color: rgba(252, 233, 106, var(--bg-opacity));
-}
-
-.focus\:bg-yellow-300:focus {
-  --bg-opacity: 1;
-  background-color: #faca15;
-  background-color: rgba(250, 202, 21, var(--bg-opacity));
-}
-
-.focus\:bg-yellow-400:focus {
-  --bg-opacity: 1;
-  background-color: #e3a008;
-  background-color: rgba(227, 160, 8, var(--bg-opacity));
-}
-
-.focus\:bg-yellow-500:focus {
-  --bg-opacity: 1;
-  background-color: #c27803;
-  background-color: rgba(194, 120, 3, var(--bg-opacity));
-}
-
-.focus\:bg-yellow-600:focus {
-  --bg-opacity: 1;
-  background-color: #9f580a;
-  background-color: rgba(159, 88, 10, var(--bg-opacity));
-}
-
-.focus\:bg-yellow-700:focus {
-  --bg-opacity: 1;
-  background-color: #8e4b10;
-  background-color: rgba(142, 75, 16, var(--bg-opacity));
-}
-
-.focus\:bg-yellow-800:focus {
-  --bg-opacity: 1;
-  background-color: #723b13;
-  background-color: rgba(114, 59, 19, var(--bg-opacity));
-}
-
-.focus\:bg-yellow-900:focus {
-  --bg-opacity: 1;
-  background-color: #633112;
-  background-color: rgba(99, 49, 18, var(--bg-opacity));
-}
-
-.focus\:bg-green-50:focus {
-  --bg-opacity: 1;
-  background-color: #f3faf7;
-  background-color: rgba(243, 250, 247, var(--bg-opacity));
-}
-
-.focus\:bg-green-100:focus {
-  --bg-opacity: 1;
-  background-color: #def7ec;
-  background-color: rgba(222, 247, 236, var(--bg-opacity));
-}
-
-.focus\:bg-green-200:focus {
-  --bg-opacity: 1;
-  background-color: #bcf0da;
-  background-color: rgba(188, 240, 218, var(--bg-opacity));
-}
-
-.focus\:bg-green-300:focus {
-  --bg-opacity: 1;
-  background-color: #84e1bc;
-  background-color: rgba(132, 225, 188, var(--bg-opacity));
-}
-
-.focus\:bg-green-400:focus {
-  --bg-opacity: 1;
-  background-color: #31c48d;
-  background-color: rgba(49, 196, 141, var(--bg-opacity));
-}
-
-.focus\:bg-green-500:focus {
-  --bg-opacity: 1;
-  background-color: #0e9f6e;
-  background-color: rgba(14, 159, 110, var(--bg-opacity));
-}
-
-.focus\:bg-green-600:focus {
-  --bg-opacity: 1;
-  background-color: #057a55;
-  background-color: rgba(5, 122, 85, var(--bg-opacity));
-}
-
-.focus\:bg-green-700:focus {
-  --bg-opacity: 1;
-  background-color: #046c4e;
-  background-color: rgba(4, 108, 78, var(--bg-opacity));
-}
-
-.focus\:bg-green-800:focus {
-  --bg-opacity: 1;
-  background-color: #03543f;
-  background-color: rgba(3, 84, 63, var(--bg-opacity));
-}
-
-.focus\:bg-green-900:focus {
-  --bg-opacity: 1;
-  background-color: #014737;
-  background-color: rgba(1, 71, 55, var(--bg-opacity));
-}
-
-.focus\:bg-teal-50:focus {
-  --bg-opacity: 1;
-  background-color: #edfafa;
-  background-color: rgba(237, 250, 250, var(--bg-opacity));
-}
-
-.focus\:bg-teal-100:focus {
-  --bg-opacity: 1;
-  background-color: #d5f5f6;
-  background-color: rgba(213, 245, 246, var(--bg-opacity));
-}
-
-.focus\:bg-teal-200:focus {
-  --bg-opacity: 1;
-  background-color: #afecef;
-  background-color: rgba(175, 236, 239, var(--bg-opacity));
-}
-
-.focus\:bg-teal-300:focus {
-  --bg-opacity: 1;
-  background-color: #7edce2;
-  background-color: rgba(126, 220, 226, var(--bg-opacity));
-}
-
-.focus\:bg-teal-400:focus {
-  --bg-opacity: 1;
-  background-color: #16bdca;
-  background-color: rgba(22, 189, 202, var(--bg-opacity));
-}
-
-.focus\:bg-teal-500:focus {
-  --bg-opacity: 1;
-  background-color: #0694a2;
-  background-color: rgba(6, 148, 162, var(--bg-opacity));
-}
-
-.focus\:bg-teal-600:focus {
-  --bg-opacity: 1;
-  background-color: #047481;
-  background-color: rgba(4, 116, 129, var(--bg-opacity));
-}
-
-.focus\:bg-teal-700:focus {
-  --bg-opacity: 1;
-  background-color: #036672;
-  background-color: rgba(3, 102, 114, var(--bg-opacity));
-}
-
-.focus\:bg-teal-800:focus {
-  --bg-opacity: 1;
-  background-color: #05505c;
-  background-color: rgba(5, 80, 92, var(--bg-opacity));
-}
-
-.focus\:bg-teal-900:focus {
-  --bg-opacity: 1;
-  background-color: #014451;
-  background-color: rgba(1, 68, 81, var(--bg-opacity));
-}
-
-.focus\:bg-blue-50:focus {
-  --bg-opacity: 1;
-  background-color: #ebf5ff;
-  background-color: rgba(235, 245, 255, var(--bg-opacity));
-}
-
-.focus\:bg-blue-100:focus {
-  --bg-opacity: 1;
-  background-color: #e1effe;
-  background-color: rgba(225, 239, 254, var(--bg-opacity));
-}
-
-.focus\:bg-blue-200:focus {
-  --bg-opacity: 1;
-  background-color: #c3ddfd;
-  background-color: rgba(195, 221, 253, var(--bg-opacity));
-}
-
-.focus\:bg-blue-300:focus {
-  --bg-opacity: 1;
-  background-color: #a4cafe;
-  background-color: rgba(164, 202, 254, var(--bg-opacity));
-}
-
-.focus\:bg-blue-400:focus {
-  --bg-opacity: 1;
-  background-color: #76a9fa;
-  background-color: rgba(118, 169, 250, var(--bg-opacity));
-}
-
-.focus\:bg-blue-500:focus {
-  --bg-opacity: 1;
-  background-color: #3f83f8;
-  background-color: rgba(63, 131, 248, var(--bg-opacity));
-}
-
-.focus\:bg-blue-600:focus {
-  --bg-opacity: 1;
-  background-color: #1c64f2;
-  background-color: rgba(28, 100, 242, var(--bg-opacity));
-}
-
-.focus\:bg-blue-700:focus {
-  --bg-opacity: 1;
-  background-color: #1a56db;
-  background-color: rgba(26, 86, 219, var(--bg-opacity));
-}
-
-.focus\:bg-blue-800:focus {
-  --bg-opacity: 1;
-  background-color: #1e429f;
-  background-color: rgba(30, 66, 159, var(--bg-opacity));
-}
-
-.focus\:bg-blue-900:focus {
-  --bg-opacity: 1;
-  background-color: #233876;
-  background-color: rgba(35, 56, 118, var(--bg-opacity));
-}
-
-.focus\:bg-indigo-50:focus {
-  --bg-opacity: 1;
-  background-color: #f0f5ff;
-  background-color: rgba(240, 245, 255, var(--bg-opacity));
-}
-
-.focus\:bg-indigo-100:focus {
-  --bg-opacity: 1;
-  background-color: #e5edff;
-  background-color: rgba(229, 237, 255, var(--bg-opacity));
-}
-
-.focus\:bg-indigo-200:focus {
-  --bg-opacity: 1;
-  background-color: #cddbfe;
-  background-color: rgba(205, 219, 254, var(--bg-opacity));
-}
-
-.focus\:bg-indigo-300:focus {
-  --bg-opacity: 1;
-  background-color: #b4c6fc;
-  background-color: rgba(180, 198, 252, var(--bg-opacity));
-}
-
-.focus\:bg-indigo-400:focus {
-  --bg-opacity: 1;
-  background-color: #8da2fb;
-  background-color: rgba(141, 162, 251, var(--bg-opacity));
-}
-
-.focus\:bg-indigo-500:focus {
-  --bg-opacity: 1;
-  background-color: #6875f5;
-  background-color: rgba(104, 117, 245, var(--bg-opacity));
-}
-
-.focus\:bg-indigo-600:focus {
-  --bg-opacity: 1;
-  background-color: #5850ec;
-  background-color: rgba(88, 80, 236, var(--bg-opacity));
-}
-
-.focus\:bg-indigo-700:focus {
-  --bg-opacity: 1;
-  background-color: #5145cd;
-  background-color: rgba(81, 69, 205, var(--bg-opacity));
-}
-
-.focus\:bg-indigo-800:focus {
-  --bg-opacity: 1;
-  background-color: #42389d;
-  background-color: rgba(66, 56, 157, var(--bg-opacity));
-}
-
-.focus\:bg-indigo-900:focus {
-  --bg-opacity: 1;
-  background-color: #362f78;
-  background-color: rgba(54, 47, 120, var(--bg-opacity));
-}
-
-.focus\:bg-purple-50:focus {
-  --bg-opacity: 1;
-  background-color: #f6f5ff;
-  background-color: rgba(246, 245, 255, var(--bg-opacity));
-}
-
-.focus\:bg-purple-100:focus {
-  --bg-opacity: 1;
-  background-color: #edebfe;
-  background-color: rgba(237, 235, 254, var(--bg-opacity));
-}
-
-.focus\:bg-purple-200:focus {
-  --bg-opacity: 1;
-  background-color: #dcd7fe;
-  background-color: rgba(220, 215, 254, var(--bg-opacity));
-}
-
-.focus\:bg-purple-300:focus {
-  --bg-opacity: 1;
-  background-color: #cabffd;
-  background-color: rgba(202, 191, 253, var(--bg-opacity));
-}
-
-.focus\:bg-purple-400:focus {
-  --bg-opacity: 1;
-  background-color: #ac94fa;
-  background-color: rgba(172, 148, 250, var(--bg-opacity));
-}
-
-.focus\:bg-purple-500:focus {
-  --bg-opacity: 1;
-  background-color: #9061f9;
-  background-color: rgba(144, 97, 249, var(--bg-opacity));
-}
-
-.focus\:bg-purple-600:focus {
-  --bg-opacity: 1;
-  background-color: #7e3af2;
-  background-color: rgba(126, 58, 242, var(--bg-opacity));
-}
-
-.focus\:bg-purple-700:focus {
-  --bg-opacity: 1;
-  background-color: #6c2bd9;
-  background-color: rgba(108, 43, 217, var(--bg-opacity));
-}
-
-.focus\:bg-purple-800:focus {
-  --bg-opacity: 1;
-  background-color: #5521b5;
-  background-color: rgba(85, 33, 181, var(--bg-opacity));
-}
-
-.focus\:bg-purple-900:focus {
-  --bg-opacity: 1;
-  background-color: #4a1d96;
-  background-color: rgba(74, 29, 150, var(--bg-opacity));
-}
-
-.focus\:bg-pink-50:focus {
-  --bg-opacity: 1;
-  background-color: #fdf2f8;
-  background-color: rgba(253, 242, 248, var(--bg-opacity));
-}
-
-.focus\:bg-pink-100:focus {
-  --bg-opacity: 1;
-  background-color: #fce8f3;
-  background-color: rgba(252, 232, 243, var(--bg-opacity));
-}
-
-.focus\:bg-pink-200:focus {
-  --bg-opacity: 1;
-  background-color: #fad1e8;
-  background-color: rgba(250, 209, 232, var(--bg-opacity));
-}
-
-.focus\:bg-pink-300:focus {
-  --bg-opacity: 1;
-  background-color: #f8b4d9;
-  background-color: rgba(248, 180, 217, var(--bg-opacity));
-}
-
-.focus\:bg-pink-400:focus {
-  --bg-opacity: 1;
-  background-color: #f17eb8;
-  background-color: rgba(241, 126, 184, var(--bg-opacity));
-}
-
-.focus\:bg-pink-500:focus {
-  --bg-opacity: 1;
-  background-color: #e74694;
-  background-color: rgba(231, 70, 148, var(--bg-opacity));
-}
-
-.focus\:bg-pink-600:focus {
-  --bg-opacity: 1;
-  background-color: #d61f69;
-  background-color: rgba(214, 31, 105, var(--bg-opacity));
-}
-
-.focus\:bg-pink-700:focus {
-  --bg-opacity: 1;
-  background-color: #bf125d;
-  background-color: rgba(191, 18, 93, var(--bg-opacity));
-}
-
-.focus\:bg-pink-800:focus {
-  --bg-opacity: 1;
-  background-color: #99154b;
-  background-color: rgba(153, 21, 75, var(--bg-opacity));
-}
-
-.focus\:bg-pink-900:focus {
-  --bg-opacity: 1;
-  background-color: #751a3d;
-  background-color: rgba(117, 26, 61, var(--bg-opacity));
-}
-
-.active\:bg-transparent:active {
-  background-color: transparent;
-}
-
-.active\:bg-white:active {
-  --bg-opacity: 1;
-  background-color: #ffffff;
-  background-color: rgba(255, 255, 255, var(--bg-opacity));
-}
-
-.active\:bg-black:active {
-  --bg-opacity: 1;
-  background-color: #000000;
-  background-color: rgba(0, 0, 0, var(--bg-opacity));
-}
-
-.active\:bg-gray-50:active {
-  --bg-opacity: 1;
-  background-color: #f9fafb;
-  background-color: rgba(249, 250, 251, var(--bg-opacity));
-}
-
-.active\:bg-gray-100:active {
-  --bg-opacity: 1;
-  background-color: #f4f5f7;
-  background-color: rgba(244, 245, 247, var(--bg-opacity));
-}
-
-.active\:bg-gray-200:active {
-  --bg-opacity: 1;
-  background-color: #e5e7eb;
-  background-color: rgba(229, 231, 235, var(--bg-opacity));
-}
-
-.active\:bg-gray-300:active {
-  --bg-opacity: 1;
-  background-color: #d2d6dc;
-  background-color: rgba(210, 214, 220, var(--bg-opacity));
-}
-
-.active\:bg-gray-400:active {
-  --bg-opacity: 1;
-  background-color: #9fa6b2;
-  background-color: rgba(159, 166, 178, var(--bg-opacity));
-}
-
-.active\:bg-gray-500:active {
-  --bg-opacity: 1;
-  background-color: #6b7280;
-  background-color: rgba(107, 114, 128, var(--bg-opacity));
-}
-
-.active\:bg-gray-600:active {
-  --bg-opacity: 1;
-  background-color: #4b5563;
-  background-color: rgba(75, 85, 99, var(--bg-opacity));
-}
-
-.active\:bg-gray-700:active {
-  --bg-opacity: 1;
-  background-color: #374151;
-  background-color: rgba(55, 65, 81, var(--bg-opacity));
-}
-
-.active\:bg-gray-800:active {
-  --bg-opacity: 1;
-  background-color: #252f3f;
-  background-color: rgba(37, 47, 63, var(--bg-opacity));
-}
-
-.active\:bg-gray-900:active {
-  --bg-opacity: 1;
-  background-color: #161e2e;
-  background-color: rgba(22, 30, 46, var(--bg-opacity));
-}
-
-.active\:bg-cool-gray-50:active {
-  --bg-opacity: 1;
-  background-color: #fbfdfe;
-  background-color: rgba(251, 253, 254, var(--bg-opacity));
-}
-
-.active\:bg-cool-gray-100:active {
-  --bg-opacity: 1;
-  background-color: #f1f5f9;
-  background-color: rgba(241, 245, 249, var(--bg-opacity));
-}
-
-.active\:bg-cool-gray-200:active {
-  --bg-opacity: 1;
-  background-color: #e2e8f0;
-  background-color: rgba(226, 232, 240, var(--bg-opacity));
-}
-
-.active\:bg-cool-gray-300:active {
-  --bg-opacity: 1;
-  background-color: #cfd8e3;
-  background-color: rgba(207, 216, 227, var(--bg-opacity));
-}
-
-.active\:bg-cool-gray-400:active {
-  --bg-opacity: 1;
-  background-color: #97a6ba;
-  background-color: rgba(151, 166, 186, var(--bg-opacity));
-}
-
-.active\:bg-cool-gray-500:active {
-  --bg-opacity: 1;
-  background-color: #64748b;
-  background-color: rgba(100, 116, 139, var(--bg-opacity));
-}
-
-.active\:bg-cool-gray-600:active {
-  --bg-opacity: 1;
-  background-color: #475569;
-  background-color: rgba(71, 85, 105, var(--bg-opacity));
-}
-
-.active\:bg-cool-gray-700:active {
-  --bg-opacity: 1;
-  background-color: #364152;
-  background-color: rgba(54, 65, 82, var(--bg-opacity));
-}
-
-.active\:bg-cool-gray-800:active {
-  --bg-opacity: 1;
-  background-color: #27303f;
-  background-color: rgba(39, 48, 63, var(--bg-opacity));
-}
-
-.active\:bg-cool-gray-900:active {
-  --bg-opacity: 1;
-  background-color: #1a202e;
-  background-color: rgba(26, 32, 46, var(--bg-opacity));
-}
-
-.active\:bg-red-50:active {
-  --bg-opacity: 1;
-  background-color: #fdf2f2;
-  background-color: rgba(253, 242, 242, var(--bg-opacity));
-}
-
-.active\:bg-red-100:active {
-  --bg-opacity: 1;
-  background-color: #fde8e8;
-  background-color: rgba(253, 232, 232, var(--bg-opacity));
-}
-
-.active\:bg-red-200:active {
-  --bg-opacity: 1;
-  background-color: #fbd5d5;
-  background-color: rgba(251, 213, 213, var(--bg-opacity));
-}
-
-.active\:bg-red-300:active {
-  --bg-opacity: 1;
-  background-color: #f8b4b4;
-  background-color: rgba(248, 180, 180, var(--bg-opacity));
-}
-
-.active\:bg-red-400:active {
-  --bg-opacity: 1;
-  background-color: #f98080;
-  background-color: rgba(249, 128, 128, var(--bg-opacity));
-}
-
-.active\:bg-red-500:active {
-  --bg-opacity: 1;
-  background-color: #f05252;
-  background-color: rgba(240, 82, 82, var(--bg-opacity));
-}
-
-.active\:bg-red-600:active {
-  --bg-opacity: 1;
-  background-color: #e02424;
-  background-color: rgba(224, 36, 36, var(--bg-opacity));
-}
-
-.active\:bg-red-700:active {
-  --bg-opacity: 1;
-  background-color: #c81e1e;
-  background-color: rgba(200, 30, 30, var(--bg-opacity));
-}
-
-.active\:bg-red-800:active {
-  --bg-opacity: 1;
-  background-color: #9b1c1c;
-  background-color: rgba(155, 28, 28, var(--bg-opacity));
-}
-
-.active\:bg-red-900:active {
-  --bg-opacity: 1;
-  background-color: #771d1d;
-  background-color: rgba(119, 29, 29, var(--bg-opacity));
-}
-
-.active\:bg-orange-50:active {
-  --bg-opacity: 1;
-  background-color: #fff8f1;
-  background-color: rgba(255, 248, 241, var(--bg-opacity));
-}
-
-.active\:bg-orange-100:active {
-  --bg-opacity: 1;
-  background-color: #feecdc;
-  background-color: rgba(254, 236, 220, var(--bg-opacity));
-}
-
-.active\:bg-orange-200:active {
-  --bg-opacity: 1;
-  background-color: #fcd9bd;
-  background-color: rgba(252, 217, 189, var(--bg-opacity));
-}
-
-.active\:bg-orange-300:active {
-  --bg-opacity: 1;
-  background-color: #fdba8c;
-  background-color: rgba(253, 186, 140, var(--bg-opacity));
-}
-
-.active\:bg-orange-400:active {
-  --bg-opacity: 1;
-  background-color: #ff8a4c;
-  background-color: rgba(255, 138, 76, var(--bg-opacity));
-}
-
-.active\:bg-orange-500:active {
-  --bg-opacity: 1;
-  background-color: #ff5a1f;
-  background-color: rgba(255, 90, 31, var(--bg-opacity));
-}
-
-.active\:bg-orange-600:active {
-  --bg-opacity: 1;
-  background-color: #d03801;
-  background-color: rgba(208, 56, 1, var(--bg-opacity));
-}
-
-.active\:bg-orange-700:active {
-  --bg-opacity: 1;
-  background-color: #b43403;
-  background-color: rgba(180, 52, 3, var(--bg-opacity));
-}
-
-.active\:bg-orange-800:active {
-  --bg-opacity: 1;
-  background-color: #8a2c0d;
-  background-color: rgba(138, 44, 13, var(--bg-opacity));
-}
-
-.active\:bg-orange-900:active {
-  --bg-opacity: 1;
-  background-color: #771d1d;
-  background-color: rgba(119, 29, 29, var(--bg-opacity));
-}
-
-.active\:bg-yellow-50:active {
-  --bg-opacity: 1;
-  background-color: #fdfdea;
-  background-color: rgba(253, 253, 234, var(--bg-opacity));
-}
-
-.active\:bg-yellow-100:active {
-  --bg-opacity: 1;
-  background-color: #fdf6b2;
-  background-color: rgba(253, 246, 178, var(--bg-opacity));
-}
-
-.active\:bg-yellow-200:active {
-  --bg-opacity: 1;
-  background-color: #fce96a;
-  background-color: rgba(252, 233, 106, var(--bg-opacity));
-}
-
-.active\:bg-yellow-300:active {
-  --bg-opacity: 1;
-  background-color: #faca15;
-  background-color: rgba(250, 202, 21, var(--bg-opacity));
-}
-
-.active\:bg-yellow-400:active {
-  --bg-opacity: 1;
-  background-color: #e3a008;
-  background-color: rgba(227, 160, 8, var(--bg-opacity));
-}
-
-.active\:bg-yellow-500:active {
-  --bg-opacity: 1;
-  background-color: #c27803;
-  background-color: rgba(194, 120, 3, var(--bg-opacity));
-}
-
-.active\:bg-yellow-600:active {
-  --bg-opacity: 1;
-  background-color: #9f580a;
-  background-color: rgba(159, 88, 10, var(--bg-opacity));
-}
-
-.active\:bg-yellow-700:active {
-  --bg-opacity: 1;
-  background-color: #8e4b10;
-  background-color: rgba(142, 75, 16, var(--bg-opacity));
-}
-
-.active\:bg-yellow-800:active {
-  --bg-opacity: 1;
-  background-color: #723b13;
-  background-color: rgba(114, 59, 19, var(--bg-opacity));
-}
-
-.active\:bg-yellow-900:active {
-  --bg-opacity: 1;
-  background-color: #633112;
-  background-color: rgba(99, 49, 18, var(--bg-opacity));
-}
-
-.active\:bg-green-50:active {
-  --bg-opacity: 1;
-  background-color: #f3faf7;
-  background-color: rgba(243, 250, 247, var(--bg-opacity));
-}
-
-.active\:bg-green-100:active {
-  --bg-opacity: 1;
-  background-color: #def7ec;
-  background-color: rgba(222, 247, 236, var(--bg-opacity));
-}
-
-.active\:bg-green-200:active {
-  --bg-opacity: 1;
-  background-color: #bcf0da;
-  background-color: rgba(188, 240, 218, var(--bg-opacity));
-}
-
-.active\:bg-green-300:active {
-  --bg-opacity: 1;
-  background-color: #84e1bc;
-  background-color: rgba(132, 225, 188, var(--bg-opacity));
-}
-
-.active\:bg-green-400:active {
-  --bg-opacity: 1;
-  background-color: #31c48d;
-  background-color: rgba(49, 196, 141, var(--bg-opacity));
-}
-
-.active\:bg-green-500:active {
-  --bg-opacity: 1;
-  background-color: #0e9f6e;
-  background-color: rgba(14, 159, 110, var(--bg-opacity));
-}
-
-.active\:bg-green-600:active {
-  --bg-opacity: 1;
-  background-color: #057a55;
-  background-color: rgba(5, 122, 85, var(--bg-opacity));
-}
-
-.active\:bg-green-700:active {
-  --bg-opacity: 1;
-  background-color: #046c4e;
-  background-color: rgba(4, 108, 78, var(--bg-opacity));
-}
-
-.active\:bg-green-800:active {
-  --bg-opacity: 1;
-  background-color: #03543f;
-  background-color: rgba(3, 84, 63, var(--bg-opacity));
-}
-
-.active\:bg-green-900:active {
-  --bg-opacity: 1;
-  background-color: #014737;
-  background-color: rgba(1, 71, 55, var(--bg-opacity));
-}
-
-.active\:bg-teal-50:active {
-  --bg-opacity: 1;
-  background-color: #edfafa;
-  background-color: rgba(237, 250, 250, var(--bg-opacity));
-}
-
-.active\:bg-teal-100:active {
-  --bg-opacity: 1;
-  background-color: #d5f5f6;
-  background-color: rgba(213, 245, 246, var(--bg-opacity));
-}
-
-.active\:bg-teal-200:active {
-  --bg-opacity: 1;
-  background-color: #afecef;
-  background-color: rgba(175, 236, 239, var(--bg-opacity));
-}
-
-.active\:bg-teal-300:active {
-  --bg-opacity: 1;
-  background-color: #7edce2;
-  background-color: rgba(126, 220, 226, var(--bg-opacity));
-}
-
-.active\:bg-teal-400:active {
-  --bg-opacity: 1;
-  background-color: #16bdca;
-  background-color: rgba(22, 189, 202, var(--bg-opacity));
-}
-
-.active\:bg-teal-500:active {
-  --bg-opacity: 1;
-  background-color: #0694a2;
-  background-color: rgba(6, 148, 162, var(--bg-opacity));
-}
-
-.active\:bg-teal-600:active {
-  --bg-opacity: 1;
-  background-color: #047481;
-  background-color: rgba(4, 116, 129, var(--bg-opacity));
-}
-
-.active\:bg-teal-700:active {
-  --bg-opacity: 1;
-  background-color: #036672;
-  background-color: rgba(3, 102, 114, var(--bg-opacity));
-}
-
-.active\:bg-teal-800:active {
-  --bg-opacity: 1;
-  background-color: #05505c;
-  background-color: rgba(5, 80, 92, var(--bg-opacity));
-}
-
-.active\:bg-teal-900:active {
-  --bg-opacity: 1;
-  background-color: #014451;
-  background-color: rgba(1, 68, 81, var(--bg-opacity));
-}
-
-.active\:bg-blue-50:active {
-  --bg-opacity: 1;
-  background-color: #ebf5ff;
-  background-color: rgba(235, 245, 255, var(--bg-opacity));
-}
-
-.active\:bg-blue-100:active {
-  --bg-opacity: 1;
-  background-color: #e1effe;
-  background-color: rgba(225, 239, 254, var(--bg-opacity));
-}
-
-.active\:bg-blue-200:active {
-  --bg-opacity: 1;
-  background-color: #c3ddfd;
-  background-color: rgba(195, 221, 253, var(--bg-opacity));
-}
-
-.active\:bg-blue-300:active {
-  --bg-opacity: 1;
-  background-color: #a4cafe;
-  background-color: rgba(164, 202, 254, var(--bg-opacity));
-}
-
-.active\:bg-blue-400:active {
-  --bg-opacity: 1;
-  background-color: #76a9fa;
-  background-color: rgba(118, 169, 250, var(--bg-opacity));
-}
-
-.active\:bg-blue-500:active {
-  --bg-opacity: 1;
-  background-color: #3f83f8;
-  background-color: rgba(63, 131, 248, var(--bg-opacity));
-}
-
-.active\:bg-blue-600:active {
-  --bg-opacity: 1;
-  background-color: #1c64f2;
-  background-color: rgba(28, 100, 242, var(--bg-opacity));
-}
-
-.active\:bg-blue-700:active {
-  --bg-opacity: 1;
-  background-color: #1a56db;
-  background-color: rgba(26, 86, 219, var(--bg-opacity));
-}
-
-.active\:bg-blue-800:active {
-  --bg-opacity: 1;
-  background-color: #1e429f;
-  background-color: rgba(30, 66, 159, var(--bg-opacity));
-}
-
-.active\:bg-blue-900:active {
-  --bg-opacity: 1;
-  background-color: #233876;
-  background-color: rgba(35, 56, 118, var(--bg-opacity));
-}
-
-.active\:bg-indigo-50:active {
-  --bg-opacity: 1;
-  background-color: #f0f5ff;
-  background-color: rgba(240, 245, 255, var(--bg-opacity));
-}
-
-.active\:bg-indigo-100:active {
-  --bg-opacity: 1;
-  background-color: #e5edff;
-  background-color: rgba(229, 237, 255, var(--bg-opacity));
-}
-
-.active\:bg-indigo-200:active {
-  --bg-opacity: 1;
-  background-color: #cddbfe;
-  background-color: rgba(205, 219, 254, var(--bg-opacity));
-}
-
-.active\:bg-indigo-300:active {
-  --bg-opacity: 1;
-  background-color: #b4c6fc;
-  background-color: rgba(180, 198, 252, var(--bg-opacity));
-}
-
-.active\:bg-indigo-400:active {
-  --bg-opacity: 1;
-  background-color: #8da2fb;
-  background-color: rgba(141, 162, 251, var(--bg-opacity));
-}
-
-.active\:bg-indigo-500:active {
-  --bg-opacity: 1;
-  background-color: #6875f5;
-  background-color: rgba(104, 117, 245, var(--bg-opacity));
-}
-
-.active\:bg-indigo-600:active {
-  --bg-opacity: 1;
-  background-color: #5850ec;
-  background-color: rgba(88, 80, 236, var(--bg-opacity));
-}
-
-.active\:bg-indigo-700:active {
-  --bg-opacity: 1;
-  background-color: #5145cd;
-  background-color: rgba(81, 69, 205, var(--bg-opacity));
-}
-
-.active\:bg-indigo-800:active {
-  --bg-opacity: 1;
-  background-color: #42389d;
-  background-color: rgba(66, 56, 157, var(--bg-opacity));
-}
-
-.active\:bg-indigo-900:active {
-  --bg-opacity: 1;
-  background-color: #362f78;
-  background-color: rgba(54, 47, 120, var(--bg-opacity));
-}
-
-.active\:bg-purple-50:active {
-  --bg-opacity: 1;
-  background-color: #f6f5ff;
-  background-color: rgba(246, 245, 255, var(--bg-opacity));
-}
-
-.active\:bg-purple-100:active {
-  --bg-opacity: 1;
-  background-color: #edebfe;
-  background-color: rgba(237, 235, 254, var(--bg-opacity));
-}
-
-.active\:bg-purple-200:active {
-  --bg-opacity: 1;
-  background-color: #dcd7fe;
-  background-color: rgba(220, 215, 254, var(--bg-opacity));
-}
-
-.active\:bg-purple-300:active {
-  --bg-opacity: 1;
-  background-color: #cabffd;
-  background-color: rgba(202, 191, 253, var(--bg-opacity));
-}
-
-.active\:bg-purple-400:active {
-  --bg-opacity: 1;
-  background-color: #ac94fa;
-  background-color: rgba(172, 148, 250, var(--bg-opacity));
-}
-
-.active\:bg-purple-500:active {
-  --bg-opacity: 1;
-  background-color: #9061f9;
-  background-color: rgba(144, 97, 249, var(--bg-opacity));
-}
-
-.active\:bg-purple-600:active {
-  --bg-opacity: 1;
-  background-color: #7e3af2;
-  background-color: rgba(126, 58, 242, var(--bg-opacity));
-}
-
-.active\:bg-purple-700:active {
-  --bg-opacity: 1;
-  background-color: #6c2bd9;
-  background-color: rgba(108, 43, 217, var(--bg-opacity));
-}
-
-.active\:bg-purple-800:active {
-  --bg-opacity: 1;
-  background-color: #5521b5;
-  background-color: rgba(85, 33, 181, var(--bg-opacity));
-}
-
-.active\:bg-purple-900:active {
-  --bg-opacity: 1;
-  background-color: #4a1d96;
-  background-color: rgba(74, 29, 150, var(--bg-opacity));
-}
-
-.active\:bg-pink-50:active {
-  --bg-opacity: 1;
-  background-color: #fdf2f8;
-  background-color: rgba(253, 242, 248, var(--bg-opacity));
-}
-
-.active\:bg-pink-100:active {
-  --bg-opacity: 1;
-  background-color: #fce8f3;
-  background-color: rgba(252, 232, 243, var(--bg-opacity));
-}
-
-.active\:bg-pink-200:active {
-  --bg-opacity: 1;
-  background-color: #fad1e8;
-  background-color: rgba(250, 209, 232, var(--bg-opacity));
-}
-
-.active\:bg-pink-300:active {
-  --bg-opacity: 1;
-  background-color: #f8b4d9;
-  background-color: rgba(248, 180, 217, var(--bg-opacity));
-}
-
-.active\:bg-pink-400:active {
-  --bg-opacity: 1;
-  background-color: #f17eb8;
-  background-color: rgba(241, 126, 184, var(--bg-opacity));
-}
-
-.active\:bg-pink-500:active {
-  --bg-opacity: 1;
-  background-color: #e74694;
-  background-color: rgba(231, 70, 148, var(--bg-opacity));
-}
-
-.active\:bg-pink-600:active {
-  --bg-opacity: 1;
-  background-color: #d61f69;
-  background-color: rgba(214, 31, 105, var(--bg-opacity));
-}
-
-.active\:bg-pink-700:active {
-  --bg-opacity: 1;
-  background-color: #bf125d;
-  background-color: rgba(191, 18, 93, var(--bg-opacity));
-}
-
-.active\:bg-pink-800:active {
-  --bg-opacity: 1;
-  background-color: #99154b;
-  background-color: rgba(153, 21, 75, var(--bg-opacity));
-}
-
-.active\:bg-pink-900:active {
-  --bg-opacity: 1;
-  background-color: #751a3d;
-  background-color: rgba(117, 26, 61, var(--bg-opacity));
-}
-
-.bg-opacity-0 {
-  --bg-opacity: 0;
-}
-
-.bg-opacity-25 {
-  --bg-opacity: 0.25;
-}
-
-.bg-opacity-50 {
-  --bg-opacity: 0.5;
-}
-
-.bg-opacity-75 {
-  --bg-opacity: 0.75;
-}
-
-.bg-opacity-100 {
-  --bg-opacity: 1;
-}
-
-.hover\:bg-opacity-0:hover {
-  --bg-opacity: 0;
-}
-
-.hover\:bg-opacity-25:hover {
-  --bg-opacity: 0.25;
-}
-
-.hover\:bg-opacity-50:hover {
-  --bg-opacity: 0.5;
-}
-
-.hover\:bg-opacity-75:hover {
-  --bg-opacity: 0.75;
-}
-
-.hover\:bg-opacity-100:hover {
-  --bg-opacity: 1;
-}
-
-.focus\:bg-opacity-0:focus {
-  --bg-opacity: 0;
-}
-
-.focus\:bg-opacity-25:focus {
-  --bg-opacity: 0.25;
-}
-
-.focus\:bg-opacity-50:focus {
-  --bg-opacity: 0.5;
-}
-
-.focus\:bg-opacity-75:focus {
-  --bg-opacity: 0.75;
-}
-
-.focus\:bg-opacity-100:focus {
-  --bg-opacity: 1;
-}
-
-.bg-bottom {
-  background-position: bottom;
-}
-
-.bg-center {
-  background-position: center;
-}
-
-.bg-left {
-  background-position: left;
-}
-
-.bg-left-bottom {
-  background-position: left bottom;
-}
-
-.bg-left-top {
-  background-position: left top;
-}
-
-.bg-right {
-  background-position: right;
-}
-
-.bg-right-bottom {
-  background-position: right bottom;
-}
-
-.bg-right-top {
-  background-position: right top;
-}
-
-.bg-top {
-  background-position: top;
-}
-
-.bg-repeat {
-  background-repeat: repeat;
-}
-
-.bg-no-repeat {
-  background-repeat: no-repeat;
-}
-
-.bg-repeat-x {
-  background-repeat: repeat-x;
-}
-
-.bg-repeat-y {
-  background-repeat: repeat-y;
-}
-
-.bg-repeat-round {
-  background-repeat: round;
-}
-
-.bg-repeat-space {
-  background-repeat: space;
-}
-
-.bg-auto {
-  background-size: auto;
-}
-
-.bg-cover {
-  background-size: cover;
-}
-
-.bg-contain {
-  background-size: contain;
-}
-
-.border-collapse {
-  border-collapse: collapse;
-}
-
-.border-separate {
-  border-collapse: separate;
-}
-
-.border-transparent {
-  border-color: transparent;
-}
-
-.border-white {
-  --border-opacity: 1;
-  border-color: #ffffff;
-  border-color: rgba(255, 255, 255, var(--border-opacity));
-}
-
-.border-black {
-  --border-opacity: 1;
-  border-color: #000000;
-  border-color: rgba(0, 0, 0, var(--border-opacity));
-}
-
-.border-gray-50 {
-  --border-opacity: 1;
-  border-color: #f9fafb;
-  border-color: rgba(249, 250, 251, var(--border-opacity));
-}
-
-.border-gray-100 {
-  --border-opacity: 1;
-  border-color: #f4f5f7;
-  border-color: rgba(244, 245, 247, var(--border-opacity));
-}
-
-.border-gray-200 {
-  --border-opacity: 1;
-  border-color: #e5e7eb;
-  border-color: rgba(229, 231, 235, var(--border-opacity));
-}
-
-.border-gray-300 {
-  --border-opacity: 1;
-  border-color: #d2d6dc;
-  border-color: rgba(210, 214, 220, var(--border-opacity));
-}
-
-.border-gray-400 {
-  --border-opacity: 1;
-  border-color: #9fa6b2;
-  border-color: rgba(159, 166, 178, var(--border-opacity));
-}
-
-.border-gray-500 {
-  --border-opacity: 1;
-  border-color: #6b7280;
-  border-color: rgba(107, 114, 128, var(--border-opacity));
-}
-
-.border-gray-600 {
-  --border-opacity: 1;
-  border-color: #4b5563;
-  border-color: rgba(75, 85, 99, var(--border-opacity));
-}
-
-.border-gray-700 {
-  --border-opacity: 1;
-  border-color: #374151;
-  border-color: rgba(55, 65, 81, var(--border-opacity));
-}
-
-.border-gray-800 {
-  --border-opacity: 1;
-  border-color: #252f3f;
-  border-color: rgba(37, 47, 63, var(--border-opacity));
-}
-
-.border-gray-900 {
-  --border-opacity: 1;
-  border-color: #161e2e;
-  border-color: rgba(22, 30, 46, var(--border-opacity));
-}
-
-.border-cool-gray-50 {
-  --border-opacity: 1;
-  border-color: #fbfdfe;
-  border-color: rgba(251, 253, 254, var(--border-opacity));
-}
-
-.border-cool-gray-100 {
-  --border-opacity: 1;
-  border-color: #f1f5f9;
-  border-color: rgba(241, 245, 249, var(--border-opacity));
-}
-
-.border-cool-gray-200 {
-  --border-opacity: 1;
-  border-color: #e2e8f0;
-  border-color: rgba(226, 232, 240, var(--border-opacity));
-}
-
-.border-cool-gray-300 {
-  --border-opacity: 1;
-  border-color: #cfd8e3;
-  border-color: rgba(207, 216, 227, var(--border-opacity));
-}
-
-.border-cool-gray-400 {
-  --border-opacity: 1;
-  border-color: #97a6ba;
-  border-color: rgba(151, 166, 186, var(--border-opacity));
-}
-
-.border-cool-gray-500 {
-  --border-opacity: 1;
-  border-color: #64748b;
-  border-color: rgba(100, 116, 139, var(--border-opacity));
-}
-
-.border-cool-gray-600 {
-  --border-opacity: 1;
-  border-color: #475569;
-  border-color: rgba(71, 85, 105, var(--border-opacity));
-}
-
-.border-cool-gray-700 {
-  --border-opacity: 1;
-  border-color: #364152;
-  border-color: rgba(54, 65, 82, var(--border-opacity));
-}
-
-.border-cool-gray-800 {
-  --border-opacity: 1;
-  border-color: #27303f;
-  border-color: rgba(39, 48, 63, var(--border-opacity));
-}
-
-.border-cool-gray-900 {
-  --border-opacity: 1;
-  border-color: #1a202e;
-  border-color: rgba(26, 32, 46, var(--border-opacity));
-}
-
-.border-red-50 {
-  --border-opacity: 1;
-  border-color: #fdf2f2;
-  border-color: rgba(253, 242, 242, var(--border-opacity));
-}
-
-.border-red-100 {
-  --border-opacity: 1;
-  border-color: #fde8e8;
-  border-color: rgba(253, 232, 232, var(--border-opacity));
-}
-
-.border-red-200 {
-  --border-opacity: 1;
-  border-color: #fbd5d5;
-  border-color: rgba(251, 213, 213, var(--border-opacity));
-}
-
-.border-red-300 {
-  --border-opacity: 1;
-  border-color: #f8b4b4;
-  border-color: rgba(248, 180, 180, var(--border-opacity));
-}
-
-.border-red-400 {
-  --border-opacity: 1;
-  border-color: #f98080;
-  border-color: rgba(249, 128, 128, var(--border-opacity));
-}
-
-.border-red-500 {
-  --border-opacity: 1;
-  border-color: #f05252;
-  border-color: rgba(240, 82, 82, var(--border-opacity));
-}
-
-.border-red-600 {
-  --border-opacity: 1;
-  border-color: #e02424;
-  border-color: rgba(224, 36, 36, var(--border-opacity));
-}
-
-.border-red-700 {
-  --border-opacity: 1;
-  border-color: #c81e1e;
-  border-color: rgba(200, 30, 30, var(--border-opacity));
-}
-
-.border-red-800 {
-  --border-opacity: 1;
-  border-color: #9b1c1c;
-  border-color: rgba(155, 28, 28, var(--border-opacity));
-}
-
-.border-red-900 {
-  --border-opacity: 1;
-  border-color: #771d1d;
-  border-color: rgba(119, 29, 29, var(--border-opacity));
-}
-
-.border-orange-50 {
-  --border-opacity: 1;
-  border-color: #fff8f1;
-  border-color: rgba(255, 248, 241, var(--border-opacity));
-}
-
-.border-orange-100 {
-  --border-opacity: 1;
-  border-color: #feecdc;
-  border-color: rgba(254, 236, 220, var(--border-opacity));
-}
-
-.border-orange-200 {
-  --border-opacity: 1;
-  border-color: #fcd9bd;
-  border-color: rgba(252, 217, 189, var(--border-opacity));
-}
-
-.border-orange-300 {
-  --border-opacity: 1;
-  border-color: #fdba8c;
-  border-color: rgba(253, 186, 140, var(--border-opacity));
-}
-
-.border-orange-400 {
-  --border-opacity: 1;
-  border-color: #ff8a4c;
-  border-color: rgba(255, 138, 76, var(--border-opacity));
-}
-
-.border-orange-500 {
-  --border-opacity: 1;
-  border-color: #ff5a1f;
-  border-color: rgba(255, 90, 31, var(--border-opacity));
-}
-
-.border-orange-600 {
-  --border-opacity: 1;
-  border-color: #d03801;
-  border-color: rgba(208, 56, 1, var(--border-opacity));
-}
-
-.border-orange-700 {
-  --border-opacity: 1;
-  border-color: #b43403;
-  border-color: rgba(180, 52, 3, var(--border-opacity));
-}
-
-.border-orange-800 {
-  --border-opacity: 1;
-  border-color: #8a2c0d;
-  border-color: rgba(138, 44, 13, var(--border-opacity));
-}
-
-.border-orange-900 {
-  --border-opacity: 1;
-  border-color: #771d1d;
-  border-color: rgba(119, 29, 29, var(--border-opacity));
-}
-
-.border-yellow-50 {
-  --border-opacity: 1;
-  border-color: #fdfdea;
-  border-color: rgba(253, 253, 234, var(--border-opacity));
-}
-
-.border-yellow-100 {
-  --border-opacity: 1;
-  border-color: #fdf6b2;
-  border-color: rgba(253, 246, 178, var(--border-opacity));
-}
-
-.border-yellow-200 {
-  --border-opacity: 1;
-  border-color: #fce96a;
-  border-color: rgba(252, 233, 106, var(--border-opacity));
-}
-
-.border-yellow-300 {
-  --border-opacity: 1;
-  border-color: #faca15;
-  border-color: rgba(250, 202, 21, var(--border-opacity));
-}
-
-.border-yellow-400 {
-  --border-opacity: 1;
-  border-color: #e3a008;
-  border-color: rgba(227, 160, 8, var(--border-opacity));
-}
-
-.border-yellow-500 {
-  --border-opacity: 1;
-  border-color: #c27803;
-  border-color: rgba(194, 120, 3, var(--border-opacity));
-}
-
-.border-yellow-600 {
-  --border-opacity: 1;
-  border-color: #9f580a;
-  border-color: rgba(159, 88, 10, var(--border-opacity));
-}
-
-.border-yellow-700 {
-  --border-opacity: 1;
-  border-color: #8e4b10;
-  border-color: rgba(142, 75, 16, var(--border-opacity));
-}
-
-.border-yellow-800 {
-  --border-opacity: 1;
-  border-color: #723b13;
-  border-color: rgba(114, 59, 19, var(--border-opacity));
-}
-
-.border-yellow-900 {
-  --border-opacity: 1;
-  border-color: #633112;
-  border-color: rgba(99, 49, 18, var(--border-opacity));
-}
-
-.border-green-50 {
-  --border-opacity: 1;
-  border-color: #f3faf7;
-  border-color: rgba(243, 250, 247, var(--border-opacity));
-}
-
-.border-green-100 {
-  --border-opacity: 1;
-  border-color: #def7ec;
-  border-color: rgba(222, 247, 236, var(--border-opacity));
-}
-
-.border-green-200 {
-  --border-opacity: 1;
-  border-color: #bcf0da;
-  border-color: rgba(188, 240, 218, var(--border-opacity));
-}
-
-.border-green-300 {
-  --border-opacity: 1;
-  border-color: #84e1bc;
-  border-color: rgba(132, 225, 188, var(--border-opacity));
-}
-
-.border-green-400 {
-  --border-opacity: 1;
-  border-color: #31c48d;
-  border-color: rgba(49, 196, 141, var(--border-opacity));
-}
-
-.border-green-500 {
-  --border-opacity: 1;
-  border-color: #0e9f6e;
-  border-color: rgba(14, 159, 110, var(--border-opacity));
-}
-
-.border-green-600 {
-  --border-opacity: 1;
-  border-color: #057a55;
-  border-color: rgba(5, 122, 85, var(--border-opacity));
-}
-
-.border-green-700 {
-  --border-opacity: 1;
-  border-color: #046c4e;
-  border-color: rgba(4, 108, 78, var(--border-opacity));
-}
-
-.border-green-800 {
-  --border-opacity: 1;
-  border-color: #03543f;
-  border-color: rgba(3, 84, 63, var(--border-opacity));
-}
-
-.border-green-900 {
-  --border-opacity: 1;
-  border-color: #014737;
-  border-color: rgba(1, 71, 55, var(--border-opacity));
-}
-
-.border-teal-50 {
-  --border-opacity: 1;
-  border-color: #edfafa;
-  border-color: rgba(237, 250, 250, var(--border-opacity));
-}
-
-.border-teal-100 {
-  --border-opacity: 1;
-  border-color: #d5f5f6;
-  border-color: rgba(213, 245, 246, var(--border-opacity));
-}
-
-.border-teal-200 {
-  --border-opacity: 1;
-  border-color: #afecef;
-  border-color: rgba(175, 236, 239, var(--border-opacity));
-}
-
-.border-teal-300 {
-  --border-opacity: 1;
-  border-color: #7edce2;
-  border-color: rgba(126, 220, 226, var(--border-opacity));
-}
-
-.border-teal-400 {
-  --border-opacity: 1;
-  border-color: #16bdca;
-  border-color: rgba(22, 189, 202, var(--border-opacity));
-}
-
-.border-teal-500 {
-  --border-opacity: 1;
-  border-color: #0694a2;
-  border-color: rgba(6, 148, 162, var(--border-opacity));
-}
-
-.border-teal-600 {
-  --border-opacity: 1;
-  border-color: #047481;
-  border-color: rgba(4, 116, 129, var(--border-opacity));
-}
-
-.border-teal-700 {
-  --border-opacity: 1;
-  border-color: #036672;
-  border-color: rgba(3, 102, 114, var(--border-opacity));
-}
-
-.border-teal-800 {
-  --border-opacity: 1;
-  border-color: #05505c;
-  border-color: rgba(5, 80, 92, var(--border-opacity));
-}
-
-.border-teal-900 {
-  --border-opacity: 1;
-  border-color: #014451;
-  border-color: rgba(1, 68, 81, var(--border-opacity));
-}
-
-.border-blue-50 {
-  --border-opacity: 1;
-  border-color: #ebf5ff;
-  border-color: rgba(235, 245, 255, var(--border-opacity));
-}
-
-.border-blue-100 {
-  --border-opacity: 1;
-  border-color: #e1effe;
-  border-color: rgba(225, 239, 254, var(--border-opacity));
-}
-
-.border-blue-200 {
-  --border-opacity: 1;
-  border-color: #c3ddfd;
-  border-color: rgba(195, 221, 253, var(--border-opacity));
-}
-
-.border-blue-300 {
-  --border-opacity: 1;
-  border-color: #a4cafe;
-  border-color: rgba(164, 202, 254, var(--border-opacity));
-}
-
-.border-blue-400 {
-  --border-opacity: 1;
-  border-color: #76a9fa;
-  border-color: rgba(118, 169, 250, var(--border-opacity));
-}
-
-.border-blue-500 {
-  --border-opacity: 1;
-  border-color: #3f83f8;
-  border-color: rgba(63, 131, 248, var(--border-opacity));
-}
-
-.border-blue-600 {
-  --border-opacity: 1;
-  border-color: #1c64f2;
-  border-color: rgba(28, 100, 242, var(--border-opacity));
-}
-
-.border-blue-700 {
-  --border-opacity: 1;
-  border-color: #1a56db;
-  border-color: rgba(26, 86, 219, var(--border-opacity));
-}
-
-.border-blue-800 {
-  --border-opacity: 1;
-  border-color: #1e429f;
-  border-color: rgba(30, 66, 159, var(--border-opacity));
-}
-
-.border-blue-900 {
-  --border-opacity: 1;
-  border-color: #233876;
-  border-color: rgba(35, 56, 118, var(--border-opacity));
-}
-
-.border-indigo-50 {
-  --border-opacity: 1;
-  border-color: #f0f5ff;
-  border-color: rgba(240, 245, 255, var(--border-opacity));
-}
-
-.border-indigo-100 {
-  --border-opacity: 1;
-  border-color: #e5edff;
-  border-color: rgba(229, 237, 255, var(--border-opacity));
-}
-
-.border-indigo-200 {
-  --border-opacity: 1;
-  border-color: #cddbfe;
-  border-color: rgba(205, 219, 254, var(--border-opacity));
-}
-
-.border-indigo-300 {
-  --border-opacity: 1;
-  border-color: #b4c6fc;
-  border-color: rgba(180, 198, 252, var(--border-opacity));
-}
-
-.border-indigo-400 {
-  --border-opacity: 1;
-  border-color: #8da2fb;
-  border-color: rgba(141, 162, 251, var(--border-opacity));
-}
-
-.border-indigo-500 {
-  --border-opacity: 1;
-  border-color: #6875f5;
-  border-color: rgba(104, 117, 245, var(--border-opacity));
-}
-
-.border-indigo-600 {
-  --border-opacity: 1;
-  border-color: #5850ec;
-  border-color: rgba(88, 80, 236, var(--border-opacity));
-}
-
-.border-indigo-700 {
-  --border-opacity: 1;
-  border-color: #5145cd;
-  border-color: rgba(81, 69, 205, var(--border-opacity));
-}
-
-.border-indigo-800 {
-  --border-opacity: 1;
-  border-color: #42389d;
-  border-color: rgba(66, 56, 157, var(--border-opacity));
-}
-
-.border-indigo-900 {
-  --border-opacity: 1;
-  border-color: #362f78;
-  border-color: rgba(54, 47, 120, var(--border-opacity));
-}
-
-.border-purple-50 {
-  --border-opacity: 1;
-  border-color: #f6f5ff;
-  border-color: rgba(246, 245, 255, var(--border-opacity));
-}
-
-.border-purple-100 {
-  --border-opacity: 1;
-  border-color: #edebfe;
-  border-color: rgba(237, 235, 254, var(--border-opacity));
-}
-
-.border-purple-200 {
-  --border-opacity: 1;
-  border-color: #dcd7fe;
-  border-color: rgba(220, 215, 254, var(--border-opacity));
-}
-
-.border-purple-300 {
-  --border-opacity: 1;
-  border-color: #cabffd;
-  border-color: rgba(202, 191, 253, var(--border-opacity));
-}
-
-.border-purple-400 {
-  --border-opacity: 1;
-  border-color: #ac94fa;
-  border-color: rgba(172, 148, 250, var(--border-opacity));
-}
-
-.border-purple-500 {
-  --border-opacity: 1;
-  border-color: #9061f9;
-  border-color: rgba(144, 97, 249, var(--border-opacity));
-}
-
-.border-purple-600 {
-  --border-opacity: 1;
-  border-color: #7e3af2;
-  border-color: rgba(126, 58, 242, var(--border-opacity));
-}
-
-.border-purple-700 {
-  --border-opacity: 1;
-  border-color: #6c2bd9;
-  border-color: rgba(108, 43, 217, var(--border-opacity));
-}
-
-.border-purple-800 {
-  --border-opacity: 1;
-  border-color: #5521b5;
-  border-color: rgba(85, 33, 181, var(--border-opacity));
-}
-
-.border-purple-900 {
-  --border-opacity: 1;
-  border-color: #4a1d96;
-  border-color: rgba(74, 29, 150, var(--border-opacity));
-}
-
-.border-pink-50 {
-  --border-opacity: 1;
-  border-color: #fdf2f8;
-  border-color: rgba(253, 242, 248, var(--border-opacity));
-}
-
-.border-pink-100 {
-  --border-opacity: 1;
-  border-color: #fce8f3;
-  border-color: rgba(252, 232, 243, var(--border-opacity));
-}
-
-.border-pink-200 {
-  --border-opacity: 1;
-  border-color: #fad1e8;
-  border-color: rgba(250, 209, 232, var(--border-opacity));
-}
-
-.border-pink-300 {
-  --border-opacity: 1;
-  border-color: #f8b4d9;
-  border-color: rgba(248, 180, 217, var(--border-opacity));
-}
-
-.border-pink-400 {
-  --border-opacity: 1;
-  border-color: #f17eb8;
-  border-color: rgba(241, 126, 184, var(--border-opacity));
-}
-
-.border-pink-500 {
-  --border-opacity: 1;
-  border-color: #e74694;
-  border-color: rgba(231, 70, 148, var(--border-opacity));
-}
-
-.border-pink-600 {
-  --border-opacity: 1;
-  border-color: #d61f69;
-  border-color: rgba(214, 31, 105, var(--border-opacity));
-}
-
-.border-pink-700 {
-  --border-opacity: 1;
-  border-color: #bf125d;
-  border-color: rgba(191, 18, 93, var(--border-opacity));
-}
-
-.border-pink-800 {
-  --border-opacity: 1;
-  border-color: #99154b;
-  border-color: rgba(153, 21, 75, var(--border-opacity));
-}
-
-.border-pink-900 {
-  --border-opacity: 1;
-  border-color: #751a3d;
-  border-color: rgba(117, 26, 61, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-transparent {
-  border-color: transparent;
-}
-
-.group:hover .group-hover\:border-white {
-  --border-opacity: 1;
-  border-color: #ffffff;
-  border-color: rgba(255, 255, 255, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-black {
-  --border-opacity: 1;
-  border-color: #000000;
-  border-color: rgba(0, 0, 0, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-50 {
-  --border-opacity: 1;
-  border-color: #f9fafb;
-  border-color: rgba(249, 250, 251, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-100 {
-  --border-opacity: 1;
-  border-color: #f4f5f7;
-  border-color: rgba(244, 245, 247, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-200 {
-  --border-opacity: 1;
-  border-color: #e5e7eb;
-  border-color: rgba(229, 231, 235, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-300 {
-  --border-opacity: 1;
-  border-color: #d2d6dc;
-  border-color: rgba(210, 214, 220, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-400 {
-  --border-opacity: 1;
-  border-color: #9fa6b2;
-  border-color: rgba(159, 166, 178, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-500 {
-  --border-opacity: 1;
-  border-color: #6b7280;
-  border-color: rgba(107, 114, 128, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-600 {
-  --border-opacity: 1;
-  border-color: #4b5563;
-  border-color: rgba(75, 85, 99, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-700 {
-  --border-opacity: 1;
-  border-color: #374151;
-  border-color: rgba(55, 65, 81, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-800 {
-  --border-opacity: 1;
-  border-color: #252f3f;
-  border-color: rgba(37, 47, 63, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-gray-900 {
-  --border-opacity: 1;
-  border-color: #161e2e;
-  border-color: rgba(22, 30, 46, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-cool-gray-50 {
-  --border-opacity: 1;
-  border-color: #fbfdfe;
-  border-color: rgba(251, 253, 254, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-cool-gray-100 {
-  --border-opacity: 1;
-  border-color: #f1f5f9;
-  border-color: rgba(241, 245, 249, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-cool-gray-200 {
-  --border-opacity: 1;
-  border-color: #e2e8f0;
-  border-color: rgba(226, 232, 240, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-cool-gray-300 {
-  --border-opacity: 1;
-  border-color: #cfd8e3;
-  border-color: rgba(207, 216, 227, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-cool-gray-400 {
-  --border-opacity: 1;
-  border-color: #97a6ba;
-  border-color: rgba(151, 166, 186, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-cool-gray-500 {
-  --border-opacity: 1;
-  border-color: #64748b;
-  border-color: rgba(100, 116, 139, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-cool-gray-600 {
-  --border-opacity: 1;
-  border-color: #475569;
-  border-color: rgba(71, 85, 105, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-cool-gray-700 {
-  --border-opacity: 1;
-  border-color: #364152;
-  border-color: rgba(54, 65, 82, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-cool-gray-800 {
-  --border-opacity: 1;
-  border-color: #27303f;
-  border-color: rgba(39, 48, 63, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-cool-gray-900 {
-  --border-opacity: 1;
-  border-color: #1a202e;
-  border-color: rgba(26, 32, 46, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-red-50 {
-  --border-opacity: 1;
-  border-color: #fdf2f2;
-  border-color: rgba(253, 242, 242, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-red-100 {
-  --border-opacity: 1;
-  border-color: #fde8e8;
-  border-color: rgba(253, 232, 232, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-red-200 {
-  --border-opacity: 1;
-  border-color: #fbd5d5;
-  border-color: rgba(251, 213, 213, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-red-300 {
-  --border-opacity: 1;
-  border-color: #f8b4b4;
-  border-color: rgba(248, 180, 180, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-red-400 {
-  --border-opacity: 1;
-  border-color: #f98080;
-  border-color: rgba(249, 128, 128, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-red-500 {
-  --border-opacity: 1;
-  border-color: #f05252;
-  border-color: rgba(240, 82, 82, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-red-600 {
-  --border-opacity: 1;
-  border-color: #e02424;
-  border-color: rgba(224, 36, 36, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-red-700 {
-  --border-opacity: 1;
-  border-color: #c81e1e;
-  border-color: rgba(200, 30, 30, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-red-800 {
-  --border-opacity: 1;
-  border-color: #9b1c1c;
-  border-color: rgba(155, 28, 28, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-red-900 {
-  --border-opacity: 1;
-  border-color: #771d1d;
-  border-color: rgba(119, 29, 29, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-orange-50 {
-  --border-opacity: 1;
-  border-color: #fff8f1;
-  border-color: rgba(255, 248, 241, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-orange-100 {
-  --border-opacity: 1;
-  border-color: #feecdc;
-  border-color: rgba(254, 236, 220, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-orange-200 {
-  --border-opacity: 1;
-  border-color: #fcd9bd;
-  border-color: rgba(252, 217, 189, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-orange-300 {
-  --border-opacity: 1;
-  border-color: #fdba8c;
-  border-color: rgba(253, 186, 140, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-orange-400 {
-  --border-opacity: 1;
-  border-color: #ff8a4c;
-  border-color: rgba(255, 138, 76, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-orange-500 {
-  --border-opacity: 1;
-  border-color: #ff5a1f;
-  border-color: rgba(255, 90, 31, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-orange-600 {
-  --border-opacity: 1;
-  border-color: #d03801;
-  border-color: rgba(208, 56, 1, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-orange-700 {
-  --border-opacity: 1;
-  border-color: #b43403;
-  border-color: rgba(180, 52, 3, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-orange-800 {
-  --border-opacity: 1;
-  border-color: #8a2c0d;
-  border-color: rgba(138, 44, 13, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-orange-900 {
-  --border-opacity: 1;
-  border-color: #771d1d;
-  border-color: rgba(119, 29, 29, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-50 {
-  --border-opacity: 1;
-  border-color: #fdfdea;
-  border-color: rgba(253, 253, 234, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-100 {
-  --border-opacity: 1;
-  border-color: #fdf6b2;
-  border-color: rgba(253, 246, 178, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-200 {
-  --border-opacity: 1;
-  border-color: #fce96a;
-  border-color: rgba(252, 233, 106, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-300 {
-  --border-opacity: 1;
-  border-color: #faca15;
-  border-color: rgba(250, 202, 21, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-400 {
-  --border-opacity: 1;
-  border-color: #e3a008;
-  border-color: rgba(227, 160, 8, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-500 {
-  --border-opacity: 1;
-  border-color: #c27803;
-  border-color: rgba(194, 120, 3, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-600 {
-  --border-opacity: 1;
-  border-color: #9f580a;
-  border-color: rgba(159, 88, 10, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-700 {
-  --border-opacity: 1;
-  border-color: #8e4b10;
-  border-color: rgba(142, 75, 16, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-800 {
-  --border-opacity: 1;
-  border-color: #723b13;
-  border-color: rgba(114, 59, 19, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-yellow-900 {
-  --border-opacity: 1;
-  border-color: #633112;
-  border-color: rgba(99, 49, 18, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-green-50 {
-  --border-opacity: 1;
-  border-color: #f3faf7;
-  border-color: rgba(243, 250, 247, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-green-100 {
-  --border-opacity: 1;
-  border-color: #def7ec;
-  border-color: rgba(222, 247, 236, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-green-200 {
-  --border-opacity: 1;
-  border-color: #bcf0da;
-  border-color: rgba(188, 240, 218, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-green-300 {
-  --border-opacity: 1;
-  border-color: #84e1bc;
-  border-color: rgba(132, 225, 188, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-green-400 {
-  --border-opacity: 1;
-  border-color: #31c48d;
-  border-color: rgba(49, 196, 141, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-green-500 {
-  --border-opacity: 1;
-  border-color: #0e9f6e;
-  border-color: rgba(14, 159, 110, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-green-600 {
-  --border-opacity: 1;
-  border-color: #057a55;
-  border-color: rgba(5, 122, 85, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-green-700 {
-  --border-opacity: 1;
-  border-color: #046c4e;
-  border-color: rgba(4, 108, 78, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-green-800 {
-  --border-opacity: 1;
-  border-color: #03543f;
-  border-color: rgba(3, 84, 63, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-green-900 {
-  --border-opacity: 1;
-  border-color: #014737;
-  border-color: rgba(1, 71, 55, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-teal-50 {
-  --border-opacity: 1;
-  border-color: #edfafa;
-  border-color: rgba(237, 250, 250, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-teal-100 {
-  --border-opacity: 1;
-  border-color: #d5f5f6;
-  border-color: rgba(213, 245, 246, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-teal-200 {
-  --border-opacity: 1;
-  border-color: #afecef;
-  border-color: rgba(175, 236, 239, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-teal-300 {
-  --border-opacity: 1;
-  border-color: #7edce2;
-  border-color: rgba(126, 220, 226, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-teal-400 {
-  --border-opacity: 1;
-  border-color: #16bdca;
-  border-color: rgba(22, 189, 202, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-teal-500 {
-  --border-opacity: 1;
-  border-color: #0694a2;
-  border-color: rgba(6, 148, 162, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-teal-600 {
-  --border-opacity: 1;
-  border-color: #047481;
-  border-color: rgba(4, 116, 129, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-teal-700 {
-  --border-opacity: 1;
-  border-color: #036672;
-  border-color: rgba(3, 102, 114, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-teal-800 {
-  --border-opacity: 1;
-  border-color: #05505c;
-  border-color: rgba(5, 80, 92, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-teal-900 {
-  --border-opacity: 1;
-  border-color: #014451;
-  border-color: rgba(1, 68, 81, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-50 {
-  --border-opacity: 1;
-  border-color: #ebf5ff;
-  border-color: rgba(235, 245, 255, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-100 {
-  --border-opacity: 1;
-  border-color: #e1effe;
-  border-color: rgba(225, 239, 254, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-200 {
-  --border-opacity: 1;
-  border-color: #c3ddfd;
-  border-color: rgba(195, 221, 253, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-300 {
-  --border-opacity: 1;
-  border-color: #a4cafe;
-  border-color: rgba(164, 202, 254, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-400 {
-  --border-opacity: 1;
-  border-color: #76a9fa;
-  border-color: rgba(118, 169, 250, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-500 {
-  --border-opacity: 1;
-  border-color: #3f83f8;
-  border-color: rgba(63, 131, 248, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-600 {
-  --border-opacity: 1;
-  border-color: #1c64f2;
-  border-color: rgba(28, 100, 242, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-700 {
-  --border-opacity: 1;
-  border-color: #1a56db;
-  border-color: rgba(26, 86, 219, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-800 {
-  --border-opacity: 1;
-  border-color: #1e429f;
-  border-color: rgba(30, 66, 159, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-blue-900 {
-  --border-opacity: 1;
-  border-color: #233876;
-  border-color: rgba(35, 56, 118, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-50 {
-  --border-opacity: 1;
-  border-color: #f0f5ff;
-  border-color: rgba(240, 245, 255, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-100 {
-  --border-opacity: 1;
-  border-color: #e5edff;
-  border-color: rgba(229, 237, 255, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-200 {
-  --border-opacity: 1;
-  border-color: #cddbfe;
-  border-color: rgba(205, 219, 254, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-300 {
-  --border-opacity: 1;
-  border-color: #b4c6fc;
-  border-color: rgba(180, 198, 252, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-400 {
-  --border-opacity: 1;
-  border-color: #8da2fb;
-  border-color: rgba(141, 162, 251, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-500 {
-  --border-opacity: 1;
-  border-color: #6875f5;
-  border-color: rgba(104, 117, 245, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-600 {
-  --border-opacity: 1;
-  border-color: #5850ec;
-  border-color: rgba(88, 80, 236, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-700 {
-  --border-opacity: 1;
-  border-color: #5145cd;
-  border-color: rgba(81, 69, 205, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-800 {
-  --border-opacity: 1;
-  border-color: #42389d;
-  border-color: rgba(66, 56, 157, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-indigo-900 {
-  --border-opacity: 1;
-  border-color: #362f78;
-  border-color: rgba(54, 47, 120, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-purple-50 {
-  --border-opacity: 1;
-  border-color: #f6f5ff;
-  border-color: rgba(246, 245, 255, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-purple-100 {
-  --border-opacity: 1;
-  border-color: #edebfe;
-  border-color: rgba(237, 235, 254, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-purple-200 {
-  --border-opacity: 1;
-  border-color: #dcd7fe;
-  border-color: rgba(220, 215, 254, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-purple-300 {
-  --border-opacity: 1;
-  border-color: #cabffd;
-  border-color: rgba(202, 191, 253, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-purple-400 {
-  --border-opacity: 1;
-  border-color: #ac94fa;
-  border-color: rgba(172, 148, 250, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-purple-500 {
-  --border-opacity: 1;
-  border-color: #9061f9;
-  border-color: rgba(144, 97, 249, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-purple-600 {
-  --border-opacity: 1;
-  border-color: #7e3af2;
-  border-color: rgba(126, 58, 242, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-purple-700 {
-  --border-opacity: 1;
-  border-color: #6c2bd9;
-  border-color: rgba(108, 43, 217, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-purple-800 {
-  --border-opacity: 1;
-  border-color: #5521b5;
-  border-color: rgba(85, 33, 181, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-purple-900 {
-  --border-opacity: 1;
-  border-color: #4a1d96;
-  border-color: rgba(74, 29, 150, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-pink-50 {
-  --border-opacity: 1;
-  border-color: #fdf2f8;
-  border-color: rgba(253, 242, 248, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-pink-100 {
-  --border-opacity: 1;
-  border-color: #fce8f3;
-  border-color: rgba(252, 232, 243, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-pink-200 {
-  --border-opacity: 1;
-  border-color: #fad1e8;
-  border-color: rgba(250, 209, 232, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-pink-300 {
-  --border-opacity: 1;
-  border-color: #f8b4d9;
-  border-color: rgba(248, 180, 217, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-pink-400 {
-  --border-opacity: 1;
-  border-color: #f17eb8;
-  border-color: rgba(241, 126, 184, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-pink-500 {
-  --border-opacity: 1;
-  border-color: #e74694;
-  border-color: rgba(231, 70, 148, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-pink-600 {
-  --border-opacity: 1;
-  border-color: #d61f69;
-  border-color: rgba(214, 31, 105, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-pink-700 {
-  --border-opacity: 1;
-  border-color: #bf125d;
-  border-color: rgba(191, 18, 93, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-pink-800 {
-  --border-opacity: 1;
-  border-color: #99154b;
-  border-color: rgba(153, 21, 75, var(--border-opacity));
-}
-
-.group:hover .group-hover\:border-pink-900 {
-  --border-opacity: 1;
-  border-color: #751a3d;
-  border-color: rgba(117, 26, 61, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-transparent {
-  border-color: transparent;
-}
-
-.group:focus .group-focus\:border-white {
-  --border-opacity: 1;
-  border-color: #ffffff;
-  border-color: rgba(255, 255, 255, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-black {
-  --border-opacity: 1;
-  border-color: #000000;
-  border-color: rgba(0, 0, 0, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-gray-50 {
-  --border-opacity: 1;
-  border-color: #f9fafb;
-  border-color: rgba(249, 250, 251, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-gray-100 {
-  --border-opacity: 1;
-  border-color: #f4f5f7;
-  border-color: rgba(244, 245, 247, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-gray-200 {
-  --border-opacity: 1;
-  border-color: #e5e7eb;
-  border-color: rgba(229, 231, 235, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-gray-300 {
-  --border-opacity: 1;
-  border-color: #d2d6dc;
-  border-color: rgba(210, 214, 220, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-gray-400 {
-  --border-opacity: 1;
-  border-color: #9fa6b2;
-  border-color: rgba(159, 166, 178, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-gray-500 {
-  --border-opacity: 1;
-  border-color: #6b7280;
-  border-color: rgba(107, 114, 128, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-gray-600 {
-  --border-opacity: 1;
-  border-color: #4b5563;
-  border-color: rgba(75, 85, 99, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-gray-700 {
-  --border-opacity: 1;
-  border-color: #374151;
-  border-color: rgba(55, 65, 81, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-gray-800 {
-  --border-opacity: 1;
-  border-color: #252f3f;
-  border-color: rgba(37, 47, 63, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-gray-900 {
-  --border-opacity: 1;
-  border-color: #161e2e;
-  border-color: rgba(22, 30, 46, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-cool-gray-50 {
-  --border-opacity: 1;
-  border-color: #fbfdfe;
-  border-color: rgba(251, 253, 254, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-cool-gray-100 {
-  --border-opacity: 1;
-  border-color: #f1f5f9;
-  border-color: rgba(241, 245, 249, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-cool-gray-200 {
-  --border-opacity: 1;
-  border-color: #e2e8f0;
-  border-color: rgba(226, 232, 240, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-cool-gray-300 {
-  --border-opacity: 1;
-  border-color: #cfd8e3;
-  border-color: rgba(207, 216, 227, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-cool-gray-400 {
-  --border-opacity: 1;
-  border-color: #97a6ba;
-  border-color: rgba(151, 166, 186, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-cool-gray-500 {
-  --border-opacity: 1;
-  border-color: #64748b;
-  border-color: rgba(100, 116, 139, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-cool-gray-600 {
-  --border-opacity: 1;
-  border-color: #475569;
-  border-color: rgba(71, 85, 105, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-cool-gray-700 {
-  --border-opacity: 1;
-  border-color: #364152;
-  border-color: rgba(54, 65, 82, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-cool-gray-800 {
-  --border-opacity: 1;
-  border-color: #27303f;
-  border-color: rgba(39, 48, 63, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-cool-gray-900 {
-  --border-opacity: 1;
-  border-color: #1a202e;
-  border-color: rgba(26, 32, 46, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-red-50 {
-  --border-opacity: 1;
-  border-color: #fdf2f2;
-  border-color: rgba(253, 242, 242, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-red-100 {
-  --border-opacity: 1;
-  border-color: #fde8e8;
-  border-color: rgba(253, 232, 232, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-red-200 {
-  --border-opacity: 1;
-  border-color: #fbd5d5;
-  border-color: rgba(251, 213, 213, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-red-300 {
-  --border-opacity: 1;
-  border-color: #f8b4b4;
-  border-color: rgba(248, 180, 180, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-red-400 {
-  --border-opacity: 1;
-  border-color: #f98080;
-  border-color: rgba(249, 128, 128, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-red-500 {
-  --border-opacity: 1;
-  border-color: #f05252;
-  border-color: rgba(240, 82, 82, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-red-600 {
-  --border-opacity: 1;
-  border-color: #e02424;
-  border-color: rgba(224, 36, 36, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-red-700 {
-  --border-opacity: 1;
-  border-color: #c81e1e;
-  border-color: rgba(200, 30, 30, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-red-800 {
-  --border-opacity: 1;
-  border-color: #9b1c1c;
-  border-color: rgba(155, 28, 28, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-red-900 {
-  --border-opacity: 1;
-  border-color: #771d1d;
-  border-color: rgba(119, 29, 29, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-orange-50 {
-  --border-opacity: 1;
-  border-color: #fff8f1;
-  border-color: rgba(255, 248, 241, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-orange-100 {
-  --border-opacity: 1;
-  border-color: #feecdc;
-  border-color: rgba(254, 236, 220, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-orange-200 {
-  --border-opacity: 1;
-  border-color: #fcd9bd;
-  border-color: rgba(252, 217, 189, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-orange-300 {
-  --border-opacity: 1;
-  border-color: #fdba8c;
-  border-color: rgba(253, 186, 140, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-orange-400 {
-  --border-opacity: 1;
-  border-color: #ff8a4c;
-  border-color: rgba(255, 138, 76, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-orange-500 {
-  --border-opacity: 1;
-  border-color: #ff5a1f;
-  border-color: rgba(255, 90, 31, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-orange-600 {
-  --border-opacity: 1;
-  border-color: #d03801;
-  border-color: rgba(208, 56, 1, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-orange-700 {
-  --border-opacity: 1;
-  border-color: #b43403;
-  border-color: rgba(180, 52, 3, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-orange-800 {
-  --border-opacity: 1;
-  border-color: #8a2c0d;
-  border-color: rgba(138, 44, 13, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-orange-900 {
-  --border-opacity: 1;
-  border-color: #771d1d;
-  border-color: rgba(119, 29, 29, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-yellow-50 {
-  --border-opacity: 1;
-  border-color: #fdfdea;
-  border-color: rgba(253, 253, 234, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-yellow-100 {
-  --border-opacity: 1;
-  border-color: #fdf6b2;
-  border-color: rgba(253, 246, 178, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-yellow-200 {
-  --border-opacity: 1;
-  border-color: #fce96a;
-  border-color: rgba(252, 233, 106, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-yellow-300 {
-  --border-opacity: 1;
-  border-color: #faca15;
-  border-color: rgba(250, 202, 21, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-yellow-400 {
-  --border-opacity: 1;
-  border-color: #e3a008;
-  border-color: rgba(227, 160, 8, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-yellow-500 {
-  --border-opacity: 1;
-  border-color: #c27803;
-  border-color: rgba(194, 120, 3, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-yellow-600 {
-  --border-opacity: 1;
-  border-color: #9f580a;
-  border-color: rgba(159, 88, 10, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-yellow-700 {
-  --border-opacity: 1;
-  border-color: #8e4b10;
-  border-color: rgba(142, 75, 16, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-yellow-800 {
-  --border-opacity: 1;
-  border-color: #723b13;
-  border-color: rgba(114, 59, 19, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-yellow-900 {
-  --border-opacity: 1;
-  border-color: #633112;
-  border-color: rgba(99, 49, 18, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-green-50 {
-  --border-opacity: 1;
-  border-color: #f3faf7;
-  border-color: rgba(243, 250, 247, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-green-100 {
-  --border-opacity: 1;
-  border-color: #def7ec;
-  border-color: rgba(222, 247, 236, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-green-200 {
-  --border-opacity: 1;
-  border-color: #bcf0da;
-  border-color: rgba(188, 240, 218, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-green-300 {
-  --border-opacity: 1;
-  border-color: #84e1bc;
-  border-color: rgba(132, 225, 188, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-green-400 {
-  --border-opacity: 1;
-  border-color: #31c48d;
-  border-color: rgba(49, 196, 141, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-green-500 {
-  --border-opacity: 1;
-  border-color: #0e9f6e;
-  border-color: rgba(14, 159, 110, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-green-600 {
-  --border-opacity: 1;
-  border-color: #057a55;
-  border-color: rgba(5, 122, 85, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-green-700 {
-  --border-opacity: 1;
-  border-color: #046c4e;
-  border-color: rgba(4, 108, 78, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-green-800 {
-  --border-opacity: 1;
-  border-color: #03543f;
-  border-color: rgba(3, 84, 63, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-green-900 {
-  --border-opacity: 1;
-  border-color: #014737;
-  border-color: rgba(1, 71, 55, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-teal-50 {
-  --border-opacity: 1;
-  border-color: #edfafa;
-  border-color: rgba(237, 250, 250, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-teal-100 {
-  --border-opacity: 1;
-  border-color: #d5f5f6;
-  border-color: rgba(213, 245, 246, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-teal-200 {
-  --border-opacity: 1;
-  border-color: #afecef;
-  border-color: rgba(175, 236, 239, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-teal-300 {
-  --border-opacity: 1;
-  border-color: #7edce2;
-  border-color: rgba(126, 220, 226, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-teal-400 {
-  --border-opacity: 1;
-  border-color: #16bdca;
-  border-color: rgba(22, 189, 202, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-teal-500 {
-  --border-opacity: 1;
-  border-color: #0694a2;
-  border-color: rgba(6, 148, 162, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-teal-600 {
-  --border-opacity: 1;
-  border-color: #047481;
-  border-color: rgba(4, 116, 129, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-teal-700 {
-  --border-opacity: 1;
-  border-color: #036672;
-  border-color: rgba(3, 102, 114, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-teal-800 {
-  --border-opacity: 1;
-  border-color: #05505c;
-  border-color: rgba(5, 80, 92, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-teal-900 {
-  --border-opacity: 1;
-  border-color: #014451;
-  border-color: rgba(1, 68, 81, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-blue-50 {
-  --border-opacity: 1;
-  border-color: #ebf5ff;
-  border-color: rgba(235, 245, 255, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-blue-100 {
-  --border-opacity: 1;
-  border-color: #e1effe;
-  border-color: rgba(225, 239, 254, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-blue-200 {
-  --border-opacity: 1;
-  border-color: #c3ddfd;
-  border-color: rgba(195, 221, 253, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-blue-300 {
-  --border-opacity: 1;
-  border-color: #a4cafe;
-  border-color: rgba(164, 202, 254, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-blue-400 {
-  --border-opacity: 1;
-  border-color: #76a9fa;
-  border-color: rgba(118, 169, 250, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-blue-500 {
-  --border-opacity: 1;
-  border-color: #3f83f8;
-  border-color: rgba(63, 131, 248, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-blue-600 {
-  --border-opacity: 1;
-  border-color: #1c64f2;
-  border-color: rgba(28, 100, 242, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-blue-700 {
-  --border-opacity: 1;
-  border-color: #1a56db;
-  border-color: rgba(26, 86, 219, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-blue-800 {
-  --border-opacity: 1;
-  border-color: #1e429f;
-  border-color: rgba(30, 66, 159, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-blue-900 {
-  --border-opacity: 1;
-  border-color: #233876;
-  border-color: rgba(35, 56, 118, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-indigo-50 {
-  --border-opacity: 1;
-  border-color: #f0f5ff;
-  border-color: rgba(240, 245, 255, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-indigo-100 {
-  --border-opacity: 1;
-  border-color: #e5edff;
-  border-color: rgba(229, 237, 255, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-indigo-200 {
-  --border-opacity: 1;
-  border-color: #cddbfe;
-  border-color: rgba(205, 219, 254, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-indigo-300 {
-  --border-opacity: 1;
-  border-color: #b4c6fc;
-  border-color: rgba(180, 198, 252, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-indigo-400 {
-  --border-opacity: 1;
-  border-color: #8da2fb;
-  border-color: rgba(141, 162, 251, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-indigo-500 {
-  --border-opacity: 1;
-  border-color: #6875f5;
-  border-color: rgba(104, 117, 245, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-indigo-600 {
-  --border-opacity: 1;
-  border-color: #5850ec;
-  border-color: rgba(88, 80, 236, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-indigo-700 {
-  --border-opacity: 1;
-  border-color: #5145cd;
-  border-color: rgba(81, 69, 205, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-indigo-800 {
-  --border-opacity: 1;
-  border-color: #42389d;
-  border-color: rgba(66, 56, 157, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-indigo-900 {
-  --border-opacity: 1;
-  border-color: #362f78;
-  border-color: rgba(54, 47, 120, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-purple-50 {
-  --border-opacity: 1;
-  border-color: #f6f5ff;
-  border-color: rgba(246, 245, 255, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-purple-100 {
-  --border-opacity: 1;
-  border-color: #edebfe;
-  border-color: rgba(237, 235, 254, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-purple-200 {
-  --border-opacity: 1;
-  border-color: #dcd7fe;
-  border-color: rgba(220, 215, 254, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-purple-300 {
-  --border-opacity: 1;
-  border-color: #cabffd;
-  border-color: rgba(202, 191, 253, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-purple-400 {
-  --border-opacity: 1;
-  border-color: #ac94fa;
-  border-color: rgba(172, 148, 250, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-purple-500 {
-  --border-opacity: 1;
-  border-color: #9061f9;
-  border-color: rgba(144, 97, 249, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-purple-600 {
-  --border-opacity: 1;
-  border-color: #7e3af2;
-  border-color: rgba(126, 58, 242, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-purple-700 {
-  --border-opacity: 1;
-  border-color: #6c2bd9;
-  border-color: rgba(108, 43, 217, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-purple-800 {
-  --border-opacity: 1;
-  border-color: #5521b5;
-  border-color: rgba(85, 33, 181, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-purple-900 {
-  --border-opacity: 1;
-  border-color: #4a1d96;
-  border-color: rgba(74, 29, 150, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-pink-50 {
-  --border-opacity: 1;
-  border-color: #fdf2f8;
-  border-color: rgba(253, 242, 248, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-pink-100 {
-  --border-opacity: 1;
-  border-color: #fce8f3;
-  border-color: rgba(252, 232, 243, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-pink-200 {
-  --border-opacity: 1;
-  border-color: #fad1e8;
-  border-color: rgba(250, 209, 232, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-pink-300 {
-  --border-opacity: 1;
-  border-color: #f8b4d9;
-  border-color: rgba(248, 180, 217, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-pink-400 {
-  --border-opacity: 1;
-  border-color: #f17eb8;
-  border-color: rgba(241, 126, 184, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-pink-500 {
-  --border-opacity: 1;
-  border-color: #e74694;
-  border-color: rgba(231, 70, 148, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-pink-600 {
-  --border-opacity: 1;
-  border-color: #d61f69;
-  border-color: rgba(214, 31, 105, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-pink-700 {
-  --border-opacity: 1;
-  border-color: #bf125d;
-  border-color: rgba(191, 18, 93, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-pink-800 {
-  --border-opacity: 1;
-  border-color: #99154b;
-  border-color: rgba(153, 21, 75, var(--border-opacity));
-}
-
-.group:focus .group-focus\:border-pink-900 {
-  --border-opacity: 1;
-  border-color: #751a3d;
-  border-color: rgba(117, 26, 61, var(--border-opacity));
-}
-
-.hover\:border-transparent:hover {
-  border-color: transparent;
-}
-
-.hover\:border-white:hover {
-  --border-opacity: 1;
-  border-color: #ffffff;
-  border-color: rgba(255, 255, 255, var(--border-opacity));
-}
-
-.hover\:border-black:hover {
-  --border-opacity: 1;
-  border-color: #000000;
-  border-color: rgba(0, 0, 0, var(--border-opacity));
-}
-
-.hover\:border-gray-50:hover {
-  --border-opacity: 1;
-  border-color: #f9fafb;
-  border-color: rgba(249, 250, 251, var(--border-opacity));
-}
-
-.hover\:border-gray-100:hover {
-  --border-opacity: 1;
-  border-color: #f4f5f7;
-  border-color: rgba(244, 245, 247, var(--border-opacity));
-}
-
-.hover\:border-gray-200:hover {
-  --border-opacity: 1;
-  border-color: #e5e7eb;
-  border-color: rgba(229, 231, 235, var(--border-opacity));
-}
-
-.hover\:border-gray-300:hover {
-  --border-opacity: 1;
-  border-color: #d2d6dc;
-  border-color: rgba(210, 214, 220, var(--border-opacity));
-}
-
-.hover\:border-gray-400:hover {
-  --border-opacity: 1;
-  border-color: #9fa6b2;
-  border-color: rgba(159, 166, 178, var(--border-opacity));
-}
-
-.hover\:border-gray-500:hover {
-  --border-opacity: 1;
-  border-color: #6b7280;
-  border-color: rgba(107, 114, 128, var(--border-opacity));
-}
-
-.hover\:border-gray-600:hover {
-  --border-opacity: 1;
-  border-color: #4b5563;
-  border-color: rgba(75, 85, 99, var(--border-opacity));
-}
-
-.hover\:border-gray-700:hover {
-  --border-opacity: 1;
-  border-color: #374151;
-  border-color: rgba(55, 65, 81, var(--border-opacity));
-}
-
-.hover\:border-gray-800:hover {
-  --border-opacity: 1;
-  border-color: #252f3f;
-  border-color: rgba(37, 47, 63, var(--border-opacity));
-}
-
-.hover\:border-gray-900:hover {
-  --border-opacity: 1;
-  border-color: #161e2e;
-  border-color: rgba(22, 30, 46, var(--border-opacity));
-}
-
-.hover\:border-cool-gray-50:hover {
-  --border-opacity: 1;
-  border-color: #fbfdfe;
-  border-color: rgba(251, 253, 254, var(--border-opacity));
-}
-
-.hover\:border-cool-gray-100:hover {
-  --border-opacity: 1;
-  border-color: #f1f5f9;
-  border-color: rgba(241, 245, 249, var(--border-opacity));
-}
-
-.hover\:border-cool-gray-200:hover {
-  --border-opacity: 1;
-  border-color: #e2e8f0;
-  border-color: rgba(226, 232, 240, var(--border-opacity));
-}
-
-.hover\:border-cool-gray-300:hover {
-  --border-opacity: 1;
-  border-color: #cfd8e3;
-  border-color: rgba(207, 216, 227, var(--border-opacity));
-}
-
-.hover\:border-cool-gray-400:hover {
-  --border-opacity: 1;
-  border-color: #97a6ba;
-  border-color: rgba(151, 166, 186, var(--border-opacity));
-}
-
-.hover\:border-cool-gray-500:hover {
-  --border-opacity: 1;
-  border-color: #64748b;
-  border-color: rgba(100, 116, 139, var(--border-opacity));
-}
-
-.hover\:border-cool-gray-600:hover {
-  --border-opacity: 1;
-  border-color: #475569;
-  border-color: rgba(71, 85, 105, var(--border-opacity));
-}
-
-.hover\:border-cool-gray-700:hover {
-  --border-opacity: 1;
-  border-color: #364152;
-  border-color: rgba(54, 65, 82, var(--border-opacity));
-}
-
-.hover\:border-cool-gray-800:hover {
-  --border-opacity: 1;
-  border-color: #27303f;
-  border-color: rgba(39, 48, 63, var(--border-opacity));
-}
-
-.hover\:border-cool-gray-900:hover {
-  --border-opacity: 1;
-  border-color: #1a202e;
-  border-color: rgba(26, 32, 46, var(--border-opacity));
-}
-
-.hover\:border-red-50:hover {
-  --border-opacity: 1;
-  border-color: #fdf2f2;
-  border-color: rgba(253, 242, 242, var(--border-opacity));
-}
-
-.hover\:border-red-100:hover {
-  --border-opacity: 1;
-  border-color: #fde8e8;
-  border-color: rgba(253, 232, 232, var(--border-opacity));
-}
-
-.hover\:border-red-200:hover {
-  --border-opacity: 1;
-  border-color: #fbd5d5;
-  border-color: rgba(251, 213, 213, var(--border-opacity));
-}
-
-.hover\:border-red-300:hover {
-  --border-opacity: 1;
-  border-color: #f8b4b4;
-  border-color: rgba(248, 180, 180, var(--border-opacity));
-}
-
-.hover\:border-red-400:hover {
-  --border-opacity: 1;
-  border-color: #f98080;
-  border-color: rgba(249, 128, 128, var(--border-opacity));
-}
-
-.hover\:border-red-500:hover {
-  --border-opacity: 1;
-  border-color: #f05252;
-  border-color: rgba(240, 82, 82, var(--border-opacity));
-}
-
-.hover\:border-red-600:hover {
-  --border-opacity: 1;
-  border-color: #e02424;
-  border-color: rgba(224, 36, 36, var(--border-opacity));
-}
-
-.hover\:border-red-700:hover {
-  --border-opacity: 1;
-  border-color: #c81e1e;
-  border-color: rgba(200, 30, 30, var(--border-opacity));
-}
-
-.hover\:border-red-800:hover {
-  --border-opacity: 1;
-  border-color: #9b1c1c;
-  border-color: rgba(155, 28, 28, var(--border-opacity));
-}
-
-.hover\:border-red-900:hover {
-  --border-opacity: 1;
-  border-color: #771d1d;
-  border-color: rgba(119, 29, 29, var(--border-opacity));
-}
-
-.hover\:border-orange-50:hover {
-  --border-opacity: 1;
-  border-color: #fff8f1;
-  border-color: rgba(255, 248, 241, var(--border-opacity));
-}
-
-.hover\:border-orange-100:hover {
-  --border-opacity: 1;
-  border-color: #feecdc;
-  border-color: rgba(254, 236, 220, var(--border-opacity));
-}
-
-.hover\:border-orange-200:hover {
-  --border-opacity: 1;
-  border-color: #fcd9bd;
-  border-color: rgba(252, 217, 189, var(--border-opacity));
-}
-
-.hover\:border-orange-300:hover {
-  --border-opacity: 1;
-  border-color: #fdba8c;
-  border-color: rgba(253, 186, 140, var(--border-opacity));
-}
-
-.hover\:border-orange-400:hover {
-  --border-opacity: 1;
-  border-color: #ff8a4c;
-  border-color: rgba(255, 138, 76, var(--border-opacity));
-}
-
-.hover\:border-orange-500:hover {
-  --border-opacity: 1;
-  border-color: #ff5a1f;
-  border-color: rgba(255, 90, 31, var(--border-opacity));
-}
-
-.hover\:border-orange-600:hover {
-  --border-opacity: 1;
-  border-color: #d03801;
-  border-color: rgba(208, 56, 1, var(--border-opacity));
-}
-
-.hover\:border-orange-700:hover {
-  --border-opacity: 1;
-  border-color: #b43403;
-  border-color: rgba(180, 52, 3, var(--border-opacity));
-}
-
-.hover\:border-orange-800:hover {
-  --border-opacity: 1;
-  border-color: #8a2c0d;
-  border-color: rgba(138, 44, 13, var(--border-opacity));
-}
-
-.hover\:border-orange-900:hover {
-  --border-opacity: 1;
-  border-color: #771d1d;
-  border-color: rgba(119, 29, 29, var(--border-opacity));
-}
-
-.hover\:border-yellow-50:hover {
-  --border-opacity: 1;
-  border-color: #fdfdea;
-  border-color: rgba(253, 253, 234, var(--border-opacity));
-}
-
-.hover\:border-yellow-100:hover {
-  --border-opacity: 1;
-  border-color: #fdf6b2;
-  border-color: rgba(253, 246, 178, var(--border-opacity));
-}
-
-.hover\:border-yellow-200:hover {
-  --border-opacity: 1;
-  border-color: #fce96a;
-  border-color: rgba(252, 233, 106, var(--border-opacity));
-}
-
-.hover\:border-yellow-300:hover {
-  --border-opacity: 1;
-  border-color: #faca15;
-  border-color: rgba(250, 202, 21, var(--border-opacity));
-}
-
-.hover\:border-yellow-400:hover {
-  --border-opacity: 1;
-  border-color: #e3a008;
-  border-color: rgba(227, 160, 8, var(--border-opacity));
-}
-
-.hover\:border-yellow-500:hover {
-  --border-opacity: 1;
-  border-color: #c27803;
-  border-color: rgba(194, 120, 3, var(--border-opacity));
-}
-
-.hover\:border-yellow-600:hover {
-  --border-opacity: 1;
-  border-color: #9f580a;
-  border-color: rgba(159, 88, 10, var(--border-opacity));
-}
-
-.hover\:border-yellow-700:hover {
-  --border-opacity: 1;
-  border-color: #8e4b10;
-  border-color: rgba(142, 75, 16, var(--border-opacity));
-}
-
-.hover\:border-yellow-800:hover {
-  --border-opacity: 1;
-  border-color: #723b13;
-  border-color: rgba(114, 59, 19, var(--border-opacity));
-}
-
-.hover\:border-yellow-900:hover {
-  --border-opacity: 1;
-  border-color: #633112;
-  border-color: rgba(99, 49, 18, var(--border-opacity));
-}
-
-.hover\:border-green-50:hover {
-  --border-opacity: 1;
-  border-color: #f3faf7;
-  border-color: rgba(243, 250, 247, var(--border-opacity));
-}
-
-.hover\:border-green-100:hover {
-  --border-opacity: 1;
-  border-color: #def7ec;
-  border-color: rgba(222, 247, 236, var(--border-opacity));
-}
-
-.hover\:border-green-200:hover {
-  --border-opacity: 1;
-  border-color: #bcf0da;
-  border-color: rgba(188, 240, 218, var(--border-opacity));
-}
-
-.hover\:border-green-300:hover {
-  --border-opacity: 1;
-  border-color: #84e1bc;
-  border-color: rgba(132, 225, 188, var(--border-opacity));
-}
-
-.hover\:border-green-400:hover {
-  --border-opacity: 1;
-  border-color: #31c48d;
-  border-color: rgba(49, 196, 141, var(--border-opacity));
-}
-
-.hover\:border-green-500:hover {
-  --border-opacity: 1;
-  border-color: #0e9f6e;
-  border-color: rgba(14, 159, 110, var(--border-opacity));
-}
-
-.hover\:border-green-600:hover {
-  --border-opacity: 1;
-  border-color: #057a55;
-  border-color: rgba(5, 122, 85, var(--border-opacity));
-}
-
-.hover\:border-green-700:hover {
-  --border-opacity: 1;
-  border-color: #046c4e;
-  border-color: rgba(4, 108, 78, var(--border-opacity));
-}
-
-.hover\:border-green-800:hover {
-  --border-opacity: 1;
-  border-color: #03543f;
-  border-color: rgba(3, 84, 63, var(--border-opacity));
-}
-
-.hover\:border-green-900:hover {
-  --border-opacity: 1;
-  border-color: #014737;
-  border-color: rgba(1, 71, 55, var(--border-opacity));
-}
-
-.hover\:border-teal-50:hover {
-  --border-opacity: 1;
-  border-color: #edfafa;
-  border-color: rgba(237, 250, 250, var(--border-opacity));
-}
-
-.hover\:border-teal-100:hover {
-  --border-opacity: 1;
-  border-color: #d5f5f6;
-  border-color: rgba(213, 245, 246, var(--border-opacity));
-}
-
-.hover\:border-teal-200:hover {
-  --border-opacity: 1;
-  border-color: #afecef;
-  border-color: rgba(175, 236, 239, var(--border-opacity));
-}
-
-.hover\:border-teal-300:hover {
-  --border-opacity: 1;
-  border-color: #7edce2;
-  border-color: rgba(126, 220, 226, var(--border-opacity));
-}
-
-.hover\:border-teal-400:hover {
-  --border-opacity: 1;
-  border-color: #16bdca;
-  border-color: rgba(22, 189, 202, var(--border-opacity));
-}
-
-.hover\:border-teal-500:hover {
-  --border-opacity: 1;
-  border-color: #0694a2;
-  border-color: rgba(6, 148, 162, var(--border-opacity));
-}
-
-.hover\:border-teal-600:hover {
-  --border-opacity: 1;
-  border-color: #047481;
-  border-color: rgba(4, 116, 129, var(--border-opacity));
-}
-
-.hover\:border-teal-700:hover {
-  --border-opacity: 1;
-  border-color: #036672;
-  border-color: rgba(3, 102, 114, var(--border-opacity));
-}
-
-.hover\:border-teal-800:hover {
-  --border-opacity: 1;
-  border-color: #05505c;
-  border-color: rgba(5, 80, 92, var(--border-opacity));
-}
-
-.hover\:border-teal-900:hover {
-  --border-opacity: 1;
-  border-color: #014451;
-  border-color: rgba(1, 68, 81, var(--border-opacity));
-}
-
-.hover\:border-blue-50:hover {
-  --border-opacity: 1;
-  border-color: #ebf5ff;
-  border-color: rgba(235, 245, 255, var(--border-opacity));
-}
-
-.hover\:border-blue-100:hover {
-  --border-opacity: 1;
-  border-color: #e1effe;
-  border-color: rgba(225, 239, 254, var(--border-opacity));
-}
-
-.hover\:border-blue-200:hover {
-  --border-opacity: 1;
-  border-color: #c3ddfd;
-  border-color: rgba(195, 221, 253, var(--border-opacity));
-}
-
-.hover\:border-blue-300:hover {
-  --border-opacity: 1;
-  border-color: #a4cafe;
-  border-color: rgba(164, 202, 254, var(--border-opacity));
-}
-
-.hover\:border-blue-400:hover {
-  --border-opacity: 1;
-  border-color: #76a9fa;
-  border-color: rgba(118, 169, 250, var(--border-opacity));
-}
-
-.hover\:border-blue-500:hover {
-  --border-opacity: 1;
-  border-color: #3f83f8;
-  border-color: rgba(63, 131, 248, var(--border-opacity));
-}
-
-.hover\:border-blue-600:hover {
-  --border-opacity: 1;
-  border-color: #1c64f2;
-  border-color: rgba(28, 100, 242, var(--border-opacity));
-}
-
-.hover\:border-blue-700:hover {
-  --border-opacity: 1;
-  border-color: #1a56db;
-  border-color: rgba(26, 86, 219, var(--border-opacity));
-}
-
-.hover\:border-blue-800:hover {
-  --border-opacity: 1;
-  border-color: #1e429f;
-  border-color: rgba(30, 66, 159, var(--border-opacity));
-}
-
-.hover\:border-blue-900:hover {
-  --border-opacity: 1;
-  border-color: #233876;
-  border-color: rgba(35, 56, 118, var(--border-opacity));
-}
-
-.hover\:border-indigo-50:hover {
-  --border-opacity: 1;
-  border-color: #f0f5ff;
-  border-color: rgba(240, 245, 255, var(--border-opacity));
-}
-
-.hover\:border-indigo-100:hover {
-  --border-opacity: 1;
-  border-color: #e5edff;
-  border-color: rgba(229, 237, 255, var(--border-opacity));
-}
-
-.hover\:border-indigo-200:hover {
-  --border-opacity: 1;
-  border-color: #cddbfe;
-  border-color: rgba(205, 219, 254, var(--border-opacity));
-}
-
-.hover\:border-indigo-300:hover {
-  --border-opacity: 1;
-  border-color: #b4c6fc;
-  border-color: rgba(180, 198, 252, var(--border-opacity));
-}
-
-.hover\:border-indigo-400:hover {
-  --border-opacity: 1;
-  border-color: #8da2fb;
-  border-color: rgba(141, 162, 251, var(--border-opacity));
-}
-
-.hover\:border-indigo-500:hover {
-  --border-opacity: 1;
-  border-color: #6875f5;
-  border-color: rgba(104, 117, 245, var(--border-opacity));
-}
-
-.hover\:border-indigo-600:hover {
-  --border-opacity: 1;
-  border-color: #5850ec;
-  border-color: rgba(88, 80, 236, var(--border-opacity));
-}
-
-.hover\:border-indigo-700:hover {
-  --border-opacity: 1;
-  border-color: #5145cd;
-  border-color: rgba(81, 69, 205, var(--border-opacity));
-}
-
-.hover\:border-indigo-800:hover {
-  --border-opacity: 1;
-  border-color: #42389d;
-  border-color: rgba(66, 56, 157, var(--border-opacity));
-}
-
-.hover\:border-indigo-900:hover {
-  --border-opacity: 1;
-  border-color: #362f78;
-  border-color: rgba(54, 47, 120, var(--border-opacity));
-}
-
-.hover\:border-purple-50:hover {
-  --border-opacity: 1;
-  border-color: #f6f5ff;
-  border-color: rgba(246, 245, 255, var(--border-opacity));
-}
-
-.hover\:border-purple-100:hover {
-  --border-opacity: 1;
-  border-color: #edebfe;
-  border-color: rgba(237, 235, 254, var(--border-opacity));
-}
-
-.hover\:border-purple-200:hover {
-  --border-opacity: 1;
-  border-color: #dcd7fe;
-  border-color: rgba(220, 215, 254, var(--border-opacity));
-}
-
-.hover\:border-purple-300:hover {
-  --border-opacity: 1;
-  border-color: #cabffd;
-  border-color: rgba(202, 191, 253, var(--border-opacity));
-}
-
-.hover\:border-purple-400:hover {
-  --border-opacity: 1;
-  border-color: #ac94fa;
-  border-color: rgba(172, 148, 250, var(--border-opacity));
-}
-
-.hover\:border-purple-500:hover {
-  --border-opacity: 1;
-  border-color: #9061f9;
-  border-color: rgba(144, 97, 249, var(--border-opacity));
-}
-
-.hover\:border-purple-600:hover {
-  --border-opacity: 1;
-  border-color: #7e3af2;
-  border-color: rgba(126, 58, 242, var(--border-opacity));
-}
-
-.hover\:border-purple-700:hover {
-  --border-opacity: 1;
-  border-color: #6c2bd9;
-  border-color: rgba(108, 43, 217, var(--border-opacity));
-}
-
-.hover\:border-purple-800:hover {
-  --border-opacity: 1;
-  border-color: #5521b5;
-  border-color: rgba(85, 33, 181, var(--border-opacity));
-}
-
-.hover\:border-purple-900:hover {
-  --border-opacity: 1;
-  border-color: #4a1d96;
-  border-color: rgba(74, 29, 150, var(--border-opacity));
-}
-
-.hover\:border-pink-50:hover {
-  --border-opacity: 1;
-  border-color: #fdf2f8;
-  border-color: rgba(253, 242, 248, var(--border-opacity));
-}
-
-.hover\:border-pink-100:hover {
-  --border-opacity: 1;
-  border-color: #fce8f3;
-  border-color: rgba(252, 232, 243, var(--border-opacity));
-}
-
-.hover\:border-pink-200:hover {
-  --border-opacity: 1;
-  border-color: #fad1e8;
-  border-color: rgba(250, 209, 232, var(--border-opacity));
-}
-
-.hover\:border-pink-300:hover {
-  --border-opacity: 1;
-  border-color: #f8b4d9;
-  border-color: rgba(248, 180, 217, var(--border-opacity));
-}
-
-.hover\:border-pink-400:hover {
-  --border-opacity: 1;
-  border-color: #f17eb8;
-  border-color: rgba(241, 126, 184, var(--border-opacity));
-}
-
-.hover\:border-pink-500:hover {
-  --border-opacity: 1;
-  border-color: #e74694;
-  border-color: rgba(231, 70, 148, var(--border-opacity));
-}
-
-.hover\:border-pink-600:hover {
-  --border-opacity: 1;
-  border-color: #d61f69;
-  border-color: rgba(214, 31, 105, var(--border-opacity));
-}
-
-.hover\:border-pink-700:hover {
-  --border-opacity: 1;
-  border-color: #bf125d;
-  border-color: rgba(191, 18, 93, var(--border-opacity));
-}
-
-.hover\:border-pink-800:hover {
-  --border-opacity: 1;
-  border-color: #99154b;
-  border-color: rgba(153, 21, 75, var(--border-opacity));
-}
-
-.hover\:border-pink-900:hover {
-  --border-opacity: 1;
-  border-color: #751a3d;
-  border-color: rgba(117, 26, 61, var(--border-opacity));
-}
-
-.focus\:border-transparent:focus {
-  border-color: transparent;
-}
-
-.focus\:border-white:focus {
-  --border-opacity: 1;
-  border-color: #ffffff;
-  border-color: rgba(255, 255, 255, var(--border-opacity));
-}
-
-.focus\:border-black:focus {
-  --border-opacity: 1;
-  border-color: #000000;
-  border-color: rgba(0, 0, 0, var(--border-opacity));
-}
-
-.focus\:border-gray-50:focus {
-  --border-opacity: 1;
-  border-color: #f9fafb;
-  border-color: rgba(249, 250, 251, var(--border-opacity));
-}
-
-.focus\:border-gray-100:focus {
-  --border-opacity: 1;
-  border-color: #f4f5f7;
-  border-color: rgba(244, 245, 247, var(--border-opacity));
-}
-
-.focus\:border-gray-200:focus {
-  --border-opacity: 1;
-  border-color: #e5e7eb;
-  border-color: rgba(229, 231, 235, var(--border-opacity));
-}
-
-.focus\:border-gray-300:focus {
-  --border-opacity: 1;
-  border-color: #d2d6dc;
-  border-color: rgba(210, 214, 220, var(--border-opacity));
-}
-
-.focus\:border-gray-400:focus {
-  --border-opacity: 1;
-  border-color: #9fa6b2;
-  border-color: rgba(159, 166, 178, var(--border-opacity));
-}
-
-.focus\:border-gray-500:focus {
-  --border-opacity: 1;
-  border-color: #6b7280;
-  border-color: rgba(107, 114, 128, var(--border-opacity));
-}
-
-.focus\:border-gray-600:focus {
-  --border-opacity: 1;
-  border-color: #4b5563;
-  border-color: rgba(75, 85, 99, var(--border-opacity));
-}
-
-.focus\:border-gray-700:focus {
-  --border-opacity: 1;
-  border-color: #374151;
-  border-color: rgba(55, 65, 81, var(--border-opacity));
-}
-
-.focus\:border-gray-800:focus {
-  --border-opacity: 1;
-  border-color: #252f3f;
-  border-color: rgba(37, 47, 63, var(--border-opacity));
-}
-
-.focus\:border-gray-900:focus {
-  --border-opacity: 1;
-  border-color: #161e2e;
-  border-color: rgba(22, 30, 46, var(--border-opacity));
-}
-
-.focus\:border-cool-gray-50:focus {
-  --border-opacity: 1;
-  border-color: #fbfdfe;
-  border-color: rgba(251, 253, 254, var(--border-opacity));
-}
-
-.focus\:border-cool-gray-100:focus {
-  --border-opacity: 1;
-  border-color: #f1f5f9;
-  border-color: rgba(241, 245, 249, var(--border-opacity));
-}
-
-.focus\:border-cool-gray-200:focus {
-  --border-opacity: 1;
-  border-color: #e2e8f0;
-  border-color: rgba(226, 232, 240, var(--border-opacity));
-}
-
-.focus\:border-cool-gray-300:focus {
-  --border-opacity: 1;
-  border-color: #cfd8e3;
-  border-color: rgba(207, 216, 227, var(--border-opacity));
-}
-
-.focus\:border-cool-gray-400:focus {
-  --border-opacity: 1;
-  border-color: #97a6ba;
-  border-color: rgba(151, 166, 186, var(--border-opacity));
-}
-
-.focus\:border-cool-gray-500:focus {
-  --border-opacity: 1;
-  border-color: #64748b;
-  border-color: rgba(100, 116, 139, var(--border-opacity));
-}
-
-.focus\:border-cool-gray-600:focus {
-  --border-opacity: 1;
-  border-color: #475569;
-  border-color: rgba(71, 85, 105, var(--border-opacity));
-}
-
-.focus\:border-cool-gray-700:focus {
-  --border-opacity: 1;
-  border-color: #364152;
-  border-color: rgba(54, 65, 82, var(--border-opacity));
-}
-
-.focus\:border-cool-gray-800:focus {
-  --border-opacity: 1;
-  border-color: #27303f;
-  border-color: rgba(39, 48, 63, var(--border-opacity));
-}
-
-.focus\:border-cool-gray-900:focus {
-  --border-opacity: 1;
-  border-color: #1a202e;
-  border-color: rgba(26, 32, 46, var(--border-opacity));
-}
-
-.focus\:border-red-50:focus {
-  --border-opacity: 1;
-  border-color: #fdf2f2;
-  border-color: rgba(253, 242, 242, var(--border-opacity));
-}
-
-.focus\:border-red-100:focus {
-  --border-opacity: 1;
-  border-color: #fde8e8;
-  border-color: rgba(253, 232, 232, var(--border-opacity));
-}
-
-.focus\:border-red-200:focus {
-  --border-opacity: 1;
-  border-color: #fbd5d5;
-  border-color: rgba(251, 213, 213, var(--border-opacity));
-}
-
-.focus\:border-red-300:focus {
-  --border-opacity: 1;
-  border-color: #f8b4b4;
-  border-color: rgba(248, 180, 180, var(--border-opacity));
-}
-
-.focus\:border-red-400:focus {
-  --border-opacity: 1;
-  border-color: #f98080;
-  border-color: rgba(249, 128, 128, var(--border-opacity));
-}
-
-.focus\:border-red-500:focus {
-  --border-opacity: 1;
-  border-color: #f05252;
-  border-color: rgba(240, 82, 82, var(--border-opacity));
-}
-
-.focus\:border-red-600:focus {
-  --border-opacity: 1;
-  border-color: #e02424;
-  border-color: rgba(224, 36, 36, var(--border-opacity));
-}
-
-.focus\:border-red-700:focus {
-  --border-opacity: 1;
-  border-color: #c81e1e;
-  border-color: rgba(200, 30, 30, var(--border-opacity));
-}
-
-.focus\:border-red-800:focus {
-  --border-opacity: 1;
-  border-color: #9b1c1c;
-  border-color: rgba(155, 28, 28, var(--border-opacity));
-}
-
-.focus\:border-red-900:focus {
-  --border-opacity: 1;
-  border-color: #771d1d;
-  border-color: rgba(119, 29, 29, var(--border-opacity));
-}
-
-.focus\:border-orange-50:focus {
-  --border-opacity: 1;
-  border-color: #fff8f1;
-  border-color: rgba(255, 248, 241, var(--border-opacity));
-}
-
-.focus\:border-orange-100:focus {
-  --border-opacity: 1;
-  border-color: #feecdc;
-  border-color: rgba(254, 236, 220, var(--border-opacity));
-}
-
-.focus\:border-orange-200:focus {
-  --border-opacity: 1;
-  border-color: #fcd9bd;
-  border-color: rgba(252, 217, 189, var(--border-opacity));
-}
-
-.focus\:border-orange-300:focus {
-  --border-opacity: 1;
-  border-color: #fdba8c;
-  border-color: rgba(253, 186, 140, var(--border-opacity));
-}
-
-.focus\:border-orange-400:focus {
-  --border-opacity: 1;
-  border-color: #ff8a4c;
-  border-color: rgba(255, 138, 76, var(--border-opacity));
-}
-
-.focus\:border-orange-500:focus {
-  --border-opacity: 1;
-  border-color: #ff5a1f;
-  border-color: rgba(255, 90, 31, var(--border-opacity));
-}
-
-.focus\:border-orange-600:focus {
-  --border-opacity: 1;
-  border-color: #d03801;
-  border-color: rgba(208, 56, 1, var(--border-opacity));
-}
-
-.focus\:border-orange-700:focus {
-  --border-opacity: 1;
-  border-color: #b43403;
-  border-color: rgba(180, 52, 3, var(--border-opacity));
-}
-
-.focus\:border-orange-800:focus {
-  --border-opacity: 1;
-  border-color: #8a2c0d;
-  border-color: rgba(138, 44, 13, var(--border-opacity));
-}
-
-.focus\:border-orange-900:focus {
-  --border-opacity: 1;
-  border-color: #771d1d;
-  border-color: rgba(119, 29, 29, var(--border-opacity));
-}
-
-.focus\:border-yellow-50:focus {
-  --border-opacity: 1;
-  border-color: #fdfdea;
-  border-color: rgba(253, 253, 234, var(--border-opacity));
-}
-
-.focus\:border-yellow-100:focus {
-  --border-opacity: 1;
-  border-color: #fdf6b2;
-  border-color: rgba(253, 246, 178, var(--border-opacity));
-}
-
-.focus\:border-yellow-200:focus {
-  --border-opacity: 1;
-  border-color: #fce96a;
-  border-color: rgba(252, 233, 106, var(--border-opacity));
-}
-
-.focus\:border-yellow-300:focus {
-  --border-opacity: 1;
-  border-color: #faca15;
-  border-color: rgba(250, 202, 21, var(--border-opacity));
-}
-
-.focus\:border-yellow-400:focus {
-  --border-opacity: 1;
-  border-color: #e3a008;
-  border-color: rgba(227, 160, 8, var(--border-opacity));
-}
-
-.focus\:border-yellow-500:focus {
-  --border-opacity: 1;
-  border-color: #c27803;
-  border-color: rgba(194, 120, 3, var(--border-opacity));
-}
-
-.focus\:border-yellow-600:focus {
-  --border-opacity: 1;
-  border-color: #9f580a;
-  border-color: rgba(159, 88, 10, var(--border-opacity));
-}
-
-.focus\:border-yellow-700:focus {
-  --border-opacity: 1;
-  border-color: #8e4b10;
-  border-color: rgba(142, 75, 16, var(--border-opacity));
-}
-
-.focus\:border-yellow-800:focus {
-  --border-opacity: 1;
-  border-color: #723b13;
-  border-color: rgba(114, 59, 19, var(--border-opacity));
-}
-
-.focus\:border-yellow-900:focus {
-  --border-opacity: 1;
-  border-color: #633112;
-  border-color: rgba(99, 49, 18, var(--border-opacity));
-}
-
-.focus\:border-green-50:focus {
-  --border-opacity: 1;
-  border-color: #f3faf7;
-  border-color: rgba(243, 250, 247, var(--border-opacity));
-}
-
-.focus\:border-green-100:focus {
-  --border-opacity: 1;
-  border-color: #def7ec;
-  border-color: rgba(222, 247, 236, var(--border-opacity));
-}
-
-.focus\:border-green-200:focus {
-  --border-opacity: 1;
-  border-color: #bcf0da;
-  border-color: rgba(188, 240, 218, var(--border-opacity));
-}
-
-.focus\:border-green-300:focus {
-  --border-opacity: 1;
-  border-color: #84e1bc;
-  border-color: rgba(132, 225, 188, var(--border-opacity));
-}
-
-.focus\:border-green-400:focus {
-  --border-opacity: 1;
-  border-color: #31c48d;
-  border-color: rgba(49, 196, 141, var(--border-opacity));
-}
-
-.focus\:border-green-500:focus {
-  --border-opacity: 1;
-  border-color: #0e9f6e;
-  border-color: rgba(14, 159, 110, var(--border-opacity));
-}
-
-.focus\:border-green-600:focus {
-  --border-opacity: 1;
-  border-color: #057a55;
-  border-color: rgba(5, 122, 85, var(--border-opacity));
-}
-
-.focus\:border-green-700:focus {
-  --border-opacity: 1;
-  border-color: #046c4e;
-  border-color: rgba(4, 108, 78, var(--border-opacity));
-}
-
-.focus\:border-green-800:focus {
-  --border-opacity: 1;
-  border-color: #03543f;
-  border-color: rgba(3, 84, 63, var(--border-opacity));
-}
-
-.focus\:border-green-900:focus {
-  --border-opacity: 1;
-  border-color: #014737;
-  border-color: rgba(1, 71, 55, var(--border-opacity));
-}
-
-.focus\:border-teal-50:focus {
-  --border-opacity: 1;
-  border-color: #edfafa;
-  border-color: rgba(237, 250, 250, var(--border-opacity));
-}
-
-.focus\:border-teal-100:focus {
-  --border-opacity: 1;
-  border-color: #d5f5f6;
-  border-color: rgba(213, 245, 246, var(--border-opacity));
-}
-
-.focus\:border-teal-200:focus {
-  --border-opacity: 1;
-  border-color: #afecef;
-  border-color: rgba(175, 236, 239, var(--border-opacity));
-}
-
-.focus\:border-teal-300:focus {
-  --border-opacity: 1;
-  border-color: #7edce2;
-  border-color: rgba(126, 220, 226, var(--border-opacity));
-}
-
-.focus\:border-teal-400:focus {
-  --border-opacity: 1;
-  border-color: #16bdca;
-  border-color: rgba(22, 189, 202, var(--border-opacity));
-}
-
-.focus\:border-teal-500:focus {
-  --border-opacity: 1;
-  border-color: #0694a2;
-  border-color: rgba(6, 148, 162, var(--border-opacity));
-}
-
-.focus\:border-teal-600:focus {
-  --border-opacity: 1;
-  border-color: #047481;
-  border-color: rgba(4, 116, 129, var(--border-opacity));
-}
-
-.focus\:border-teal-700:focus {
-  --border-opacity: 1;
-  border-color: #036672;
-  border-color: rgba(3, 102, 114, var(--border-opacity));
-}
-
-.focus\:border-teal-800:focus {
-  --border-opacity: 1;
-  border-color: #05505c;
-  border-color: rgba(5, 80, 92, var(--border-opacity));
-}
-
-.focus\:border-teal-900:focus {
-  --border-opacity: 1;
-  border-color: #014451;
-  border-color: rgba(1, 68, 81, var(--border-opacity));
-}
-
-.focus\:border-blue-50:focus {
-  --border-opacity: 1;
-  border-color: #ebf5ff;
-  border-color: rgba(235, 245, 255, var(--border-opacity));
-}
-
-.focus\:border-blue-100:focus {
-  --border-opacity: 1;
-  border-color: #e1effe;
-  border-color: rgba(225, 239, 254, var(--border-opacity));
-}
-
-.focus\:border-blue-200:focus {
-  --border-opacity: 1;
-  border-color: #c3ddfd;
-  border-color: rgba(195, 221, 253, var(--border-opacity));
-}
-
-.focus\:border-blue-300:focus {
-  --border-opacity: 1;
-  border-color: #a4cafe;
-  border-color: rgba(164, 202, 254, var(--border-opacity));
-}
-
-.focus\:border-blue-400:focus {
-  --border-opacity: 1;
-  border-color: #76a9fa;
-  border-color: rgba(118, 169, 250, var(--border-opacity));
-}
-
-.focus\:border-blue-500:focus {
-  --border-opacity: 1;
-  border-color: #3f83f8;
-  border-color: rgba(63, 131, 248, var(--border-opacity));
-}
-
-.focus\:border-blue-600:focus {
-  --border-opacity: 1;
-  border-color: #1c64f2;
-  border-color: rgba(28, 100, 242, var(--border-opacity));
-}
-
-.focus\:border-blue-700:focus {
-  --border-opacity: 1;
-  border-color: #1a56db;
-  border-color: rgba(26, 86, 219, var(--border-opacity));
-}
-
-.focus\:border-blue-800:focus {
-  --border-opacity: 1;
-  border-color: #1e429f;
-  border-color: rgba(30, 66, 159, var(--border-opacity));
-}
-
-.focus\:border-blue-900:focus {
-  --border-opacity: 1;
-  border-color: #233876;
-  border-color: rgba(35, 56, 118, var(--border-opacity));
-}
-
-.focus\:border-indigo-50:focus {
-  --border-opacity: 1;
-  border-color: #f0f5ff;
-  border-color: rgba(240, 245, 255, var(--border-opacity));
-}
-
-.focus\:border-indigo-100:focus {
-  --border-opacity: 1;
-  border-color: #e5edff;
-  border-color: rgba(229, 237, 255, var(--border-opacity));
-}
-
-.focus\:border-indigo-200:focus {
-  --border-opacity: 1;
-  border-color: #cddbfe;
-  border-color: rgba(205, 219, 254, var(--border-opacity));
-}
-
-.focus\:border-indigo-300:focus {
-  --border-opacity: 1;
-  border-color: #b4c6fc;
-  border-color: rgba(180, 198, 252, var(--border-opacity));
-}
-
-.focus\:border-indigo-400:focus {
-  --border-opacity: 1;
-  border-color: #8da2fb;
-  border-color: rgba(141, 162, 251, var(--border-opacity));
-}
-
-.focus\:border-indigo-500:focus {
-  --border-opacity: 1;
-  border-color: #6875f5;
-  border-color: rgba(104, 117, 245, var(--border-opacity));
-}
-
-.focus\:border-indigo-600:focus {
-  --border-opacity: 1;
-  border-color: #5850ec;
-  border-color: rgba(88, 80, 236, var(--border-opacity));
-}
-
-.focus\:border-indigo-700:focus {
-  --border-opacity: 1;
-  border-color: #5145cd;
-  border-color: rgba(81, 69, 205, var(--border-opacity));
-}
-
-.focus\:border-indigo-800:focus {
-  --border-opacity: 1;
-  border-color: #42389d;
-  border-color: rgba(66, 56, 157, var(--border-opacity));
-}
-
-.focus\:border-indigo-900:focus {
-  --border-opacity: 1;
-  border-color: #362f78;
-  border-color: rgba(54, 47, 120, var(--border-opacity));
-}
-
-.focus\:border-purple-50:focus {
-  --border-opacity: 1;
-  border-color: #f6f5ff;
-  border-color: rgba(246, 245, 255, var(--border-opacity));
-}
-
-.focus\:border-purple-100:focus {
-  --border-opacity: 1;
-  border-color: #edebfe;
-  border-color: rgba(237, 235, 254, var(--border-opacity));
-}
-
-.focus\:border-purple-200:focus {
-  --border-opacity: 1;
-  border-color: #dcd7fe;
-  border-color: rgba(220, 215, 254, var(--border-opacity));
-}
-
-.focus\:border-purple-300:focus {
-  --border-opacity: 1;
-  border-color: #cabffd;
-  border-color: rgba(202, 191, 253, var(--border-opacity));
-}
-
-.focus\:border-purple-400:focus {
-  --border-opacity: 1;
-  border-color: #ac94fa;
-  border-color: rgba(172, 148, 250, var(--border-opacity));
-}
-
-.focus\:border-purple-500:focus {
-  --border-opacity: 1;
-  border-color: #9061f9;
-  border-color: rgba(144, 97, 249, var(--border-opacity));
-}
-
-.focus\:border-purple-600:focus {
-  --border-opacity: 1;
-  border-color: #7e3af2;
-  border-color: rgba(126, 58, 242, var(--border-opacity));
-}
-
-.focus\:border-purple-700:focus {
-  --border-opacity: 1;
-  border-color: #6c2bd9;
-  border-color: rgba(108, 43, 217, var(--border-opacity));
-}
-
-.focus\:border-purple-800:focus {
-  --border-opacity: 1;
-  border-color: #5521b5;
-  border-color: rgba(85, 33, 181, var(--border-opacity));
-}
-
-.focus\:border-purple-900:focus {
-  --border-opacity: 1;
-  border-color: #4a1d96;
-  border-color: rgba(74, 29, 150, var(--border-opacity));
-}
-
-.focus\:border-pink-50:focus {
-  --border-opacity: 1;
-  border-color: #fdf2f8;
-  border-color: rgba(253, 242, 248, var(--border-opacity));
-}
-
-.focus\:border-pink-100:focus {
-  --border-opacity: 1;
-  border-color: #fce8f3;
-  border-color: rgba(252, 232, 243, var(--border-opacity));
-}
-
-.focus\:border-pink-200:focus {
-  --border-opacity: 1;
-  border-color: #fad1e8;
-  border-color: rgba(250, 209, 232, var(--border-opacity));
-}
-
-.focus\:border-pink-300:focus {
-  --border-opacity: 1;
-  border-color: #f8b4d9;
-  border-color: rgba(248, 180, 217, var(--border-opacity));
-}
-
-.focus\:border-pink-400:focus {
-  --border-opacity: 1;
-  border-color: #f17eb8;
-  border-color: rgba(241, 126, 184, var(--border-opacity));
-}
-
-.focus\:border-pink-500:focus {
-  --border-opacity: 1;
-  border-color: #e74694;
-  border-color: rgba(231, 70, 148, var(--border-opacity));
-}
-
-.focus\:border-pink-600:focus {
-  --border-opacity: 1;
-  border-color: #d61f69;
-  border-color: rgba(214, 31, 105, var(--border-opacity));
-}
-
-.focus\:border-pink-700:focus {
-  --border-opacity: 1;
-  border-color: #bf125d;
-  border-color: rgba(191, 18, 93, var(--border-opacity));
-}
-
-.focus\:border-pink-800:focus {
-  --border-opacity: 1;
-  border-color: #99154b;
-  border-color: rgba(153, 21, 75, var(--border-opacity));
-}
-
-.focus\:border-pink-900:focus {
-  --border-opacity: 1;
-  border-color: #751a3d;
-  border-color: rgba(117, 26, 61, var(--border-opacity));
-}
-
-.border-opacity-0 {
-  --border-opacity: 0;
-}
-
-.border-opacity-25 {
-  --border-opacity: 0.25;
-}
-
-.border-opacity-50 {
-  --border-opacity: 0.5;
-}
-
-.border-opacity-75 {
-  --border-opacity: 0.75;
-}
-
-.border-opacity-100 {
-  --border-opacity: 1;
-}
-
-.hover\:border-opacity-0:hover {
-  --border-opacity: 0;
-}
-
-.hover\:border-opacity-25:hover {
-  --border-opacity: 0.25;
-}
-
-.hover\:border-opacity-50:hover {
-  --border-opacity: 0.5;
-}
-
-.hover\:border-opacity-75:hover {
-  --border-opacity: 0.75;
-}
-
-.hover\:border-opacity-100:hover {
-  --border-opacity: 1;
-}
-
-.focus\:border-opacity-0:focus {
-  --border-opacity: 0;
-}
-
-.focus\:border-opacity-25:focus {
-  --border-opacity: 0.25;
-}
-
-.focus\:border-opacity-50:focus {
-  --border-opacity: 0.5;
-}
-
-.focus\:border-opacity-75:focus {
-  --border-opacity: 0.75;
-}
-
-.focus\:border-opacity-100:focus {
-  --border-opacity: 1;
-}
-
-.rounded-none {
-  border-radius: 0;
-}
-
-.rounded-sm {
-  border-radius: 0.125rem;
-}
-
-.rounded {
-  border-radius: 0.25rem;
-}
-
-.rounded-md {
-  border-radius: 0.375rem;
-}
-
-.rounded-lg {
-  border-radius: 0.5rem;
-}
-
-.rounded-full {
-  border-radius: 9999px;
-}
-
-.rounded-t-none {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-
-.rounded-r-none {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-
-.rounded-b-none {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-}
-
-.rounded-l-none {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-
-.rounded-t-sm {
-  border-top-left-radius: 0.125rem;
-  border-top-right-radius: 0.125rem;
-}
-
-.rounded-r-sm {
-  border-top-right-radius: 0.125rem;
-  border-bottom-right-radius: 0.125rem;
-}
-
-.rounded-b-sm {
-  border-bottom-right-radius: 0.125rem;
-  border-bottom-left-radius: 0.125rem;
-}
-
-.rounded-l-sm {
-  border-top-left-radius: 0.125rem;
-  border-bottom-left-radius: 0.125rem;
-}
-
-.rounded-t {
-  border-top-left-radius: 0.25rem;
-  border-top-right-radius: 0.25rem;
-}
-
-.rounded-r {
-  border-top-right-radius: 0.25rem;
-  border-bottom-right-radius: 0.25rem;
-}
-
-.rounded-b {
-  border-bottom-right-radius: 0.25rem;
-  border-bottom-left-radius: 0.25rem;
-}
-
-.rounded-l {
-  border-top-left-radius: 0.25rem;
-  border-bottom-left-radius: 0.25rem;
-}
-
-.rounded-t-md {
-  border-top-left-radius: 0.375rem;
-  border-top-right-radius: 0.375rem;
-}
-
-.rounded-r-md {
-  border-top-right-radius: 0.375rem;
-  border-bottom-right-radius: 0.375rem;
-}
-
-.rounded-b-md {
-  border-bottom-right-radius: 0.375rem;
-  border-bottom-left-radius: 0.375rem;
-}
-
-.rounded-l-md {
-  border-top-left-radius: 0.375rem;
-  border-bottom-left-radius: 0.375rem;
-}
-
-.rounded-t-lg {
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
-}
-
-.rounded-r-lg {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.rounded-b-lg {
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.rounded-l-lg {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.rounded-t-full {
-  border-top-left-radius: 9999px;
-  border-top-right-radius: 9999px;
-}
-
-.rounded-r-full {
-  border-top-right-radius: 9999px;
-  border-bottom-right-radius: 9999px;
-}
-
-.rounded-b-full {
-  border-bottom-right-radius: 9999px;
-  border-bottom-left-radius: 9999px;
-}
-
-.rounded-l-full {
-  border-top-left-radius: 9999px;
-  border-bottom-left-radius: 9999px;
-}
-
-.rounded-tl-none {
-  border-top-left-radius: 0;
-}
-
-.rounded-tr-none {
-  border-top-right-radius: 0;
-}
-
-.rounded-br-none {
-  border-bottom-right-radius: 0;
-}
-
-.rounded-bl-none {
-  border-bottom-left-radius: 0;
-}
-
-.rounded-tl-sm {
-  border-top-left-radius: 0.125rem;
-}
-
-.rounded-tr-sm {
-  border-top-right-radius: 0.125rem;
-}
-
-.rounded-br-sm {
-  border-bottom-right-radius: 0.125rem;
-}
-
-.rounded-bl-sm {
-  border-bottom-left-radius: 0.125rem;
-}
-
-.rounded-tl {
-  border-top-left-radius: 0.25rem;
-}
-
-.rounded-tr {
-  border-top-right-radius: 0.25rem;
-}
-
-.rounded-br {
-  border-bottom-right-radius: 0.25rem;
-}
-
-.rounded-bl {
-  border-bottom-left-radius: 0.25rem;
-}
-
-.rounded-tl-md {
-  border-top-left-radius: 0.375rem;
-}
-
-.rounded-tr-md {
-  border-top-right-radius: 0.375rem;
-}
-
-.rounded-br-md {
-  border-bottom-right-radius: 0.375rem;
-}
-
-.rounded-bl-md {
-  border-bottom-left-radius: 0.375rem;
-}
-
-.rounded-tl-lg {
-  border-top-left-radius: 0.5rem;
-}
-
-.rounded-tr-lg {
-  border-top-right-radius: 0.5rem;
-}
-
-.rounded-br-lg {
-  border-bottom-right-radius: 0.5rem;
-}
-
-.rounded-bl-lg {
-  border-bottom-left-radius: 0.5rem;
-}
-
-.rounded-tl-full {
-  border-top-left-radius: 9999px;
-}
-
-.rounded-tr-full {
-  border-top-right-radius: 9999px;
-}
-
-.rounded-br-full {
-  border-bottom-right-radius: 9999px;
-}
-
-.rounded-bl-full {
-  border-bottom-left-radius: 9999px;
-}
-
-.border-solid {
-  border-style: solid;
-}
-
-.border-dashed {
-  border-style: dashed;
-}
-
-.border-dotted {
-  border-style: dotted;
-}
-
-.border-double {
-  border-style: double;
-}
-
-.border-none {
-  border-style: none;
-}
-
-.border-0 {
-  border-width: 0;
-}
-
-.border-2 {
-  border-width: 2px;
-}
-
-.border-4 {
-  border-width: 4px;
-}
-
-.border-8 {
-  border-width: 8px;
-}
-
-.border {
-  border-width: 1px;
-}
-
-.border-t-0 {
-  border-top-width: 0;
-}
-
-.border-r-0 {
-  border-right-width: 0;
-}
-
-.border-b-0 {
-  border-bottom-width: 0;
-}
-
-.border-l-0 {
-  border-left-width: 0;
-}
-
-.border-t-2 {
-  border-top-width: 2px;
-}
-
-.border-r-2 {
-  border-right-width: 2px;
-}
-
-.border-b-2 {
-  border-bottom-width: 2px;
-}
-
-.border-l-2 {
-  border-left-width: 2px;
-}
-
-.border-t-4 {
-  border-top-width: 4px;
-}
-
-.border-r-4 {
-  border-right-width: 4px;
-}
-
-.border-b-4 {
-  border-bottom-width: 4px;
-}
-
-.border-l-4 {
-  border-left-width: 4px;
-}
-
-.border-t-8 {
-  border-top-width: 8px;
-}
-
-.border-r-8 {
-  border-right-width: 8px;
-}
-
-.border-b-8 {
-  border-bottom-width: 8px;
-}
-
-.border-l-8 {
-  border-left-width: 8px;
-}
-
-.border-t {
-  border-top-width: 1px;
-}
-
-.border-r {
-  border-right-width: 1px;
-}
-
-.border-b {
-  border-bottom-width: 1px;
-}
-
-.border-l {
-  border-left-width: 1px;
-}
-
-.box-border {
-  box-sizing: border-box;
-}
-
-.box-content {
-  box-sizing: content-box;
-}
-
-.cursor-auto {
-  cursor: auto;
-}
-
-.cursor-default {
-  cursor: default;
-}
-
-.cursor-pointer {
-  cursor: pointer;
-}
-
-.cursor-wait {
-  cursor: wait;
-}
-
-.cursor-text {
-  cursor: text;
-}
-
-.cursor-move {
-  cursor: move;
-}
-
-.cursor-not-allowed {
-  cursor: not-allowed;
-}
-
-.block {
-  display: block;
-}
-
-.inline-block {
-  display: inline-block;
-}
-
-.inline {
-  display: inline;
-}
-
-.flex {
-  display: flex;
-}
-
-.inline-flex {
-  display: inline-flex;
-}
-
-.table {
-  display: table;
-}
-
-.table-caption {
-  display: table-caption;
-}
-
-.table-cell {
-  display: table-cell;
-}
-
-.table-column {
-  display: table-column;
-}
-
-.table-column-group {
-  display: table-column-group;
-}
-
-.table-footer-group {
-  display: table-footer-group;
-}
-
-.table-header-group {
-  display: table-header-group;
-}
-
-.table-row-group {
-  display: table-row-group;
-}
-
-.table-row {
-  display: table-row;
-}
-
-.flow-root {
-  display: flow-root;
-}
-
-.grid {
-  display: grid;
-}
-
-.inline-grid {
-  display: inline-grid;
-}
-
-.hidden {
-  display: none;
-}
-
-.flex-row {
-  flex-direction: row;
-}
-
-.flex-row-reverse {
-  flex-direction: row-reverse;
-}
-
-.flex-col {
-  flex-direction: column;
-}
-
-.flex-col-reverse {
-  flex-direction: column-reverse;
-}
-
-.flex-wrap {
-  flex-wrap: wrap;
-}
-
-.flex-wrap-reverse {
-  flex-wrap: wrap-reverse;
-}
-
-.flex-no-wrap {
-  flex-wrap: nowrap;
-}
-
-.items-start {
-  align-items: flex-start;
-}
-
-.items-end {
-  align-items: flex-end;
-}
-
-.items-center {
-  align-items: center;
-}
-
-.items-baseline {
-  align-items: baseline;
-}
-
-.items-stretch {
-  align-items: stretch;
-}
-
-.self-auto {
-  align-self: auto;
-}
-
-.self-start {
-  align-self: flex-start;
-}
-
-.self-end {
-  align-self: flex-end;
-}
-
-.self-center {
-  align-self: center;
-}
-
-.self-stretch {
-  align-self: stretch;
-}
-
-.justify-start {
-  justify-content: flex-start;
-}
-
-.justify-end {
-  justify-content: flex-end;
-}
-
-.justify-center {
-  justify-content: center;
-}
-
-.justify-between {
-  justify-content: space-between;
-}
-
-.justify-around {
-  justify-content: space-around;
-}
-
-.justify-evenly {
-  justify-content: space-evenly;
-}
-
-.content-center {
-  align-content: center;
-}
-
-.content-start {
-  align-content: flex-start;
-}
-
-.content-end {
-  align-content: flex-end;
-}
-
-.content-between {
-  align-content: space-between;
-}
-
-.content-around {
-  align-content: space-around;
-}
-
-.flex-1 {
-  flex: 1 1 0%;
-}
-
-.flex-auto {
-  flex: 1 1 auto;
-}
-
-.flex-initial {
-  flex: 0 1 auto;
-}
-
-.flex-none {
-  flex: none;
-}
-
-.flex-grow-0 {
-  flex-grow: 0;
-}
-
-.flex-grow {
-  flex-grow: 1;
-}
-
-.flex-shrink-0 {
-  flex-shrink: 0;
-}
-
-.flex-shrink {
-  flex-shrink: 1;
-}
-
-.order-1 {
-  order: 1;
-}
-
-.order-2 {
-  order: 2;
-}
-
-.order-3 {
-  order: 3;
-}
-
-.order-4 {
-  order: 4;
-}
-
-.order-5 {
-  order: 5;
-}
-
-.order-6 {
-  order: 6;
-}
-
-.order-7 {
-  order: 7;
-}
-
-.order-8 {
-  order: 8;
-}
-
-.order-9 {
-  order: 9;
-}
-
-.order-10 {
-  order: 10;
-}
-
-.order-11 {
-  order: 11;
-}
-
-.order-12 {
-  order: 12;
-}
-
-.order-first {
-  order: -9999;
-}
-
-.order-last {
-  order: 9999;
-}
-
-.order-none {
-  order: 0;
-}
-
-.float-right {
-  float: right;
-}
-
-.float-left {
-  float: left;
-}
-
-.float-none {
-  float: none;
-}
-
-.clearfix:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-
-.clear-left {
-  clear: left;
-}
-
-.clear-right {
-  clear: right;
-}
-
-.clear-both {
-  clear: both;
-}
-
-.clear-none {
-  clear: none;
-}
-
-.font-sans {
-  font-family: Open Sans, 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";
-}
-
-.font-serif {
-  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
-}
-
-.font-mono {
-  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
-
-.font-hairline {
-  font-weight: 100;
-}
-
-.font-thin {
-  font-weight: 200;
-}
-
-.font-light {
-  font-weight: 300;
-}
-
-.font-normal {
-  font-weight: 400;
-}
-
-.font-medium {
-  font-weight: 500;
-}
-
-.font-semibold {
-  font-weight: 600;
-}
-
-.font-bold {
-  font-weight: 700;
-}
-
-.font-extrabold {
-  font-weight: 800;
-}
-
-.font-black {
-  font-weight: 900;
-}
-
-.hover\:font-hairline:hover {
-  font-weight: 100;
-}
-
-.hover\:font-thin:hover {
-  font-weight: 200;
-}
-
-.hover\:font-light:hover {
-  font-weight: 300;
-}
-
-.hover\:font-normal:hover {
-  font-weight: 400;
-}
-
-.hover\:font-medium:hover {
-  font-weight: 500;
-}
-
-.hover\:font-semibold:hover {
-  font-weight: 600;
-}
-
-.hover\:font-bold:hover {
-  font-weight: 700;
-}
-
-.hover\:font-extrabold:hover {
-  font-weight: 800;
-}
-
-.hover\:font-black:hover {
-  font-weight: 900;
-}
-
-.focus\:font-hairline:focus {
-  font-weight: 100;
-}
-
-.focus\:font-thin:focus {
-  font-weight: 200;
-}
-
-.focus\:font-light:focus {
-  font-weight: 300;
-}
-
-.focus\:font-normal:focus {
-  font-weight: 400;
-}
-
-.focus\:font-medium:focus {
-  font-weight: 500;
-}
-
-.focus\:font-semibold:focus {
-  font-weight: 600;
-}
-
-.focus\:font-bold:focus {
-  font-weight: 700;
-}
-
-.focus\:font-extrabold:focus {
-  font-weight: 800;
-}
-
-.focus\:font-black:focus {
-  font-weight: 900;
-}
-
-.h-0 {
-  height: 0;
-}
-
-.h-1 {
-  height: 0.25rem;
-}
-
-.h-2 {
-  height: 0.5rem;
-}
-
-.h-3 {
-  height: 0.75rem;
-}
-
-.h-4 {
-  height: 1rem;
-}
-
-.h-5 {
-  height: 1.25rem;
-}
-
-.h-6 {
-  height: 1.5rem;
-}
-
-.h-7 {
-  height: 1.75rem;
-}
-
-.h-8 {
-  height: 2rem;
-}
-
-.h-9 {
-  height: 2.25rem;
-}
-
-.h-10 {
-  height: 2.5rem;
-}
-
-.h-11 {
-  height: 2.75rem;
-}
-
-.h-12 {
-  height: 3rem;
-}
-
-.h-13 {
-  height: 3.25rem;
-}
-
-.h-14 {
-  height: 3.5rem;
-}
-
-.h-15 {
-  height: 3.75rem;
-}
-
-.h-16 {
-  height: 4rem;
-}
-
-.h-20 {
-  height: 5rem;
-}
-
-.h-24 {
-  height: 6rem;
-}
-
-.h-28 {
-  height: 7rem;
-}
-
-.h-32 {
-  height: 8rem;
-}
-
-.h-36 {
-  height: 9rem;
-}
-
-.h-40 {
-  height: 10rem;
-}
-
-.h-48 {
-  height: 12rem;
-}
-
-.h-56 {
-  height: 14rem;
-}
-
-.h-60 {
-  height: 15rem;
-}
-
-.h-64 {
-  height: 16rem;
-}
-
-.h-72 {
-  height: 18rem;
-}
-
-.h-80 {
-  height: 20rem;
-}
-
-.h-96 {
-  height: 24rem;
-}
-
-.h-auto {
-  height: auto;
-}
-
-.h-px {
-  height: 1px;
-}
-
-.h-0\.5 {
-  height: 0.125rem;
-}
-
-.h-1\.5 {
-  height: 0.375rem;
-}
-
-.h-2\.5 {
-  height: 0.625rem;
-}
-
-.h-3\.5 {
-  height: 0.875rem;
-}
-
-.h-1\/2 {
-  height: 50%;
-}
-
-.h-1\/3 {
-  height: 33.333333%;
-}
-
-.h-2\/3 {
-  height: 66.666667%;
-}
-
-.h-1\/4 {
-  height: 25%;
-}
-
-.h-2\/4 {
-  height: 50%;
-}
-
-.h-3\/4 {
-  height: 75%;
-}
-
-.h-1\/5 {
-  height: 20%;
-}
-
-.h-2\/5 {
-  height: 40%;
-}
-
-.h-3\/5 {
-  height: 60%;
-}
-
-.h-4\/5 {
-  height: 80%;
-}
-
-.h-1\/6 {
-  height: 16.666667%;
-}
-
-.h-2\/6 {
-  height: 33.333333%;
-}
-
-.h-3\/6 {
-  height: 50%;
-}
-
-.h-4\/6 {
-  height: 66.666667%;
-}
-
-.h-5\/6 {
-  height: 83.333333%;
-}
-
-.h-1\/12 {
-  height: 8.333333%;
-}
-
-.h-2\/12 {
-  height: 16.666667%;
-}
-
-.h-3\/12 {
-  height: 25%;
-}
-
-.h-4\/12 {
-  height: 33.333333%;
-}
-
-.h-5\/12 {
-  height: 41.666667%;
-}
-
-.h-6\/12 {
-  height: 50%;
-}
-
-.h-7\/12 {
-  height: 58.333333%;
-}
-
-.h-8\/12 {
-  height: 66.666667%;
-}
-
-.h-9\/12 {
-  height: 75%;
-}
-
-.h-10\/12 {
-  height: 83.333333%;
-}
-
-.h-11\/12 {
-  height: 91.666667%;
-}
-
-.h-full {
-  height: 100%;
-}
-
-.h-screen {
-  height: 100vh;
-}
-
-.text-xs {
-  font-size: 0.75rem;
-}
-
-.text-sm {
-  font-size: 0.875rem;
-}
-
-.text-base {
-  font-size: 1rem;
-}
-
-.text-lg {
-  font-size: 1.125rem;
-}
-
-.text-xl {
-  font-size: 1.25rem;
-}
-
-.text-2xl {
-  font-size: 1.5rem;
-}
-
-.text-3xl {
-  font-size: 1.875rem;
-}
-
-.text-4xl {
-  font-size: 2.25rem;
-}
-
-.text-5xl {
-  font-size: 3rem;
-}
-
-.text-6xl {
-  font-size: 4rem;
-}
-
-.leading-3 {
-  line-height: .75rem;
-}
-
-.leading-4 {
-  line-height: 1rem;
-}
-
-.leading-5 {
-  line-height: 1.25rem;
-}
-
-.leading-6 {
-  line-height: 1.5rem;
-}
-
-.leading-7 {
-  line-height: 1.75rem;
-}
-
-.leading-8 {
-  line-height: 2rem;
-}
-
-.leading-9 {
-  line-height: 2.25rem;
-}
-
-.leading-10 {
-  line-height: 2.5rem;
-}
-
-.leading-none {
-  line-height: 1;
-}
-
-.leading-tight {
-  line-height: 1.25;
-}
-
-.leading-snug {
-  line-height: 1.375;
-}
-
-.leading-normal {
-  line-height: 1.5;
-}
-
-.leading-relaxed {
-  line-height: 1.625;
-}
-
-.leading-loose {
-  line-height: 2;
-}
-
-.list-inside {
-  list-style-position: inside;
-}
-
-.list-outside {
-  list-style-position: outside;
-}
-
-.list-none {
-  list-style-type: none;
-}
-
-.list-disc {
-  list-style-type: disc;
-}
-
-.list-decimal {
-  list-style-type: decimal;
-}
-
-.m-0 {
-  margin: 0;
-}
-
-.m-1 {
-  margin: 0.25rem;
-}
-
-.m-2 {
-  margin: 0.5rem;
-}
-
-.m-3 {
-  margin: 0.75rem;
-}
-
-.m-4 {
-  margin: 1rem;
-}
-
-.m-5 {
-  margin: 1.25rem;
-}
-
-.m-6 {
-  margin: 1.5rem;
-}
-
-.m-7 {
-  margin: 1.75rem;
-}
-
-.m-8 {
-  margin: 2rem;
-}
-
-.m-9 {
-  margin: 2.25rem;
-}
-
-.m-10 {
-  margin: 2.5rem;
-}
-
-.m-11 {
-  margin: 2.75rem;
-}
-
-.m-12 {
-  margin: 3rem;
-}
-
-.m-13 {
-  margin: 3.25rem;
-}
-
-.m-14 {
-  margin: 3.5rem;
-}
-
-.m-15 {
-  margin: 3.75rem;
-}
-
-.m-16 {
-  margin: 4rem;
-}
-
-.m-20 {
-  margin: 5rem;
-}
-
-.m-24 {
-  margin: 6rem;
-}
-
-.m-28 {
-  margin: 7rem;
-}
-
-.m-32 {
-  margin: 8rem;
-}
-
-.m-36 {
-  margin: 9rem;
-}
-
-.m-40 {
-  margin: 10rem;
-}
-
-.m-48 {
-  margin: 12rem;
-}
-
-.m-56 {
-  margin: 14rem;
-}
-
-.m-60 {
-  margin: 15rem;
-}
-
-.m-64 {
-  margin: 16rem;
-}
-
-.m-72 {
-  margin: 18rem;
-}
-
-.m-80 {
-  margin: 20rem;
-}
-
-.m-96 {
-  margin: 24rem;
-}
-
-.m-auto {
-  margin: auto;
-}
-
-.m-px {
-  margin: 1px;
-}
-
-.m-0\.5 {
-  margin: 0.125rem;
-}
-
-.m-1\.5 {
-  margin: 0.375rem;
-}
-
-.m-2\.5 {
-  margin: 0.625rem;
-}
-
-.m-3\.5 {
-  margin: 0.875rem;
-}
-
-.m-1\/2 {
-  margin: 50%;
-}
-
-.m-1\/3 {
-  margin: 33.333333%;
-}
-
-.m-2\/3 {
-  margin: 66.666667%;
-}
-
-.m-1\/4 {
-  margin: 25%;
-}
-
-.m-2\/4 {
-  margin: 50%;
-}
-
-.m-3\/4 {
-  margin: 75%;
-}
-
-.m-1\/5 {
-  margin: 20%;
-}
-
-.m-2\/5 {
-  margin: 40%;
-}
-
-.m-3\/5 {
-  margin: 60%;
-}
-
-.m-4\/5 {
-  margin: 80%;
-}
-
-.m-1\/6 {
-  margin: 16.666667%;
-}
-
-.m-2\/6 {
-  margin: 33.333333%;
-}
-
-.m-3\/6 {
-  margin: 50%;
-}
-
-.m-4\/6 {
-  margin: 66.666667%;
-}
-
-.m-5\/6 {
-  margin: 83.333333%;
-}
-
-.m-1\/12 {
-  margin: 8.333333%;
-}
-
-.m-2\/12 {
-  margin: 16.666667%;
-}
-
-.m-3\/12 {
-  margin: 25%;
-}
-
-.m-4\/12 {
-  margin: 33.333333%;
-}
-
-.m-5\/12 {
-  margin: 41.666667%;
-}
-
-.m-6\/12 {
-  margin: 50%;
-}
-
-.m-7\/12 {
-  margin: 58.333333%;
-}
-
-.m-8\/12 {
-  margin: 66.666667%;
-}
-
-.m-9\/12 {
-  margin: 75%;
-}
-
-.m-10\/12 {
-  margin: 83.333333%;
-}
-
-.m-11\/12 {
-  margin: 91.666667%;
-}
-
-.m-full {
-  margin: 100%;
-}
-
-.-m-1 {
-  margin: -0.25rem;
-}
-
-.-m-2 {
-  margin: -0.5rem;
-}
-
-.-m-3 {
-  margin: -0.75rem;
-}
-
-.-m-4 {
-  margin: -1rem;
-}
-
-.-m-5 {
-  margin: -1.25rem;
-}
-
-.-m-6 {
-  margin: -1.5rem;
-}
-
-.-m-7 {
-  margin: -1.75rem;
-}
-
-.-m-8 {
-  margin: -2rem;
-}
-
-.-m-9 {
-  margin: -2.25rem;
-}
-
-.-m-10 {
-  margin: -2.5rem;
-}
-
-.-m-11 {
-  margin: -2.75rem;
-}
-
-.-m-12 {
-  margin: -3rem;
-}
-
-.-m-13 {
-  margin: -3.25rem;
-}
-
-.-m-14 {
-  margin: -3.5rem;
-}
-
-.-m-15 {
-  margin: -3.75rem;
-}
-
-.-m-16 {
-  margin: -4rem;
-}
-
-.-m-20 {
-  margin: -5rem;
-}
-
-.-m-24 {
-  margin: -6rem;
-}
-
-.-m-28 {
-  margin: -7rem;
-}
-
-.-m-32 {
-  margin: -8rem;
-}
-
-.-m-36 {
-  margin: -9rem;
-}
-
-.-m-40 {
-  margin: -10rem;
-}
-
-.-m-48 {
-  margin: -12rem;
-}
-
-.-m-56 {
-  margin: -14rem;
-}
-
-.-m-60 {
-  margin: -15rem;
-}
-
-.-m-64 {
-  margin: -16rem;
-}
-
-.-m-72 {
-  margin: -18rem;
-}
-
-.-m-80 {
-  margin: -20rem;
-}
-
-.-m-96 {
-  margin: -24rem;
-}
-
-.-m-px {
-  margin: -1px;
-}
-
-.-m-0\.5 {
-  margin: -0.125rem;
-}
-
-.-m-1\.5 {
-  margin: -0.375rem;
-}
-
-.-m-2\.5 {
-  margin: -0.625rem;
-}
-
-.-m-3\.5 {
-  margin: -0.875rem;
-}
-
-.-m-1\/2 {
-  margin: -50%;
-}
-
-.-m-1\/3 {
-  margin: -33.33333%;
-}
-
-.-m-2\/3 {
-  margin: -66.66667%;
-}
-
-.-m-1\/4 {
-  margin: -25%;
-}
-
-.-m-2\/4 {
-  margin: -50%;
-}
-
-.-m-3\/4 {
-  margin: -75%;
-}
-
-.-m-1\/5 {
-  margin: -20%;
-}
-
-.-m-2\/5 {
-  margin: -40%;
-}
-
-.-m-3\/5 {
-  margin: -60%;
-}
-
-.-m-4\/5 {
-  margin: -80%;
-}
-
-.-m-1\/6 {
-  margin: -16.66667%;
-}
-
-.-m-2\/6 {
-  margin: -33.33333%;
-}
-
-.-m-3\/6 {
-  margin: -50%;
-}
-
-.-m-4\/6 {
-  margin: -66.66667%;
-}
-
-.-m-5\/6 {
-  margin: -83.33333%;
-}
-
-.-m-1\/12 {
-  margin: -8.33333%;
-}
-
-.-m-2\/12 {
-  margin: -16.66667%;
-}
-
-.-m-3\/12 {
-  margin: -25%;
-}
-
-.-m-4\/12 {
-  margin: -33.33333%;
-}
-
-.-m-5\/12 {
-  margin: -41.66667%;
-}
-
-.-m-6\/12 {
-  margin: -50%;
-}
-
-.-m-7\/12 {
-  margin: -58.33333%;
-}
-
-.-m-8\/12 {
-  margin: -66.66667%;
-}
-
-.-m-9\/12 {
-  margin: -75%;
-}
-
-.-m-10\/12 {
-  margin: -83.33333%;
-}
-
-.-m-11\/12 {
-  margin: -91.66667%;
-}
-
-.-m-full {
-  margin: -100%;
-}
-
-.my-0 {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.mx-0 {
-  margin-left: 0;
-  margin-right: 0;
-}
-
-.my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
-
-.mx-1 {
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}
-
-.my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-
-.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-
-.my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}
-
-.mx-3 {
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}
-
-.my-4 {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-
-.mx-4 {
-  margin-left: 1rem;
-  margin-right: 1rem;
-}
-
-.my-5 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}
-
-.mx-5 {
-  margin-left: 1.25rem;
-  margin-right: 1.25rem;
-}
-
-.my-6 {
-  margin-top: 1.5rem;
-  margin-bottom: 1.5rem;
-}
-
-.mx-6 {
-  margin-left: 1.5rem;
-  margin-right: 1.5rem;
-}
-
-.my-7 {
-  margin-top: 1.75rem;
-  margin-bottom: 1.75rem;
-}
-
-.mx-7 {
-  margin-left: 1.75rem;
-  margin-right: 1.75rem;
-}
-
-.my-8 {
-  margin-top: 2rem;
-  margin-bottom: 2rem;
-}
-
-.mx-8 {
-  margin-left: 2rem;
-  margin-right: 2rem;
-}
-
-.my-9 {
-  margin-top: 2.25rem;
-  margin-bottom: 2.25rem;
-}
-
-.mx-9 {
-  margin-left: 2.25rem;
-  margin-right: 2.25rem;
-}
-
-.my-10 {
-  margin-top: 2.5rem;
-  margin-bottom: 2.5rem;
-}
-
-.mx-10 {
-  margin-left: 2.5rem;
-  margin-right: 2.5rem;
-}
-
-.my-11 {
-  margin-top: 2.75rem;
-  margin-bottom: 2.75rem;
-}
-
-.mx-11 {
-  margin-left: 2.75rem;
-  margin-right: 2.75rem;
-}
-
-.my-12 {
-  margin-top: 3rem;
-  margin-bottom: 3rem;
-}
-
-.mx-12 {
-  margin-left: 3rem;
-  margin-right: 3rem;
-}
-
-.my-13 {
-  margin-top: 3.25rem;
-  margin-bottom: 3.25rem;
-}
-
-.mx-13 {
-  margin-left: 3.25rem;
-  margin-right: 3.25rem;
-}
-
-.my-14 {
-  margin-top: 3.5rem;
-  margin-bottom: 3.5rem;
-}
-
-.mx-14 {
-  margin-left: 3.5rem;
-  margin-right: 3.5rem;
-}
-
-.my-15 {
-  margin-top: 3.75rem;
-  margin-bottom: 3.75rem;
-}
-
-.mx-15 {
-  margin-left: 3.75rem;
-  margin-right: 3.75rem;
-}
-
-.my-16 {
-  margin-top: 4rem;
-  margin-bottom: 4rem;
-}
-
-.mx-16 {
-  margin-left: 4rem;
-  margin-right: 4rem;
-}
-
-.my-20 {
-  margin-top: 5rem;
-  margin-bottom: 5rem;
-}
-
-.mx-20 {
-  margin-left: 5rem;
-  margin-right: 5rem;
-}
-
-.my-24 {
-  margin-top: 6rem;
-  margin-bottom: 6rem;
-}
-
-.mx-24 {
-  margin-left: 6rem;
-  margin-right: 6rem;
-}
-
-.my-28 {
-  margin-top: 7rem;
-  margin-bottom: 7rem;
-}
-
-.mx-28 {
-  margin-left: 7rem;
-  margin-right: 7rem;
-}
-
-.my-32 {
-  margin-top: 8rem;
-  margin-bottom: 8rem;
-}
-
-.mx-32 {
-  margin-left: 8rem;
-  margin-right: 8rem;
-}
-
-.my-36 {
-  margin-top: 9rem;
-  margin-bottom: 9rem;
-}
-
-.mx-36 {
-  margin-left: 9rem;
-  margin-right: 9rem;
-}
-
-.my-40 {
-  margin-top: 10rem;
-  margin-bottom: 10rem;
-}
-
-.mx-40 {
-  margin-left: 10rem;
-  margin-right: 10rem;
-}
-
-.my-48 {
-  margin-top: 12rem;
-  margin-bottom: 12rem;
-}
-
-.mx-48 {
-  margin-left: 12rem;
-  margin-right: 12rem;
-}
-
-.my-56 {
-  margin-top: 14rem;
-  margin-bottom: 14rem;
-}
-
-.mx-56 {
-  margin-left: 14rem;
-  margin-right: 14rem;
-}
-
-.my-60 {
-  margin-top: 15rem;
-  margin-bottom: 15rem;
-}
-
-.mx-60 {
-  margin-left: 15rem;
-  margin-right: 15rem;
-}
-
-.my-64 {
-  margin-top: 16rem;
-  margin-bottom: 16rem;
-}
-
-.mx-64 {
-  margin-left: 16rem;
-  margin-right: 16rem;
-}
-
-.my-72 {
-  margin-top: 18rem;
-  margin-bottom: 18rem;
-}
-
-.mx-72 {
-  margin-left: 18rem;
-  margin-right: 18rem;
-}
-
-.my-80 {
-  margin-top: 20rem;
-  margin-bottom: 20rem;
-}
-
-.mx-80 {
-  margin-left: 20rem;
-  margin-right: 20rem;
-}
-
-.my-96 {
-  margin-top: 24rem;
-  margin-bottom: 24rem;
-}
-
-.mx-96 {
-  margin-left: 24rem;
-  margin-right: 24rem;
-}
-
-.my-auto {
-  margin-top: auto;
-  margin-bottom: auto;
-}
-
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.my-px {
-  margin-top: 1px;
-  margin-bottom: 1px;
-}
-
-.mx-px {
-  margin-left: 1px;
-  margin-right: 1px;
-}
-
-.my-0\.5 {
-  margin-top: 0.125rem;
-  margin-bottom: 0.125rem;
-}
-
-.mx-0\.5 {
-  margin-left: 0.125rem;
-  margin-right: 0.125rem;
-}
-
-.my-1\.5 {
-  margin-top: 0.375rem;
-  margin-bottom: 0.375rem;
-}
-
-.mx-1\.5 {
-  margin-left: 0.375rem;
-  margin-right: 0.375rem;
-}
-
-.my-2\.5 {
-  margin-top: 0.625rem;
-  margin-bottom: 0.625rem;
-}
-
-.mx-2\.5 {
-  margin-left: 0.625rem;
-  margin-right: 0.625rem;
-}
-
-.my-3\.5 {
-  margin-top: 0.875rem;
-  margin-bottom: 0.875rem;
-}
-
-.mx-3\.5 {
-  margin-left: 0.875rem;
-  margin-right: 0.875rem;
-}
-
-.my-1\/2 {
-  margin-top: 50%;
-  margin-bottom: 50%;
-}
-
-.mx-1\/2 {
-  margin-left: 50%;
-  margin-right: 50%;
-}
-
-.my-1\/3 {
-  margin-top: 33.333333%;
-  margin-bottom: 33.333333%;
-}
-
-.mx-1\/3 {
-  margin-left: 33.333333%;
-  margin-right: 33.333333%;
-}
-
-.my-2\/3 {
-  margin-top: 66.666667%;
-  margin-bottom: 66.666667%;
-}
-
-.mx-2\/3 {
-  margin-left: 66.666667%;
-  margin-right: 66.666667%;
-}
-
-.my-1\/4 {
-  margin-top: 25%;
-  margin-bottom: 25%;
-}
-
-.mx-1\/4 {
-  margin-left: 25%;
-  margin-right: 25%;
-}
-
-.my-2\/4 {
-  margin-top: 50%;
-  margin-bottom: 50%;
-}
-
-.mx-2\/4 {
-  margin-left: 50%;
-  margin-right: 50%;
-}
-
-.my-3\/4 {
-  margin-top: 75%;
-  margin-bottom: 75%;
-}
-
-.mx-3\/4 {
-  margin-left: 75%;
-  margin-right: 75%;
-}
-
-.my-1\/5 {
-  margin-top: 20%;
-  margin-bottom: 20%;
-}
-
-.mx-1\/5 {
-  margin-left: 20%;
-  margin-right: 20%;
-}
-
-.my-2\/5 {
-  margin-top: 40%;
-  margin-bottom: 40%;
-}
-
-.mx-2\/5 {
-  margin-left: 40%;
-  margin-right: 40%;
-}
-
-.my-3\/5 {
-  margin-top: 60%;
-  margin-bottom: 60%;
-}
-
-.mx-3\/5 {
-  margin-left: 60%;
-  margin-right: 60%;
-}
-
-.my-4\/5 {
-  margin-top: 80%;
-  margin-bottom: 80%;
-}
-
-.mx-4\/5 {
-  margin-left: 80%;
-  margin-right: 80%;
-}
-
-.my-1\/6 {
-  margin-top: 16.666667%;
-  margin-bottom: 16.666667%;
-}
-
-.mx-1\/6 {
-  margin-left: 16.666667%;
-  margin-right: 16.666667%;
-}
-
-.my-2\/6 {
-  margin-top: 33.333333%;
-  margin-bottom: 33.333333%;
-}
-
-.mx-2\/6 {
-  margin-left: 33.333333%;
-  margin-right: 33.333333%;
-}
-
-.my-3\/6 {
-  margin-top: 50%;
-  margin-bottom: 50%;
-}
-
-.mx-3\/6 {
-  margin-left: 50%;
-  margin-right: 50%;
-}
-
-.my-4\/6 {
-  margin-top: 66.666667%;
-  margin-bottom: 66.666667%;
-}
-
-.mx-4\/6 {
-  margin-left: 66.666667%;
-  margin-right: 66.666667%;
-}
-
-.my-5\/6 {
-  margin-top: 83.333333%;
-  margin-bottom: 83.333333%;
-}
-
-.mx-5\/6 {
-  margin-left: 83.333333%;
-  margin-right: 83.333333%;
-}
-
-.my-1\/12 {
-  margin-top: 8.333333%;
-  margin-bottom: 8.333333%;
-}
-
-.mx-1\/12 {
-  margin-left: 8.333333%;
-  margin-right: 8.333333%;
-}
-
-.my-2\/12 {
-  margin-top: 16.666667%;
-  margin-bottom: 16.666667%;
-}
-
-.mx-2\/12 {
-  margin-left: 16.666667%;
-  margin-right: 16.666667%;
-}
-
-.my-3\/12 {
-  margin-top: 25%;
-  margin-bottom: 25%;
-}
-
-.mx-3\/12 {
-  margin-left: 25%;
-  margin-right: 25%;
-}
-
-.my-4\/12 {
-  margin-top: 33.333333%;
-  margin-bottom: 33.333333%;
-}
-
-.mx-4\/12 {
-  margin-left: 33.333333%;
-  margin-right: 33.333333%;
-}
-
-.my-5\/12 {
-  margin-top: 41.666667%;
-  margin-bottom: 41.666667%;
-}
-
-.mx-5\/12 {
-  margin-left: 41.666667%;
-  margin-right: 41.666667%;
-}
-
-.my-6\/12 {
-  margin-top: 50%;
-  margin-bottom: 50%;
-}
-
-.mx-6\/12 {
-  margin-left: 50%;
-  margin-right: 50%;
-}
-
-.my-7\/12 {
-  margin-top: 58.333333%;
-  margin-bottom: 58.333333%;
-}
-
-.mx-7\/12 {
-  margin-left: 58.333333%;
-  margin-right: 58.333333%;
-}
-
-.my-8\/12 {
-  margin-top: 66.666667%;
-  margin-bottom: 66.666667%;
-}
-
-.mx-8\/12 {
-  margin-left: 66.666667%;
-  margin-right: 66.666667%;
-}
-
-.my-9\/12 {
-  margin-top: 75%;
-  margin-bottom: 75%;
-}
-
-.mx-9\/12 {
-  margin-left: 75%;
-  margin-right: 75%;
-}
-
-.my-10\/12 {
-  margin-top: 83.333333%;
-  margin-bottom: 83.333333%;
-}
-
-.mx-10\/12 {
-  margin-left: 83.333333%;
-  margin-right: 83.333333%;
-}
-
-.my-11\/12 {
-  margin-top: 91.666667%;
-  margin-bottom: 91.666667%;
-}
-
-.mx-11\/12 {
-  margin-left: 91.666667%;
-  margin-right: 91.666667%;
-}
-
-.my-full {
-  margin-top: 100%;
-  margin-bottom: 100%;
-}
-
-.mx-full {
-  margin-left: 100%;
-  margin-right: 100%;
-}
-
-.-my-1 {
-  margin-top: -0.25rem;
-  margin-bottom: -0.25rem;
-}
-
-.-mx-1 {
-  margin-left: -0.25rem;
-  margin-right: -0.25rem;
-}
-
-.-my-2 {
-  margin-top: -0.5rem;
-  margin-bottom: -0.5rem;
-}
-
-.-mx-2 {
-  margin-left: -0.5rem;
-  margin-right: -0.5rem;
-}
-
-.-my-3 {
-  margin-top: -0.75rem;
-  margin-bottom: -0.75rem;
-}
-
-.-mx-3 {
-  margin-left: -0.75rem;
-  margin-right: -0.75rem;
-}
-
-.-my-4 {
-  margin-top: -1rem;
-  margin-bottom: -1rem;
-}
-
-.-mx-4 {
-  margin-left: -1rem;
-  margin-right: -1rem;
-}
-
-.-my-5 {
-  margin-top: -1.25rem;
-  margin-bottom: -1.25rem;
-}
-
-.-mx-5 {
-  margin-left: -1.25rem;
-  margin-right: -1.25rem;
-}
-
-.-my-6 {
-  margin-top: -1.5rem;
-  margin-bottom: -1.5rem;
-}
-
-.-mx-6 {
-  margin-left: -1.5rem;
-  margin-right: -1.5rem;
-}
-
-.-my-7 {
-  margin-top: -1.75rem;
-  margin-bottom: -1.75rem;
-}
-
-.-mx-7 {
-  margin-left: -1.75rem;
-  margin-right: -1.75rem;
-}
-
-.-my-8 {
-  margin-top: -2rem;
-  margin-bottom: -2rem;
-}
-
-.-mx-8 {
-  margin-left: -2rem;
-  margin-right: -2rem;
-}
-
-.-my-9 {
-  margin-top: -2.25rem;
-  margin-bottom: -2.25rem;
-}
-
-.-mx-9 {
-  margin-left: -2.25rem;
-  margin-right: -2.25rem;
-}
-
-.-my-10 {
-  margin-top: -2.5rem;
-  margin-bottom: -2.5rem;
-}
-
-.-mx-10 {
-  margin-left: -2.5rem;
-  margin-right: -2.5rem;
-}
-
-.-my-11 {
-  margin-top: -2.75rem;
-  margin-bottom: -2.75rem;
-}
-
-.-mx-11 {
-  margin-left: -2.75rem;
-  margin-right: -2.75rem;
-}
-
-.-my-12 {
-  margin-top: -3rem;
-  margin-bottom: -3rem;
-}
-
-.-mx-12 {
-  margin-left: -3rem;
-  margin-right: -3rem;
-}
-
-.-my-13 {
-  margin-top: -3.25rem;
-  margin-bottom: -3.25rem;
-}
-
-.-mx-13 {
-  margin-left: -3.25rem;
-  margin-right: -3.25rem;
-}
-
-.-my-14 {
-  margin-top: -3.5rem;
-  margin-bottom: -3.5rem;
-}
-
-.-mx-14 {
-  margin-left: -3.5rem;
-  margin-right: -3.5rem;
-}
-
-.-my-15 {
-  margin-top: -3.75rem;
-  margin-bottom: -3.75rem;
-}
-
-.-mx-15 {
-  margin-left: -3.75rem;
-  margin-right: -3.75rem;
-}
-
-.-my-16 {
-  margin-top: -4rem;
-  margin-bottom: -4rem;
-}
-
-.-mx-16 {
-  margin-left: -4rem;
-  margin-right: -4rem;
-}
-
-.-my-20 {
-  margin-top: -5rem;
-  margin-bottom: -5rem;
-}
-
-.-mx-20 {
-  margin-left: -5rem;
-  margin-right: -5rem;
-}
-
-.-my-24 {
-  margin-top: -6rem;
-  margin-bottom: -6rem;
-}
-
-.-mx-24 {
-  margin-left: -6rem;
-  margin-right: -6rem;
-}
-
-.-my-28 {
-  margin-top: -7rem;
-  margin-bottom: -7rem;
-}
-
-.-mx-28 {
-  margin-left: -7rem;
-  margin-right: -7rem;
-}
-
-.-my-32 {
-  margin-top: -8rem;
-  margin-bottom: -8rem;
-}
-
-.-mx-32 {
-  margin-left: -8rem;
-  margin-right: -8rem;
-}
-
-.-my-36 {
-  margin-top: -9rem;
-  margin-bottom: -9rem;
-}
-
-.-mx-36 {
-  margin-left: -9rem;
-  margin-right: -9rem;
-}
-
-.-my-40 {
-  margin-top: -10rem;
-  margin-bottom: -10rem;
-}
-
-.-mx-40 {
-  margin-left: -10rem;
-  margin-right: -10rem;
-}
-
-.-my-48 {
-  margin-top: -12rem;
-  margin-bottom: -12rem;
-}
-
-.-mx-48 {
-  margin-left: -12rem;
-  margin-right: -12rem;
-}
-
-.-my-56 {
-  margin-top: -14rem;
-  margin-bottom: -14rem;
-}
-
-.-mx-56 {
-  margin-left: -14rem;
-  margin-right: -14rem;
-}
-
-.-my-60 {
-  margin-top: -15rem;
-  margin-bottom: -15rem;
-}
-
-.-mx-60 {
-  margin-left: -15rem;
-  margin-right: -15rem;
-}
-
-.-my-64 {
-  margin-top: -16rem;
-  margin-bottom: -16rem;
-}
-
-.-mx-64 {
-  margin-left: -16rem;
-  margin-right: -16rem;
-}
-
-.-my-72 {
-  margin-top: -18rem;
-  margin-bottom: -18rem;
-}
-
-.-mx-72 {
-  margin-left: -18rem;
-  margin-right: -18rem;
-}
-
-.-my-80 {
-  margin-top: -20rem;
-  margin-bottom: -20rem;
-}
-
-.-mx-80 {
-  margin-left: -20rem;
-  margin-right: -20rem;
-}
-
-.-my-96 {
-  margin-top: -24rem;
-  margin-bottom: -24rem;
-}
-
-.-mx-96 {
-  margin-left: -24rem;
-  margin-right: -24rem;
-}
-
-.-my-px {
-  margin-top: -1px;
-  margin-bottom: -1px;
-}
-
-.-mx-px {
-  margin-left: -1px;
-  margin-right: -1px;
-}
-
-.-my-0\.5 {
-  margin-top: -0.125rem;
-  margin-bottom: -0.125rem;
-}
-
-.-mx-0\.5 {
-  margin-left: -0.125rem;
-  margin-right: -0.125rem;
-}
-
-.-my-1\.5 {
-  margin-top: -0.375rem;
-  margin-bottom: -0.375rem;
-}
-
-.-mx-1\.5 {
-  margin-left: -0.375rem;
-  margin-right: -0.375rem;
-}
-
-.-my-2\.5 {
-  margin-top: -0.625rem;
-  margin-bottom: -0.625rem;
-}
-
-.-mx-2\.5 {
-  margin-left: -0.625rem;
-  margin-right: -0.625rem;
-}
-
-.-my-3\.5 {
-  margin-top: -0.875rem;
-  margin-bottom: -0.875rem;
-}
-
-.-mx-3\.5 {
-  margin-left: -0.875rem;
-  margin-right: -0.875rem;
-}
-
-.-my-1\/2 {
-  margin-top: -50%;
-  margin-bottom: -50%;
-}
-
-.-mx-1\/2 {
-  margin-left: -50%;
-  margin-right: -50%;
-}
-
-.-my-1\/3 {
-  margin-top: -33.33333%;
-  margin-bottom: -33.33333%;
-}
-
-.-mx-1\/3 {
-  margin-left: -33.33333%;
-  margin-right: -33.33333%;
-}
-
-.-my-2\/3 {
-  margin-top: -66.66667%;
-  margin-bottom: -66.66667%;
-}
-
-.-mx-2\/3 {
-  margin-left: -66.66667%;
-  margin-right: -66.66667%;
-}
-
-.-my-1\/4 {
-  margin-top: -25%;
-  margin-bottom: -25%;
-}
-
-.-mx-1\/4 {
-  margin-left: -25%;
-  margin-right: -25%;
-}
-
-.-my-2\/4 {
-  margin-top: -50%;
-  margin-bottom: -50%;
-}
-
-.-mx-2\/4 {
-  margin-left: -50%;
-  margin-right: -50%;
-}
-
-.-my-3\/4 {
-  margin-top: -75%;
-  margin-bottom: -75%;
-}
-
-.-mx-3\/4 {
-  margin-left: -75%;
-  margin-right: -75%;
-}
-
-.-my-1\/5 {
-  margin-top: -20%;
-  margin-bottom: -20%;
-}
-
-.-mx-1\/5 {
-  margin-left: -20%;
-  margin-right: -20%;
-}
-
-.-my-2\/5 {
-  margin-top: -40%;
-  margin-bottom: -40%;
-}
-
-.-mx-2\/5 {
-  margin-left: -40%;
-  margin-right: -40%;
-}
-
-.-my-3\/5 {
-  margin-top: -60%;
-  margin-bottom: -60%;
-}
-
-.-mx-3\/5 {
-  margin-left: -60%;
-  margin-right: -60%;
-}
-
-.-my-4\/5 {
-  margin-top: -80%;
-  margin-bottom: -80%;
-}
-
-.-mx-4\/5 {
-  margin-left: -80%;
-  margin-right: -80%;
-}
-
-.-my-1\/6 {
-  margin-top: -16.66667%;
-  margin-bottom: -16.66667%;
-}
-
-.-mx-1\/6 {
-  margin-left: -16.66667%;
-  margin-right: -16.66667%;
-}
-
-.-my-2\/6 {
-  margin-top: -33.33333%;
-  margin-bottom: -33.33333%;
-}
-
-.-mx-2\/6 {
-  margin-left: -33.33333%;
-  margin-right: -33.33333%;
-}
-
-.-my-3\/6 {
-  margin-top: -50%;
-  margin-bottom: -50%;
-}
-
-.-mx-3\/6 {
-  margin-left: -50%;
-  margin-right: -50%;
-}
-
-.-my-4\/6 {
-  margin-top: -66.66667%;
-  margin-bottom: -66.66667%;
-}
-
-.-mx-4\/6 {
-  margin-left: -66.66667%;
-  margin-right: -66.66667%;
-}
-
-.-my-5\/6 {
-  margin-top: -83.33333%;
-  margin-bottom: -83.33333%;
-}
-
-.-mx-5\/6 {
-  margin-left: -83.33333%;
-  margin-right: -83.33333%;
-}
-
-.-my-1\/12 {
-  margin-top: -8.33333%;
-  margin-bottom: -8.33333%;
-}
-
-.-mx-1\/12 {
-  margin-left: -8.33333%;
-  margin-right: -8.33333%;
-}
-
-.-my-2\/12 {
-  margin-top: -16.66667%;
-  margin-bottom: -16.66667%;
-}
-
-.-mx-2\/12 {
-  margin-left: -16.66667%;
-  margin-right: -16.66667%;
-}
-
-.-my-3\/12 {
-  margin-top: -25%;
-  margin-bottom: -25%;
-}
-
-.-mx-3\/12 {
-  margin-left: -25%;
-  margin-right: -25%;
-}
-
-.-my-4\/12 {
-  margin-top: -33.33333%;
-  margin-bottom: -33.33333%;
-}
-
-.-mx-4\/12 {
-  margin-left: -33.33333%;
-  margin-right: -33.33333%;
-}
-
-.-my-5\/12 {
-  margin-top: -41.66667%;
-  margin-bottom: -41.66667%;
-}
-
-.-mx-5\/12 {
-  margin-left: -41.66667%;
-  margin-right: -41.66667%;
-}
-
-.-my-6\/12 {
-  margin-top: -50%;
-  margin-bottom: -50%;
-}
-
-.-mx-6\/12 {
-  margin-left: -50%;
-  margin-right: -50%;
-}
-
-.-my-7\/12 {
-  margin-top: -58.33333%;
-  margin-bottom: -58.33333%;
-}
-
-.-mx-7\/12 {
-  margin-left: -58.33333%;
-  margin-right: -58.33333%;
-}
-
-.-my-8\/12 {
-  margin-top: -66.66667%;
-  margin-bottom: -66.66667%;
-}
-
-.-mx-8\/12 {
-  margin-left: -66.66667%;
-  margin-right: -66.66667%;
-}
-
-.-my-9\/12 {
-  margin-top: -75%;
-  margin-bottom: -75%;
-}
-
-.-mx-9\/12 {
-  margin-left: -75%;
-  margin-right: -75%;
-}
-
-.-my-10\/12 {
-  margin-top: -83.33333%;
-  margin-bottom: -83.33333%;
-}
-
-.-mx-10\/12 {
-  margin-left: -83.33333%;
-  margin-right: -83.33333%;
-}
-
-.-my-11\/12 {
-  margin-top: -91.66667%;
-  margin-bottom: -91.66667%;
-}
-
-.-mx-11\/12 {
-  margin-left: -91.66667%;
-  margin-right: -91.66667%;
-}
-
-.-my-full {
-  margin-top: -100%;
-  margin-bottom: -100%;
-}
-
-.-mx-full {
-  margin-left: -100%;
-  margin-right: -100%;
-}
-
-.mt-0 {
-  margin-top: 0;
-}
-
-.mr-0 {
-  margin-right: 0;
-}
-
-.mb-0 {
-  margin-bottom: 0;
-}
-
-.ml-0 {
-  margin-left: 0;
-}
-
-.mt-1 {
-  margin-top: 0.25rem;
-}
-
-.mr-1 {
-  margin-right: 0.25rem;
-}
-
-.mb-1 {
-  margin-bottom: 0.25rem;
-}
-
-.ml-1 {
-  margin-left: 0.25rem;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
-.mr-2 {
-  margin-right: 0.5rem;
-}
-
-.mb-2 {
-  margin-bottom: 0.5rem;
-}
-
-.ml-2 {
-  margin-left: 0.5rem;
-}
-
-.mt-3 {
-  margin-top: 0.75rem;
-}
-
-.mr-3 {
-  margin-right: 0.75rem;
-}
-
-.mb-3 {
-  margin-bottom: 0.75rem;
-}
-
-.ml-3 {
-  margin-left: 0.75rem;
-}
-
-.mt-4 {
-  margin-top: 1rem;
-}
-
-.mr-4 {
-  margin-right: 1rem;
-}
-
-.mb-4 {
-  margin-bottom: 1rem;
-}
-
-.ml-4 {
-  margin-left: 1rem;
-}
-
-.mt-5 {
-  margin-top: 1.25rem;
-}
-
-.mr-5 {
-  margin-right: 1.25rem;
-}
-
-.mb-5 {
-  margin-bottom: 1.25rem;
-}
-
-.ml-5 {
-  margin-left: 1.25rem;
-}
-
-.mt-6 {
-  margin-top: 1.5rem;
-}
-
-.mr-6 {
-  margin-right: 1.5rem;
-}
-
-.mb-6 {
-  margin-bottom: 1.5rem;
-}
-
-.ml-6 {
-  margin-left: 1.5rem;
-}
-
-.mt-7 {
-  margin-top: 1.75rem;
-}
-
-.mr-7 {
-  margin-right: 1.75rem;
-}
-
-.mb-7 {
-  margin-bottom: 1.75rem;
-}
-
-.ml-7 {
-  margin-left: 1.75rem;
-}
-
-.mt-8 {
-  margin-top: 2rem;
-}
-
-.mr-8 {
-  margin-right: 2rem;
-}
-
-.mb-8 {
-  margin-bottom: 2rem;
-}
-
-.ml-8 {
-  margin-left: 2rem;
-}
-
-.mt-9 {
-  margin-top: 2.25rem;
-}
-
-.mr-9 {
-  margin-right: 2.25rem;
-}
-
-.mb-9 {
-  margin-bottom: 2.25rem;
-}
-
-.ml-9 {
-  margin-left: 2.25rem;
-}
-
-.mt-10 {
-  margin-top: 2.5rem;
-}
-
-.mr-10 {
-  margin-right: 2.5rem;
-}
-
-.mb-10 {
-  margin-bottom: 2.5rem;
-}
-
-.ml-10 {
-  margin-left: 2.5rem;
-}
-
-.mt-11 {
-  margin-top: 2.75rem;
-}
-
-.mr-11 {
-  margin-right: 2.75rem;
-}
-
-.mb-11 {
-  margin-bottom: 2.75rem;
-}
-
-.ml-11 {
-  margin-left: 2.75rem;
-}
-
-.mt-12 {
-  margin-top: 3rem;
-}
-
-.mr-12 {
-  margin-right: 3rem;
-}
-
-.mb-12 {
-  margin-bottom: 3rem;
-}
-
-.ml-12 {
-  margin-left: 3rem;
-}
-
-.mt-13 {
-  margin-top: 3.25rem;
-}
-
-.mr-13 {
-  margin-right: 3.25rem;
-}
-
-.mb-13 {
-  margin-bottom: 3.25rem;
-}
-
-.ml-13 {
-  margin-left: 3.25rem;
-}
-
-.mt-14 {
-  margin-top: 3.5rem;
-}
-
-.mr-14 {
-  margin-right: 3.5rem;
-}
-
-.mb-14 {
-  margin-bottom: 3.5rem;
-}
-
-.ml-14 {
-  margin-left: 3.5rem;
-}
-
-.mt-15 {
-  margin-top: 3.75rem;
-}
-
-.mr-15 {
-  margin-right: 3.75rem;
-}
-
-.mb-15 {
-  margin-bottom: 3.75rem;
-}
-
-.ml-15 {
-  margin-left: 3.75rem;
-}
-
-.mt-16 {
-  margin-top: 4rem;
-}
-
-.mr-16 {
-  margin-right: 4rem;
-}
-
-.mb-16 {
-  margin-bottom: 4rem;
-}
-
-.ml-16 {
-  margin-left: 4rem;
-}
-
-.mt-20 {
-  margin-top: 5rem;
-}
-
-.mr-20 {
-  margin-right: 5rem;
-}
-
-.mb-20 {
-  margin-bottom: 5rem;
-}
-
-.ml-20 {
-  margin-left: 5rem;
-}
-
-.mt-24 {
-  margin-top: 6rem;
-}
-
-.mr-24 {
-  margin-right: 6rem;
-}
-
-.mb-24 {
-  margin-bottom: 6rem;
-}
-
-.ml-24 {
-  margin-left: 6rem;
-}
-
-.mt-28 {
-  margin-top: 7rem;
-}
-
-.mr-28 {
-  margin-right: 7rem;
-}
-
-.mb-28 {
-  margin-bottom: 7rem;
-}
-
-.ml-28 {
-  margin-left: 7rem;
-}
-
-.mt-32 {
-  margin-top: 8rem;
-}
-
-.mr-32 {
-  margin-right: 8rem;
-}
-
-.mb-32 {
-  margin-bottom: 8rem;
-}
-
-.ml-32 {
-  margin-left: 8rem;
-}
-
-.mt-36 {
-  margin-top: 9rem;
-}
-
-.mr-36 {
-  margin-right: 9rem;
-}
-
-.mb-36 {
-  margin-bottom: 9rem;
-}
-
-.ml-36 {
-  margin-left: 9rem;
-}
-
-.mt-40 {
-  margin-top: 10rem;
-}
-
-.mr-40 {
-  margin-right: 10rem;
-}
-
-.mb-40 {
-  margin-bottom: 10rem;
-}
-
-.ml-40 {
-  margin-left: 10rem;
-}
-
-.mt-48 {
-  margin-top: 12rem;
-}
-
-.mr-48 {
-  margin-right: 12rem;
-}
-
-.mb-48 {
-  margin-bottom: 12rem;
-}
-
-.ml-48 {
-  margin-left: 12rem;
-}
-
-.mt-56 {
-  margin-top: 14rem;
-}
-
-.mr-56 {
-  margin-right: 14rem;
-}
-
-.mb-56 {
-  margin-bottom: 14rem;
-}
-
-.ml-56 {
-  margin-left: 14rem;
-}
-
-.mt-60 {
-  margin-top: 15rem;
-}
-
-.mr-60 {
-  margin-right: 15rem;
-}
-
-.mb-60 {
-  margin-bottom: 15rem;
-}
-
-.ml-60 {
-  margin-left: 15rem;
-}
-
-.mt-64 {
-  margin-top: 16rem;
-}
-
-.mr-64 {
-  margin-right: 16rem;
-}
-
-.mb-64 {
-  margin-bottom: 16rem;
-}
-
-.ml-64 {
-  margin-left: 16rem;
-}
-
-.mt-72 {
-  margin-top: 18rem;
-}
-
-.mr-72 {
-  margin-right: 18rem;
-}
-
-.mb-72 {
-  margin-bottom: 18rem;
-}
-
-.ml-72 {
-  margin-left: 18rem;
-}
-
-.mt-80 {
-  margin-top: 20rem;
-}
-
-.mr-80 {
-  margin-right: 20rem;
-}
-
-.mb-80 {
-  margin-bottom: 20rem;
-}
-
-.ml-80 {
-  margin-left: 20rem;
-}
-
-.mt-96 {
-  margin-top: 24rem;
-}
-
-.mr-96 {
-  margin-right: 24rem;
-}
-
-.mb-96 {
-  margin-bottom: 24rem;
-}
-
-.ml-96 {
-  margin-left: 24rem;
-}
-
-.mt-auto {
-  margin-top: auto;
-}
-
-.mr-auto {
-  margin-right: auto;
-}
-
-.mb-auto {
-  margin-bottom: auto;
-}
-
-.ml-auto {
-  margin-left: auto;
-}
-
-.mt-px {
-  margin-top: 1px;
-}
-
-.mr-px {
-  margin-right: 1px;
-}
-
-.mb-px {
-  margin-bottom: 1px;
-}
-
-.ml-px {
-  margin-left: 1px;
-}
-
-.mt-0\.5 {
-  margin-top: 0.125rem;
-}
-
-.mr-0\.5 {
-  margin-right: 0.125rem;
-}
-
-.mb-0\.5 {
-  margin-bottom: 0.125rem;
-}
-
-.ml-0\.5 {
-  margin-left: 0.125rem;
-}
-
-.mt-1\.5 {
-  margin-top: 0.375rem;
-}
-
-.mr-1\.5 {
-  margin-right: 0.375rem;
-}
-
-.mb-1\.5 {
-  margin-bottom: 0.375rem;
-}
-
-.ml-1\.5 {
-  margin-left: 0.375rem;
-}
-
-.mt-2\.5 {
-  margin-top: 0.625rem;
-}
-
-.mr-2\.5 {
-  margin-right: 0.625rem;
-}
-
-.mb-2\.5 {
-  margin-bottom: 0.625rem;
-}
-
-.ml-2\.5 {
-  margin-left: 0.625rem;
-}
-
-.mt-3\.5 {
-  margin-top: 0.875rem;
-}
-
-.mr-3\.5 {
-  margin-right: 0.875rem;
-}
-
-.mb-3\.5 {
-  margin-bottom: 0.875rem;
-}
-
-.ml-3\.5 {
-  margin-left: 0.875rem;
-}
-
-.mt-1\/2 {
-  margin-top: 50%;
-}
-
-.mr-1\/2 {
-  margin-right: 50%;
-}
-
-.mb-1\/2 {
-  margin-bottom: 50%;
-}
-
-.ml-1\/2 {
-  margin-left: 50%;
-}
-
-.mt-1\/3 {
-  margin-top: 33.333333%;
-}
-
-.mr-1\/3 {
-  margin-right: 33.333333%;
-}
-
-.mb-1\/3 {
-  margin-bottom: 33.333333%;
-}
-
-.ml-1\/3 {
-  margin-left: 33.333333%;
-}
-
-.mt-2\/3 {
-  margin-top: 66.666667%;
-}
-
-.mr-2\/3 {
-  margin-right: 66.666667%;
-}
-
-.mb-2\/3 {
-  margin-bottom: 66.666667%;
-}
-
-.ml-2\/3 {
-  margin-left: 66.666667%;
-}
-
-.mt-1\/4 {
-  margin-top: 25%;
-}
-
-.mr-1\/4 {
-  margin-right: 25%;
-}
-
-.mb-1\/4 {
-  margin-bottom: 25%;
-}
-
-.ml-1\/4 {
-  margin-left: 25%;
-}
-
-.mt-2\/4 {
-  margin-top: 50%;
-}
-
-.mr-2\/4 {
-  margin-right: 50%;
-}
-
-.mb-2\/4 {
-  margin-bottom: 50%;
-}
-
-.ml-2\/4 {
-  margin-left: 50%;
-}
-
-.mt-3\/4 {
-  margin-top: 75%;
-}
-
-.mr-3\/4 {
-  margin-right: 75%;
-}
-
-.mb-3\/4 {
-  margin-bottom: 75%;
-}
-
-.ml-3\/4 {
-  margin-left: 75%;
-}
-
-.mt-1\/5 {
-  margin-top: 20%;
-}
-
-.mr-1\/5 {
-  margin-right: 20%;
-}
-
-.mb-1\/5 {
-  margin-bottom: 20%;
-}
-
-.ml-1\/5 {
-  margin-left: 20%;
-}
-
-.mt-2\/5 {
-  margin-top: 40%;
-}
-
-.mr-2\/5 {
-  margin-right: 40%;
-}
-
-.mb-2\/5 {
-  margin-bottom: 40%;
-}
-
-.ml-2\/5 {
-  margin-left: 40%;
-}
-
-.mt-3\/5 {
-  margin-top: 60%;
-}
-
-.mr-3\/5 {
-  margin-right: 60%;
-}
-
-.mb-3\/5 {
-  margin-bottom: 60%;
-}
-
-.ml-3\/5 {
-  margin-left: 60%;
-}
-
-.mt-4\/5 {
-  margin-top: 80%;
-}
-
-.mr-4\/5 {
-  margin-right: 80%;
-}
-
-.mb-4\/5 {
-  margin-bottom: 80%;
-}
-
-.ml-4\/5 {
-  margin-left: 80%;
-}
-
-.mt-1\/6 {
-  margin-top: 16.666667%;
-}
-
-.mr-1\/6 {
-  margin-right: 16.666667%;
-}
-
-.mb-1\/6 {
-  margin-bottom: 16.666667%;
-}
-
-.ml-1\/6 {
-  margin-left: 16.666667%;
-}
-
-.mt-2\/6 {
-  margin-top: 33.333333%;
-}
-
-.mr-2\/6 {
-  margin-right: 33.333333%;
-}
-
-.mb-2\/6 {
-  margin-bottom: 33.333333%;
-}
-
-.ml-2\/6 {
-  margin-left: 33.333333%;
-}
-
-.mt-3\/6 {
-  margin-top: 50%;
-}
-
-.mr-3\/6 {
-  margin-right: 50%;
-}
-
-.mb-3\/6 {
-  margin-bottom: 50%;
-}
-
-.ml-3\/6 {
-  margin-left: 50%;
-}
-
-.mt-4\/6 {
-  margin-top: 66.666667%;
-}
-
-.mr-4\/6 {
-  margin-right: 66.666667%;
-}
-
-.mb-4\/6 {
-  margin-bottom: 66.666667%;
-}
-
-.ml-4\/6 {
-  margin-left: 66.666667%;
-}
-
-.mt-5\/6 {
-  margin-top: 83.333333%;
-}
-
-.mr-5\/6 {
-  margin-right: 83.333333%;
-}
-
-.mb-5\/6 {
-  margin-bottom: 83.333333%;
-}
-
-.ml-5\/6 {
-  margin-left: 83.333333%;
-}
-
-.mt-1\/12 {
-  margin-top: 8.333333%;
-}
-
-.mr-1\/12 {
-  margin-right: 8.333333%;
-}
-
-.mb-1\/12 {
-  margin-bottom: 8.333333%;
-}
-
-.ml-1\/12 {
-  margin-left: 8.333333%;
-}
-
-.mt-2\/12 {
-  margin-top: 16.666667%;
-}
-
-.mr-2\/12 {
-  margin-right: 16.666667%;
-}
-
-.mb-2\/12 {
-  margin-bottom: 16.666667%;
-}
-
-.ml-2\/12 {
-  margin-left: 16.666667%;
-}
-
-.mt-3\/12 {
-  margin-top: 25%;
-}
-
-.mr-3\/12 {
-  margin-right: 25%;
-}
-
-.mb-3\/12 {
-  margin-bottom: 25%;
-}
-
-.ml-3\/12 {
-  margin-left: 25%;
-}
-
-.mt-4\/12 {
-  margin-top: 33.333333%;
-}
-
-.mr-4\/12 {
-  margin-right: 33.333333%;
-}
-
-.mb-4\/12 {
-  margin-bottom: 33.333333%;
-}
-
-.ml-4\/12 {
-  margin-left: 33.333333%;
-}
-
-.mt-5\/12 {
-  margin-top: 41.666667%;
-}
-
-.mr-5\/12 {
-  margin-right: 41.666667%;
-}
-
-.mb-5\/12 {
-  margin-bottom: 41.666667%;
-}
-
-.ml-5\/12 {
-  margin-left: 41.666667%;
-}
-
-.mt-6\/12 {
-  margin-top: 50%;
-}
-
-.mr-6\/12 {
-  margin-right: 50%;
-}
-
-.mb-6\/12 {
-  margin-bottom: 50%;
-}
-
-.ml-6\/12 {
-  margin-left: 50%;
-}
-
-.mt-7\/12 {
-  margin-top: 58.333333%;
-}
-
-.mr-7\/12 {
-  margin-right: 58.333333%;
-}
-
-.mb-7\/12 {
-  margin-bottom: 58.333333%;
-}
-
-.ml-7\/12 {
-  margin-left: 58.333333%;
-}
-
-.mt-8\/12 {
-  margin-top: 66.666667%;
-}
-
-.mr-8\/12 {
-  margin-right: 66.666667%;
-}
-
-.mb-8\/12 {
-  margin-bottom: 66.666667%;
-}
-
-.ml-8\/12 {
-  margin-left: 66.666667%;
-}
-
-.mt-9\/12 {
-  margin-top: 75%;
-}
-
-.mr-9\/12 {
-  margin-right: 75%;
-}
-
-.mb-9\/12 {
-  margin-bottom: 75%;
-}
-
-.ml-9\/12 {
-  margin-left: 75%;
-}
-
-.mt-10\/12 {
-  margin-top: 83.333333%;
-}
-
-.mr-10\/12 {
-  margin-right: 83.333333%;
-}
-
-.mb-10\/12 {
-  margin-bottom: 83.333333%;
-}
-
-.ml-10\/12 {
-  margin-left: 83.333333%;
-}
-
-.mt-11\/12 {
-  margin-top: 91.666667%;
-}
-
-.mr-11\/12 {
-  margin-right: 91.666667%;
-}
-
-.mb-11\/12 {
-  margin-bottom: 91.666667%;
-}
-
-.ml-11\/12 {
-  margin-left: 91.666667%;
-}
-
-.mt-full {
-  margin-top: 100%;
-}
-
-.mr-full {
-  margin-right: 100%;
-}
-
-.mb-full {
-  margin-bottom: 100%;
-}
-
-.ml-full {
-  margin-left: 100%;
-}
-
-.-mt-1 {
-  margin-top: -0.25rem;
-}
-
-.-mr-1 {
-  margin-right: -0.25rem;
-}
-
-.-mb-1 {
-  margin-bottom: -0.25rem;
-}
-
-.-ml-1 {
-  margin-left: -0.25rem;
-}
-
-.-mt-2 {
-  margin-top: -0.5rem;
-}
-
-.-mr-2 {
-  margin-right: -0.5rem;
-}
-
-.-mb-2 {
-  margin-bottom: -0.5rem;
-}
-
-.-ml-2 {
-  margin-left: -0.5rem;
-}
-
-.-mt-3 {
-  margin-top: -0.75rem;
-}
-
-.-mr-3 {
-  margin-right: -0.75rem;
-}
-
-.-mb-3 {
-  margin-bottom: -0.75rem;
-}
-
-.-ml-3 {
-  margin-left: -0.75rem;
-}
-
-.-mt-4 {
-  margin-top: -1rem;
-}
-
-.-mr-4 {
-  margin-right: -1rem;
-}
-
-.-mb-4 {
-  margin-bottom: -1rem;
-}
-
-.-ml-4 {
-  margin-left: -1rem;
-}
-
-.-mt-5 {
-  margin-top: -1.25rem;
-}
-
-.-mr-5 {
-  margin-right: -1.25rem;
-}
-
-.-mb-5 {
-  margin-bottom: -1.25rem;
-}
-
-.-ml-5 {
-  margin-left: -1.25rem;
-}
-
-.-mt-6 {
-  margin-top: -1.5rem;
-}
-
-.-mr-6 {
-  margin-right: -1.5rem;
-}
-
-.-mb-6 {
-  margin-bottom: -1.5rem;
-}
-
-.-ml-6 {
-  margin-left: -1.5rem;
-}
-
-.-mt-7 {
-  margin-top: -1.75rem;
-}
-
-.-mr-7 {
-  margin-right: -1.75rem;
-}
-
-.-mb-7 {
-  margin-bottom: -1.75rem;
-}
-
-.-ml-7 {
-  margin-left: -1.75rem;
-}
-
-.-mt-8 {
-  margin-top: -2rem;
-}
-
-.-mr-8 {
-  margin-right: -2rem;
-}
-
-.-mb-8 {
-  margin-bottom: -2rem;
-}
-
-.-ml-8 {
-  margin-left: -2rem;
-}
-
-.-mt-9 {
-  margin-top: -2.25rem;
-}
-
-.-mr-9 {
-  margin-right: -2.25rem;
-}
-
-.-mb-9 {
-  margin-bottom: -2.25rem;
-}
-
-.-ml-9 {
-  margin-left: -2.25rem;
-}
-
-.-mt-10 {
-  margin-top: -2.5rem;
-}
-
-.-mr-10 {
-  margin-right: -2.5rem;
-}
-
-.-mb-10 {
-  margin-bottom: -2.5rem;
-}
-
-.-ml-10 {
-  margin-left: -2.5rem;
-}
-
-.-mt-11 {
-  margin-top: -2.75rem;
-}
-
-.-mr-11 {
-  margin-right: -2.75rem;
-}
-
-.-mb-11 {
-  margin-bottom: -2.75rem;
-}
-
-.-ml-11 {
-  margin-left: -2.75rem;
-}
-
-.-mt-12 {
-  margin-top: -3rem;
-}
-
-.-mr-12 {
-  margin-right: -3rem;
-}
-
-.-mb-12 {
-  margin-bottom: -3rem;
-}
-
-.-ml-12 {
-  margin-left: -3rem;
-}
-
-.-mt-13 {
-  margin-top: -3.25rem;
-}
-
-.-mr-13 {
-  margin-right: -3.25rem;
-}
-
-.-mb-13 {
-  margin-bottom: -3.25rem;
-}
-
-.-ml-13 {
-  margin-left: -3.25rem;
-}
-
-.-mt-14 {
-  margin-top: -3.5rem;
-}
-
-.-mr-14 {
-  margin-right: -3.5rem;
-}
-
-.-mb-14 {
-  margin-bottom: -3.5rem;
-}
-
-.-ml-14 {
-  margin-left: -3.5rem;
-}
-
-.-mt-15 {
-  margin-top: -3.75rem;
-}
-
-.-mr-15 {
-  margin-right: -3.75rem;
-}
-
-.-mb-15 {
-  margin-bottom: -3.75rem;
-}
-
-.-ml-15 {
-  margin-left: -3.75rem;
-}
-
-.-mt-16 {
-  margin-top: -4rem;
-}
-
-.-mr-16 {
-  margin-right: -4rem;
-}
-
-.-mb-16 {
-  margin-bottom: -4rem;
-}
-
-.-ml-16 {
-  margin-left: -4rem;
-}
-
-.-mt-20 {
-  margin-top: -5rem;
-}
-
-.-mr-20 {
-  margin-right: -5rem;
-}
-
-.-mb-20 {
-  margin-bottom: -5rem;
-}
-
-.-ml-20 {
-  margin-left: -5rem;
-}
-
-.-mt-24 {
-  margin-top: -6rem;
-}
-
-.-mr-24 {
-  margin-right: -6rem;
-}
-
-.-mb-24 {
-  margin-bottom: -6rem;
-}
-
-.-ml-24 {
-  margin-left: -6rem;
-}
-
-.-mt-28 {
-  margin-top: -7rem;
-}
-
-.-mr-28 {
-  margin-right: -7rem;
-}
-
-.-mb-28 {
-  margin-bottom: -7rem;
-}
-
-.-ml-28 {
-  margin-left: -7rem;
-}
-
-.-mt-32 {
-  margin-top: -8rem;
-}
-
-.-mr-32 {
-  margin-right: -8rem;
-}
-
-.-mb-32 {
-  margin-bottom: -8rem;
-}
-
-.-ml-32 {
-  margin-left: -8rem;
-}
-
-.-mt-36 {
-  margin-top: -9rem;
-}
-
-.-mr-36 {
-  margin-right: -9rem;
-}
-
-.-mb-36 {
-  margin-bottom: -9rem;
-}
-
-.-ml-36 {
-  margin-left: -9rem;
-}
-
-.-mt-40 {
-  margin-top: -10rem;
-}
-
-.-mr-40 {
-  margin-right: -10rem;
-}
-
-.-mb-40 {
-  margin-bottom: -10rem;
-}
-
-.-ml-40 {
-  margin-left: -10rem;
-}
-
-.-mt-48 {
-  margin-top: -12rem;
-}
-
-.-mr-48 {
-  margin-right: -12rem;
-}
-
-.-mb-48 {
-  margin-bottom: -12rem;
-}
-
-.-ml-48 {
-  margin-left: -12rem;
-}
-
-.-mt-56 {
-  margin-top: -14rem;
-}
-
-.-mr-56 {
-  margin-right: -14rem;
-}
-
-.-mb-56 {
-  margin-bottom: -14rem;
-}
-
-.-ml-56 {
-  margin-left: -14rem;
-}
-
-.-mt-60 {
-  margin-top: -15rem;
-}
-
-.-mr-60 {
-  margin-right: -15rem;
-}
-
-.-mb-60 {
-  margin-bottom: -15rem;
-}
-
-.-ml-60 {
-  margin-left: -15rem;
-}
-
-.-mt-64 {
-  margin-top: -16rem;
-}
-
-.-mr-64 {
-  margin-right: -16rem;
-}
-
-.-mb-64 {
-  margin-bottom: -16rem;
-}
-
-.-ml-64 {
-  margin-left: -16rem;
-}
-
-.-mt-72 {
-  margin-top: -18rem;
-}
-
-.-mr-72 {
-  margin-right: -18rem;
-}
-
-.-mb-72 {
-  margin-bottom: -18rem;
-}
-
-.-ml-72 {
-  margin-left: -18rem;
-}
-
-.-mt-80 {
-  margin-top: -20rem;
-}
-
-.-mr-80 {
-  margin-right: -20rem;
-}
-
-.-mb-80 {
-  margin-bottom: -20rem;
-}
-
-.-ml-80 {
-  margin-left: -20rem;
-}
-
-.-mt-96 {
-  margin-top: -24rem;
-}
-
-.-mr-96 {
-  margin-right: -24rem;
-}
-
-.-mb-96 {
-  margin-bottom: -24rem;
-}
-
-.-ml-96 {
-  margin-left: -24rem;
-}
-
-.-mt-px {
-  margin-top: -1px;
-}
-
-.-mr-px {
-  margin-right: -1px;
-}
-
-.-mb-px {
-  margin-bottom: -1px;
-}
-
-.-ml-px {
-  margin-left: -1px;
-}
-
-.-mt-0\.5 {
-  margin-top: -0.125rem;
-}
-
-.-mr-0\.5 {
-  margin-right: -0.125rem;
-}
-
-.-mb-0\.5 {
-  margin-bottom: -0.125rem;
-}
-
-.-ml-0\.5 {
-  margin-left: -0.125rem;
-}
-
-.-mt-1\.5 {
-  margin-top: -0.375rem;
-}
-
-.-mr-1\.5 {
-  margin-right: -0.375rem;
-}
-
-.-mb-1\.5 {
-  margin-bottom: -0.375rem;
-}
-
-.-ml-1\.5 {
-  margin-left: -0.375rem;
-}
-
-.-mt-2\.5 {
-  margin-top: -0.625rem;
-}
-
-.-mr-2\.5 {
-  margin-right: -0.625rem;
-}
-
-.-mb-2\.5 {
-  margin-bottom: -0.625rem;
-}
-
-.-ml-2\.5 {
-  margin-left: -0.625rem;
-}
-
-.-mt-3\.5 {
-  margin-top: -0.875rem;
-}
-
-.-mr-3\.5 {
-  margin-right: -0.875rem;
-}
-
-.-mb-3\.5 {
-  margin-bottom: -0.875rem;
-}
-
-.-ml-3\.5 {
-  margin-left: -0.875rem;
-}
-
-.-mt-1\/2 {
-  margin-top: -50%;
-}
-
-.-mr-1\/2 {
-  margin-right: -50%;
-}
-
-.-mb-1\/2 {
-  margin-bottom: -50%;
-}
-
-.-ml-1\/2 {
-  margin-left: -50%;
-}
-
-.-mt-1\/3 {
-  margin-top: -33.33333%;
-}
-
-.-mr-1\/3 {
-  margin-right: -33.33333%;
-}
-
-.-mb-1\/3 {
-  margin-bottom: -33.33333%;
-}
-
-.-ml-1\/3 {
-  margin-left: -33.33333%;
-}
-
-.-mt-2\/3 {
-  margin-top: -66.66667%;
-}
-
-.-mr-2\/3 {
-  margin-right: -66.66667%;
-}
-
-.-mb-2\/3 {
-  margin-bottom: -66.66667%;
-}
-
-.-ml-2\/3 {
-  margin-left: -66.66667%;
-}
-
-.-mt-1\/4 {
-  margin-top: -25%;
-}
-
-.-mr-1\/4 {
-  margin-right: -25%;
-}
-
-.-mb-1\/4 {
-  margin-bottom: -25%;
-}
-
-.-ml-1\/4 {
-  margin-left: -25%;
-}
-
-.-mt-2\/4 {
-  margin-top: -50%;
-}
-
-.-mr-2\/4 {
-  margin-right: -50%;
-}
-
-.-mb-2\/4 {
-  margin-bottom: -50%;
-}
-
-.-ml-2\/4 {
-  margin-left: -50%;
-}
-
-.-mt-3\/4 {
-  margin-top: -75%;
-}
-
-.-mr-3\/4 {
-  margin-right: -75%;
-}
-
-.-mb-3\/4 {
-  margin-bottom: -75%;
-}
-
-.-ml-3\/4 {
-  margin-left: -75%;
-}
-
-.-mt-1\/5 {
-  margin-top: -20%;
-}
-
-.-mr-1\/5 {
-  margin-right: -20%;
-}
-
-.-mb-1\/5 {
-  margin-bottom: -20%;
-}
-
-.-ml-1\/5 {
-  margin-left: -20%;
-}
-
-.-mt-2\/5 {
-  margin-top: -40%;
-}
-
-.-mr-2\/5 {
-  margin-right: -40%;
-}
-
-.-mb-2\/5 {
-  margin-bottom: -40%;
-}
-
-.-ml-2\/5 {
-  margin-left: -40%;
-}
-
-.-mt-3\/5 {
-  margin-top: -60%;
-}
-
-.-mr-3\/5 {
-  margin-right: -60%;
-}
-
-.-mb-3\/5 {
-  margin-bottom: -60%;
-}
-
-.-ml-3\/5 {
-  margin-left: -60%;
-}
-
-.-mt-4\/5 {
-  margin-top: -80%;
-}
-
-.-mr-4\/5 {
-  margin-right: -80%;
-}
-
-.-mb-4\/5 {
-  margin-bottom: -80%;
-}
-
-.-ml-4\/5 {
-  margin-left: -80%;
-}
-
-.-mt-1\/6 {
-  margin-top: -16.66667%;
-}
-
-.-mr-1\/6 {
-  margin-right: -16.66667%;
-}
-
-.-mb-1\/6 {
-  margin-bottom: -16.66667%;
-}
-
-.-ml-1\/6 {
-  margin-left: -16.66667%;
-}
-
-.-mt-2\/6 {
-  margin-top: -33.33333%;
-}
-
-.-mr-2\/6 {
-  margin-right: -33.33333%;
-}
-
-.-mb-2\/6 {
-  margin-bottom: -33.33333%;
-}
-
-.-ml-2\/6 {
-  margin-left: -33.33333%;
-}
-
-.-mt-3\/6 {
-  margin-top: -50%;
-}
-
-.-mr-3\/6 {
-  margin-right: -50%;
-}
-
-.-mb-3\/6 {
-  margin-bottom: -50%;
-}
-
-.-ml-3\/6 {
-  margin-left: -50%;
-}
-
-.-mt-4\/6 {
-  margin-top: -66.66667%;
-}
-
-.-mr-4\/6 {
-  margin-right: -66.66667%;
-}
-
-.-mb-4\/6 {
-  margin-bottom: -66.66667%;
-}
-
-.-ml-4\/6 {
-  margin-left: -66.66667%;
-}
-
-.-mt-5\/6 {
-  margin-top: -83.33333%;
-}
-
-.-mr-5\/6 {
-  margin-right: -83.33333%;
-}
-
-.-mb-5\/6 {
-  margin-bottom: -83.33333%;
-}
-
-.-ml-5\/6 {
-  margin-left: -83.33333%;
-}
-
-.-mt-1\/12 {
-  margin-top: -8.33333%;
-}
-
-.-mr-1\/12 {
-  margin-right: -8.33333%;
-}
-
-.-mb-1\/12 {
-  margin-bottom: -8.33333%;
-}
-
-.-ml-1\/12 {
-  margin-left: -8.33333%;
-}
-
-.-mt-2\/12 {
-  margin-top: -16.66667%;
-}
-
-.-mr-2\/12 {
-  margin-right: -16.66667%;
-}
-
-.-mb-2\/12 {
-  margin-bottom: -16.66667%;
-}
-
-.-ml-2\/12 {
-  margin-left: -16.66667%;
-}
-
-.-mt-3\/12 {
-  margin-top: -25%;
-}
-
-.-mr-3\/12 {
-  margin-right: -25%;
-}
-
-.-mb-3\/12 {
-  margin-bottom: -25%;
-}
-
-.-ml-3\/12 {
-  margin-left: -25%;
-}
-
-.-mt-4\/12 {
-  margin-top: -33.33333%;
-}
-
-.-mr-4\/12 {
-  margin-right: -33.33333%;
-}
-
-.-mb-4\/12 {
-  margin-bottom: -33.33333%;
-}
-
-.-ml-4\/12 {
-  margin-left: -33.33333%;
-}
-
-.-mt-5\/12 {
-  margin-top: -41.66667%;
-}
-
-.-mr-5\/12 {
-  margin-right: -41.66667%;
-}
-
-.-mb-5\/12 {
-  margin-bottom: -41.66667%;
-}
-
-.-ml-5\/12 {
-  margin-left: -41.66667%;
-}
-
-.-mt-6\/12 {
-  margin-top: -50%;
-}
-
-.-mr-6\/12 {
-  margin-right: -50%;
-}
-
-.-mb-6\/12 {
-  margin-bottom: -50%;
-}
-
-.-ml-6\/12 {
-  margin-left: -50%;
-}
-
-.-mt-7\/12 {
-  margin-top: -58.33333%;
-}
-
-.-mr-7\/12 {
-  margin-right: -58.33333%;
-}
-
-.-mb-7\/12 {
-  margin-bottom: -58.33333%;
-}
-
-.-ml-7\/12 {
-  margin-left: -58.33333%;
-}
-
-.-mt-8\/12 {
-  margin-top: -66.66667%;
-}
-
-.-mr-8\/12 {
-  margin-right: -66.66667%;
-}
-
-.-mb-8\/12 {
-  margin-bottom: -66.66667%;
-}
-
-.-ml-8\/12 {
-  margin-left: -66.66667%;
-}
-
-.-mt-9\/12 {
-  margin-top: -75%;
-}
-
-.-mr-9\/12 {
-  margin-right: -75%;
-}
-
-.-mb-9\/12 {
-  margin-bottom: -75%;
-}
-
-.-ml-9\/12 {
-  margin-left: -75%;
-}
-
-.-mt-10\/12 {
-  margin-top: -83.33333%;
-}
-
-.-mr-10\/12 {
-  margin-right: -83.33333%;
-}
-
-.-mb-10\/12 {
-  margin-bottom: -83.33333%;
-}
-
-.-ml-10\/12 {
-  margin-left: -83.33333%;
-}
-
-.-mt-11\/12 {
-  margin-top: -91.66667%;
-}
-
-.-mr-11\/12 {
-  margin-right: -91.66667%;
-}
-
-.-mb-11\/12 {
-  margin-bottom: -91.66667%;
-}
-
-.-ml-11\/12 {
-  margin-left: -91.66667%;
-}
-
-.-mt-full {
-  margin-top: -100%;
-}
-
-.-mr-full {
-  margin-right: -100%;
-}
-
-.-mb-full {
-  margin-bottom: -100%;
-}
-
-.-ml-full {
-  margin-left: -100%;
-}
-
-.max-h-0 {
-  max-height: 0;
-}
-
-.max-h-1 {
-  max-height: 0.25rem;
-}
-
-.max-h-2 {
-  max-height: 0.5rem;
-}
-
-.max-h-3 {
-  max-height: 0.75rem;
-}
-
-.max-h-4 {
-  max-height: 1rem;
-}
-
-.max-h-5 {
-  max-height: 1.25rem;
-}
-
-.max-h-6 {
-  max-height: 1.5rem;
-}
-
-.max-h-7 {
-  max-height: 1.75rem;
-}
-
-.max-h-8 {
-  max-height: 2rem;
-}
-
-.max-h-9 {
-  max-height: 2.25rem;
-}
-
-.max-h-10 {
-  max-height: 2.5rem;
-}
-
-.max-h-11 {
-  max-height: 2.75rem;
-}
-
-.max-h-12 {
-  max-height: 3rem;
-}
-
-.max-h-13 {
-  max-height: 3.25rem;
-}
-
-.max-h-14 {
-  max-height: 3.5rem;
-}
-
-.max-h-15 {
-  max-height: 3.75rem;
-}
-
-.max-h-16 {
-  max-height: 4rem;
-}
-
-.max-h-20 {
-  max-height: 5rem;
-}
-
-.max-h-24 {
-  max-height: 6rem;
-}
-
-.max-h-28 {
-  max-height: 7rem;
-}
-
-.max-h-32 {
-  max-height: 8rem;
-}
-
-.max-h-36 {
-  max-height: 9rem;
-}
-
-.max-h-40 {
-  max-height: 10rem;
-}
-
-.max-h-48 {
-  max-height: 12rem;
-}
-
-.max-h-56 {
-  max-height: 14rem;
-}
-
-.max-h-60 {
-  max-height: 15rem;
-}
-
-.max-h-64 {
-  max-height: 16rem;
-}
-
-.max-h-72 {
-  max-height: 18rem;
-}
-
-.max-h-80 {
-  max-height: 20rem;
-}
-
-.max-h-96 {
-  max-height: 24rem;
-}
-
-.max-h-screen {
-  max-height: 100vh;
-}
-
-.max-h-px {
-  max-height: 1px;
-}
-
-.max-h-0\.5 {
-  max-height: 0.125rem;
-}
-
-.max-h-1\.5 {
-  max-height: 0.375rem;
-}
-
-.max-h-2\.5 {
-  max-height: 0.625rem;
-}
-
-.max-h-3\.5 {
-  max-height: 0.875rem;
-}
-
-.max-h-1\/2 {
-  max-height: 50%;
-}
-
-.max-h-1\/3 {
-  max-height: 33.333333%;
-}
-
-.max-h-2\/3 {
-  max-height: 66.666667%;
-}
-
-.max-h-1\/4 {
-  max-height: 25%;
-}
-
-.max-h-2\/4 {
-  max-height: 50%;
-}
-
-.max-h-3\/4 {
-  max-height: 75%;
-}
-
-.max-h-1\/5 {
-  max-height: 20%;
-}
-
-.max-h-2\/5 {
-  max-height: 40%;
-}
-
-.max-h-3\/5 {
-  max-height: 60%;
-}
-
-.max-h-4\/5 {
-  max-height: 80%;
-}
-
-.max-h-1\/6 {
-  max-height: 16.666667%;
-}
-
-.max-h-2\/6 {
-  max-height: 33.333333%;
-}
-
-.max-h-3\/6 {
-  max-height: 50%;
-}
-
-.max-h-4\/6 {
-  max-height: 66.666667%;
-}
-
-.max-h-5\/6 {
-  max-height: 83.333333%;
-}
-
-.max-h-1\/12 {
-  max-height: 8.333333%;
-}
-
-.max-h-2\/12 {
-  max-height: 16.666667%;
-}
-
-.max-h-3\/12 {
-  max-height: 25%;
-}
-
-.max-h-4\/12 {
-  max-height: 33.333333%;
-}
-
-.max-h-5\/12 {
-  max-height: 41.666667%;
-}
-
-.max-h-6\/12 {
-  max-height: 50%;
-}
-
-.max-h-7\/12 {
-  max-height: 58.333333%;
-}
-
-.max-h-8\/12 {
-  max-height: 66.666667%;
-}
-
-.max-h-9\/12 {
-  max-height: 75%;
-}
-
-.max-h-10\/12 {
-  max-height: 83.333333%;
-}
-
-.max-h-11\/12 {
-  max-height: 91.666667%;
-}
-
-.max-h-full {
-  max-height: 100%;
-}
-
-.max-w-none {
-  max-width: none;
-}
-
-.max-w-xs {
-  max-width: 20rem;
-}
-
-.max-w-sm {
-  max-width: 24rem;
-}
-
-.max-w-md {
-  max-width: 28rem;
-}
-
-.max-w-lg {
-  max-width: 32rem;
-}
-
-.max-w-xl {
-  max-width: 36rem;
-}
-
-.max-w-2xl {
-  max-width: 42rem;
-}
-
-.max-w-3xl {
-  max-width: 48rem;
-}
-
-.max-w-4xl {
-  max-width: 56rem;
-}
-
-.max-w-5xl {
-  max-width: 64rem;
-}
-
-.max-w-6xl {
-  max-width: 72rem;
-}
-
-.max-w-7xl {
-  max-width: 80rem;
-}
-
-.max-w-full {
-  max-width: 100%;
-}
-
-.max-w-screen-sm {
-  max-width: 640px;
-}
-
-.max-w-screen-md {
-  max-width: 768px;
-}
-
-.max-w-screen-lg {
-  max-width: 1024px;
-}
-
-.max-w-screen-xl {
-  max-width: 1280px;
-}
-
-.min-h-0 {
-  min-height: 0;
-}
-
-.min-h-full {
-  min-height: 100%;
-}
-
-.min-h-screen {
-  min-height: 100vh;
-}
-
-.min-w-0 {
-  min-width: 0;
-}
-
-.min-w-full {
-  min-width: 100%;
-}
-
-.object-contain {
-  -o-object-fit: contain;
-     object-fit: contain;
-}
-
-.object-cover {
-  -o-object-fit: cover;
-     object-fit: cover;
-}
-
-.object-fill {
-  -o-object-fit: fill;
-     object-fit: fill;
-}
-
-.object-none {
-  -o-object-fit: none;
-     object-fit: none;
-}
-
-.object-scale-down {
-  -o-object-fit: scale-down;
-     object-fit: scale-down;
-}
-
-.object-bottom {
-  -o-object-position: bottom;
-     object-position: bottom;
-}
-
-.object-center {
-  -o-object-position: center;
-     object-position: center;
-}
-
-.object-left {
-  -o-object-position: left;
-     object-position: left;
-}
-
-.object-left-bottom {
-  -o-object-position: left bottom;
-     object-position: left bottom;
-}
-
-.object-left-top {
-  -o-object-position: left top;
-     object-position: left top;
-}
-
-.object-right {
-  -o-object-position: right;
-     object-position: right;
-}
-
-.object-right-bottom {
-  -o-object-position: right bottom;
-     object-position: right bottom;
-}
-
-.object-right-top {
-  -o-object-position: right top;
-     object-position: right top;
-}
-
-.object-top {
-  -o-object-position: top;
-     object-position: top;
-}
-
-.opacity-0 {
-  opacity: 0;
-}
-
-.opacity-25 {
-  opacity: 0.25;
-}
-
-.opacity-50 {
-  opacity: 0.5;
-}
-
-.opacity-75 {
-  opacity: 0.75;
-}
-
-.opacity-100 {
-  opacity: 1;
-}
-
-.hover\:opacity-0:hover {
-  opacity: 0;
-}
-
-.hover\:opacity-25:hover {
-  opacity: 0.25;
-}
-
-.hover\:opacity-50:hover {
-  opacity: 0.5;
-}
-
-.hover\:opacity-75:hover {
-  opacity: 0.75;
-}
-
-.hover\:opacity-100:hover {
-  opacity: 1;
-}
-
-.focus\:opacity-0:focus {
-  opacity: 0;
-}
-
-.focus\:opacity-25:focus {
-  opacity: 0.25;
-}
-
-.focus\:opacity-50:focus {
-  opacity: 0.5;
-}
-
-.focus\:opacity-75:focus {
-  opacity: 0.75;
-}
-
-.focus\:opacity-100:focus {
-  opacity: 1;
-}
-
-.outline-none {
-  outline: 0;
-}
-
-.focus\:outline-none:focus {
-  outline: 0;
-}
-
-.overflow-auto {
-  overflow: auto;
-}
-
-.overflow-hidden {
-  overflow: hidden;
-}
-
-.overflow-visible {
-  overflow: visible;
-}
-
-.overflow-scroll {
-  overflow: scroll;
-}
-
-.overflow-x-auto {
-  overflow-x: auto;
-}
-
-.overflow-y-auto {
-  overflow-y: auto;
-}
-
-.overflow-x-hidden {
-  overflow-x: hidden;
-}
-
-.overflow-y-hidden {
-  overflow-y: hidden;
-}
-
-.overflow-x-visible {
-  overflow-x: visible;
-}
-
-.overflow-y-visible {
-  overflow-y: visible;
-}
-
-.overflow-x-scroll {
-  overflow-x: scroll;
-}
-
-.overflow-y-scroll {
-  overflow-y: scroll;
-}
-
-.scrolling-touch {
-  -webkit-overflow-scrolling: touch;
-}
-
-.scrolling-auto {
-  -webkit-overflow-scrolling: auto;
-}
-
-.overscroll-auto {
-  -ms-scroll-chaining: chained;
-      overscroll-behavior: auto;
-}
-
-.overscroll-contain {
-  -ms-scroll-chaining: none;
-      overscroll-behavior: contain;
-}
-
-.overscroll-none {
-  -ms-scroll-chaining: none;
-      overscroll-behavior: none;
-}
-
-.overscroll-y-auto {
-  overscroll-behavior-y: auto;
-}
-
-.overscroll-y-contain {
-  overscroll-behavior-y: contain;
-}
-
-.overscroll-y-none {
-  overscroll-behavior-y: none;
-}
-
-.overscroll-x-auto {
-  overscroll-behavior-x: auto;
-}
-
-.overscroll-x-contain {
-  overscroll-behavior-x: contain;
-}
-
-.overscroll-x-none {
-  overscroll-behavior-x: none;
-}
-
-.p-0 {
-  padding: 0;
-}
-
-.p-1 {
-  padding: 0.25rem;
-}
-
-.p-2 {
-  padding: 0.5rem;
-}
-
-.p-3 {
-  padding: 0.75rem;
-}
-
-.p-4 {
-  padding: 1rem;
-}
-
-.p-5 {
-  padding: 1.25rem;
-}
-
-.p-6 {
-  padding: 1.5rem;
-}
-
-.p-7 {
-  padding: 1.75rem;
-}
-
-.p-8 {
-  padding: 2rem;
-}
-
-.p-9 {
-  padding: 2.25rem;
-}
-
-.p-10 {
-  padding: 2.5rem;
-}
-
-.p-11 {
-  padding: 2.75rem;
-}
-
-.p-12 {
-  padding: 3rem;
-}
-
-.p-13 {
-  padding: 3.25rem;
-}
-
-.p-14 {
-  padding: 3.5rem;
-}
-
-.p-15 {
-  padding: 3.75rem;
-}
-
-.p-16 {
-  padding: 4rem;
-}
-
-.p-20 {
-  padding: 5rem;
-}
-
-.p-24 {
-  padding: 6rem;
-}
-
-.p-28 {
-  padding: 7rem;
-}
-
-.p-32 {
-  padding: 8rem;
-}
-
-.p-36 {
-  padding: 9rem;
-}
-
-.p-40 {
-  padding: 10rem;
-}
-
-.p-48 {
-  padding: 12rem;
-}
-
-.p-56 {
-  padding: 14rem;
-}
-
-.p-60 {
-  padding: 15rem;
-}
-
-.p-64 {
-  padding: 16rem;
-}
-
-.p-72 {
-  padding: 18rem;
-}
-
-.p-80 {
-  padding: 20rem;
-}
-
-.p-96 {
-  padding: 24rem;
-}
-
-.p-px {
-  padding: 1px;
-}
-
-.p-0\.5 {
-  padding: 0.125rem;
-}
-
-.p-1\.5 {
-  padding: 0.375rem;
-}
-
-.p-2\.5 {
-  padding: 0.625rem;
-}
-
-.p-3\.5 {
-  padding: 0.875rem;
-}
-
-.p-1\/2 {
-  padding: 50%;
-}
-
-.p-1\/3 {
-  padding: 33.333333%;
-}
-
-.p-2\/3 {
-  padding: 66.666667%;
-}
-
-.p-1\/4 {
-  padding: 25%;
-}
-
-.p-2\/4 {
-  padding: 50%;
-}
-
-.p-3\/4 {
-  padding: 75%;
-}
-
-.p-1\/5 {
-  padding: 20%;
-}
-
-.p-2\/5 {
-  padding: 40%;
-}
-
-.p-3\/5 {
-  padding: 60%;
-}
-
-.p-4\/5 {
-  padding: 80%;
-}
-
-.p-1\/6 {
-  padding: 16.666667%;
-}
-
-.p-2\/6 {
-  padding: 33.333333%;
-}
-
-.p-3\/6 {
-  padding: 50%;
-}
-
-.p-4\/6 {
-  padding: 66.666667%;
-}
-
-.p-5\/6 {
-  padding: 83.333333%;
-}
-
-.p-1\/12 {
-  padding: 8.333333%;
-}
-
-.p-2\/12 {
-  padding: 16.666667%;
-}
-
-.p-3\/12 {
-  padding: 25%;
-}
-
-.p-4\/12 {
-  padding: 33.333333%;
-}
-
-.p-5\/12 {
-  padding: 41.666667%;
-}
-
-.p-6\/12 {
-  padding: 50%;
-}
-
-.p-7\/12 {
-  padding: 58.333333%;
-}
-
-.p-8\/12 {
-  padding: 66.666667%;
-}
-
-.p-9\/12 {
-  padding: 75%;
-}
-
-.p-10\/12 {
-  padding: 83.333333%;
-}
-
-.p-11\/12 {
-  padding: 91.666667%;
-}
-
-.p-full {
-  padding: 100%;
-}
-
-.py-0 {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.px-0 {
-  padding-left: 0;
-  padding-right: 0;
-}
-
-.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-
-.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-
-.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-
-.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-
-.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-
-.py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}
-
-.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
-
-.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-
-.px-6 {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-}
-
-.py-7 {
-  padding-top: 1.75rem;
-  padding-bottom: 1.75rem;
-}
-
-.px-7 {
-  padding-left: 1.75rem;
-  padding-right: 1.75rem;
-}
-
-.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-
-.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-
-.py-9 {
-  padding-top: 2.25rem;
-  padding-bottom: 2.25rem;
-}
-
-.px-9 {
-  padding-left: 2.25rem;
-  padding-right: 2.25rem;
-}
-
-.py-10 {
-  padding-top: 2.5rem;
-  padding-bottom: 2.5rem;
-}
-
-.px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}
-
-.py-11 {
-  padding-top: 2.75rem;
-  padding-bottom: 2.75rem;
-}
-
-.px-11 {
-  padding-left: 2.75rem;
-  padding-right: 2.75rem;
-}
-
-.py-12 {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
-}
-
-.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
-}
-
-.py-13 {
-  padding-top: 3.25rem;
-  padding-bottom: 3.25rem;
-}
-
-.px-13 {
-  padding-left: 3.25rem;
-  padding-right: 3.25rem;
-}
-
-.py-14 {
-  padding-top: 3.5rem;
-  padding-bottom: 3.5rem;
-}
-
-.px-14 {
-  padding-left: 3.5rem;
-  padding-right: 3.5rem;
-}
-
-.py-15 {
-  padding-top: 3.75rem;
-  padding-bottom: 3.75rem;
-}
-
-.px-15 {
-  padding-left: 3.75rem;
-  padding-right: 3.75rem;
-}
-
-.py-16 {
-  padding-top: 4rem;
-  padding-bottom: 4rem;
-}
-
-.px-16 {
-  padding-left: 4rem;
-  padding-right: 4rem;
-}
-
-.py-20 {
-  padding-top: 5rem;
-  padding-bottom: 5rem;
-}
-
-.px-20 {
-  padding-left: 5rem;
-  padding-right: 5rem;
-}
-
-.py-24 {
-  padding-top: 6rem;
-  padding-bottom: 6rem;
-}
-
-.px-24 {
-  padding-left: 6rem;
-  padding-right: 6rem;
-}
-
-.py-28 {
-  padding-top: 7rem;
-  padding-bottom: 7rem;
-}
-
-.px-28 {
-  padding-left: 7rem;
-  padding-right: 7rem;
-}
-
-.py-32 {
-  padding-top: 8rem;
-  padding-bottom: 8rem;
-}
-
-.px-32 {
-  padding-left: 8rem;
-  padding-right: 8rem;
-}
-
-.py-36 {
-  padding-top: 9rem;
-  padding-bottom: 9rem;
-}
-
-.px-36 {
-  padding-left: 9rem;
-  padding-right: 9rem;
-}
-
-.py-40 {
-  padding-top: 10rem;
-  padding-bottom: 10rem;
-}
-
-.px-40 {
-  padding-left: 10rem;
-  padding-right: 10rem;
-}
-
-.py-48 {
-  padding-top: 12rem;
-  padding-bottom: 12rem;
-}
-
-.px-48 {
-  padding-left: 12rem;
-  padding-right: 12rem;
-}
-
-.py-56 {
-  padding-top: 14rem;
-  padding-bottom: 14rem;
-}
-
-.px-56 {
-  padding-left: 14rem;
-  padding-right: 14rem;
-}
-
-.py-60 {
-  padding-top: 15rem;
-  padding-bottom: 15rem;
-}
-
-.px-60 {
-  padding-left: 15rem;
-  padding-right: 15rem;
-}
-
-.py-64 {
-  padding-top: 16rem;
-  padding-bottom: 16rem;
-}
-
-.px-64 {
-  padding-left: 16rem;
-  padding-right: 16rem;
-}
-
-.py-72 {
-  padding-top: 18rem;
-  padding-bottom: 18rem;
-}
-
-.px-72 {
-  padding-left: 18rem;
-  padding-right: 18rem;
-}
-
-.py-80 {
-  padding-top: 20rem;
-  padding-bottom: 20rem;
-}
-
-.px-80 {
-  padding-left: 20rem;
-  padding-right: 20rem;
-}
-
-.py-96 {
-  padding-top: 24rem;
-  padding-bottom: 24rem;
-}
-
-.px-96 {
-  padding-left: 24rem;
-  padding-right: 24rem;
-}
-
-.py-px {
-  padding-top: 1px;
-  padding-bottom: 1px;
-}
-
-.px-px {
-  padding-left: 1px;
-  padding-right: 1px;
-}
-
-.py-0\.5 {
-  padding-top: 0.125rem;
-  padding-bottom: 0.125rem;
-}
-
-.px-0\.5 {
-  padding-left: 0.125rem;
-  padding-right: 0.125rem;
-}
-
-.py-1\.5 {
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
-}
-
-.px-1\.5 {
-  padding-left: 0.375rem;
-  padding-right: 0.375rem;
-}
-
-.py-2\.5 {
-  padding-top: 0.625rem;
-  padding-bottom: 0.625rem;
-}
-
-.px-2\.5 {
-  padding-left: 0.625rem;
-  padding-right: 0.625rem;
-}
-
-.py-3\.5 {
-  padding-top: 0.875rem;
-  padding-bottom: 0.875rem;
-}
-
-.px-3\.5 {
-  padding-left: 0.875rem;
-  padding-right: 0.875rem;
-}
-
-.py-1\/2 {
-  padding-top: 50%;
-  padding-bottom: 50%;
-}
-
-.px-1\/2 {
-  padding-left: 50%;
-  padding-right: 50%;
-}
-
-.py-1\/3 {
-  padding-top: 33.333333%;
-  padding-bottom: 33.333333%;
-}
-
-.px-1\/3 {
-  padding-left: 33.333333%;
-  padding-right: 33.333333%;
-}
-
-.py-2\/3 {
-  padding-top: 66.666667%;
-  padding-bottom: 66.666667%;
-}
-
-.px-2\/3 {
-  padding-left: 66.666667%;
-  padding-right: 66.666667%;
-}
-
-.py-1\/4 {
-  padding-top: 25%;
-  padding-bottom: 25%;
-}
-
-.px-1\/4 {
-  padding-left: 25%;
-  padding-right: 25%;
-}
-
-.py-2\/4 {
-  padding-top: 50%;
-  padding-bottom: 50%;
-}
-
-.px-2\/4 {
-  padding-left: 50%;
-  padding-right: 50%;
-}
-
-.py-3\/4 {
-  padding-top: 75%;
-  padding-bottom: 75%;
-}
-
-.px-3\/4 {
-  padding-left: 75%;
-  padding-right: 75%;
-}
-
-.py-1\/5 {
-  padding-top: 20%;
-  padding-bottom: 20%;
-}
-
-.px-1\/5 {
-  padding-left: 20%;
-  padding-right: 20%;
-}
-
-.py-2\/5 {
-  padding-top: 40%;
-  padding-bottom: 40%;
-}
-
-.px-2\/5 {
-  padding-left: 40%;
-  padding-right: 40%;
-}
-
-.py-3\/5 {
-  padding-top: 60%;
-  padding-bottom: 60%;
-}
-
-.px-3\/5 {
-  padding-left: 60%;
-  padding-right: 60%;
-}
-
-.py-4\/5 {
-  padding-top: 80%;
-  padding-bottom: 80%;
-}
-
-.px-4\/5 {
-  padding-left: 80%;
-  padding-right: 80%;
-}
-
-.py-1\/6 {
-  padding-top: 16.666667%;
-  padding-bottom: 16.666667%;
-}
-
-.px-1\/6 {
-  padding-left: 16.666667%;
-  padding-right: 16.666667%;
-}
-
-.py-2\/6 {
-  padding-top: 33.333333%;
-  padding-bottom: 33.333333%;
-}
-
-.px-2\/6 {
-  padding-left: 33.333333%;
-  padding-right: 33.333333%;
-}
-
-.py-3\/6 {
-  padding-top: 50%;
-  padding-bottom: 50%;
-}
-
-.px-3\/6 {
-  padding-left: 50%;
-  padding-right: 50%;
-}
-
-.py-4\/6 {
-  padding-top: 66.666667%;
-  padding-bottom: 66.666667%;
-}
-
-.px-4\/6 {
-  padding-left: 66.666667%;
-  padding-right: 66.666667%;
-}
-
-.py-5\/6 {
-  padding-top: 83.333333%;
-  padding-bottom: 83.333333%;
-}
-
-.px-5\/6 {
-  padding-left: 83.333333%;
-  padding-right: 83.333333%;
-}
-
-.py-1\/12 {
-  padding-top: 8.333333%;
-  padding-bottom: 8.333333%;
-}
-
-.px-1\/12 {
-  padding-left: 8.333333%;
-  padding-right: 8.333333%;
-}
-
-.py-2\/12 {
-  padding-top: 16.666667%;
-  padding-bottom: 16.666667%;
-}
-
-.px-2\/12 {
-  padding-left: 16.666667%;
-  padding-right: 16.666667%;
-}
-
-.py-3\/12 {
-  padding-top: 25%;
-  padding-bottom: 25%;
-}
-
-.px-3\/12 {
-  padding-left: 25%;
-  padding-right: 25%;
-}
-
-.py-4\/12 {
-  padding-top: 33.333333%;
-  padding-bottom: 33.333333%;
-}
-
-.px-4\/12 {
-  padding-left: 33.333333%;
-  padding-right: 33.333333%;
-}
-
-.py-5\/12 {
-  padding-top: 41.666667%;
-  padding-bottom: 41.666667%;
-}
-
-.px-5\/12 {
-  padding-left: 41.666667%;
-  padding-right: 41.666667%;
-}
-
-.py-6\/12 {
-  padding-top: 50%;
-  padding-bottom: 50%;
-}
-
-.px-6\/12 {
-  padding-left: 50%;
-  padding-right: 50%;
-}
-
-.py-7\/12 {
-  padding-top: 58.333333%;
-  padding-bottom: 58.333333%;
-}
-
-.px-7\/12 {
-  padding-left: 58.333333%;
-  padding-right: 58.333333%;
-}
-
-.py-8\/12 {
-  padding-top: 66.666667%;
-  padding-bottom: 66.666667%;
-}
-
-.px-8\/12 {
-  padding-left: 66.666667%;
-  padding-right: 66.666667%;
-}
-
-.py-9\/12 {
-  padding-top: 75%;
-  padding-bottom: 75%;
-}
-
-.px-9\/12 {
-  padding-left: 75%;
-  padding-right: 75%;
-}
-
-.py-10\/12 {
-  padding-top: 83.333333%;
-  padding-bottom: 83.333333%;
-}
-
-.px-10\/12 {
-  padding-left: 83.333333%;
-  padding-right: 83.333333%;
-}
-
-.py-11\/12 {
-  padding-top: 91.666667%;
-  padding-bottom: 91.666667%;
-}
-
-.px-11\/12 {
-  padding-left: 91.666667%;
-  padding-right: 91.666667%;
-}
-
-.py-full {
-  padding-top: 100%;
-  padding-bottom: 100%;
-}
-
-.px-full {
-  padding-left: 100%;
-  padding-right: 100%;
-}
-
-.pt-0 {
-  padding-top: 0;
-}
-
-.pr-0 {
-  padding-right: 0;
-}
-
-.pb-0 {
-  padding-bottom: 0;
-}
-
-.pl-0 {
-  padding-left: 0;
-}
-
-.pt-1 {
-  padding-top: 0.25rem;
-}
-
-.pr-1 {
-  padding-right: 0.25rem;
-}
-
-.pb-1 {
-  padding-bottom: 0.25rem;
-}
-
-.pl-1 {
-  padding-left: 0.25rem;
-}
-
-.pt-2 {
-  padding-top: 0.5rem;
-}
-
-.pr-2 {
-  padding-right: 0.5rem;
-}
-
-.pb-2 {
-  padding-bottom: 0.5rem;
-}
-
-.pl-2 {
-  padding-left: 0.5rem;
-}
-
-.pt-3 {
-  padding-top: 0.75rem;
-}
-
-.pr-3 {
-  padding-right: 0.75rem;
-}
-
-.pb-3 {
-  padding-bottom: 0.75rem;
-}
-
-.pl-3 {
-  padding-left: 0.75rem;
-}
-
-.pt-4 {
-  padding-top: 1rem;
-}
-
-.pr-4 {
-  padding-right: 1rem;
-}
-
-.pb-4 {
-  padding-bottom: 1rem;
-}
-
-.pl-4 {
-  padding-left: 1rem;
-}
-
-.pt-5 {
-  padding-top: 1.25rem;
-}
-
-.pr-5 {
-  padding-right: 1.25rem;
-}
-
-.pb-5 {
-  padding-bottom: 1.25rem;
-}
-
-.pl-5 {
-  padding-left: 1.25rem;
-}
-
-.pt-6 {
-  padding-top: 1.5rem;
-}
-
-.pr-6 {
-  padding-right: 1.5rem;
-}
-
-.pb-6 {
-  padding-bottom: 1.5rem;
-}
-
-.pl-6 {
-  padding-left: 1.5rem;
-}
-
-.pt-7 {
-  padding-top: 1.75rem;
-}
-
-.pr-7 {
-  padding-right: 1.75rem;
-}
-
-.pb-7 {
-  padding-bottom: 1.75rem;
-}
-
-.pl-7 {
-  padding-left: 1.75rem;
-}
-
-.pt-8 {
-  padding-top: 2rem;
-}
-
-.pr-8 {
-  padding-right: 2rem;
-}
-
-.pb-8 {
-  padding-bottom: 2rem;
-}
-
-.pl-8 {
-  padding-left: 2rem;
-}
-
-.pt-9 {
-  padding-top: 2.25rem;
-}
-
-.pr-9 {
-  padding-right: 2.25rem;
-}
-
-.pb-9 {
-  padding-bottom: 2.25rem;
-}
-
-.pl-9 {
-  padding-left: 2.25rem;
-}
-
-.pt-10 {
-  padding-top: 2.5rem;
-}
-
-.pr-10 {
-  padding-right: 2.5rem;
-}
-
-.pb-10 {
-  padding-bottom: 2.5rem;
-}
-
-.pl-10 {
-  padding-left: 2.5rem;
-}
-
-.pt-11 {
-  padding-top: 2.75rem;
-}
-
-.pr-11 {
-  padding-right: 2.75rem;
-}
-
-.pb-11 {
-  padding-bottom: 2.75rem;
-}
-
-.pl-11 {
-  padding-left: 2.75rem;
-}
-
-.pt-12 {
-  padding-top: 3rem;
-}
-
-.pr-12 {
-  padding-right: 3rem;
-}
-
-.pb-12 {
-  padding-bottom: 3rem;
-}
-
-.pl-12 {
-  padding-left: 3rem;
-}
-
-.pt-13 {
-  padding-top: 3.25rem;
-}
-
-.pr-13 {
-  padding-right: 3.25rem;
-}
-
-.pb-13 {
-  padding-bottom: 3.25rem;
-}
-
-.pl-13 {
-  padding-left: 3.25rem;
-}
-
-.pt-14 {
-  padding-top: 3.5rem;
-}
-
-.pr-14 {
-  padding-right: 3.5rem;
-}
-
-.pb-14 {
-  padding-bottom: 3.5rem;
-}
-
-.pl-14 {
-  padding-left: 3.5rem;
-}
-
-.pt-15 {
-  padding-top: 3.75rem;
-}
-
-.pr-15 {
-  padding-right: 3.75rem;
-}
-
-.pb-15 {
-  padding-bottom: 3.75rem;
-}
-
-.pl-15 {
-  padding-left: 3.75rem;
-}
-
-.pt-16 {
-  padding-top: 4rem;
-}
-
-.pr-16 {
-  padding-right: 4rem;
-}
-
-.pb-16 {
-  padding-bottom: 4rem;
-}
-
-.pl-16 {
-  padding-left: 4rem;
-}
-
-.pt-20 {
-  padding-top: 5rem;
-}
-
-.pr-20 {
-  padding-right: 5rem;
-}
-
-.pb-20 {
-  padding-bottom: 5rem;
-}
-
-.pl-20 {
-  padding-left: 5rem;
-}
-
-.pt-24 {
-  padding-top: 6rem;
-}
-
-.pr-24 {
-  padding-right: 6rem;
-}
-
-.pb-24 {
-  padding-bottom: 6rem;
-}
-
-.pl-24 {
-  padding-left: 6rem;
-}
-
-.pt-28 {
-  padding-top: 7rem;
-}
-
-.pr-28 {
-  padding-right: 7rem;
-}
-
-.pb-28 {
-  padding-bottom: 7rem;
-}
-
-.pl-28 {
-  padding-left: 7rem;
-}
-
-.pt-32 {
-  padding-top: 8rem;
-}
-
-.pr-32 {
-  padding-right: 8rem;
-}
-
-.pb-32 {
-  padding-bottom: 8rem;
-}
-
-.pl-32 {
-  padding-left: 8rem;
-}
-
-.pt-36 {
-  padding-top: 9rem;
-}
-
-.pr-36 {
-  padding-right: 9rem;
-}
-
-.pb-36 {
-  padding-bottom: 9rem;
-}
-
-.pl-36 {
-  padding-left: 9rem;
-}
-
-.pt-40 {
-  padding-top: 10rem;
-}
-
-.pr-40 {
-  padding-right: 10rem;
-}
-
-.pb-40 {
-  padding-bottom: 10rem;
-}
-
-.pl-40 {
-  padding-left: 10rem;
-}
-
-.pt-48 {
-  padding-top: 12rem;
-}
-
-.pr-48 {
-  padding-right: 12rem;
-}
-
-.pb-48 {
-  padding-bottom: 12rem;
-}
-
-.pl-48 {
-  padding-left: 12rem;
-}
-
-.pt-56 {
-  padding-top: 14rem;
-}
-
-.pr-56 {
-  padding-right: 14rem;
-}
-
-.pb-56 {
-  padding-bottom: 14rem;
-}
-
-.pl-56 {
-  padding-left: 14rem;
-}
-
-.pt-60 {
-  padding-top: 15rem;
-}
-
-.pr-60 {
-  padding-right: 15rem;
-}
-
-.pb-60 {
-  padding-bottom: 15rem;
-}
-
-.pl-60 {
-  padding-left: 15rem;
-}
-
-.pt-64 {
-  padding-top: 16rem;
-}
-
-.pr-64 {
-  padding-right: 16rem;
-}
-
-.pb-64 {
-  padding-bottom: 16rem;
-}
-
-.pl-64 {
-  padding-left: 16rem;
-}
-
-.pt-72 {
-  padding-top: 18rem;
-}
-
-.pr-72 {
-  padding-right: 18rem;
-}
-
-.pb-72 {
-  padding-bottom: 18rem;
-}
-
-.pl-72 {
-  padding-left: 18rem;
-}
-
-.pt-80 {
-  padding-top: 20rem;
-}
-
-.pr-80 {
-  padding-right: 20rem;
-}
-
-.pb-80 {
-  padding-bottom: 20rem;
-}
-
-.pl-80 {
-  padding-left: 20rem;
-}
-
-.pt-96 {
-  padding-top: 24rem;
-}
-
-.pr-96 {
-  padding-right: 24rem;
-}
-
-.pb-96 {
-  padding-bottom: 24rem;
-}
-
-.pl-96 {
-  padding-left: 24rem;
-}
-
-.pt-px {
-  padding-top: 1px;
-}
-
-.pr-px {
-  padding-right: 1px;
-}
-
-.pb-px {
-  padding-bottom: 1px;
-}
-
-.pl-px {
-  padding-left: 1px;
-}
-
-.pt-0\.5 {
-  padding-top: 0.125rem;
-}
-
-.pr-0\.5 {
-  padding-right: 0.125rem;
-}
-
-.pb-0\.5 {
-  padding-bottom: 0.125rem;
-}
-
-.pl-0\.5 {
-  padding-left: 0.125rem;
-}
-
-.pt-1\.5 {
-  padding-top: 0.375rem;
-}
-
-.pr-1\.5 {
-  padding-right: 0.375rem;
-}
-
-.pb-1\.5 {
-  padding-bottom: 0.375rem;
-}
-
-.pl-1\.5 {
-  padding-left: 0.375rem;
-}
-
-.pt-2\.5 {
-  padding-top: 0.625rem;
-}
-
-.pr-2\.5 {
-  padding-right: 0.625rem;
-}
-
-.pb-2\.5 {
-  padding-bottom: 0.625rem;
-}
-
-.pl-2\.5 {
-  padding-left: 0.625rem;
-}
-
-.pt-3\.5 {
-  padding-top: 0.875rem;
-}
-
-.pr-3\.5 {
-  padding-right: 0.875rem;
-}
-
-.pb-3\.5 {
-  padding-bottom: 0.875rem;
-}
-
-.pl-3\.5 {
-  padding-left: 0.875rem;
-}
-
-.pt-1\/2 {
-  padding-top: 50%;
-}
-
-.pr-1\/2 {
-  padding-right: 50%;
-}
-
-.pb-1\/2 {
-  padding-bottom: 50%;
-}
-
-.pl-1\/2 {
-  padding-left: 50%;
-}
-
-.pt-1\/3 {
-  padding-top: 33.333333%;
-}
-
-.pr-1\/3 {
-  padding-right: 33.333333%;
-}
-
-.pb-1\/3 {
-  padding-bottom: 33.333333%;
-}
-
-.pl-1\/3 {
-  padding-left: 33.333333%;
-}
-
-.pt-2\/3 {
-  padding-top: 66.666667%;
-}
-
-.pr-2\/3 {
-  padding-right: 66.666667%;
-}
-
-.pb-2\/3 {
-  padding-bottom: 66.666667%;
-}
-
-.pl-2\/3 {
-  padding-left: 66.666667%;
-}
-
-.pt-1\/4 {
-  padding-top: 25%;
-}
-
-.pr-1\/4 {
-  padding-right: 25%;
-}
-
-.pb-1\/4 {
-  padding-bottom: 25%;
-}
-
-.pl-1\/4 {
-  padding-left: 25%;
-}
-
-.pt-2\/4 {
-  padding-top: 50%;
-}
-
-.pr-2\/4 {
-  padding-right: 50%;
-}
-
-.pb-2\/4 {
-  padding-bottom: 50%;
-}
-
-.pl-2\/4 {
-  padding-left: 50%;
-}
-
-.pt-3\/4 {
-  padding-top: 75%;
-}
-
-.pr-3\/4 {
-  padding-right: 75%;
-}
-
-.pb-3\/4 {
-  padding-bottom: 75%;
-}
-
-.pl-3\/4 {
-  padding-left: 75%;
-}
-
-.pt-1\/5 {
-  padding-top: 20%;
-}
-
-.pr-1\/5 {
-  padding-right: 20%;
-}
-
-.pb-1\/5 {
-  padding-bottom: 20%;
-}
-
-.pl-1\/5 {
-  padding-left: 20%;
-}
-
-.pt-2\/5 {
-  padding-top: 40%;
-}
-
-.pr-2\/5 {
-  padding-right: 40%;
-}
-
-.pb-2\/5 {
-  padding-bottom: 40%;
-}
-
-.pl-2\/5 {
-  padding-left: 40%;
-}
-
-.pt-3\/5 {
-  padding-top: 60%;
-}
-
-.pr-3\/5 {
-  padding-right: 60%;
-}
-
-.pb-3\/5 {
-  padding-bottom: 60%;
-}
-
-.pl-3\/5 {
-  padding-left: 60%;
-}
-
-.pt-4\/5 {
-  padding-top: 80%;
-}
-
-.pr-4\/5 {
-  padding-right: 80%;
-}
-
-.pb-4\/5 {
-  padding-bottom: 80%;
-}
-
-.pl-4\/5 {
-  padding-left: 80%;
-}
-
-.pt-1\/6 {
-  padding-top: 16.666667%;
-}
-
-.pr-1\/6 {
-  padding-right: 16.666667%;
-}
-
-.pb-1\/6 {
-  padding-bottom: 16.666667%;
-}
-
-.pl-1\/6 {
-  padding-left: 16.666667%;
-}
-
-.pt-2\/6 {
-  padding-top: 33.333333%;
-}
-
-.pr-2\/6 {
-  padding-right: 33.333333%;
-}
-
-.pb-2\/6 {
-  padding-bottom: 33.333333%;
-}
-
-.pl-2\/6 {
-  padding-left: 33.333333%;
-}
-
-.pt-3\/6 {
-  padding-top: 50%;
-}
-
-.pr-3\/6 {
-  padding-right: 50%;
-}
-
-.pb-3\/6 {
-  padding-bottom: 50%;
-}
-
-.pl-3\/6 {
-  padding-left: 50%;
-}
-
-.pt-4\/6 {
-  padding-top: 66.666667%;
-}
-
-.pr-4\/6 {
-  padding-right: 66.666667%;
-}
-
-.pb-4\/6 {
-  padding-bottom: 66.666667%;
-}
-
-.pl-4\/6 {
-  padding-left: 66.666667%;
-}
-
-.pt-5\/6 {
-  padding-top: 83.333333%;
-}
-
-.pr-5\/6 {
-  padding-right: 83.333333%;
-}
-
-.pb-5\/6 {
-  padding-bottom: 83.333333%;
-}
-
-.pl-5\/6 {
-  padding-left: 83.333333%;
-}
-
-.pt-1\/12 {
-  padding-top: 8.333333%;
-}
-
-.pr-1\/12 {
-  padding-right: 8.333333%;
-}
-
-.pb-1\/12 {
-  padding-bottom: 8.333333%;
-}
-
-.pl-1\/12 {
-  padding-left: 8.333333%;
-}
-
-.pt-2\/12 {
-  padding-top: 16.666667%;
-}
-
-.pr-2\/12 {
-  padding-right: 16.666667%;
-}
-
-.pb-2\/12 {
-  padding-bottom: 16.666667%;
-}
-
-.pl-2\/12 {
-  padding-left: 16.666667%;
-}
-
-.pt-3\/12 {
-  padding-top: 25%;
-}
-
-.pr-3\/12 {
-  padding-right: 25%;
-}
-
-.pb-3\/12 {
-  padding-bottom: 25%;
-}
-
-.pl-3\/12 {
-  padding-left: 25%;
-}
-
-.pt-4\/12 {
-  padding-top: 33.333333%;
-}
-
-.pr-4\/12 {
-  padding-right: 33.333333%;
-}
-
-.pb-4\/12 {
-  padding-bottom: 33.333333%;
-}
-
-.pl-4\/12 {
-  padding-left: 33.333333%;
-}
-
-.pt-5\/12 {
-  padding-top: 41.666667%;
-}
-
-.pr-5\/12 {
-  padding-right: 41.666667%;
-}
-
-.pb-5\/12 {
-  padding-bottom: 41.666667%;
-}
-
-.pl-5\/12 {
-  padding-left: 41.666667%;
-}
-
-.pt-6\/12 {
-  padding-top: 50%;
-}
-
-.pr-6\/12 {
-  padding-right: 50%;
-}
-
-.pb-6\/12 {
-  padding-bottom: 50%;
-}
-
-.pl-6\/12 {
-  padding-left: 50%;
-}
-
-.pt-7\/12 {
-  padding-top: 58.333333%;
-}
-
-.pr-7\/12 {
-  padding-right: 58.333333%;
-}
-
-.pb-7\/12 {
-  padding-bottom: 58.333333%;
-}
-
-.pl-7\/12 {
-  padding-left: 58.333333%;
-}
-
-.pt-8\/12 {
-  padding-top: 66.666667%;
-}
-
-.pr-8\/12 {
-  padding-right: 66.666667%;
-}
-
-.pb-8\/12 {
-  padding-bottom: 66.666667%;
-}
-
-.pl-8\/12 {
-  padding-left: 66.666667%;
-}
-
-.pt-9\/12 {
-  padding-top: 75%;
-}
-
-.pr-9\/12 {
-  padding-right: 75%;
-}
-
-.pb-9\/12 {
-  padding-bottom: 75%;
-}
-
-.pl-9\/12 {
-  padding-left: 75%;
-}
-
-.pt-10\/12 {
-  padding-top: 83.333333%;
-}
-
-.pr-10\/12 {
-  padding-right: 83.333333%;
-}
-
-.pb-10\/12 {
-  padding-bottom: 83.333333%;
-}
-
-.pl-10\/12 {
-  padding-left: 83.333333%;
-}
-
-.pt-11\/12 {
-  padding-top: 91.666667%;
-}
-
-.pr-11\/12 {
-  padding-right: 91.666667%;
-}
-
-.pb-11\/12 {
-  padding-bottom: 91.666667%;
-}
-
-.pl-11\/12 {
-  padding-left: 91.666667%;
-}
-
-.pt-full {
-  padding-top: 100%;
-}
-
-.pr-full {
-  padding-right: 100%;
-}
-
-.pb-full {
-  padding-bottom: 100%;
-}
-
-.pl-full {
-  padding-left: 100%;
-}
-
-.placeholder-transparent::-moz-placeholder {
-  color: transparent;
-}
-
-.placeholder-transparent:-ms-input-placeholder {
-  color: transparent;
-}
-
-.placeholder-transparent::-ms-input-placeholder {
-  color: transparent;
-}
-
-.placeholder-transparent::placeholder {
-  color: transparent;
-}
-
-.placeholder-white::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--placeholder-opacity));
-}
-
-.placeholder-white:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--placeholder-opacity));
-}
-
-.placeholder-white::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--placeholder-opacity));
-}
-
-.placeholder-white::placeholder {
-  --placeholder-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--placeholder-opacity));
-}
-
-.placeholder-black::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--placeholder-opacity));
-}
-
-.placeholder-black:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--placeholder-opacity));
-}
-
-.placeholder-black::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--placeholder-opacity));
-}
-
-.placeholder-black::placeholder {
-  --placeholder-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--placeholder-opacity));
-}
-
-.placeholder-gray-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--placeholder-opacity));
-}
-
-.placeholder-gray-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--placeholder-opacity));
-}
-
-.placeholder-gray-50::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--placeholder-opacity));
-}
-
-.placeholder-gray-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--placeholder-opacity));
-}
-
-.placeholder-gray-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--placeholder-opacity));
-}
-
-.placeholder-gray-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--placeholder-opacity));
-}
-
-.placeholder-gray-100::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--placeholder-opacity));
-}
-
-.placeholder-gray-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--placeholder-opacity));
-}
-
-.placeholder-gray-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--placeholder-opacity));
-}
-
-.placeholder-gray-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--placeholder-opacity));
-}
-
-.placeholder-gray-200::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--placeholder-opacity));
-}
-
-.placeholder-gray-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--placeholder-opacity));
-}
-
-.placeholder-gray-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--placeholder-opacity));
-}
-
-.placeholder-gray-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--placeholder-opacity));
-}
-
-.placeholder-gray-300::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--placeholder-opacity));
-}
-
-.placeholder-gray-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--placeholder-opacity));
-}
-
-.placeholder-gray-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--placeholder-opacity));
-}
-
-.placeholder-gray-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--placeholder-opacity));
-}
-
-.placeholder-gray-400::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--placeholder-opacity));
-}
-
-.placeholder-gray-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--placeholder-opacity));
-}
-
-.placeholder-gray-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--placeholder-opacity));
-}
-
-.placeholder-gray-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--placeholder-opacity));
-}
-
-.placeholder-gray-500::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--placeholder-opacity));
-}
-
-.placeholder-gray-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--placeholder-opacity));
-}
-
-.placeholder-gray-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--placeholder-opacity));
-}
-
-.placeholder-gray-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--placeholder-opacity));
-}
-
-.placeholder-gray-600::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--placeholder-opacity));
-}
-
-.placeholder-gray-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--placeholder-opacity));
-}
-
-.placeholder-gray-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--placeholder-opacity));
-}
-
-.placeholder-gray-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--placeholder-opacity));
-}
-
-.placeholder-gray-700::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--placeholder-opacity));
-}
-
-.placeholder-gray-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--placeholder-opacity));
-}
-
-.placeholder-gray-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--placeholder-opacity));
-}
-
-.placeholder-gray-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--placeholder-opacity));
-}
-
-.placeholder-gray-800::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--placeholder-opacity));
-}
-
-.placeholder-gray-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--placeholder-opacity));
-}
-
-.placeholder-gray-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--placeholder-opacity));
-}
-
-.placeholder-gray-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--placeholder-opacity));
-}
-
-.placeholder-gray-900::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--placeholder-opacity));
-}
-
-.placeholder-gray-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fbfdfe;
-  color: rgba(251, 253, 254, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fbfdfe;
-  color: rgba(251, 253, 254, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-50::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fbfdfe;
-  color: rgba(251, 253, 254, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #fbfdfe;
-  color: rgba(251, 253, 254, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f1f5f9;
-  color: rgba(241, 245, 249, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f1f5f9;
-  color: rgba(241, 245, 249, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-100::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f1f5f9;
-  color: rgba(241, 245, 249, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #f1f5f9;
-  color: rgba(241, 245, 249, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-200::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-300::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-400::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-500::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-600::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-700::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-800::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-900::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--placeholder-opacity));
-}
-
-.placeholder-cool-gray-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--placeholder-opacity));
-}
-
-.placeholder-red-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--placeholder-opacity));
-}
-
-.placeholder-red-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--placeholder-opacity));
-}
-
-.placeholder-red-50::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--placeholder-opacity));
-}
-
-.placeholder-red-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--placeholder-opacity));
-}
-
-.placeholder-red-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--placeholder-opacity));
-}
-
-.placeholder-red-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--placeholder-opacity));
-}
-
-.placeholder-red-100::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--placeholder-opacity));
-}
-
-.placeholder-red-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--placeholder-opacity));
-}
-
-.placeholder-red-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--placeholder-opacity));
-}
-
-.placeholder-red-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--placeholder-opacity));
-}
-
-.placeholder-red-200::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--placeholder-opacity));
-}
-
-.placeholder-red-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--placeholder-opacity));
-}
-
-.placeholder-red-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--placeholder-opacity));
-}
-
-.placeholder-red-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--placeholder-opacity));
-}
-
-.placeholder-red-300::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--placeholder-opacity));
-}
-
-.placeholder-red-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--placeholder-opacity));
-}
-
-.placeholder-red-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--placeholder-opacity));
-}
-
-.placeholder-red-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--placeholder-opacity));
-}
-
-.placeholder-red-400::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--placeholder-opacity));
-}
-
-.placeholder-red-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--placeholder-opacity));
-}
-
-.placeholder-red-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--placeholder-opacity));
-}
-
-.placeholder-red-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--placeholder-opacity));
-}
-
-.placeholder-red-500::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--placeholder-opacity));
-}
-
-.placeholder-red-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--placeholder-opacity));
-}
-
-.placeholder-red-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--placeholder-opacity));
-}
-
-.placeholder-red-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--placeholder-opacity));
-}
-
-.placeholder-red-600::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--placeholder-opacity));
-}
-
-.placeholder-red-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--placeholder-opacity));
-}
-
-.placeholder-red-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--placeholder-opacity));
-}
-
-.placeholder-red-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--placeholder-opacity));
-}
-
-.placeholder-red-700::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--placeholder-opacity));
-}
-
-.placeholder-red-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--placeholder-opacity));
-}
-
-.placeholder-red-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--placeholder-opacity));
-}
-
-.placeholder-red-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--placeholder-opacity));
-}
-
-.placeholder-red-800::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--placeholder-opacity));
-}
-
-.placeholder-red-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--placeholder-opacity));
-}
-
-.placeholder-red-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.placeholder-red-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.placeholder-red-900::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.placeholder-red-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.placeholder-orange-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--placeholder-opacity));
-}
-
-.placeholder-orange-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--placeholder-opacity));
-}
-
-.placeholder-orange-50::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--placeholder-opacity));
-}
-
-.placeholder-orange-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--placeholder-opacity));
-}
-
-.placeholder-orange-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--placeholder-opacity));
-}
-
-.placeholder-orange-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--placeholder-opacity));
-}
-
-.placeholder-orange-100::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--placeholder-opacity));
-}
-
-.placeholder-orange-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--placeholder-opacity));
-}
-
-.placeholder-orange-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--placeholder-opacity));
-}
-
-.placeholder-orange-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--placeholder-opacity));
-}
-
-.placeholder-orange-200::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--placeholder-opacity));
-}
-
-.placeholder-orange-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--placeholder-opacity));
-}
-
-.placeholder-orange-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--placeholder-opacity));
-}
-
-.placeholder-orange-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--placeholder-opacity));
-}
-
-.placeholder-orange-300::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--placeholder-opacity));
-}
-
-.placeholder-orange-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--placeholder-opacity));
-}
-
-.placeholder-orange-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--placeholder-opacity));
-}
-
-.placeholder-orange-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--placeholder-opacity));
-}
-
-.placeholder-orange-400::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--placeholder-opacity));
-}
-
-.placeholder-orange-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--placeholder-opacity));
-}
-
-.placeholder-orange-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--placeholder-opacity));
-}
-
-.placeholder-orange-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--placeholder-opacity));
-}
-
-.placeholder-orange-500::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--placeholder-opacity));
-}
-
-.placeholder-orange-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--placeholder-opacity));
-}
-
-.placeholder-orange-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--placeholder-opacity));
-}
-
-.placeholder-orange-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--placeholder-opacity));
-}
-
-.placeholder-orange-600::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--placeholder-opacity));
-}
-
-.placeholder-orange-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--placeholder-opacity));
-}
-
-.placeholder-orange-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--placeholder-opacity));
-}
-
-.placeholder-orange-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--placeholder-opacity));
-}
-
-.placeholder-orange-700::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--placeholder-opacity));
-}
-
-.placeholder-orange-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--placeholder-opacity));
-}
-
-.placeholder-orange-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--placeholder-opacity));
-}
-
-.placeholder-orange-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--placeholder-opacity));
-}
-
-.placeholder-orange-800::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--placeholder-opacity));
-}
-
-.placeholder-orange-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--placeholder-opacity));
-}
-
-.placeholder-orange-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.placeholder-orange-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.placeholder-orange-900::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.placeholder-orange-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdfdea;
-  color: rgba(253, 253, 234, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdfdea;
-  color: rgba(253, 253, 234, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-50::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdfdea;
-  color: rgba(253, 253, 234, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdfdea;
-  color: rgba(253, 253, 234, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-100::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-200::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-300::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-400::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-500::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-600::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-700::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-800::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-900::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--placeholder-opacity));
-}
-
-.placeholder-yellow-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--placeholder-opacity));
-}
-
-.placeholder-green-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--placeholder-opacity));
-}
-
-.placeholder-green-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--placeholder-opacity));
-}
-
-.placeholder-green-50::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--placeholder-opacity));
-}
-
-.placeholder-green-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--placeholder-opacity));
-}
-
-.placeholder-green-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--placeholder-opacity));
-}
-
-.placeholder-green-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--placeholder-opacity));
-}
-
-.placeholder-green-100::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--placeholder-opacity));
-}
-
-.placeholder-green-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--placeholder-opacity));
-}
-
-.placeholder-green-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--placeholder-opacity));
-}
-
-.placeholder-green-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--placeholder-opacity));
-}
-
-.placeholder-green-200::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--placeholder-opacity));
-}
-
-.placeholder-green-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--placeholder-opacity));
-}
-
-.placeholder-green-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--placeholder-opacity));
-}
-
-.placeholder-green-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--placeholder-opacity));
-}
-
-.placeholder-green-300::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--placeholder-opacity));
-}
-
-.placeholder-green-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--placeholder-opacity));
-}
-
-.placeholder-green-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--placeholder-opacity));
-}
-
-.placeholder-green-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--placeholder-opacity));
-}
-
-.placeholder-green-400::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--placeholder-opacity));
-}
-
-.placeholder-green-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--placeholder-opacity));
-}
-
-.placeholder-green-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--placeholder-opacity));
-}
-
-.placeholder-green-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--placeholder-opacity));
-}
-
-.placeholder-green-500::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--placeholder-opacity));
-}
-
-.placeholder-green-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--placeholder-opacity));
-}
-
-.placeholder-green-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--placeholder-opacity));
-}
-
-.placeholder-green-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--placeholder-opacity));
-}
-
-.placeholder-green-600::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--placeholder-opacity));
-}
-
-.placeholder-green-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--placeholder-opacity));
-}
-
-.placeholder-green-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--placeholder-opacity));
-}
-
-.placeholder-green-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--placeholder-opacity));
-}
-
-.placeholder-green-700::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--placeholder-opacity));
-}
-
-.placeholder-green-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--placeholder-opacity));
-}
-
-.placeholder-green-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--placeholder-opacity));
-}
-
-.placeholder-green-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--placeholder-opacity));
-}
-
-.placeholder-green-800::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--placeholder-opacity));
-}
-
-.placeholder-green-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--placeholder-opacity));
-}
-
-.placeholder-green-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--placeholder-opacity));
-}
-
-.placeholder-green-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--placeholder-opacity));
-}
-
-.placeholder-green-900::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--placeholder-opacity));
-}
-
-.placeholder-green-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--placeholder-opacity));
-}
-
-.placeholder-teal-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--placeholder-opacity));
-}
-
-.placeholder-teal-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--placeholder-opacity));
-}
-
-.placeholder-teal-50::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--placeholder-opacity));
-}
-
-.placeholder-teal-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--placeholder-opacity));
-}
-
-.placeholder-teal-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--placeholder-opacity));
-}
-
-.placeholder-teal-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--placeholder-opacity));
-}
-
-.placeholder-teal-100::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--placeholder-opacity));
-}
-
-.placeholder-teal-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--placeholder-opacity));
-}
-
-.placeholder-teal-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--placeholder-opacity));
-}
-
-.placeholder-teal-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--placeholder-opacity));
-}
-
-.placeholder-teal-200::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--placeholder-opacity));
-}
-
-.placeholder-teal-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--placeholder-opacity));
-}
-
-.placeholder-teal-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--placeholder-opacity));
-}
-
-.placeholder-teal-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--placeholder-opacity));
-}
-
-.placeholder-teal-300::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--placeholder-opacity));
-}
-
-.placeholder-teal-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--placeholder-opacity));
-}
-
-.placeholder-teal-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--placeholder-opacity));
-}
-
-.placeholder-teal-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--placeholder-opacity));
-}
-
-.placeholder-teal-400::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--placeholder-opacity));
-}
-
-.placeholder-teal-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--placeholder-opacity));
-}
-
-.placeholder-teal-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--placeholder-opacity));
-}
-
-.placeholder-teal-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--placeholder-opacity));
-}
-
-.placeholder-teal-500::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--placeholder-opacity));
-}
-
-.placeholder-teal-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--placeholder-opacity));
-}
-
-.placeholder-teal-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--placeholder-opacity));
-}
-
-.placeholder-teal-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--placeholder-opacity));
-}
-
-.placeholder-teal-600::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--placeholder-opacity));
-}
-
-.placeholder-teal-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--placeholder-opacity));
-}
-
-.placeholder-teal-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--placeholder-opacity));
-}
-
-.placeholder-teal-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--placeholder-opacity));
-}
-
-.placeholder-teal-700::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--placeholder-opacity));
-}
-
-.placeholder-teal-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--placeholder-opacity));
-}
-
-.placeholder-teal-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--placeholder-opacity));
-}
-
-.placeholder-teal-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--placeholder-opacity));
-}
-
-.placeholder-teal-800::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--placeholder-opacity));
-}
-
-.placeholder-teal-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--placeholder-opacity));
-}
-
-.placeholder-teal-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--placeholder-opacity));
-}
-
-.placeholder-teal-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--placeholder-opacity));
-}
-
-.placeholder-teal-900::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--placeholder-opacity));
-}
-
-.placeholder-teal-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--placeholder-opacity));
-}
-
-.placeholder-blue-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-blue-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-blue-50::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-blue-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-blue-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--placeholder-opacity));
-}
-
-.placeholder-blue-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--placeholder-opacity));
-}
-
-.placeholder-blue-100::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--placeholder-opacity));
-}
-
-.placeholder-blue-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--placeholder-opacity));
-}
-
-.placeholder-blue-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--placeholder-opacity));
-}
-
-.placeholder-blue-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--placeholder-opacity));
-}
-
-.placeholder-blue-200::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--placeholder-opacity));
-}
-
-.placeholder-blue-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--placeholder-opacity));
-}
-
-.placeholder-blue-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--placeholder-opacity));
-}
-
-.placeholder-blue-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--placeholder-opacity));
-}
-
-.placeholder-blue-300::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--placeholder-opacity));
-}
-
-.placeholder-blue-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--placeholder-opacity));
-}
-
-.placeholder-blue-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--placeholder-opacity));
-}
-
-.placeholder-blue-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--placeholder-opacity));
-}
-
-.placeholder-blue-400::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--placeholder-opacity));
-}
-
-.placeholder-blue-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--placeholder-opacity));
-}
-
-.placeholder-blue-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--placeholder-opacity));
-}
-
-.placeholder-blue-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--placeholder-opacity));
-}
-
-.placeholder-blue-500::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--placeholder-opacity));
-}
-
-.placeholder-blue-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--placeholder-opacity));
-}
-
-.placeholder-blue-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--placeholder-opacity));
-}
-
-.placeholder-blue-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--placeholder-opacity));
-}
-
-.placeholder-blue-600::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--placeholder-opacity));
-}
-
-.placeholder-blue-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--placeholder-opacity));
-}
-
-.placeholder-blue-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--placeholder-opacity));
-}
-
-.placeholder-blue-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--placeholder-opacity));
-}
-
-.placeholder-blue-700::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--placeholder-opacity));
-}
-
-.placeholder-blue-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--placeholder-opacity));
-}
-
-.placeholder-blue-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--placeholder-opacity));
-}
-
-.placeholder-blue-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--placeholder-opacity));
-}
-
-.placeholder-blue-800::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--placeholder-opacity));
-}
-
-.placeholder-blue-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--placeholder-opacity));
-}
-
-.placeholder-blue-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--placeholder-opacity));
-}
-
-.placeholder-blue-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--placeholder-opacity));
-}
-
-.placeholder-blue-900::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--placeholder-opacity));
-}
-
-.placeholder-blue-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-50::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-100::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-200::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-300::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-400::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-500::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-600::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-700::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-800::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-900::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--placeholder-opacity));
-}
-
-.placeholder-indigo-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--placeholder-opacity));
-}
-
-.placeholder-purple-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-purple-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-purple-50::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-purple-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--placeholder-opacity));
-}
-
-.placeholder-purple-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--placeholder-opacity));
-}
-
-.placeholder-purple-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--placeholder-opacity));
-}
-
-.placeholder-purple-100::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--placeholder-opacity));
-}
-
-.placeholder-purple-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--placeholder-opacity));
-}
-
-.placeholder-purple-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--placeholder-opacity));
-}
-
-.placeholder-purple-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--placeholder-opacity));
-}
-
-.placeholder-purple-200::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--placeholder-opacity));
-}
-
-.placeholder-purple-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--placeholder-opacity));
-}
-
-.placeholder-purple-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--placeholder-opacity));
-}
-
-.placeholder-purple-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--placeholder-opacity));
-}
-
-.placeholder-purple-300::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--placeholder-opacity));
-}
-
-.placeholder-purple-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--placeholder-opacity));
-}
-
-.placeholder-purple-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--placeholder-opacity));
-}
-
-.placeholder-purple-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--placeholder-opacity));
-}
-
-.placeholder-purple-400::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--placeholder-opacity));
-}
-
-.placeholder-purple-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--placeholder-opacity));
-}
-
-.placeholder-purple-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--placeholder-opacity));
-}
-
-.placeholder-purple-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--placeholder-opacity));
-}
-
-.placeholder-purple-500::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--placeholder-opacity));
-}
-
-.placeholder-purple-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--placeholder-opacity));
-}
-
-.placeholder-purple-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--placeholder-opacity));
-}
-
-.placeholder-purple-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--placeholder-opacity));
-}
-
-.placeholder-purple-600::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--placeholder-opacity));
-}
-
-.placeholder-purple-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--placeholder-opacity));
-}
-
-.placeholder-purple-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--placeholder-opacity));
-}
-
-.placeholder-purple-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--placeholder-opacity));
-}
-
-.placeholder-purple-700::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--placeholder-opacity));
-}
-
-.placeholder-purple-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--placeholder-opacity));
-}
-
-.placeholder-purple-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--placeholder-opacity));
-}
-
-.placeholder-purple-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--placeholder-opacity));
-}
-
-.placeholder-purple-800::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--placeholder-opacity));
-}
-
-.placeholder-purple-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--placeholder-opacity));
-}
-
-.placeholder-purple-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--placeholder-opacity));
-}
-
-.placeholder-purple-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--placeholder-opacity));
-}
-
-.placeholder-purple-900::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--placeholder-opacity));
-}
-
-.placeholder-purple-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--placeholder-opacity));
-}
-
-.placeholder-pink-50::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--placeholder-opacity));
-}
-
-.placeholder-pink-50:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--placeholder-opacity));
-}
-
-.placeholder-pink-50::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--placeholder-opacity));
-}
-
-.placeholder-pink-50::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--placeholder-opacity));
-}
-
-.placeholder-pink-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--placeholder-opacity));
-}
-
-.placeholder-pink-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--placeholder-opacity));
-}
-
-.placeholder-pink-100::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--placeholder-opacity));
-}
-
-.placeholder-pink-100::placeholder {
-  --placeholder-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--placeholder-opacity));
-}
-
-.placeholder-pink-200::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--placeholder-opacity));
-}
-
-.placeholder-pink-200:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--placeholder-opacity));
-}
-
-.placeholder-pink-200::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--placeholder-opacity));
-}
-
-.placeholder-pink-200::placeholder {
-  --placeholder-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--placeholder-opacity));
-}
-
-.placeholder-pink-300::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--placeholder-opacity));
-}
-
-.placeholder-pink-300:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--placeholder-opacity));
-}
-
-.placeholder-pink-300::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--placeholder-opacity));
-}
-
-.placeholder-pink-300::placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--placeholder-opacity));
-}
-
-.placeholder-pink-400::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--placeholder-opacity));
-}
-
-.placeholder-pink-400:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--placeholder-opacity));
-}
-
-.placeholder-pink-400::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--placeholder-opacity));
-}
-
-.placeholder-pink-400::placeholder {
-  --placeholder-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--placeholder-opacity));
-}
-
-.placeholder-pink-500::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--placeholder-opacity));
-}
-
-.placeholder-pink-500:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--placeholder-opacity));
-}
-
-.placeholder-pink-500::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--placeholder-opacity));
-}
-
-.placeholder-pink-500::placeholder {
-  --placeholder-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--placeholder-opacity));
-}
-
-.placeholder-pink-600::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--placeholder-opacity));
-}
-
-.placeholder-pink-600:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--placeholder-opacity));
-}
-
-.placeholder-pink-600::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--placeholder-opacity));
-}
-
-.placeholder-pink-600::placeholder {
-  --placeholder-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--placeholder-opacity));
-}
-
-.placeholder-pink-700::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--placeholder-opacity));
-}
-
-.placeholder-pink-700:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--placeholder-opacity));
-}
-
-.placeholder-pink-700::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--placeholder-opacity));
-}
-
-.placeholder-pink-700::placeholder {
-  --placeholder-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--placeholder-opacity));
-}
-
-.placeholder-pink-800::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--placeholder-opacity));
-}
-
-.placeholder-pink-800:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--placeholder-opacity));
-}
-
-.placeholder-pink-800::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--placeholder-opacity));
-}
-
-.placeholder-pink-800::placeholder {
-  --placeholder-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--placeholder-opacity));
-}
-
-.placeholder-pink-900::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--placeholder-opacity));
-}
-
-.placeholder-pink-900:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--placeholder-opacity));
-}
-
-.placeholder-pink-900::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--placeholder-opacity));
-}
-
-.placeholder-pink-900::placeholder {
-  --placeholder-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-transparent:focus::-moz-placeholder {
-  color: transparent;
-}
-
-.focus\:placeholder-transparent:focus:-ms-input-placeholder {
-  color: transparent;
-}
-
-.focus\:placeholder-transparent:focus::-ms-input-placeholder {
-  color: transparent;
-}
-
-.focus\:placeholder-transparent:focus::placeholder {
-  color: transparent;
-}
-
-.focus\:placeholder-white:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-white:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-white:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-white:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-black:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-black:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-black:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-black:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-50:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-100:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-200:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-300:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-400:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-500:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-600:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-700:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-800:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-900:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-gray-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fbfdfe;
-  color: rgba(251, 253, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fbfdfe;
-  color: rgba(251, 253, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-50:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fbfdfe;
-  color: rgba(251, 253, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fbfdfe;
-  color: rgba(251, 253, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f1f5f9;
-  color: rgba(241, 245, 249, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f1f5f9;
-  color: rgba(241, 245, 249, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-100:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f1f5f9;
-  color: rgba(241, 245, 249, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f1f5f9;
-  color: rgba(241, 245, 249, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-200:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-300:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-400:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-500:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-600:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-700:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-800:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-900:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-cool-gray-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-50:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-100:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-200:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-300:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-400:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-500:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-600:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-700:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-800:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-900:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-red-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-50:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-100:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-200:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-300:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-400:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-500:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-600:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-700:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-800:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-900:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-orange-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdfdea;
-  color: rgba(253, 253, 234, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdfdea;
-  color: rgba(253, 253, 234, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdfdea;
-  color: rgba(253, 253, 234, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdfdea;
-  color: rgba(253, 253, 234, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-yellow-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-50:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-100:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-200:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-300:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-400:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-500:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-600:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-700:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-800:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-900:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-green-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-50:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-100:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-200:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-300:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-400:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-500:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-600:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-700:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-800:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-900:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-teal-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-50:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-100:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-200:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-300:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-400:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-500:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-600:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-700:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-800:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-900:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-blue-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-indigo-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-50:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-100:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-200:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-300:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-400:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-500:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-600:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-700:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-800:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-900:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-purple-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-50:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-50:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-50:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-100:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-100:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-200:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-200:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-200:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-200:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-300:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-300:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-300:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-300:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-400:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-400:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-400:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-400:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-500:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-500:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-500:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-500:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-600:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-600:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-600:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-600:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-700:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-700:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-700:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-700:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-800:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-800:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-800:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-800:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-900:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-900:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-900:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--placeholder-opacity));
-}
-
-.focus\:placeholder-pink-900:focus::placeholder {
-  --placeholder-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--placeholder-opacity));
-}
-
-.placeholder-opacity-0::-moz-placeholder {
-  --placeholder-opacity: 0;
-}
-
-.placeholder-opacity-0:-ms-input-placeholder {
-  --placeholder-opacity: 0;
-}
-
-.placeholder-opacity-0::-ms-input-placeholder {
-  --placeholder-opacity: 0;
-}
-
-.placeholder-opacity-0::placeholder {
-  --placeholder-opacity: 0;
-}
-
-.placeholder-opacity-25::-moz-placeholder {
-  --placeholder-opacity: 0.25;
-}
-
-.placeholder-opacity-25:-ms-input-placeholder {
-  --placeholder-opacity: 0.25;
-}
-
-.placeholder-opacity-25::-ms-input-placeholder {
-  --placeholder-opacity: 0.25;
-}
-
-.placeholder-opacity-25::placeholder {
-  --placeholder-opacity: 0.25;
-}
-
-.placeholder-opacity-50::-moz-placeholder {
-  --placeholder-opacity: 0.5;
-}
-
-.placeholder-opacity-50:-ms-input-placeholder {
-  --placeholder-opacity: 0.5;
-}
-
-.placeholder-opacity-50::-ms-input-placeholder {
-  --placeholder-opacity: 0.5;
-}
-
-.placeholder-opacity-50::placeholder {
-  --placeholder-opacity: 0.5;
-}
-
-.placeholder-opacity-75::-moz-placeholder {
-  --placeholder-opacity: 0.75;
-}
-
-.placeholder-opacity-75:-ms-input-placeholder {
-  --placeholder-opacity: 0.75;
-}
-
-.placeholder-opacity-75::-ms-input-placeholder {
-  --placeholder-opacity: 0.75;
-}
-
-.placeholder-opacity-75::placeholder {
-  --placeholder-opacity: 0.75;
-}
-
-.placeholder-opacity-100::-moz-placeholder {
-  --placeholder-opacity: 1;
-}
-
-.placeholder-opacity-100:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-}
-
-.placeholder-opacity-100::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-}
-
-.placeholder-opacity-100::placeholder {
-  --placeholder-opacity: 1;
-}
-
-.focus\:placeholder-opacity-0:focus::-moz-placeholder {
-  --placeholder-opacity: 0;
-}
-
-.focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-  --placeholder-opacity: 0;
-}
-
-.focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
-  --placeholder-opacity: 0;
-}
-
-.focus\:placeholder-opacity-0:focus::placeholder {
-  --placeholder-opacity: 0;
-}
-
-.focus\:placeholder-opacity-25:focus::-moz-placeholder {
-  --placeholder-opacity: 0.25;
-}
-
-.focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-  --placeholder-opacity: 0.25;
-}
-
-.focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
-  --placeholder-opacity: 0.25;
-}
-
-.focus\:placeholder-opacity-25:focus::placeholder {
-  --placeholder-opacity: 0.25;
-}
-
-.focus\:placeholder-opacity-50:focus::-moz-placeholder {
-  --placeholder-opacity: 0.5;
-}
-
-.focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-  --placeholder-opacity: 0.5;
-}
-
-.focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
-  --placeholder-opacity: 0.5;
-}
-
-.focus\:placeholder-opacity-50:focus::placeholder {
-  --placeholder-opacity: 0.5;
-}
-
-.focus\:placeholder-opacity-75:focus::-moz-placeholder {
-  --placeholder-opacity: 0.75;
-}
-
-.focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-  --placeholder-opacity: 0.75;
-}
-
-.focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
-  --placeholder-opacity: 0.75;
-}
-
-.focus\:placeholder-opacity-75:focus::placeholder {
-  --placeholder-opacity: 0.75;
-}
-
-.focus\:placeholder-opacity-100:focus::-moz-placeholder {
-  --placeholder-opacity: 1;
-}
-
-.focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-  --placeholder-opacity: 1;
-}
-
-.focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
-  --placeholder-opacity: 1;
-}
-
-.focus\:placeholder-opacity-100:focus::placeholder {
-  --placeholder-opacity: 1;
-}
-
-.pointer-events-none {
-  pointer-events: none;
-}
-
-.pointer-events-auto {
-  pointer-events: auto;
-}
-
-.static {
-  position: static;
-}
-
-.fixed {
-  position: fixed;
-}
-
-.absolute {
-  position: absolute;
-}
-
-.relative {
-  position: relative;
-}
-
-.sticky {
-  position: -webkit-sticky;
-  position: sticky;
-}
-
-.inset-0 {
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-
-.inset-1 {
-  top: 0.25rem;
-  right: 0.25rem;
-  bottom: 0.25rem;
-  left: 0.25rem;
-}
-
-.inset-2 {
-  top: 0.5rem;
-  right: 0.5rem;
-  bottom: 0.5rem;
-  left: 0.5rem;
-}
-
-.inset-3 {
-  top: 0.75rem;
-  right: 0.75rem;
-  bottom: 0.75rem;
-  left: 0.75rem;
-}
-
-.inset-4 {
-  top: 1rem;
-  right: 1rem;
-  bottom: 1rem;
-  left: 1rem;
-}
-
-.inset-5 {
-  top: 1.25rem;
-  right: 1.25rem;
-  bottom: 1.25rem;
-  left: 1.25rem;
-}
-
-.inset-6 {
-  top: 1.5rem;
-  right: 1.5rem;
-  bottom: 1.5rem;
-  left: 1.5rem;
-}
-
-.inset-7 {
-  top: 1.75rem;
-  right: 1.75rem;
-  bottom: 1.75rem;
-  left: 1.75rem;
-}
-
-.inset-8 {
-  top: 2rem;
-  right: 2rem;
-  bottom: 2rem;
-  left: 2rem;
-}
-
-.inset-9 {
-  top: 2.25rem;
-  right: 2.25rem;
-  bottom: 2.25rem;
-  left: 2.25rem;
-}
-
-.inset-10 {
-  top: 2.5rem;
-  right: 2.5rem;
-  bottom: 2.5rem;
-  left: 2.5rem;
-}
-
-.inset-11 {
-  top: 2.75rem;
-  right: 2.75rem;
-  bottom: 2.75rem;
-  left: 2.75rem;
-}
-
-.inset-12 {
-  top: 3rem;
-  right: 3rem;
-  bottom: 3rem;
-  left: 3rem;
-}
-
-.inset-13 {
-  top: 3.25rem;
-  right: 3.25rem;
-  bottom: 3.25rem;
-  left: 3.25rem;
-}
-
-.inset-14 {
-  top: 3.5rem;
-  right: 3.5rem;
-  bottom: 3.5rem;
-  left: 3.5rem;
-}
-
-.inset-15 {
-  top: 3.75rem;
-  right: 3.75rem;
-  bottom: 3.75rem;
-  left: 3.75rem;
-}
-
-.inset-16 {
-  top: 4rem;
-  right: 4rem;
-  bottom: 4rem;
-  left: 4rem;
-}
-
-.inset-20 {
-  top: 5rem;
-  right: 5rem;
-  bottom: 5rem;
-  left: 5rem;
-}
-
-.inset-24 {
-  top: 6rem;
-  right: 6rem;
-  bottom: 6rem;
-  left: 6rem;
-}
-
-.inset-28 {
-  top: 7rem;
-  right: 7rem;
-  bottom: 7rem;
-  left: 7rem;
-}
-
-.inset-32 {
-  top: 8rem;
-  right: 8rem;
-  bottom: 8rem;
-  left: 8rem;
-}
-
-.inset-36 {
-  top: 9rem;
-  right: 9rem;
-  bottom: 9rem;
-  left: 9rem;
-}
-
-.inset-40 {
-  top: 10rem;
-  right: 10rem;
-  bottom: 10rem;
-  left: 10rem;
-}
-
-.inset-48 {
-  top: 12rem;
-  right: 12rem;
-  bottom: 12rem;
-  left: 12rem;
-}
-
-.inset-56 {
-  top: 14rem;
-  right: 14rem;
-  bottom: 14rem;
-  left: 14rem;
-}
-
-.inset-60 {
-  top: 15rem;
-  right: 15rem;
-  bottom: 15rem;
-  left: 15rem;
-}
-
-.inset-64 {
-  top: 16rem;
-  right: 16rem;
-  bottom: 16rem;
-  left: 16rem;
-}
-
-.inset-72 {
-  top: 18rem;
-  right: 18rem;
-  bottom: 18rem;
-  left: 18rem;
-}
-
-.inset-80 {
-  top: 20rem;
-  right: 20rem;
-  bottom: 20rem;
-  left: 20rem;
-}
-
-.inset-96 {
-  top: 24rem;
-  right: 24rem;
-  bottom: 24rem;
-  left: 24rem;
-}
-
-.inset-auto {
-  top: auto;
-  right: auto;
-  bottom: auto;
-  left: auto;
-}
-
-.inset-px {
-  top: 1px;
-  right: 1px;
-  bottom: 1px;
-  left: 1px;
-}
-
-.inset-0\.5 {
-  top: 0.125rem;
-  right: 0.125rem;
-  bottom: 0.125rem;
-  left: 0.125rem;
-}
-
-.inset-1\.5 {
-  top: 0.375rem;
-  right: 0.375rem;
-  bottom: 0.375rem;
-  left: 0.375rem;
-}
-
-.inset-2\.5 {
-  top: 0.625rem;
-  right: 0.625rem;
-  bottom: 0.625rem;
-  left: 0.625rem;
-}
-
-.inset-3\.5 {
-  top: 0.875rem;
-  right: 0.875rem;
-  bottom: 0.875rem;
-  left: 0.875rem;
-}
-
-.inset-1\/2 {
-  top: 50%;
-  right: 50%;
-  bottom: 50%;
-  left: 50%;
-}
-
-.inset-1\/3 {
-  top: 33.333333%;
-  right: 33.333333%;
-  bottom: 33.333333%;
-  left: 33.333333%;
-}
-
-.inset-2\/3 {
-  top: 66.666667%;
-  right: 66.666667%;
-  bottom: 66.666667%;
-  left: 66.666667%;
-}
-
-.inset-1\/4 {
-  top: 25%;
-  right: 25%;
-  bottom: 25%;
-  left: 25%;
-}
-
-.inset-2\/4 {
-  top: 50%;
-  right: 50%;
-  bottom: 50%;
-  left: 50%;
-}
-
-.inset-3\/4 {
-  top: 75%;
-  right: 75%;
-  bottom: 75%;
-  left: 75%;
-}
-
-.inset-1\/5 {
-  top: 20%;
-  right: 20%;
-  bottom: 20%;
-  left: 20%;
-}
-
-.inset-2\/5 {
-  top: 40%;
-  right: 40%;
-  bottom: 40%;
-  left: 40%;
-}
-
-.inset-3\/5 {
-  top: 60%;
-  right: 60%;
-  bottom: 60%;
-  left: 60%;
-}
-
-.inset-4\/5 {
-  top: 80%;
-  right: 80%;
-  bottom: 80%;
-  left: 80%;
-}
-
-.inset-1\/6 {
-  top: 16.666667%;
-  right: 16.666667%;
-  bottom: 16.666667%;
-  left: 16.666667%;
-}
-
-.inset-2\/6 {
-  top: 33.333333%;
-  right: 33.333333%;
-  bottom: 33.333333%;
-  left: 33.333333%;
-}
-
-.inset-3\/6 {
-  top: 50%;
-  right: 50%;
-  bottom: 50%;
-  left: 50%;
-}
-
-.inset-4\/6 {
-  top: 66.666667%;
-  right: 66.666667%;
-  bottom: 66.666667%;
-  left: 66.666667%;
-}
-
-.inset-5\/6 {
-  top: 83.333333%;
-  right: 83.333333%;
-  bottom: 83.333333%;
-  left: 83.333333%;
-}
-
-.inset-1\/12 {
-  top: 8.333333%;
-  right: 8.333333%;
-  bottom: 8.333333%;
-  left: 8.333333%;
-}
-
-.inset-2\/12 {
-  top: 16.666667%;
-  right: 16.666667%;
-  bottom: 16.666667%;
-  left: 16.666667%;
-}
-
-.inset-3\/12 {
-  top: 25%;
-  right: 25%;
-  bottom: 25%;
-  left: 25%;
-}
-
-.inset-4\/12 {
-  top: 33.333333%;
-  right: 33.333333%;
-  bottom: 33.333333%;
-  left: 33.333333%;
-}
-
-.inset-5\/12 {
-  top: 41.666667%;
-  right: 41.666667%;
-  bottom: 41.666667%;
-  left: 41.666667%;
-}
-
-.inset-6\/12 {
-  top: 50%;
-  right: 50%;
-  bottom: 50%;
-  left: 50%;
-}
-
-.inset-7\/12 {
-  top: 58.333333%;
-  right: 58.333333%;
-  bottom: 58.333333%;
-  left: 58.333333%;
-}
-
-.inset-8\/12 {
-  top: 66.666667%;
-  right: 66.666667%;
-  bottom: 66.666667%;
-  left: 66.666667%;
-}
-
-.inset-9\/12 {
-  top: 75%;
-  right: 75%;
-  bottom: 75%;
-  left: 75%;
-}
-
-.inset-10\/12 {
-  top: 83.333333%;
-  right: 83.333333%;
-  bottom: 83.333333%;
-  left: 83.333333%;
-}
-
-.inset-11\/12 {
-  top: 91.666667%;
-  right: 91.666667%;
-  bottom: 91.666667%;
-  left: 91.666667%;
-}
-
-.inset-full {
-  top: 100%;
-  right: 100%;
-  bottom: 100%;
-  left: 100%;
-}
-
-.inset-y-0 {
-  top: 0;
-  bottom: 0;
-}
-
-.inset-x-0 {
-  right: 0;
-  left: 0;
-}
-
-.inset-y-1 {
-  top: 0.25rem;
-  bottom: 0.25rem;
-}
-
-.inset-x-1 {
-  right: 0.25rem;
-  left: 0.25rem;
-}
-
-.inset-y-2 {
-  top: 0.5rem;
-  bottom: 0.5rem;
-}
-
-.inset-x-2 {
-  right: 0.5rem;
-  left: 0.5rem;
-}
-
-.inset-y-3 {
-  top: 0.75rem;
-  bottom: 0.75rem;
-}
-
-.inset-x-3 {
-  right: 0.75rem;
-  left: 0.75rem;
-}
-
-.inset-y-4 {
-  top: 1rem;
-  bottom: 1rem;
-}
-
-.inset-x-4 {
-  right: 1rem;
-  left: 1rem;
-}
-
-.inset-y-5 {
-  top: 1.25rem;
-  bottom: 1.25rem;
-}
-
-.inset-x-5 {
-  right: 1.25rem;
-  left: 1.25rem;
-}
-
-.inset-y-6 {
-  top: 1.5rem;
-  bottom: 1.5rem;
-}
-
-.inset-x-6 {
-  right: 1.5rem;
-  left: 1.5rem;
-}
-
-.inset-y-7 {
-  top: 1.75rem;
-  bottom: 1.75rem;
-}
-
-.inset-x-7 {
-  right: 1.75rem;
-  left: 1.75rem;
-}
-
-.inset-y-8 {
-  top: 2rem;
-  bottom: 2rem;
-}
-
-.inset-x-8 {
-  right: 2rem;
-  left: 2rem;
-}
-
-.inset-y-9 {
-  top: 2.25rem;
-  bottom: 2.25rem;
-}
-
-.inset-x-9 {
-  right: 2.25rem;
-  left: 2.25rem;
-}
-
-.inset-y-10 {
-  top: 2.5rem;
-  bottom: 2.5rem;
-}
-
-.inset-x-10 {
-  right: 2.5rem;
-  left: 2.5rem;
-}
-
-.inset-y-11 {
-  top: 2.75rem;
-  bottom: 2.75rem;
-}
-
-.inset-x-11 {
-  right: 2.75rem;
-  left: 2.75rem;
-}
-
-.inset-y-12 {
-  top: 3rem;
-  bottom: 3rem;
-}
-
-.inset-x-12 {
-  right: 3rem;
-  left: 3rem;
-}
-
-.inset-y-13 {
-  top: 3.25rem;
-  bottom: 3.25rem;
-}
-
-.inset-x-13 {
-  right: 3.25rem;
-  left: 3.25rem;
-}
-
-.inset-y-14 {
-  top: 3.5rem;
-  bottom: 3.5rem;
-}
-
-.inset-x-14 {
-  right: 3.5rem;
-  left: 3.5rem;
-}
-
-.inset-y-15 {
-  top: 3.75rem;
-  bottom: 3.75rem;
-}
-
-.inset-x-15 {
-  right: 3.75rem;
-  left: 3.75rem;
-}
-
-.inset-y-16 {
-  top: 4rem;
-  bottom: 4rem;
-}
-
-.inset-x-16 {
-  right: 4rem;
-  left: 4rem;
-}
-
-.inset-y-20 {
-  top: 5rem;
-  bottom: 5rem;
-}
-
-.inset-x-20 {
-  right: 5rem;
-  left: 5rem;
-}
-
-.inset-y-24 {
-  top: 6rem;
-  bottom: 6rem;
-}
-
-.inset-x-24 {
-  right: 6rem;
-  left: 6rem;
-}
-
-.inset-y-28 {
-  top: 7rem;
-  bottom: 7rem;
-}
-
-.inset-x-28 {
-  right: 7rem;
-  left: 7rem;
-}
-
-.inset-y-32 {
-  top: 8rem;
-  bottom: 8rem;
-}
-
-.inset-x-32 {
-  right: 8rem;
-  left: 8rem;
-}
-
-.inset-y-36 {
-  top: 9rem;
-  bottom: 9rem;
-}
-
-.inset-x-36 {
-  right: 9rem;
-  left: 9rem;
-}
-
-.inset-y-40 {
-  top: 10rem;
-  bottom: 10rem;
-}
-
-.inset-x-40 {
-  right: 10rem;
-  left: 10rem;
-}
-
-.inset-y-48 {
-  top: 12rem;
-  bottom: 12rem;
-}
-
-.inset-x-48 {
-  right: 12rem;
-  left: 12rem;
-}
-
-.inset-y-56 {
-  top: 14rem;
-  bottom: 14rem;
-}
-
-.inset-x-56 {
-  right: 14rem;
-  left: 14rem;
-}
-
-.inset-y-60 {
-  top: 15rem;
-  bottom: 15rem;
-}
-
-.inset-x-60 {
-  right: 15rem;
-  left: 15rem;
-}
-
-.inset-y-64 {
-  top: 16rem;
-  bottom: 16rem;
-}
-
-.inset-x-64 {
-  right: 16rem;
-  left: 16rem;
-}
-
-.inset-y-72 {
-  top: 18rem;
-  bottom: 18rem;
-}
-
-.inset-x-72 {
-  right: 18rem;
-  left: 18rem;
-}
-
-.inset-y-80 {
-  top: 20rem;
-  bottom: 20rem;
-}
-
-.inset-x-80 {
-  right: 20rem;
-  left: 20rem;
-}
-
-.inset-y-96 {
-  top: 24rem;
-  bottom: 24rem;
-}
-
-.inset-x-96 {
-  right: 24rem;
-  left: 24rem;
-}
-
-.inset-y-auto {
-  top: auto;
-  bottom: auto;
-}
-
-.inset-x-auto {
-  right: auto;
-  left: auto;
-}
-
-.inset-y-px {
-  top: 1px;
-  bottom: 1px;
-}
-
-.inset-x-px {
-  right: 1px;
-  left: 1px;
-}
-
-.inset-y-0\.5 {
-  top: 0.125rem;
-  bottom: 0.125rem;
-}
-
-.inset-x-0\.5 {
-  right: 0.125rem;
-  left: 0.125rem;
-}
-
-.inset-y-1\.5 {
-  top: 0.375rem;
-  bottom: 0.375rem;
-}
-
-.inset-x-1\.5 {
-  right: 0.375rem;
-  left: 0.375rem;
-}
-
-.inset-y-2\.5 {
-  top: 0.625rem;
-  bottom: 0.625rem;
-}
-
-.inset-x-2\.5 {
-  right: 0.625rem;
-  left: 0.625rem;
-}
-
-.inset-y-3\.5 {
-  top: 0.875rem;
-  bottom: 0.875rem;
-}
-
-.inset-x-3\.5 {
-  right: 0.875rem;
-  left: 0.875rem;
-}
-
-.inset-y-1\/2 {
-  top: 50%;
-  bottom: 50%;
-}
-
-.inset-x-1\/2 {
-  right: 50%;
-  left: 50%;
-}
-
-.inset-y-1\/3 {
-  top: 33.333333%;
-  bottom: 33.333333%;
-}
-
-.inset-x-1\/3 {
-  right: 33.333333%;
-  left: 33.333333%;
-}
-
-.inset-y-2\/3 {
-  top: 66.666667%;
-  bottom: 66.666667%;
-}
-
-.inset-x-2\/3 {
-  right: 66.666667%;
-  left: 66.666667%;
-}
-
-.inset-y-1\/4 {
-  top: 25%;
-  bottom: 25%;
-}
-
-.inset-x-1\/4 {
-  right: 25%;
-  left: 25%;
-}
-
-.inset-y-2\/4 {
-  top: 50%;
-  bottom: 50%;
-}
-
-.inset-x-2\/4 {
-  right: 50%;
-  left: 50%;
-}
-
-.inset-y-3\/4 {
-  top: 75%;
-  bottom: 75%;
-}
-
-.inset-x-3\/4 {
-  right: 75%;
-  left: 75%;
-}
-
-.inset-y-1\/5 {
-  top: 20%;
-  bottom: 20%;
-}
-
-.inset-x-1\/5 {
-  right: 20%;
-  left: 20%;
-}
-
-.inset-y-2\/5 {
-  top: 40%;
-  bottom: 40%;
-}
-
-.inset-x-2\/5 {
-  right: 40%;
-  left: 40%;
-}
-
-.inset-y-3\/5 {
-  top: 60%;
-  bottom: 60%;
-}
-
-.inset-x-3\/5 {
-  right: 60%;
-  left: 60%;
-}
-
-.inset-y-4\/5 {
-  top: 80%;
-  bottom: 80%;
-}
-
-.inset-x-4\/5 {
-  right: 80%;
-  left: 80%;
-}
-
-.inset-y-1\/6 {
-  top: 16.666667%;
-  bottom: 16.666667%;
-}
-
-.inset-x-1\/6 {
-  right: 16.666667%;
-  left: 16.666667%;
-}
-
-.inset-y-2\/6 {
-  top: 33.333333%;
-  bottom: 33.333333%;
-}
-
-.inset-x-2\/6 {
-  right: 33.333333%;
-  left: 33.333333%;
-}
-
-.inset-y-3\/6 {
-  top: 50%;
-  bottom: 50%;
-}
-
-.inset-x-3\/6 {
-  right: 50%;
-  left: 50%;
-}
-
-.inset-y-4\/6 {
-  top: 66.666667%;
-  bottom: 66.666667%;
-}
-
-.inset-x-4\/6 {
-  right: 66.666667%;
-  left: 66.666667%;
-}
-
-.inset-y-5\/6 {
-  top: 83.333333%;
-  bottom: 83.333333%;
-}
-
-.inset-x-5\/6 {
-  right: 83.333333%;
-  left: 83.333333%;
-}
-
-.inset-y-1\/12 {
-  top: 8.333333%;
-  bottom: 8.333333%;
-}
-
-.inset-x-1\/12 {
-  right: 8.333333%;
-  left: 8.333333%;
-}
-
-.inset-y-2\/12 {
-  top: 16.666667%;
-  bottom: 16.666667%;
-}
-
-.inset-x-2\/12 {
-  right: 16.666667%;
-  left: 16.666667%;
-}
-
-.inset-y-3\/12 {
-  top: 25%;
-  bottom: 25%;
-}
-
-.inset-x-3\/12 {
-  right: 25%;
-  left: 25%;
-}
-
-.inset-y-4\/12 {
-  top: 33.333333%;
-  bottom: 33.333333%;
-}
-
-.inset-x-4\/12 {
-  right: 33.333333%;
-  left: 33.333333%;
-}
-
-.inset-y-5\/12 {
-  top: 41.666667%;
-  bottom: 41.666667%;
-}
-
-.inset-x-5\/12 {
-  right: 41.666667%;
-  left: 41.666667%;
-}
-
-.inset-y-6\/12 {
-  top: 50%;
-  bottom: 50%;
-}
-
-.inset-x-6\/12 {
-  right: 50%;
-  left: 50%;
-}
-
-.inset-y-7\/12 {
-  top: 58.333333%;
-  bottom: 58.333333%;
-}
-
-.inset-x-7\/12 {
-  right: 58.333333%;
-  left: 58.333333%;
-}
-
-.inset-y-8\/12 {
-  top: 66.666667%;
-  bottom: 66.666667%;
-}
-
-.inset-x-8\/12 {
-  right: 66.666667%;
-  left: 66.666667%;
-}
-
-.inset-y-9\/12 {
-  top: 75%;
-  bottom: 75%;
-}
-
-.inset-x-9\/12 {
-  right: 75%;
-  left: 75%;
-}
-
-.inset-y-10\/12 {
-  top: 83.333333%;
-  bottom: 83.333333%;
-}
-
-.inset-x-10\/12 {
-  right: 83.333333%;
-  left: 83.333333%;
-}
-
-.inset-y-11\/12 {
-  top: 91.666667%;
-  bottom: 91.666667%;
-}
-
-.inset-x-11\/12 {
-  right: 91.666667%;
-  left: 91.666667%;
-}
-
-.inset-y-full {
-  top: 100%;
-  bottom: 100%;
-}
-
-.inset-x-full {
-  right: 100%;
-  left: 100%;
-}
-
-.top-0 {
-  top: 0;
-}
-
-.right-0 {
-  right: 0;
-}
-
-.bottom-0 {
-  bottom: 0;
-}
-
-.left-0 {
-  left: 0;
-}
-
-.top-1 {
-  top: 0.25rem;
-}
-
-.right-1 {
-  right: 0.25rem;
-}
-
-.bottom-1 {
-  bottom: 0.25rem;
-}
-
-.left-1 {
-  left: 0.25rem;
-}
-
-.top-2 {
-  top: 0.5rem;
-}
-
-.right-2 {
-  right: 0.5rem;
-}
-
-.bottom-2 {
-  bottom: 0.5rem;
-}
-
-.left-2 {
-  left: 0.5rem;
-}
-
-.top-3 {
-  top: 0.75rem;
-}
-
-.right-3 {
-  right: 0.75rem;
-}
-
-.bottom-3 {
-  bottom: 0.75rem;
-}
-
-.left-3 {
-  left: 0.75rem;
-}
-
-.top-4 {
-  top: 1rem;
-}
-
-.right-4 {
-  right: 1rem;
-}
-
-.bottom-4 {
-  bottom: 1rem;
-}
-
-.left-4 {
-  left: 1rem;
-}
-
-.top-5 {
-  top: 1.25rem;
-}
-
-.right-5 {
-  right: 1.25rem;
-}
-
-.bottom-5 {
-  bottom: 1.25rem;
-}
-
-.left-5 {
-  left: 1.25rem;
-}
-
-.top-6 {
-  top: 1.5rem;
-}
-
-.right-6 {
-  right: 1.5rem;
-}
-
-.bottom-6 {
-  bottom: 1.5rem;
-}
-
-.left-6 {
-  left: 1.5rem;
-}
-
-.top-7 {
-  top: 1.75rem;
-}
-
-.right-7 {
-  right: 1.75rem;
-}
-
-.bottom-7 {
-  bottom: 1.75rem;
-}
-
-.left-7 {
-  left: 1.75rem;
-}
-
-.top-8 {
-  top: 2rem;
-}
-
-.right-8 {
-  right: 2rem;
-}
-
-.bottom-8 {
-  bottom: 2rem;
-}
-
-.left-8 {
-  left: 2rem;
-}
-
-.top-9 {
-  top: 2.25rem;
-}
-
-.right-9 {
-  right: 2.25rem;
-}
-
-.bottom-9 {
-  bottom: 2.25rem;
-}
-
-.left-9 {
-  left: 2.25rem;
-}
-
-.top-10 {
-  top: 2.5rem;
-}
-
-.right-10 {
-  right: 2.5rem;
-}
-
-.bottom-10 {
-  bottom: 2.5rem;
-}
-
-.left-10 {
-  left: 2.5rem;
-}
-
-.top-11 {
-  top: 2.75rem;
-}
-
-.right-11 {
-  right: 2.75rem;
-}
-
-.bottom-11 {
-  bottom: 2.75rem;
-}
-
-.left-11 {
-  left: 2.75rem;
-}
-
-.top-12 {
-  top: 3rem;
-}
-
-.right-12 {
-  right: 3rem;
-}
-
-.bottom-12 {
-  bottom: 3rem;
-}
-
-.left-12 {
-  left: 3rem;
-}
-
-.top-13 {
-  top: 3.25rem;
-}
-
-.right-13 {
-  right: 3.25rem;
-}
-
-.bottom-13 {
-  bottom: 3.25rem;
-}
-
-.left-13 {
-  left: 3.25rem;
-}
-
-.top-14 {
-  top: 3.5rem;
-}
-
-.right-14 {
-  right: 3.5rem;
-}
-
-.bottom-14 {
-  bottom: 3.5rem;
-}
-
-.left-14 {
-  left: 3.5rem;
-}
-
-.top-15 {
-  top: 3.75rem;
-}
-
-.right-15 {
-  right: 3.75rem;
-}
-
-.bottom-15 {
-  bottom: 3.75rem;
-}
-
-.left-15 {
-  left: 3.75rem;
-}
-
-.top-16 {
-  top: 4rem;
-}
-
-.right-16 {
-  right: 4rem;
-}
-
-.bottom-16 {
-  bottom: 4rem;
-}
-
-.left-16 {
-  left: 4rem;
-}
-
-.top-20 {
-  top: 5rem;
-}
-
-.right-20 {
-  right: 5rem;
-}
-
-.bottom-20 {
-  bottom: 5rem;
-}
-
-.left-20 {
-  left: 5rem;
-}
-
-.top-24 {
-  top: 6rem;
-}
-
-.right-24 {
-  right: 6rem;
-}
-
-.bottom-24 {
-  bottom: 6rem;
-}
-
-.left-24 {
-  left: 6rem;
-}
-
-.top-28 {
-  top: 7rem;
-}
-
-.right-28 {
-  right: 7rem;
-}
-
-.bottom-28 {
-  bottom: 7rem;
-}
-
-.left-28 {
-  left: 7rem;
-}
-
-.top-32 {
-  top: 8rem;
-}
-
-.right-32 {
-  right: 8rem;
-}
-
-.bottom-32 {
-  bottom: 8rem;
-}
-
-.left-32 {
-  left: 8rem;
-}
-
-.top-36 {
-  top: 9rem;
-}
-
-.right-36 {
-  right: 9rem;
-}
-
-.bottom-36 {
-  bottom: 9rem;
-}
-
-.left-36 {
-  left: 9rem;
-}
-
-.top-40 {
-  top: 10rem;
-}
-
-.right-40 {
-  right: 10rem;
-}
-
-.bottom-40 {
-  bottom: 10rem;
-}
-
-.left-40 {
-  left: 10rem;
-}
-
-.top-48 {
-  top: 12rem;
-}
-
-.right-48 {
-  right: 12rem;
-}
-
-.bottom-48 {
-  bottom: 12rem;
-}
-
-.left-48 {
-  left: 12rem;
-}
-
-.top-56 {
-  top: 14rem;
-}
-
-.right-56 {
-  right: 14rem;
-}
-
-.bottom-56 {
-  bottom: 14rem;
-}
-
-.left-56 {
-  left: 14rem;
-}
-
-.top-60 {
-  top: 15rem;
-}
-
-.right-60 {
-  right: 15rem;
-}
-
-.bottom-60 {
-  bottom: 15rem;
-}
-
-.left-60 {
-  left: 15rem;
-}
-
-.top-64 {
-  top: 16rem;
-}
-
-.right-64 {
-  right: 16rem;
-}
-
-.bottom-64 {
-  bottom: 16rem;
-}
-
-.left-64 {
-  left: 16rem;
-}
-
-.top-72 {
-  top: 18rem;
-}
-
-.right-72 {
-  right: 18rem;
-}
-
-.bottom-72 {
-  bottom: 18rem;
-}
-
-.left-72 {
-  left: 18rem;
-}
-
-.top-80 {
-  top: 20rem;
-}
-
-.right-80 {
-  right: 20rem;
-}
-
-.bottom-80 {
-  bottom: 20rem;
-}
-
-.left-80 {
-  left: 20rem;
-}
-
-.top-96 {
-  top: 24rem;
-}
-
-.right-96 {
-  right: 24rem;
-}
-
-.bottom-96 {
-  bottom: 24rem;
-}
-
-.left-96 {
-  left: 24rem;
-}
-
-.top-auto {
-  top: auto;
-}
-
-.right-auto {
-  right: auto;
-}
-
-.bottom-auto {
-  bottom: auto;
-}
-
-.left-auto {
-  left: auto;
-}
-
-.top-px {
-  top: 1px;
-}
-
-.right-px {
-  right: 1px;
-}
-
-.bottom-px {
-  bottom: 1px;
-}
-
-.left-px {
-  left: 1px;
-}
-
-.top-0\.5 {
-  top: 0.125rem;
-}
-
-.right-0\.5 {
-  right: 0.125rem;
-}
-
-.bottom-0\.5 {
-  bottom: 0.125rem;
-}
-
-.left-0\.5 {
-  left: 0.125rem;
-}
-
-.top-1\.5 {
-  top: 0.375rem;
-}
-
-.right-1\.5 {
-  right: 0.375rem;
-}
-
-.bottom-1\.5 {
-  bottom: 0.375rem;
-}
-
-.left-1\.5 {
-  left: 0.375rem;
-}
-
-.top-2\.5 {
-  top: 0.625rem;
-}
-
-.right-2\.5 {
-  right: 0.625rem;
-}
-
-.bottom-2\.5 {
-  bottom: 0.625rem;
-}
-
-.left-2\.5 {
-  left: 0.625rem;
-}
-
-.top-3\.5 {
-  top: 0.875rem;
-}
-
-.right-3\.5 {
-  right: 0.875rem;
-}
-
-.bottom-3\.5 {
-  bottom: 0.875rem;
-}
-
-.left-3\.5 {
-  left: 0.875rem;
-}
-
-.top-1\/2 {
-  top: 50%;
-}
-
-.right-1\/2 {
-  right: 50%;
-}
-
-.bottom-1\/2 {
-  bottom: 50%;
-}
-
-.left-1\/2 {
-  left: 50%;
-}
-
-.top-1\/3 {
-  top: 33.333333%;
-}
-
-.right-1\/3 {
-  right: 33.333333%;
-}
-
-.bottom-1\/3 {
-  bottom: 33.333333%;
-}
-
-.left-1\/3 {
-  left: 33.333333%;
-}
-
-.top-2\/3 {
-  top: 66.666667%;
-}
-
-.right-2\/3 {
-  right: 66.666667%;
-}
-
-.bottom-2\/3 {
-  bottom: 66.666667%;
-}
-
-.left-2\/3 {
-  left: 66.666667%;
-}
-
-.top-1\/4 {
-  top: 25%;
-}
-
-.right-1\/4 {
-  right: 25%;
-}
-
-.bottom-1\/4 {
-  bottom: 25%;
-}
-
-.left-1\/4 {
-  left: 25%;
-}
-
-.top-2\/4 {
-  top: 50%;
-}
-
-.right-2\/4 {
-  right: 50%;
-}
-
-.bottom-2\/4 {
-  bottom: 50%;
-}
-
-.left-2\/4 {
-  left: 50%;
-}
-
-.top-3\/4 {
-  top: 75%;
-}
-
-.right-3\/4 {
-  right: 75%;
-}
-
-.bottom-3\/4 {
-  bottom: 75%;
-}
-
-.left-3\/4 {
-  left: 75%;
-}
-
-.top-1\/5 {
-  top: 20%;
-}
-
-.right-1\/5 {
-  right: 20%;
-}
-
-.bottom-1\/5 {
-  bottom: 20%;
-}
-
-.left-1\/5 {
-  left: 20%;
-}
-
-.top-2\/5 {
-  top: 40%;
-}
-
-.right-2\/5 {
-  right: 40%;
-}
-
-.bottom-2\/5 {
-  bottom: 40%;
-}
-
-.left-2\/5 {
-  left: 40%;
-}
-
-.top-3\/5 {
-  top: 60%;
-}
-
-.right-3\/5 {
-  right: 60%;
-}
-
-.bottom-3\/5 {
-  bottom: 60%;
-}
-
-.left-3\/5 {
-  left: 60%;
-}
-
-.top-4\/5 {
-  top: 80%;
-}
-
-.right-4\/5 {
-  right: 80%;
-}
-
-.bottom-4\/5 {
-  bottom: 80%;
-}
-
-.left-4\/5 {
-  left: 80%;
-}
-
-.top-1\/6 {
-  top: 16.666667%;
-}
-
-.right-1\/6 {
-  right: 16.666667%;
-}
-
-.bottom-1\/6 {
-  bottom: 16.666667%;
-}
-
-.left-1\/6 {
-  left: 16.666667%;
-}
-
-.top-2\/6 {
-  top: 33.333333%;
-}
-
-.right-2\/6 {
-  right: 33.333333%;
-}
-
-.bottom-2\/6 {
-  bottom: 33.333333%;
-}
-
-.left-2\/6 {
-  left: 33.333333%;
-}
-
-.top-3\/6 {
-  top: 50%;
-}
-
-.right-3\/6 {
-  right: 50%;
-}
-
-.bottom-3\/6 {
-  bottom: 50%;
-}
-
-.left-3\/6 {
-  left: 50%;
-}
-
-.top-4\/6 {
-  top: 66.666667%;
-}
-
-.right-4\/6 {
-  right: 66.666667%;
-}
-
-.bottom-4\/6 {
-  bottom: 66.666667%;
-}
-
-.left-4\/6 {
-  left: 66.666667%;
-}
-
-.top-5\/6 {
-  top: 83.333333%;
-}
-
-.right-5\/6 {
-  right: 83.333333%;
-}
-
-.bottom-5\/6 {
-  bottom: 83.333333%;
-}
-
-.left-5\/6 {
-  left: 83.333333%;
-}
-
-.top-1\/12 {
-  top: 8.333333%;
-}
-
-.right-1\/12 {
-  right: 8.333333%;
-}
-
-.bottom-1\/12 {
-  bottom: 8.333333%;
-}
-
-.left-1\/12 {
-  left: 8.333333%;
-}
-
-.top-2\/12 {
-  top: 16.666667%;
-}
-
-.right-2\/12 {
-  right: 16.666667%;
-}
-
-.bottom-2\/12 {
-  bottom: 16.666667%;
-}
-
-.left-2\/12 {
-  left: 16.666667%;
-}
-
-.top-3\/12 {
-  top: 25%;
-}
-
-.right-3\/12 {
-  right: 25%;
-}
-
-.bottom-3\/12 {
-  bottom: 25%;
-}
-
-.left-3\/12 {
-  left: 25%;
-}
-
-.top-4\/12 {
-  top: 33.333333%;
-}
-
-.right-4\/12 {
-  right: 33.333333%;
-}
-
-.bottom-4\/12 {
-  bottom: 33.333333%;
-}
-
-.left-4\/12 {
-  left: 33.333333%;
-}
-
-.top-5\/12 {
-  top: 41.666667%;
-}
-
-.right-5\/12 {
-  right: 41.666667%;
-}
-
-.bottom-5\/12 {
-  bottom: 41.666667%;
-}
-
-.left-5\/12 {
-  left: 41.666667%;
-}
-
-.top-6\/12 {
-  top: 50%;
-}
-
-.right-6\/12 {
-  right: 50%;
-}
-
-.bottom-6\/12 {
-  bottom: 50%;
-}
-
-.left-6\/12 {
-  left: 50%;
-}
-
-.top-7\/12 {
-  top: 58.333333%;
-}
-
-.right-7\/12 {
-  right: 58.333333%;
-}
-
-.bottom-7\/12 {
-  bottom: 58.333333%;
-}
-
-.left-7\/12 {
-  left: 58.333333%;
-}
-
-.top-8\/12 {
-  top: 66.666667%;
-}
-
-.right-8\/12 {
-  right: 66.666667%;
-}
-
-.bottom-8\/12 {
-  bottom: 66.666667%;
-}
-
-.left-8\/12 {
-  left: 66.666667%;
-}
-
-.top-9\/12 {
-  top: 75%;
-}
-
-.right-9\/12 {
-  right: 75%;
-}
-
-.bottom-9\/12 {
-  bottom: 75%;
-}
-
-.left-9\/12 {
-  left: 75%;
-}
-
-.top-10\/12 {
-  top: 83.333333%;
-}
-
-.right-10\/12 {
-  right: 83.333333%;
-}
-
-.bottom-10\/12 {
-  bottom: 83.333333%;
-}
-
-.left-10\/12 {
-  left: 83.333333%;
-}
-
-.top-11\/12 {
-  top: 91.666667%;
-}
-
-.right-11\/12 {
-  right: 91.666667%;
-}
-
-.bottom-11\/12 {
-  bottom: 91.666667%;
-}
-
-.left-11\/12 {
-  left: 91.666667%;
-}
-
-.top-full {
-  top: 100%;
-}
-
-.right-full {
-  right: 100%;
-}
-
-.bottom-full {
-  bottom: 100%;
-}
-
-.left-full {
-  left: 100%;
-}
-
-.resize-none {
-  resize: none;
-}
-
-.resize-y {
-  resize: vertical;
-}
-
-.resize-x {
-  resize: horizontal;
-}
-
-.resize {
-  resize: both;
-}
-
-.shadow-xs {
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-}
-
-.shadow-sm {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-}
-
-.shadow {
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-}
-
-.shadow-md {
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-}
-
-.shadow-lg {
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-}
-
-.shadow-xl {
-  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-}
-
-.shadow-2xl {
-  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-}
-
-.shadow-inner {
-  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-}
-
-.shadow-outline {
-  box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-}
-
-.shadow-none {
-  box-shadow: none;
-}
-
-.shadow-solid {
-  box-shadow: 0 0 0 2px currentColor;
-}
-
-.shadow-outline-gray {
-  box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-}
-
-.shadow-outline-blue {
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-}
-
-.shadow-outline-teal {
-  box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-}
-
-.shadow-outline-green {
-  box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-}
-
-.shadow-outline-yellow {
-  box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-}
-
-.shadow-outline-orange {
-  box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-}
-
-.shadow-outline-red {
-  box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-}
-
-.shadow-outline-pink {
-  box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-}
-
-.shadow-outline-purple {
-  box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-}
-
-.shadow-outline-indigo {
-  box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-}
-
-.group:focus .group-focus\:shadow-xs {
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-}
-
-.group:focus .group-focus\:shadow-sm {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-}
-
-.group:focus .group-focus\:shadow {
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-}
-
-.group:focus .group-focus\:shadow-md {
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-}
-
-.group:focus .group-focus\:shadow-lg {
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-}
-
-.group:focus .group-focus\:shadow-xl {
-  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-}
-
-.group:focus .group-focus\:shadow-2xl {
-  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-}
-
-.group:focus .group-focus\:shadow-inner {
-  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-}
-
-.group:focus .group-focus\:shadow-outline {
-  box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-}
-
-.group:focus .group-focus\:shadow-none {
-  box-shadow: none;
-}
-
-.group:focus .group-focus\:shadow-solid {
-  box-shadow: 0 0 0 2px currentColor;
-}
-
-.group:focus .group-focus\:shadow-outline-gray {
-  box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-blue {
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-teal {
-  box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-green {
-  box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-yellow {
-  box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-orange {
-  box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-red {
-  box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-pink {
-  box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-purple {
-  box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-}
-
-.group:focus .group-focus\:shadow-outline-indigo {
-  box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-}
-
-.hover\:shadow-xs:hover {
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-}
-
-.hover\:shadow-sm:hover {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-}
-
-.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);
-}
-
-.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);
-}
-
-.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);
-}
-
-.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);
-}
-
-.hover\:shadow-2xl:hover {
-  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-}
-
-.hover\:shadow-inner:hover {
-  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-}
-
-.hover\:shadow-outline:hover {
-  box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-}
-
-.hover\:shadow-none:hover {
-  box-shadow: none;
-}
-
-.hover\:shadow-solid:hover {
-  box-shadow: 0 0 0 2px currentColor;
-}
-
-.hover\:shadow-outline-gray:hover {
-  box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-}
-
-.hover\:shadow-outline-blue:hover {
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-}
-
-.hover\:shadow-outline-teal:hover {
-  box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-}
-
-.hover\:shadow-outline-green:hover {
-  box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-}
-
-.hover\:shadow-outline-yellow:hover {
-  box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-}
-
-.hover\:shadow-outline-orange:hover {
-  box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-}
-
-.hover\:shadow-outline-red:hover {
-  box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-}
-
-.hover\:shadow-outline-pink:hover {
-  box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-}
-
-.hover\:shadow-outline-purple:hover {
-  box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-}
-
-.hover\:shadow-outline-indigo:hover {
-  box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-}
-
-.focus\:shadow-xs:focus {
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-}
-
-.focus\:shadow-sm:focus {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-}
-
-.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);
-}
-
-.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);
-}
-
-.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);
-}
-
-.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);
-}
-
-.focus\:shadow-2xl:focus {
-  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-}
-
-.focus\:shadow-inner:focus {
-  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-}
-
-.focus\:shadow-outline:focus {
-  box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-}
-
-.focus\:shadow-none:focus {
-  box-shadow: none;
-}
-
-.focus\:shadow-solid:focus {
-  box-shadow: 0 0 0 2px currentColor;
-}
-
-.focus\:shadow-outline-gray:focus {
-  box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-}
-
-.focus\:shadow-outline-blue:focus {
-  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-}
-
-.focus\:shadow-outline-teal:focus {
-  box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-}
-
-.focus\:shadow-outline-green:focus {
-  box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-}
-
-.focus\:shadow-outline-yellow:focus {
-  box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-}
-
-.focus\:shadow-outline-orange:focus {
-  box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-}
-
-.focus\:shadow-outline-red:focus {
-  box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-}
-
-.focus\:shadow-outline-pink:focus {
-  box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-}
-
-.focus\:shadow-outline-purple:focus {
-  box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-}
-
-.focus\:shadow-outline-indigo:focus {
-  box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-}
-
-.fill-current {
-  fill: currentColor;
-}
-
-.stroke-current {
-  stroke: currentColor;
-}
-
-.stroke-0 {
-  stroke-width: 0;
-}
-
-.stroke-1 {
-  stroke-width: 1;
-}
-
-.stroke-2 {
-  stroke-width: 2;
-}
-
-.table-auto {
-  table-layout: auto;
-}
-
-.table-fixed {
-  table-layout: fixed;
-}
-
-.text-left {
-  text-align: left;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.text-right {
-  text-align: right;
-}
-
-.text-justify {
-  text-align: justify;
-}
-
-.text-transparent {
-  color: transparent;
-}
-
-.text-white {
-  --text-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--text-opacity));
-}
-
-.text-black {
-  --text-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--text-opacity));
-}
-
-.text-gray-50 {
-  --text-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--text-opacity));
-}
-
-.text-gray-100 {
-  --text-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--text-opacity));
-}
-
-.text-gray-200 {
-  --text-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--text-opacity));
-}
-
-.text-gray-300 {
-  --text-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--text-opacity));
-}
-
-.text-gray-400 {
-  --text-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--text-opacity));
-}
-
-.text-gray-500 {
-  --text-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--text-opacity));
-}
-
-.text-gray-600 {
-  --text-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--text-opacity));
-}
-
-.text-gray-700 {
-  --text-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--text-opacity));
-}
-
-.text-gray-800 {
-  --text-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--text-opacity));
-}
-
-.text-gray-900 {
-  --text-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--text-opacity));
-}
-
-.text-cool-gray-50 {
-  --text-opacity: 1;
-  color: #fbfdfe;
-  color: rgba(251, 253, 254, var(--text-opacity));
-}
-
-.text-cool-gray-100 {
-  --text-opacity: 1;
-  color: #f1f5f9;
-  color: rgba(241, 245, 249, var(--text-opacity));
-}
-
-.text-cool-gray-200 {
-  --text-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--text-opacity));
-}
-
-.text-cool-gray-300 {
-  --text-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--text-opacity));
-}
-
-.text-cool-gray-400 {
-  --text-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--text-opacity));
-}
-
-.text-cool-gray-500 {
-  --text-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--text-opacity));
-}
-
-.text-cool-gray-600 {
-  --text-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--text-opacity));
-}
-
-.text-cool-gray-700 {
-  --text-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--text-opacity));
-}
-
-.text-cool-gray-800 {
-  --text-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--text-opacity));
-}
-
-.text-cool-gray-900 {
-  --text-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--text-opacity));
-}
-
-.text-red-50 {
-  --text-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--text-opacity));
-}
-
-.text-red-100 {
-  --text-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--text-opacity));
-}
-
-.text-red-200 {
-  --text-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--text-opacity));
-}
-
-.text-red-300 {
-  --text-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--text-opacity));
-}
-
-.text-red-400 {
-  --text-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--text-opacity));
-}
-
-.text-red-500 {
-  --text-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--text-opacity));
-}
-
-.text-red-600 {
-  --text-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--text-opacity));
-}
-
-.text-red-700 {
-  --text-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--text-opacity));
-}
-
-.text-red-800 {
-  --text-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--text-opacity));
-}
-
-.text-red-900 {
-  --text-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--text-opacity));
-}
-
-.text-orange-50 {
-  --text-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--text-opacity));
-}
-
-.text-orange-100 {
-  --text-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--text-opacity));
-}
-
-.text-orange-200 {
-  --text-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--text-opacity));
-}
-
-.text-orange-300 {
-  --text-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--text-opacity));
-}
-
-.text-orange-400 {
-  --text-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--text-opacity));
-}
-
-.text-orange-500 {
-  --text-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--text-opacity));
-}
-
-.text-orange-600 {
-  --text-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--text-opacity));
-}
-
-.text-orange-700 {
-  --text-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--text-opacity));
-}
-
-.text-orange-800 {
-  --text-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--text-opacity));
-}
-
-.text-orange-900 {
-  --text-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--text-opacity));
-}
-
-.text-yellow-50 {
-  --text-opacity: 1;
-  color: #fdfdea;
-  color: rgba(253, 253, 234, var(--text-opacity));
-}
-
-.text-yellow-100 {
-  --text-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--text-opacity));
-}
-
-.text-yellow-200 {
-  --text-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--text-opacity));
-}
-
-.text-yellow-300 {
-  --text-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--text-opacity));
-}
-
-.text-yellow-400 {
-  --text-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--text-opacity));
-}
-
-.text-yellow-500 {
-  --text-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--text-opacity));
-}
-
-.text-yellow-600 {
-  --text-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--text-opacity));
-}
-
-.text-yellow-700 {
-  --text-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--text-opacity));
-}
-
-.text-yellow-800 {
-  --text-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--text-opacity));
-}
-
-.text-yellow-900 {
-  --text-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--text-opacity));
-}
-
-.text-green-50 {
-  --text-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--text-opacity));
-}
-
-.text-green-100 {
-  --text-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--text-opacity));
-}
-
-.text-green-200 {
-  --text-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--text-opacity));
-}
-
-.text-green-300 {
-  --text-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--text-opacity));
-}
-
-.text-green-400 {
-  --text-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--text-opacity));
-}
-
-.text-green-500 {
-  --text-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--text-opacity));
-}
-
-.text-green-600 {
-  --text-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--text-opacity));
-}
-
-.text-green-700 {
-  --text-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--text-opacity));
-}
-
-.text-green-800 {
-  --text-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--text-opacity));
-}
-
-.text-green-900 {
-  --text-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--text-opacity));
-}
-
-.text-teal-50 {
-  --text-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--text-opacity));
-}
-
-.text-teal-100 {
-  --text-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--text-opacity));
-}
-
-.text-teal-200 {
-  --text-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--text-opacity));
-}
-
-.text-teal-300 {
-  --text-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--text-opacity));
-}
-
-.text-teal-400 {
-  --text-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--text-opacity));
-}
-
-.text-teal-500 {
-  --text-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--text-opacity));
-}
-
-.text-teal-600 {
-  --text-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--text-opacity));
-}
-
-.text-teal-700 {
-  --text-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--text-opacity));
-}
-
-.text-teal-800 {
-  --text-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--text-opacity));
-}
-
-.text-teal-900 {
-  --text-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--text-opacity));
-}
-
-.text-blue-50 {
-  --text-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--text-opacity));
-}
-
-.text-blue-100 {
-  --text-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--text-opacity));
-}
-
-.text-blue-200 {
-  --text-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--text-opacity));
-}
-
-.text-blue-300 {
-  --text-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--text-opacity));
-}
-
-.text-blue-400 {
-  --text-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--text-opacity));
-}
-
-.text-blue-500 {
-  --text-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--text-opacity));
-}
-
-.text-blue-600 {
-  --text-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--text-opacity));
-}
-
-.text-blue-700 {
-  --text-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--text-opacity));
-}
-
-.text-blue-800 {
-  --text-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--text-opacity));
-}
-
-.text-blue-900 {
-  --text-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--text-opacity));
-}
-
-.text-indigo-50 {
-  --text-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--text-opacity));
-}
-
-.text-indigo-100 {
-  --text-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--text-opacity));
-}
-
-.text-indigo-200 {
-  --text-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--text-opacity));
-}
-
-.text-indigo-300 {
-  --text-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--text-opacity));
-}
-
-.text-indigo-400 {
-  --text-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--text-opacity));
-}
-
-.text-indigo-500 {
-  --text-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--text-opacity));
-}
-
-.text-indigo-600 {
-  --text-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--text-opacity));
-}
-
-.text-indigo-700 {
-  --text-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--text-opacity));
-}
-
-.text-indigo-800 {
-  --text-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--text-opacity));
-}
-
-.text-indigo-900 {
-  --text-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--text-opacity));
-}
-
-.text-purple-50 {
-  --text-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--text-opacity));
-}
-
-.text-purple-100 {
-  --text-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--text-opacity));
-}
-
-.text-purple-200 {
-  --text-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--text-opacity));
-}
-
-.text-purple-300 {
-  --text-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--text-opacity));
-}
-
-.text-purple-400 {
-  --text-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--text-opacity));
-}
-
-.text-purple-500 {
-  --text-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--text-opacity));
-}
-
-.text-purple-600 {
-  --text-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--text-opacity));
-}
-
-.text-purple-700 {
-  --text-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--text-opacity));
-}
-
-.text-purple-800 {
-  --text-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--text-opacity));
-}
-
-.text-purple-900 {
-  --text-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--text-opacity));
-}
-
-.text-pink-50 {
-  --text-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--text-opacity));
-}
-
-.text-pink-100 {
-  --text-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--text-opacity));
-}
-
-.text-pink-200 {
-  --text-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--text-opacity));
-}
-
-.text-pink-300 {
-  --text-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--text-opacity));
-}
-
-.text-pink-400 {
-  --text-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--text-opacity));
-}
-
-.text-pink-500 {
-  --text-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--text-opacity));
-}
-
-.text-pink-600 {
-  --text-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--text-opacity));
-}
-
-.text-pink-700 {
-  --text-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--text-opacity));
-}
-
-.text-pink-800 {
-  --text-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--text-opacity));
-}
-
-.text-pink-900 {
-  --text-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-transparent {
-  color: transparent;
-}
-
-.group:hover .group-hover\:text-white {
-  --text-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-black {
-  --text-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-50 {
-  --text-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-100 {
-  --text-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-200 {
-  --text-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-300 {
-  --text-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-400 {
-  --text-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-500 {
-  --text-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-600 {
-  --text-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-700 {
-  --text-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-800 {
-  --text-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-gray-900 {
-  --text-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-cool-gray-50 {
-  --text-opacity: 1;
-  color: #fbfdfe;
-  color: rgba(251, 253, 254, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-cool-gray-100 {
-  --text-opacity: 1;
-  color: #f1f5f9;
-  color: rgba(241, 245, 249, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-cool-gray-200 {
-  --text-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-cool-gray-300 {
-  --text-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-cool-gray-400 {
-  --text-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-cool-gray-500 {
-  --text-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-cool-gray-600 {
-  --text-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-cool-gray-700 {
-  --text-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-cool-gray-800 {
-  --text-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-cool-gray-900 {
-  --text-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-red-50 {
-  --text-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-red-100 {
-  --text-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-red-200 {
-  --text-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-red-300 {
-  --text-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-red-400 {
-  --text-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-red-500 {
-  --text-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-red-600 {
-  --text-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-red-700 {
-  --text-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-red-800 {
-  --text-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-red-900 {
-  --text-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-orange-50 {
-  --text-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-orange-100 {
-  --text-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-orange-200 {
-  --text-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-orange-300 {
-  --text-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-orange-400 {
-  --text-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-orange-500 {
-  --text-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-orange-600 {
-  --text-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-orange-700 {
-  --text-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-orange-800 {
-  --text-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-orange-900 {
-  --text-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-50 {
-  --text-opacity: 1;
-  color: #fdfdea;
-  color: rgba(253, 253, 234, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-100 {
-  --text-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-200 {
-  --text-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-300 {
-  --text-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-400 {
-  --text-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-500 {
-  --text-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-600 {
-  --text-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-700 {
-  --text-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-800 {
-  --text-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-yellow-900 {
-  --text-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-green-50 {
-  --text-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-green-100 {
-  --text-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-green-200 {
-  --text-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-green-300 {
-  --text-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-green-400 {
-  --text-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-green-500 {
-  --text-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-green-600 {
-  --text-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-green-700 {
-  --text-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-green-800 {
-  --text-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-green-900 {
-  --text-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-teal-50 {
-  --text-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-teal-100 {
-  --text-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-teal-200 {
-  --text-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-teal-300 {
-  --text-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-teal-400 {
-  --text-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-teal-500 {
-  --text-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-teal-600 {
-  --text-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-teal-700 {
-  --text-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-teal-800 {
-  --text-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-teal-900 {
-  --text-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-50 {
-  --text-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-100 {
-  --text-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-200 {
-  --text-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-300 {
-  --text-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-400 {
-  --text-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-500 {
-  --text-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-600 {
-  --text-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-700 {
-  --text-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-800 {
-  --text-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-900 {
-  --text-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-50 {
-  --text-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-100 {
-  --text-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-200 {
-  --text-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-300 {
-  --text-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-400 {
-  --text-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-500 {
-  --text-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-600 {
-  --text-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-700 {
-  --text-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-800 {
-  --text-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-indigo-900 {
-  --text-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-purple-50 {
-  --text-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-purple-100 {
-  --text-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-purple-200 {
-  --text-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-purple-300 {
-  --text-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-purple-400 {
-  --text-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-purple-500 {
-  --text-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-purple-600 {
-  --text-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-purple-700 {
-  --text-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-purple-800 {
-  --text-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-purple-900 {
-  --text-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-pink-50 {
-  --text-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-pink-100 {
-  --text-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-pink-200 {
-  --text-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-pink-300 {
-  --text-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-pink-400 {
-  --text-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-pink-500 {
-  --text-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-pink-600 {
-  --text-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-pink-700 {
-  --text-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-pink-800 {
-  --text-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--text-opacity));
-}
-
-.group:hover .group-hover\:text-pink-900 {
-  --text-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-transparent {
-  color: transparent;
-}
-
-.group:focus .group-focus\:text-white {
-  --text-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-black {
-  --text-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-gray-50 {
-  --text-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-gray-100 {
-  --text-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-gray-200 {
-  --text-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-gray-300 {
-  --text-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-gray-400 {
-  --text-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-gray-500 {
-  --text-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-gray-600 {
-  --text-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-gray-700 {
-  --text-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-gray-800 {
-  --text-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-gray-900 {
-  --text-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-cool-gray-50 {
-  --text-opacity: 1;
-  color: #fbfdfe;
-  color: rgba(251, 253, 254, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-cool-gray-100 {
-  --text-opacity: 1;
-  color: #f1f5f9;
-  color: rgba(241, 245, 249, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-cool-gray-200 {
-  --text-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-cool-gray-300 {
-  --text-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-cool-gray-400 {
-  --text-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-cool-gray-500 {
-  --text-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-cool-gray-600 {
-  --text-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-cool-gray-700 {
-  --text-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-cool-gray-800 {
-  --text-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-cool-gray-900 {
-  --text-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-red-50 {
-  --text-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-red-100 {
-  --text-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-red-200 {
-  --text-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-red-300 {
-  --text-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-red-400 {
-  --text-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-red-500 {
-  --text-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-red-600 {
-  --text-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-red-700 {
-  --text-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-red-800 {
-  --text-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-red-900 {
-  --text-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-orange-50 {
-  --text-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-orange-100 {
-  --text-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-orange-200 {
-  --text-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-orange-300 {
-  --text-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-orange-400 {
-  --text-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-orange-500 {
-  --text-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-orange-600 {
-  --text-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-orange-700 {
-  --text-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-orange-800 {
-  --text-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-orange-900 {
-  --text-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-yellow-50 {
-  --text-opacity: 1;
-  color: #fdfdea;
-  color: rgba(253, 253, 234, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-yellow-100 {
-  --text-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-yellow-200 {
-  --text-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-yellow-300 {
-  --text-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-yellow-400 {
-  --text-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-yellow-500 {
-  --text-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-yellow-600 {
-  --text-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-yellow-700 {
-  --text-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-yellow-800 {
-  --text-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-yellow-900 {
-  --text-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-green-50 {
-  --text-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-green-100 {
-  --text-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-green-200 {
-  --text-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-green-300 {
-  --text-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-green-400 {
-  --text-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-green-500 {
-  --text-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-green-600 {
-  --text-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-green-700 {
-  --text-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-green-800 {
-  --text-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-green-900 {
-  --text-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-teal-50 {
-  --text-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-teal-100 {
-  --text-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-teal-200 {
-  --text-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-teal-300 {
-  --text-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-teal-400 {
-  --text-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-teal-500 {
-  --text-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-teal-600 {
-  --text-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-teal-700 {
-  --text-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-teal-800 {
-  --text-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-teal-900 {
-  --text-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-blue-50 {
-  --text-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-blue-100 {
-  --text-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-blue-200 {
-  --text-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-blue-300 {
-  --text-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-blue-400 {
-  --text-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-blue-500 {
-  --text-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-blue-600 {
-  --text-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-blue-700 {
-  --text-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-blue-800 {
-  --text-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-blue-900 {
-  --text-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-indigo-50 {
-  --text-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-indigo-100 {
-  --text-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-indigo-200 {
-  --text-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-indigo-300 {
-  --text-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-indigo-400 {
-  --text-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-indigo-500 {
-  --text-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-indigo-600 {
-  --text-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-indigo-700 {
-  --text-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-indigo-800 {
-  --text-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-indigo-900 {
-  --text-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-purple-50 {
-  --text-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-purple-100 {
-  --text-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-purple-200 {
-  --text-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-purple-300 {
-  --text-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-purple-400 {
-  --text-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-purple-500 {
-  --text-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-purple-600 {
-  --text-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-purple-700 {
-  --text-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-purple-800 {
-  --text-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-purple-900 {
-  --text-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-pink-50 {
-  --text-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-pink-100 {
-  --text-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-pink-200 {
-  --text-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-pink-300 {
-  --text-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-pink-400 {
-  --text-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-pink-500 {
-  --text-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-pink-600 {
-  --text-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-pink-700 {
-  --text-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-pink-800 {
-  --text-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--text-opacity));
-}
-
-.group:focus .group-focus\:text-pink-900 {
-  --text-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--text-opacity));
-}
-
-.hover\:text-transparent:hover {
-  color: transparent;
-}
-
-.hover\:text-white:hover {
-  --text-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--text-opacity));
-}
-
-.hover\:text-black:hover {
-  --text-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--text-opacity));
-}
-
-.hover\:text-gray-50:hover {
-  --text-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--text-opacity));
-}
-
-.hover\:text-gray-100:hover {
-  --text-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--text-opacity));
-}
-
-.hover\:text-gray-200:hover {
-  --text-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--text-opacity));
-}
-
-.hover\:text-gray-300:hover {
-  --text-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--text-opacity));
-}
-
-.hover\:text-gray-400:hover {
-  --text-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--text-opacity));
-}
-
-.hover\:text-gray-500:hover {
-  --text-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--text-opacity));
-}
-
-.hover\:text-gray-600:hover {
-  --text-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--text-opacity));
-}
-
-.hover\:text-gray-700:hover {
-  --text-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--text-opacity));
-}
-
-.hover\:text-gray-800:hover {
-  --text-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--text-opacity));
-}
-
-.hover\:text-gray-900:hover {
-  --text-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--text-opacity));
-}
-
-.hover\:text-cool-gray-50:hover {
-  --text-opacity: 1;
-  color: #fbfdfe;
-  color: rgba(251, 253, 254, var(--text-opacity));
-}
-
-.hover\:text-cool-gray-100:hover {
-  --text-opacity: 1;
-  color: #f1f5f9;
-  color: rgba(241, 245, 249, var(--text-opacity));
-}
-
-.hover\:text-cool-gray-200:hover {
-  --text-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--text-opacity));
-}
-
-.hover\:text-cool-gray-300:hover {
-  --text-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--text-opacity));
-}
-
-.hover\:text-cool-gray-400:hover {
-  --text-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--text-opacity));
-}
-
-.hover\:text-cool-gray-500:hover {
-  --text-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--text-opacity));
-}
-
-.hover\:text-cool-gray-600:hover {
-  --text-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--text-opacity));
-}
-
-.hover\:text-cool-gray-700:hover {
-  --text-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--text-opacity));
-}
-
-.hover\:text-cool-gray-800:hover {
-  --text-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--text-opacity));
-}
-
-.hover\:text-cool-gray-900:hover {
-  --text-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--text-opacity));
-}
-
-.hover\:text-red-50:hover {
-  --text-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--text-opacity));
-}
-
-.hover\:text-red-100:hover {
-  --text-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--text-opacity));
-}
-
-.hover\:text-red-200:hover {
-  --text-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--text-opacity));
-}
-
-.hover\:text-red-300:hover {
-  --text-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--text-opacity));
-}
-
-.hover\:text-red-400:hover {
-  --text-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--text-opacity));
-}
-
-.hover\:text-red-500:hover {
-  --text-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--text-opacity));
-}
-
-.hover\:text-red-600:hover {
-  --text-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--text-opacity));
-}
-
-.hover\:text-red-700:hover {
-  --text-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--text-opacity));
-}
-
-.hover\:text-red-800:hover {
-  --text-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--text-opacity));
-}
-
-.hover\:text-red-900:hover {
-  --text-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--text-opacity));
-}
-
-.hover\:text-orange-50:hover {
-  --text-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--text-opacity));
-}
-
-.hover\:text-orange-100:hover {
-  --text-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--text-opacity));
-}
-
-.hover\:text-orange-200:hover {
-  --text-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--text-opacity));
-}
-
-.hover\:text-orange-300:hover {
-  --text-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--text-opacity));
-}
-
-.hover\:text-orange-400:hover {
-  --text-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--text-opacity));
-}
-
-.hover\:text-orange-500:hover {
-  --text-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--text-opacity));
-}
-
-.hover\:text-orange-600:hover {
-  --text-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--text-opacity));
-}
-
-.hover\:text-orange-700:hover {
-  --text-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--text-opacity));
-}
-
-.hover\:text-orange-800:hover {
-  --text-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--text-opacity));
-}
-
-.hover\:text-orange-900:hover {
-  --text-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--text-opacity));
-}
-
-.hover\:text-yellow-50:hover {
-  --text-opacity: 1;
-  color: #fdfdea;
-  color: rgba(253, 253, 234, var(--text-opacity));
-}
-
-.hover\:text-yellow-100:hover {
-  --text-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--text-opacity));
-}
-
-.hover\:text-yellow-200:hover {
-  --text-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--text-opacity));
-}
-
-.hover\:text-yellow-300:hover {
-  --text-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--text-opacity));
-}
-
-.hover\:text-yellow-400:hover {
-  --text-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--text-opacity));
-}
-
-.hover\:text-yellow-500:hover {
-  --text-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--text-opacity));
-}
-
-.hover\:text-yellow-600:hover {
-  --text-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--text-opacity));
-}
-
-.hover\:text-yellow-700:hover {
-  --text-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--text-opacity));
-}
-
-.hover\:text-yellow-800:hover {
-  --text-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--text-opacity));
-}
-
-.hover\:text-yellow-900:hover {
-  --text-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--text-opacity));
-}
-
-.hover\:text-green-50:hover {
-  --text-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--text-opacity));
-}
-
-.hover\:text-green-100:hover {
-  --text-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--text-opacity));
-}
-
-.hover\:text-green-200:hover {
-  --text-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--text-opacity));
-}
-
-.hover\:text-green-300:hover {
-  --text-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--text-opacity));
-}
-
-.hover\:text-green-400:hover {
-  --text-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--text-opacity));
-}
-
-.hover\:text-green-500:hover {
-  --text-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--text-opacity));
-}
-
-.hover\:text-green-600:hover {
-  --text-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--text-opacity));
-}
-
-.hover\:text-green-700:hover {
-  --text-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--text-opacity));
-}
-
-.hover\:text-green-800:hover {
-  --text-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--text-opacity));
-}
-
-.hover\:text-green-900:hover {
-  --text-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--text-opacity));
-}
-
-.hover\:text-teal-50:hover {
-  --text-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--text-opacity));
-}
-
-.hover\:text-teal-100:hover {
-  --text-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--text-opacity));
-}
-
-.hover\:text-teal-200:hover {
-  --text-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--text-opacity));
-}
-
-.hover\:text-teal-300:hover {
-  --text-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--text-opacity));
-}
-
-.hover\:text-teal-400:hover {
-  --text-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--text-opacity));
-}
-
-.hover\:text-teal-500:hover {
-  --text-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--text-opacity));
-}
-
-.hover\:text-teal-600:hover {
-  --text-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--text-opacity));
-}
-
-.hover\:text-teal-700:hover {
-  --text-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--text-opacity));
-}
-
-.hover\:text-teal-800:hover {
-  --text-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--text-opacity));
-}
-
-.hover\:text-teal-900:hover {
-  --text-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--text-opacity));
-}
-
-.hover\:text-blue-50:hover {
-  --text-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--text-opacity));
-}
-
-.hover\:text-blue-100:hover {
-  --text-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--text-opacity));
-}
-
-.hover\:text-blue-200:hover {
-  --text-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--text-opacity));
-}
-
-.hover\:text-blue-300:hover {
-  --text-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--text-opacity));
-}
-
-.hover\:text-blue-400:hover {
-  --text-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--text-opacity));
-}
-
-.hover\:text-blue-500:hover {
-  --text-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--text-opacity));
-}
-
-.hover\:text-blue-600:hover {
-  --text-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--text-opacity));
-}
-
-.hover\:text-blue-700:hover {
-  --text-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--text-opacity));
-}
-
-.hover\:text-blue-800:hover {
-  --text-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--text-opacity));
-}
-
-.hover\:text-blue-900:hover {
-  --text-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--text-opacity));
-}
-
-.hover\:text-indigo-50:hover {
-  --text-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--text-opacity));
-}
-
-.hover\:text-indigo-100:hover {
-  --text-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--text-opacity));
-}
-
-.hover\:text-indigo-200:hover {
-  --text-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--text-opacity));
-}
-
-.hover\:text-indigo-300:hover {
-  --text-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--text-opacity));
-}
-
-.hover\:text-indigo-400:hover {
-  --text-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--text-opacity));
-}
-
-.hover\:text-indigo-500:hover {
-  --text-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--text-opacity));
-}
-
-.hover\:text-indigo-600:hover {
-  --text-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--text-opacity));
-}
-
-.hover\:text-indigo-700:hover {
-  --text-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--text-opacity));
-}
-
-.hover\:text-indigo-800:hover {
-  --text-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--text-opacity));
-}
-
-.hover\:text-indigo-900:hover {
-  --text-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--text-opacity));
-}
-
-.hover\:text-purple-50:hover {
-  --text-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--text-opacity));
-}
-
-.hover\:text-purple-100:hover {
-  --text-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--text-opacity));
-}
-
-.hover\:text-purple-200:hover {
-  --text-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--text-opacity));
-}
-
-.hover\:text-purple-300:hover {
-  --text-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--text-opacity));
-}
-
-.hover\:text-purple-400:hover {
-  --text-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--text-opacity));
-}
-
-.hover\:text-purple-500:hover {
-  --text-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--text-opacity));
-}
-
-.hover\:text-purple-600:hover {
-  --text-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--text-opacity));
-}
-
-.hover\:text-purple-700:hover {
-  --text-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--text-opacity));
-}
-
-.hover\:text-purple-800:hover {
-  --text-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--text-opacity));
-}
-
-.hover\:text-purple-900:hover {
-  --text-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--text-opacity));
-}
-
-.hover\:text-pink-50:hover {
-  --text-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--text-opacity));
-}
-
-.hover\:text-pink-100:hover {
-  --text-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--text-opacity));
-}
-
-.hover\:text-pink-200:hover {
-  --text-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--text-opacity));
-}
-
-.hover\:text-pink-300:hover {
-  --text-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--text-opacity));
-}
-
-.hover\:text-pink-400:hover {
-  --text-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--text-opacity));
-}
-
-.hover\:text-pink-500:hover {
-  --text-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--text-opacity));
-}
-
-.hover\:text-pink-600:hover {
-  --text-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--text-opacity));
-}
-
-.hover\:text-pink-700:hover {
-  --text-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--text-opacity));
-}
-
-.hover\:text-pink-800:hover {
-  --text-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--text-opacity));
-}
-
-.hover\:text-pink-900:hover {
-  --text-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--text-opacity));
-}
-
-.focus-within\:text-transparent:focus-within {
-  color: transparent;
-}
-
-.focus-within\:text-white:focus-within {
-  --text-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--text-opacity));
-}
-
-.focus-within\:text-black:focus-within {
-  --text-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--text-opacity));
-}
-
-.focus-within\:text-gray-50:focus-within {
-  --text-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--text-opacity));
-}
-
-.focus-within\:text-gray-100:focus-within {
-  --text-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--text-opacity));
-}
-
-.focus-within\:text-gray-200:focus-within {
-  --text-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--text-opacity));
-}
-
-.focus-within\:text-gray-300:focus-within {
-  --text-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--text-opacity));
-}
-
-.focus-within\:text-gray-400:focus-within {
-  --text-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--text-opacity));
-}
-
-.focus-within\:text-gray-500:focus-within {
-  --text-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--text-opacity));
-}
-
-.focus-within\:text-gray-600:focus-within {
-  --text-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--text-opacity));
-}
-
-.focus-within\:text-gray-700:focus-within {
-  --text-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--text-opacity));
-}
-
-.focus-within\:text-gray-800:focus-within {
-  --text-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--text-opacity));
-}
-
-.focus-within\:text-gray-900:focus-within {
-  --text-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--text-opacity));
-}
-
-.focus-within\:text-cool-gray-50:focus-within {
-  --text-opacity: 1;
-  color: #fbfdfe;
-  color: rgba(251, 253, 254, var(--text-opacity));
-}
-
-.focus-within\:text-cool-gray-100:focus-within {
-  --text-opacity: 1;
-  color: #f1f5f9;
-  color: rgba(241, 245, 249, var(--text-opacity));
-}
-
-.focus-within\:text-cool-gray-200:focus-within {
-  --text-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--text-opacity));
-}
-
-.focus-within\:text-cool-gray-300:focus-within {
-  --text-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--text-opacity));
-}
-
-.focus-within\:text-cool-gray-400:focus-within {
-  --text-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--text-opacity));
-}
-
-.focus-within\:text-cool-gray-500:focus-within {
-  --text-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--text-opacity));
-}
-
-.focus-within\:text-cool-gray-600:focus-within {
-  --text-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--text-opacity));
-}
-
-.focus-within\:text-cool-gray-700:focus-within {
-  --text-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--text-opacity));
-}
-
-.focus-within\:text-cool-gray-800:focus-within {
-  --text-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--text-opacity));
-}
-
-.focus-within\:text-cool-gray-900:focus-within {
-  --text-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--text-opacity));
-}
-
-.focus-within\:text-red-50:focus-within {
-  --text-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--text-opacity));
-}
-
-.focus-within\:text-red-100:focus-within {
-  --text-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--text-opacity));
-}
-
-.focus-within\:text-red-200:focus-within {
-  --text-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--text-opacity));
-}
-
-.focus-within\:text-red-300:focus-within {
-  --text-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--text-opacity));
-}
-
-.focus-within\:text-red-400:focus-within {
-  --text-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--text-opacity));
-}
-
-.focus-within\:text-red-500:focus-within {
-  --text-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--text-opacity));
-}
-
-.focus-within\:text-red-600:focus-within {
-  --text-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--text-opacity));
-}
-
-.focus-within\:text-red-700:focus-within {
-  --text-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--text-opacity));
-}
-
-.focus-within\:text-red-800:focus-within {
-  --text-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--text-opacity));
-}
-
-.focus-within\:text-red-900:focus-within {
-  --text-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--text-opacity));
-}
-
-.focus-within\:text-orange-50:focus-within {
-  --text-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--text-opacity));
-}
-
-.focus-within\:text-orange-100:focus-within {
-  --text-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--text-opacity));
-}
-
-.focus-within\:text-orange-200:focus-within {
-  --text-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--text-opacity));
-}
-
-.focus-within\:text-orange-300:focus-within {
-  --text-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--text-opacity));
-}
-
-.focus-within\:text-orange-400:focus-within {
-  --text-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--text-opacity));
-}
-
-.focus-within\:text-orange-500:focus-within {
-  --text-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--text-opacity));
-}
-
-.focus-within\:text-orange-600:focus-within {
-  --text-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--text-opacity));
-}
-
-.focus-within\:text-orange-700:focus-within {
-  --text-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--text-opacity));
-}
-
-.focus-within\:text-orange-800:focus-within {
-  --text-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--text-opacity));
-}
-
-.focus-within\:text-orange-900:focus-within {
-  --text-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--text-opacity));
-}
-
-.focus-within\:text-yellow-50:focus-within {
-  --text-opacity: 1;
-  color: #fdfdea;
-  color: rgba(253, 253, 234, var(--text-opacity));
-}
-
-.focus-within\:text-yellow-100:focus-within {
-  --text-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--text-opacity));
-}
-
-.focus-within\:text-yellow-200:focus-within {
-  --text-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--text-opacity));
-}
-
-.focus-within\:text-yellow-300:focus-within {
-  --text-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--text-opacity));
-}
-
-.focus-within\:text-yellow-400:focus-within {
-  --text-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--text-opacity));
-}
-
-.focus-within\:text-yellow-500:focus-within {
-  --text-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--text-opacity));
-}
-
-.focus-within\:text-yellow-600:focus-within {
-  --text-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--text-opacity));
-}
-
-.focus-within\:text-yellow-700:focus-within {
-  --text-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--text-opacity));
-}
-
-.focus-within\:text-yellow-800:focus-within {
-  --text-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--text-opacity));
-}
-
-.focus-within\:text-yellow-900:focus-within {
-  --text-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--text-opacity));
-}
-
-.focus-within\:text-green-50:focus-within {
-  --text-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--text-opacity));
-}
-
-.focus-within\:text-green-100:focus-within {
-  --text-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--text-opacity));
-}
-
-.focus-within\:text-green-200:focus-within {
-  --text-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--text-opacity));
-}
-
-.focus-within\:text-green-300:focus-within {
-  --text-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--text-opacity));
-}
-
-.focus-within\:text-green-400:focus-within {
-  --text-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--text-opacity));
-}
-
-.focus-within\:text-green-500:focus-within {
-  --text-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--text-opacity));
-}
-
-.focus-within\:text-green-600:focus-within {
-  --text-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--text-opacity));
-}
-
-.focus-within\:text-green-700:focus-within {
-  --text-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--text-opacity));
-}
-
-.focus-within\:text-green-800:focus-within {
-  --text-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--text-opacity));
-}
-
-.focus-within\:text-green-900:focus-within {
-  --text-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--text-opacity));
-}
-
-.focus-within\:text-teal-50:focus-within {
-  --text-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--text-opacity));
-}
-
-.focus-within\:text-teal-100:focus-within {
-  --text-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--text-opacity));
-}
-
-.focus-within\:text-teal-200:focus-within {
-  --text-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--text-opacity));
-}
-
-.focus-within\:text-teal-300:focus-within {
-  --text-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--text-opacity));
-}
-
-.focus-within\:text-teal-400:focus-within {
-  --text-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--text-opacity));
-}
-
-.focus-within\:text-teal-500:focus-within {
-  --text-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--text-opacity));
-}
-
-.focus-within\:text-teal-600:focus-within {
-  --text-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--text-opacity));
-}
-
-.focus-within\:text-teal-700:focus-within {
-  --text-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--text-opacity));
-}
-
-.focus-within\:text-teal-800:focus-within {
-  --text-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--text-opacity));
-}
-
-.focus-within\:text-teal-900:focus-within {
-  --text-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--text-opacity));
-}
-
-.focus-within\:text-blue-50:focus-within {
-  --text-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--text-opacity));
-}
-
-.focus-within\:text-blue-100:focus-within {
-  --text-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--text-opacity));
-}
-
-.focus-within\:text-blue-200:focus-within {
-  --text-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--text-opacity));
-}
-
-.focus-within\:text-blue-300:focus-within {
-  --text-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--text-opacity));
-}
-
-.focus-within\:text-blue-400:focus-within {
-  --text-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--text-opacity));
-}
-
-.focus-within\:text-blue-500:focus-within {
-  --text-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--text-opacity));
-}
-
-.focus-within\:text-blue-600:focus-within {
-  --text-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--text-opacity));
-}
-
-.focus-within\:text-blue-700:focus-within {
-  --text-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--text-opacity));
-}
-
-.focus-within\:text-blue-800:focus-within {
-  --text-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--text-opacity));
-}
-
-.focus-within\:text-blue-900:focus-within {
-  --text-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--text-opacity));
-}
-
-.focus-within\:text-indigo-50:focus-within {
-  --text-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--text-opacity));
-}
-
-.focus-within\:text-indigo-100:focus-within {
-  --text-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--text-opacity));
-}
-
-.focus-within\:text-indigo-200:focus-within {
-  --text-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--text-opacity));
-}
-
-.focus-within\:text-indigo-300:focus-within {
-  --text-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--text-opacity));
-}
-
-.focus-within\:text-indigo-400:focus-within {
-  --text-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--text-opacity));
-}
-
-.focus-within\:text-indigo-500:focus-within {
-  --text-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--text-opacity));
-}
-
-.focus-within\:text-indigo-600:focus-within {
-  --text-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--text-opacity));
-}
-
-.focus-within\:text-indigo-700:focus-within {
-  --text-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--text-opacity));
-}
-
-.focus-within\:text-indigo-800:focus-within {
-  --text-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--text-opacity));
-}
-
-.focus-within\:text-indigo-900:focus-within {
-  --text-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--text-opacity));
-}
-
-.focus-within\:text-purple-50:focus-within {
-  --text-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--text-opacity));
-}
-
-.focus-within\:text-purple-100:focus-within {
-  --text-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--text-opacity));
-}
-
-.focus-within\:text-purple-200:focus-within {
-  --text-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--text-opacity));
-}
-
-.focus-within\:text-purple-300:focus-within {
-  --text-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--text-opacity));
-}
-
-.focus-within\:text-purple-400:focus-within {
-  --text-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--text-opacity));
-}
-
-.focus-within\:text-purple-500:focus-within {
-  --text-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--text-opacity));
-}
-
-.focus-within\:text-purple-600:focus-within {
-  --text-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--text-opacity));
-}
-
-.focus-within\:text-purple-700:focus-within {
-  --text-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--text-opacity));
-}
-
-.focus-within\:text-purple-800:focus-within {
-  --text-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--text-opacity));
-}
-
-.focus-within\:text-purple-900:focus-within {
-  --text-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--text-opacity));
-}
-
-.focus-within\:text-pink-50:focus-within {
-  --text-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--text-opacity));
-}
-
-.focus-within\:text-pink-100:focus-within {
-  --text-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--text-opacity));
-}
-
-.focus-within\:text-pink-200:focus-within {
-  --text-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--text-opacity));
-}
-
-.focus-within\:text-pink-300:focus-within {
-  --text-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--text-opacity));
-}
-
-.focus-within\:text-pink-400:focus-within {
-  --text-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--text-opacity));
-}
-
-.focus-within\:text-pink-500:focus-within {
-  --text-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--text-opacity));
-}
-
-.focus-within\:text-pink-600:focus-within {
-  --text-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--text-opacity));
-}
-
-.focus-within\:text-pink-700:focus-within {
-  --text-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--text-opacity));
-}
-
-.focus-within\:text-pink-800:focus-within {
-  --text-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--text-opacity));
-}
-
-.focus-within\:text-pink-900:focus-within {
-  --text-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--text-opacity));
-}
-
-.focus\:text-transparent:focus {
-  color: transparent;
-}
-
-.focus\:text-white:focus {
-  --text-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--text-opacity));
-}
-
-.focus\:text-black:focus {
-  --text-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--text-opacity));
-}
-
-.focus\:text-gray-50:focus {
-  --text-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--text-opacity));
-}
-
-.focus\:text-gray-100:focus {
-  --text-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--text-opacity));
-}
-
-.focus\:text-gray-200:focus {
-  --text-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--text-opacity));
-}
-
-.focus\:text-gray-300:focus {
-  --text-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--text-opacity));
-}
-
-.focus\:text-gray-400:focus {
-  --text-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--text-opacity));
-}
-
-.focus\:text-gray-500:focus {
-  --text-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--text-opacity));
-}
-
-.focus\:text-gray-600:focus {
-  --text-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--text-opacity));
-}
-
-.focus\:text-gray-700:focus {
-  --text-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--text-opacity));
-}
-
-.focus\:text-gray-800:focus {
-  --text-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--text-opacity));
-}
-
-.focus\:text-gray-900:focus {
-  --text-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--text-opacity));
-}
-
-.focus\:text-cool-gray-50:focus {
-  --text-opacity: 1;
-  color: #fbfdfe;
-  color: rgba(251, 253, 254, var(--text-opacity));
-}
-
-.focus\:text-cool-gray-100:focus {
-  --text-opacity: 1;
-  color: #f1f5f9;
-  color: rgba(241, 245, 249, var(--text-opacity));
-}
-
-.focus\:text-cool-gray-200:focus {
-  --text-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--text-opacity));
-}
-
-.focus\:text-cool-gray-300:focus {
-  --text-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--text-opacity));
-}
-
-.focus\:text-cool-gray-400:focus {
-  --text-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--text-opacity));
-}
-
-.focus\:text-cool-gray-500:focus {
-  --text-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--text-opacity));
-}
-
-.focus\:text-cool-gray-600:focus {
-  --text-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--text-opacity));
-}
-
-.focus\:text-cool-gray-700:focus {
-  --text-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--text-opacity));
-}
-
-.focus\:text-cool-gray-800:focus {
-  --text-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--text-opacity));
-}
-
-.focus\:text-cool-gray-900:focus {
-  --text-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--text-opacity));
-}
-
-.focus\:text-red-50:focus {
-  --text-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--text-opacity));
-}
-
-.focus\:text-red-100:focus {
-  --text-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--text-opacity));
-}
-
-.focus\:text-red-200:focus {
-  --text-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--text-opacity));
-}
-
-.focus\:text-red-300:focus {
-  --text-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--text-opacity));
-}
-
-.focus\:text-red-400:focus {
-  --text-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--text-opacity));
-}
-
-.focus\:text-red-500:focus {
-  --text-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--text-opacity));
-}
-
-.focus\:text-red-600:focus {
-  --text-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--text-opacity));
-}
-
-.focus\:text-red-700:focus {
-  --text-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--text-opacity));
-}
-
-.focus\:text-red-800:focus {
-  --text-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--text-opacity));
-}
-
-.focus\:text-red-900:focus {
-  --text-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--text-opacity));
-}
-
-.focus\:text-orange-50:focus {
-  --text-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--text-opacity));
-}
-
-.focus\:text-orange-100:focus {
-  --text-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--text-opacity));
-}
-
-.focus\:text-orange-200:focus {
-  --text-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--text-opacity));
-}
-
-.focus\:text-orange-300:focus {
-  --text-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--text-opacity));
-}
-
-.focus\:text-orange-400:focus {
-  --text-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--text-opacity));
-}
-
-.focus\:text-orange-500:focus {
-  --text-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--text-opacity));
-}
-
-.focus\:text-orange-600:focus {
-  --text-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--text-opacity));
-}
-
-.focus\:text-orange-700:focus {
-  --text-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--text-opacity));
-}
-
-.focus\:text-orange-800:focus {
-  --text-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--text-opacity));
-}
-
-.focus\:text-orange-900:focus {
-  --text-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--text-opacity));
-}
-
-.focus\:text-yellow-50:focus {
-  --text-opacity: 1;
-  color: #fdfdea;
-  color: rgba(253, 253, 234, var(--text-opacity));
-}
-
-.focus\:text-yellow-100:focus {
-  --text-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--text-opacity));
-}
-
-.focus\:text-yellow-200:focus {
-  --text-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--text-opacity));
-}
-
-.focus\:text-yellow-300:focus {
-  --text-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--text-opacity));
-}
-
-.focus\:text-yellow-400:focus {
-  --text-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--text-opacity));
-}
-
-.focus\:text-yellow-500:focus {
-  --text-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--text-opacity));
-}
-
-.focus\:text-yellow-600:focus {
-  --text-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--text-opacity));
-}
-
-.focus\:text-yellow-700:focus {
-  --text-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--text-opacity));
-}
-
-.focus\:text-yellow-800:focus {
-  --text-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--text-opacity));
-}
-
-.focus\:text-yellow-900:focus {
-  --text-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--text-opacity));
-}
-
-.focus\:text-green-50:focus {
-  --text-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--text-opacity));
-}
-
-.focus\:text-green-100:focus {
-  --text-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--text-opacity));
-}
-
-.focus\:text-green-200:focus {
-  --text-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--text-opacity));
-}
-
-.focus\:text-green-300:focus {
-  --text-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--text-opacity));
-}
-
-.focus\:text-green-400:focus {
-  --text-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--text-opacity));
-}
-
-.focus\:text-green-500:focus {
-  --text-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--text-opacity));
-}
-
-.focus\:text-green-600:focus {
-  --text-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--text-opacity));
-}
-
-.focus\:text-green-700:focus {
-  --text-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--text-opacity));
-}
-
-.focus\:text-green-800:focus {
-  --text-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--text-opacity));
-}
-
-.focus\:text-green-900:focus {
-  --text-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--text-opacity));
-}
-
-.focus\:text-teal-50:focus {
-  --text-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--text-opacity));
-}
-
-.focus\:text-teal-100:focus {
-  --text-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--text-opacity));
-}
-
-.focus\:text-teal-200:focus {
-  --text-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--text-opacity));
-}
-
-.focus\:text-teal-300:focus {
-  --text-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--text-opacity));
-}
-
-.focus\:text-teal-400:focus {
-  --text-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--text-opacity));
-}
-
-.focus\:text-teal-500:focus {
-  --text-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--text-opacity));
-}
-
-.focus\:text-teal-600:focus {
-  --text-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--text-opacity));
-}
-
-.focus\:text-teal-700:focus {
-  --text-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--text-opacity));
-}
-
-.focus\:text-teal-800:focus {
-  --text-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--text-opacity));
-}
-
-.focus\:text-teal-900:focus {
-  --text-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--text-opacity));
-}
-
-.focus\:text-blue-50:focus {
-  --text-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--text-opacity));
-}
-
-.focus\:text-blue-100:focus {
-  --text-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--text-opacity));
-}
-
-.focus\:text-blue-200:focus {
-  --text-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--text-opacity));
-}
-
-.focus\:text-blue-300:focus {
-  --text-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--text-opacity));
-}
-
-.focus\:text-blue-400:focus {
-  --text-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--text-opacity));
-}
-
-.focus\:text-blue-500:focus {
-  --text-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--text-opacity));
-}
-
-.focus\:text-blue-600:focus {
-  --text-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--text-opacity));
-}
-
-.focus\:text-blue-700:focus {
-  --text-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--text-opacity));
-}
-
-.focus\:text-blue-800:focus {
-  --text-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--text-opacity));
-}
-
-.focus\:text-blue-900:focus {
-  --text-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--text-opacity));
-}
-
-.focus\:text-indigo-50:focus {
-  --text-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--text-opacity));
-}
-
-.focus\:text-indigo-100:focus {
-  --text-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--text-opacity));
-}
-
-.focus\:text-indigo-200:focus {
-  --text-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--text-opacity));
-}
-
-.focus\:text-indigo-300:focus {
-  --text-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--text-opacity));
-}
-
-.focus\:text-indigo-400:focus {
-  --text-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--text-opacity));
-}
-
-.focus\:text-indigo-500:focus {
-  --text-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--text-opacity));
-}
-
-.focus\:text-indigo-600:focus {
-  --text-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--text-opacity));
-}
-
-.focus\:text-indigo-700:focus {
-  --text-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--text-opacity));
-}
-
-.focus\:text-indigo-800:focus {
-  --text-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--text-opacity));
-}
-
-.focus\:text-indigo-900:focus {
-  --text-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--text-opacity));
-}
-
-.focus\:text-purple-50:focus {
-  --text-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--text-opacity));
-}
-
-.focus\:text-purple-100:focus {
-  --text-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--text-opacity));
-}
-
-.focus\:text-purple-200:focus {
-  --text-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--text-opacity));
-}
-
-.focus\:text-purple-300:focus {
-  --text-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--text-opacity));
-}
-
-.focus\:text-purple-400:focus {
-  --text-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--text-opacity));
-}
-
-.focus\:text-purple-500:focus {
-  --text-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--text-opacity));
-}
-
-.focus\:text-purple-600:focus {
-  --text-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--text-opacity));
-}
-
-.focus\:text-purple-700:focus {
-  --text-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--text-opacity));
-}
-
-.focus\:text-purple-800:focus {
-  --text-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--text-opacity));
-}
-
-.focus\:text-purple-900:focus {
-  --text-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--text-opacity));
-}
-
-.focus\:text-pink-50:focus {
-  --text-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--text-opacity));
-}
-
-.focus\:text-pink-100:focus {
-  --text-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--text-opacity));
-}
-
-.focus\:text-pink-200:focus {
-  --text-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--text-opacity));
-}
-
-.focus\:text-pink-300:focus {
-  --text-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--text-opacity));
-}
-
-.focus\:text-pink-400:focus {
-  --text-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--text-opacity));
-}
-
-.focus\:text-pink-500:focus {
-  --text-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--text-opacity));
-}
-
-.focus\:text-pink-600:focus {
-  --text-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--text-opacity));
-}
-
-.focus\:text-pink-700:focus {
-  --text-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--text-opacity));
-}
-
-.focus\:text-pink-800:focus {
-  --text-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--text-opacity));
-}
-
-.focus\:text-pink-900:focus {
-  --text-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--text-opacity));
-}
-
-.active\:text-transparent:active {
-  color: transparent;
-}
-
-.active\:text-white:active {
-  --text-opacity: 1;
-  color: #ffffff;
-  color: rgba(255, 255, 255, var(--text-opacity));
-}
-
-.active\:text-black:active {
-  --text-opacity: 1;
-  color: #000000;
-  color: rgba(0, 0, 0, var(--text-opacity));
-}
-
-.active\:text-gray-50:active {
-  --text-opacity: 1;
-  color: #f9fafb;
-  color: rgba(249, 250, 251, var(--text-opacity));
-}
-
-.active\:text-gray-100:active {
-  --text-opacity: 1;
-  color: #f4f5f7;
-  color: rgba(244, 245, 247, var(--text-opacity));
-}
-
-.active\:text-gray-200:active {
-  --text-opacity: 1;
-  color: #e5e7eb;
-  color: rgba(229, 231, 235, var(--text-opacity));
-}
-
-.active\:text-gray-300:active {
-  --text-opacity: 1;
-  color: #d2d6dc;
-  color: rgba(210, 214, 220, var(--text-opacity));
-}
-
-.active\:text-gray-400:active {
-  --text-opacity: 1;
-  color: #9fa6b2;
-  color: rgba(159, 166, 178, var(--text-opacity));
-}
-
-.active\:text-gray-500:active {
-  --text-opacity: 1;
-  color: #6b7280;
-  color: rgba(107, 114, 128, var(--text-opacity));
-}
-
-.active\:text-gray-600:active {
-  --text-opacity: 1;
-  color: #4b5563;
-  color: rgba(75, 85, 99, var(--text-opacity));
-}
-
-.active\:text-gray-700:active {
-  --text-opacity: 1;
-  color: #374151;
-  color: rgba(55, 65, 81, var(--text-opacity));
-}
-
-.active\:text-gray-800:active {
-  --text-opacity: 1;
-  color: #252f3f;
-  color: rgba(37, 47, 63, var(--text-opacity));
-}
-
-.active\:text-gray-900:active {
-  --text-opacity: 1;
-  color: #161e2e;
-  color: rgba(22, 30, 46, var(--text-opacity));
-}
-
-.active\:text-cool-gray-50:active {
-  --text-opacity: 1;
-  color: #fbfdfe;
-  color: rgba(251, 253, 254, var(--text-opacity));
-}
-
-.active\:text-cool-gray-100:active {
-  --text-opacity: 1;
-  color: #f1f5f9;
-  color: rgba(241, 245, 249, var(--text-opacity));
-}
-
-.active\:text-cool-gray-200:active {
-  --text-opacity: 1;
-  color: #e2e8f0;
-  color: rgba(226, 232, 240, var(--text-opacity));
-}
-
-.active\:text-cool-gray-300:active {
-  --text-opacity: 1;
-  color: #cfd8e3;
-  color: rgba(207, 216, 227, var(--text-opacity));
-}
-
-.active\:text-cool-gray-400:active {
-  --text-opacity: 1;
-  color: #97a6ba;
-  color: rgba(151, 166, 186, var(--text-opacity));
-}
-
-.active\:text-cool-gray-500:active {
-  --text-opacity: 1;
-  color: #64748b;
-  color: rgba(100, 116, 139, var(--text-opacity));
-}
-
-.active\:text-cool-gray-600:active {
-  --text-opacity: 1;
-  color: #475569;
-  color: rgba(71, 85, 105, var(--text-opacity));
-}
-
-.active\:text-cool-gray-700:active {
-  --text-opacity: 1;
-  color: #364152;
-  color: rgba(54, 65, 82, var(--text-opacity));
-}
-
-.active\:text-cool-gray-800:active {
-  --text-opacity: 1;
-  color: #27303f;
-  color: rgba(39, 48, 63, var(--text-opacity));
-}
-
-.active\:text-cool-gray-900:active {
-  --text-opacity: 1;
-  color: #1a202e;
-  color: rgba(26, 32, 46, var(--text-opacity));
-}
-
-.active\:text-red-50:active {
-  --text-opacity: 1;
-  color: #fdf2f2;
-  color: rgba(253, 242, 242, var(--text-opacity));
-}
-
-.active\:text-red-100:active {
-  --text-opacity: 1;
-  color: #fde8e8;
-  color: rgba(253, 232, 232, var(--text-opacity));
-}
-
-.active\:text-red-200:active {
-  --text-opacity: 1;
-  color: #fbd5d5;
-  color: rgba(251, 213, 213, var(--text-opacity));
-}
-
-.active\:text-red-300:active {
-  --text-opacity: 1;
-  color: #f8b4b4;
-  color: rgba(248, 180, 180, var(--text-opacity));
-}
-
-.active\:text-red-400:active {
-  --text-opacity: 1;
-  color: #f98080;
-  color: rgba(249, 128, 128, var(--text-opacity));
-}
-
-.active\:text-red-500:active {
-  --text-opacity: 1;
-  color: #f05252;
-  color: rgba(240, 82, 82, var(--text-opacity));
-}
-
-.active\:text-red-600:active {
-  --text-opacity: 1;
-  color: #e02424;
-  color: rgba(224, 36, 36, var(--text-opacity));
-}
-
-.active\:text-red-700:active {
-  --text-opacity: 1;
-  color: #c81e1e;
-  color: rgba(200, 30, 30, var(--text-opacity));
-}
-
-.active\:text-red-800:active {
-  --text-opacity: 1;
-  color: #9b1c1c;
-  color: rgba(155, 28, 28, var(--text-opacity));
-}
-
-.active\:text-red-900:active {
-  --text-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--text-opacity));
-}
-
-.active\:text-orange-50:active {
-  --text-opacity: 1;
-  color: #fff8f1;
-  color: rgba(255, 248, 241, var(--text-opacity));
-}
-
-.active\:text-orange-100:active {
-  --text-opacity: 1;
-  color: #feecdc;
-  color: rgba(254, 236, 220, var(--text-opacity));
-}
-
-.active\:text-orange-200:active {
-  --text-opacity: 1;
-  color: #fcd9bd;
-  color: rgba(252, 217, 189, var(--text-opacity));
-}
-
-.active\:text-orange-300:active {
-  --text-opacity: 1;
-  color: #fdba8c;
-  color: rgba(253, 186, 140, var(--text-opacity));
-}
-
-.active\:text-orange-400:active {
-  --text-opacity: 1;
-  color: #ff8a4c;
-  color: rgba(255, 138, 76, var(--text-opacity));
-}
-
-.active\:text-orange-500:active {
-  --text-opacity: 1;
-  color: #ff5a1f;
-  color: rgba(255, 90, 31, var(--text-opacity));
-}
-
-.active\:text-orange-600:active {
-  --text-opacity: 1;
-  color: #d03801;
-  color: rgba(208, 56, 1, var(--text-opacity));
-}
-
-.active\:text-orange-700:active {
-  --text-opacity: 1;
-  color: #b43403;
-  color: rgba(180, 52, 3, var(--text-opacity));
-}
-
-.active\:text-orange-800:active {
-  --text-opacity: 1;
-  color: #8a2c0d;
-  color: rgba(138, 44, 13, var(--text-opacity));
-}
-
-.active\:text-orange-900:active {
-  --text-opacity: 1;
-  color: #771d1d;
-  color: rgba(119, 29, 29, var(--text-opacity));
-}
-
-.active\:text-yellow-50:active {
-  --text-opacity: 1;
-  color: #fdfdea;
-  color: rgba(253, 253, 234, var(--text-opacity));
-}
-
-.active\:text-yellow-100:active {
-  --text-opacity: 1;
-  color: #fdf6b2;
-  color: rgba(253, 246, 178, var(--text-opacity));
-}
-
-.active\:text-yellow-200:active {
-  --text-opacity: 1;
-  color: #fce96a;
-  color: rgba(252, 233, 106, var(--text-opacity));
-}
-
-.active\:text-yellow-300:active {
-  --text-opacity: 1;
-  color: #faca15;
-  color: rgba(250, 202, 21, var(--text-opacity));
-}
-
-.active\:text-yellow-400:active {
-  --text-opacity: 1;
-  color: #e3a008;
-  color: rgba(227, 160, 8, var(--text-opacity));
-}
-
-.active\:text-yellow-500:active {
-  --text-opacity: 1;
-  color: #c27803;
-  color: rgba(194, 120, 3, var(--text-opacity));
-}
-
-.active\:text-yellow-600:active {
-  --text-opacity: 1;
-  color: #9f580a;
-  color: rgba(159, 88, 10, var(--text-opacity));
-}
-
-.active\:text-yellow-700:active {
-  --text-opacity: 1;
-  color: #8e4b10;
-  color: rgba(142, 75, 16, var(--text-opacity));
-}
-
-.active\:text-yellow-800:active {
-  --text-opacity: 1;
-  color: #723b13;
-  color: rgba(114, 59, 19, var(--text-opacity));
-}
-
-.active\:text-yellow-900:active {
-  --text-opacity: 1;
-  color: #633112;
-  color: rgba(99, 49, 18, var(--text-opacity));
-}
-
-.active\:text-green-50:active {
-  --text-opacity: 1;
-  color: #f3faf7;
-  color: rgba(243, 250, 247, var(--text-opacity));
-}
-
-.active\:text-green-100:active {
-  --text-opacity: 1;
-  color: #def7ec;
-  color: rgba(222, 247, 236, var(--text-opacity));
-}
-
-.active\:text-green-200:active {
-  --text-opacity: 1;
-  color: #bcf0da;
-  color: rgba(188, 240, 218, var(--text-opacity));
-}
-
-.active\:text-green-300:active {
-  --text-opacity: 1;
-  color: #84e1bc;
-  color: rgba(132, 225, 188, var(--text-opacity));
-}
-
-.active\:text-green-400:active {
-  --text-opacity: 1;
-  color: #31c48d;
-  color: rgba(49, 196, 141, var(--text-opacity));
-}
-
-.active\:text-green-500:active {
-  --text-opacity: 1;
-  color: #0e9f6e;
-  color: rgba(14, 159, 110, var(--text-opacity));
-}
-
-.active\:text-green-600:active {
-  --text-opacity: 1;
-  color: #057a55;
-  color: rgba(5, 122, 85, var(--text-opacity));
-}
-
-.active\:text-green-700:active {
-  --text-opacity: 1;
-  color: #046c4e;
-  color: rgba(4, 108, 78, var(--text-opacity));
-}
-
-.active\:text-green-800:active {
-  --text-opacity: 1;
-  color: #03543f;
-  color: rgba(3, 84, 63, var(--text-opacity));
-}
-
-.active\:text-green-900:active {
-  --text-opacity: 1;
-  color: #014737;
-  color: rgba(1, 71, 55, var(--text-opacity));
-}
-
-.active\:text-teal-50:active {
-  --text-opacity: 1;
-  color: #edfafa;
-  color: rgba(237, 250, 250, var(--text-opacity));
-}
-
-.active\:text-teal-100:active {
-  --text-opacity: 1;
-  color: #d5f5f6;
-  color: rgba(213, 245, 246, var(--text-opacity));
-}
-
-.active\:text-teal-200:active {
-  --text-opacity: 1;
-  color: #afecef;
-  color: rgba(175, 236, 239, var(--text-opacity));
-}
-
-.active\:text-teal-300:active {
-  --text-opacity: 1;
-  color: #7edce2;
-  color: rgba(126, 220, 226, var(--text-opacity));
-}
-
-.active\:text-teal-400:active {
-  --text-opacity: 1;
-  color: #16bdca;
-  color: rgba(22, 189, 202, var(--text-opacity));
-}
-
-.active\:text-teal-500:active {
-  --text-opacity: 1;
-  color: #0694a2;
-  color: rgba(6, 148, 162, var(--text-opacity));
-}
-
-.active\:text-teal-600:active {
-  --text-opacity: 1;
-  color: #047481;
-  color: rgba(4, 116, 129, var(--text-opacity));
-}
-
-.active\:text-teal-700:active {
-  --text-opacity: 1;
-  color: #036672;
-  color: rgba(3, 102, 114, var(--text-opacity));
-}
-
-.active\:text-teal-800:active {
-  --text-opacity: 1;
-  color: #05505c;
-  color: rgba(5, 80, 92, var(--text-opacity));
-}
-
-.active\:text-teal-900:active {
-  --text-opacity: 1;
-  color: #014451;
-  color: rgba(1, 68, 81, var(--text-opacity));
-}
-
-.active\:text-blue-50:active {
-  --text-opacity: 1;
-  color: #ebf5ff;
-  color: rgba(235, 245, 255, var(--text-opacity));
-}
-
-.active\:text-blue-100:active {
-  --text-opacity: 1;
-  color: #e1effe;
-  color: rgba(225, 239, 254, var(--text-opacity));
-}
-
-.active\:text-blue-200:active {
-  --text-opacity: 1;
-  color: #c3ddfd;
-  color: rgba(195, 221, 253, var(--text-opacity));
-}
-
-.active\:text-blue-300:active {
-  --text-opacity: 1;
-  color: #a4cafe;
-  color: rgba(164, 202, 254, var(--text-opacity));
-}
-
-.active\:text-blue-400:active {
-  --text-opacity: 1;
-  color: #76a9fa;
-  color: rgba(118, 169, 250, var(--text-opacity));
-}
-
-.active\:text-blue-500:active {
-  --text-opacity: 1;
-  color: #3f83f8;
-  color: rgba(63, 131, 248, var(--text-opacity));
-}
-
-.active\:text-blue-600:active {
-  --text-opacity: 1;
-  color: #1c64f2;
-  color: rgba(28, 100, 242, var(--text-opacity));
-}
-
-.active\:text-blue-700:active {
-  --text-opacity: 1;
-  color: #1a56db;
-  color: rgba(26, 86, 219, var(--text-opacity));
-}
-
-.active\:text-blue-800:active {
-  --text-opacity: 1;
-  color: #1e429f;
-  color: rgba(30, 66, 159, var(--text-opacity));
-}
-
-.active\:text-blue-900:active {
-  --text-opacity: 1;
-  color: #233876;
-  color: rgba(35, 56, 118, var(--text-opacity));
-}
-
-.active\:text-indigo-50:active {
-  --text-opacity: 1;
-  color: #f0f5ff;
-  color: rgba(240, 245, 255, var(--text-opacity));
-}
-
-.active\:text-indigo-100:active {
-  --text-opacity: 1;
-  color: #e5edff;
-  color: rgba(229, 237, 255, var(--text-opacity));
-}
-
-.active\:text-indigo-200:active {
-  --text-opacity: 1;
-  color: #cddbfe;
-  color: rgba(205, 219, 254, var(--text-opacity));
-}
-
-.active\:text-indigo-300:active {
-  --text-opacity: 1;
-  color: #b4c6fc;
-  color: rgba(180, 198, 252, var(--text-opacity));
-}
-
-.active\:text-indigo-400:active {
-  --text-opacity: 1;
-  color: #8da2fb;
-  color: rgba(141, 162, 251, var(--text-opacity));
-}
-
-.active\:text-indigo-500:active {
-  --text-opacity: 1;
-  color: #6875f5;
-  color: rgba(104, 117, 245, var(--text-opacity));
-}
-
-.active\:text-indigo-600:active {
-  --text-opacity: 1;
-  color: #5850ec;
-  color: rgba(88, 80, 236, var(--text-opacity));
-}
-
-.active\:text-indigo-700:active {
-  --text-opacity: 1;
-  color: #5145cd;
-  color: rgba(81, 69, 205, var(--text-opacity));
-}
-
-.active\:text-indigo-800:active {
-  --text-opacity: 1;
-  color: #42389d;
-  color: rgba(66, 56, 157, var(--text-opacity));
-}
-
-.active\:text-indigo-900:active {
-  --text-opacity: 1;
-  color: #362f78;
-  color: rgba(54, 47, 120, var(--text-opacity));
-}
-
-.active\:text-purple-50:active {
-  --text-opacity: 1;
-  color: #f6f5ff;
-  color: rgba(246, 245, 255, var(--text-opacity));
-}
-
-.active\:text-purple-100:active {
-  --text-opacity: 1;
-  color: #edebfe;
-  color: rgba(237, 235, 254, var(--text-opacity));
-}
-
-.active\:text-purple-200:active {
-  --text-opacity: 1;
-  color: #dcd7fe;
-  color: rgba(220, 215, 254, var(--text-opacity));
-}
-
-.active\:text-purple-300:active {
-  --text-opacity: 1;
-  color: #cabffd;
-  color: rgba(202, 191, 253, var(--text-opacity));
-}
-
-.active\:text-purple-400:active {
-  --text-opacity: 1;
-  color: #ac94fa;
-  color: rgba(172, 148, 250, var(--text-opacity));
-}
-
-.active\:text-purple-500:active {
-  --text-opacity: 1;
-  color: #9061f9;
-  color: rgba(144, 97, 249, var(--text-opacity));
-}
-
-.active\:text-purple-600:active {
-  --text-opacity: 1;
-  color: #7e3af2;
-  color: rgba(126, 58, 242, var(--text-opacity));
-}
-
-.active\:text-purple-700:active {
-  --text-opacity: 1;
-  color: #6c2bd9;
-  color: rgba(108, 43, 217, var(--text-opacity));
-}
-
-.active\:text-purple-800:active {
-  --text-opacity: 1;
-  color: #5521b5;
-  color: rgba(85, 33, 181, var(--text-opacity));
-}
-
-.active\:text-purple-900:active {
-  --text-opacity: 1;
-  color: #4a1d96;
-  color: rgba(74, 29, 150, var(--text-opacity));
-}
-
-.active\:text-pink-50:active {
-  --text-opacity: 1;
-  color: #fdf2f8;
-  color: rgba(253, 242, 248, var(--text-opacity));
-}
-
-.active\:text-pink-100:active {
-  --text-opacity: 1;
-  color: #fce8f3;
-  color: rgba(252, 232, 243, var(--text-opacity));
-}
-
-.active\:text-pink-200:active {
-  --text-opacity: 1;
-  color: #fad1e8;
-  color: rgba(250, 209, 232, var(--text-opacity));
-}
-
-.active\:text-pink-300:active {
-  --text-opacity: 1;
-  color: #f8b4d9;
-  color: rgba(248, 180, 217, var(--text-opacity));
-}
-
-.active\:text-pink-400:active {
-  --text-opacity: 1;
-  color: #f17eb8;
-  color: rgba(241, 126, 184, var(--text-opacity));
-}
-
-.active\:text-pink-500:active {
-  --text-opacity: 1;
-  color: #e74694;
-  color: rgba(231, 70, 148, var(--text-opacity));
-}
-
-.active\:text-pink-600:active {
-  --text-opacity: 1;
-  color: #d61f69;
-  color: rgba(214, 31, 105, var(--text-opacity));
-}
-
-.active\:text-pink-700:active {
-  --text-opacity: 1;
-  color: #bf125d;
-  color: rgba(191, 18, 93, var(--text-opacity));
-}
-
-.active\:text-pink-800:active {
-  --text-opacity: 1;
-  color: #99154b;
-  color: rgba(153, 21, 75, var(--text-opacity));
-}
-
-.active\:text-pink-900:active {
-  --text-opacity: 1;
-  color: #751a3d;
-  color: rgba(117, 26, 61, var(--text-opacity));
-}
-
-.text-opacity-0 {
-  --text-opacity: 0;
-}
-
-.text-opacity-25 {
-  --text-opacity: 0.25;
-}
-
-.text-opacity-50 {
-  --text-opacity: 0.5;
-}
-
-.text-opacity-75 {
-  --text-opacity: 0.75;
-}
-
-.text-opacity-100 {
-  --text-opacity: 1;
-}
-
-.hover\:text-opacity-0:hover {
-  --text-opacity: 0;
-}
-
-.hover\:text-opacity-25:hover {
-  --text-opacity: 0.25;
-}
-
-.hover\:text-opacity-50:hover {
-  --text-opacity: 0.5;
-}
-
-.hover\:text-opacity-75:hover {
-  --text-opacity: 0.75;
-}
-
-.hover\:text-opacity-100:hover {
-  --text-opacity: 1;
-}
-
-.focus\:text-opacity-0:focus {
-  --text-opacity: 0;
-}
-
-.focus\:text-opacity-25:focus {
-  --text-opacity: 0.25;
-}
-
-.focus\:text-opacity-50:focus {
-  --text-opacity: 0.5;
-}
-
-.focus\:text-opacity-75:focus {
-  --text-opacity: 0.75;
-}
-
-.focus\:text-opacity-100:focus {
-  --text-opacity: 1;
-}
-
-.italic {
-  font-style: italic;
-}
-
-.not-italic {
-  font-style: normal;
-}
-
-.uppercase {
-  text-transform: uppercase;
-}
-
-.lowercase {
-  text-transform: lowercase;
-}
-
-.capitalize {
-  text-transform: capitalize;
-}
-
-.normal-case {
-  text-transform: none;
-}
-
-.underline {
-  text-decoration: underline;
-}
-
-.line-through {
-  text-decoration: line-through;
-}
-
-.no-underline {
-  text-decoration: none;
-}
-
-.group:hover .group-hover\:underline {
-  text-decoration: underline;
-}
-
-.group:hover .group-hover\:line-through {
-  text-decoration: line-through;
-}
-
-.group:hover .group-hover\:no-underline {
-  text-decoration: none;
-}
-
-.group:focus .group-focus\:underline {
-  text-decoration: underline;
-}
-
-.group:focus .group-focus\:line-through {
-  text-decoration: line-through;
-}
-
-.group:focus .group-focus\:no-underline {
-  text-decoration: none;
-}
-
-.hover\:underline:hover {
-  text-decoration: underline;
-}
-
-.hover\:line-through:hover {
-  text-decoration: line-through;
-}
-
-.hover\:no-underline:hover {
-  text-decoration: none;
-}
-
-.focus\:underline:focus {
-  text-decoration: underline;
-}
-
-.focus\:line-through:focus {
-  text-decoration: line-through;
-}
-
-.focus\:no-underline:focus {
-  text-decoration: none;
-}
-
-.antialiased {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.subpixel-antialiased {
-  -webkit-font-smoothing: auto;
-  -moz-osx-font-smoothing: auto;
-}
-
-.tracking-tighter {
-  letter-spacing: -0.05em;
-}
-
-.tracking-tight {
-  letter-spacing: -0.025em;
-}
-
-.tracking-normal {
-  letter-spacing: 0;
-}
-
-.tracking-wide {
-  letter-spacing: 0.025em;
-}
-
-.tracking-wider {
-  letter-spacing: 0.05em;
-}
-
-.tracking-widest {
-  letter-spacing: 0.1em;
-}
-
-.select-none {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-
-.select-text {
-  -webkit-user-select: text;
-     -moz-user-select: text;
-      -ms-user-select: text;
-          user-select: text;
-}
-
-.select-all {
-  -webkit-user-select: all;
-     -moz-user-select: all;
-      -ms-user-select: all;
-          user-select: all;
-}
-
-.select-auto {
-  -webkit-user-select: auto;
-     -moz-user-select: auto;
-      -ms-user-select: auto;
-          user-select: auto;
-}
-
-.align-baseline {
-  vertical-align: baseline;
-}
-
-.align-top {
-  vertical-align: top;
-}
-
-.align-middle {
-  vertical-align: middle;
-}
-
-.align-bottom {
-  vertical-align: bottom;
-}
-
-.align-text-top {
-  vertical-align: text-top;
-}
-
-.align-text-bottom {
-  vertical-align: text-bottom;
-}
-
-.visible {
-  visibility: visible;
-}
-
-.invisible {
-  visibility: hidden;
-}
-
-.whitespace-normal {
-  white-space: normal;
-}
-
-.whitespace-no-wrap {
-  white-space: nowrap;
-}
-
-.whitespace-pre {
-  white-space: pre;
-}
-
-.whitespace-pre-line {
-  white-space: pre-line;
-}
-
-.whitespace-pre-wrap {
-  white-space: pre-wrap;
-}
-
-.break-normal {
-  overflow-wrap: normal;
-  word-break: normal;
-}
-
-.break-words {
-  overflow-wrap: break-word;
-}
-
-.break-all {
-  word-break: break-all;
-}
-
-.truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.w-0 {
-  width: 0;
-}
-
-.w-1 {
-  width: 0.25rem;
-}
-
-.w-2 {
-  width: 0.5rem;
-}
-
-.w-3 {
-  width: 0.75rem;
-}
-
-.w-4 {
-  width: 1rem;
-}
-
-.w-5 {
-  width: 1.25rem;
-}
-
-.w-6 {
-  width: 1.5rem;
-}
-
-.w-7 {
-  width: 1.75rem;
-}
-
-.w-8 {
-  width: 2rem;
-}
-
-.w-9 {
-  width: 2.25rem;
-}
-
-.w-10 {
-  width: 2.5rem;
-}
-
-.w-11 {
-  width: 2.75rem;
-}
-
-.w-12 {
-  width: 3rem;
-}
-
-.w-13 {
-  width: 3.25rem;
-}
-
-.w-14 {
-  width: 3.5rem;
-}
-
-.w-15 {
-  width: 3.75rem;
-}
-
-.w-16 {
-  width: 4rem;
-}
-
-.w-20 {
-  width: 5rem;
-}
-
-.w-24 {
-  width: 6rem;
-}
-
-.w-28 {
-  width: 7rem;
-}
-
-.w-32 {
-  width: 8rem;
-}
-
-.w-36 {
-  width: 9rem;
-}
-
-.w-40 {
-  width: 10rem;
-}
-
-.w-48 {
-  width: 12rem;
-}
-
-.w-56 {
-  width: 14rem;
-}
-
-.w-60 {
-  width: 15rem;
-}
-
-.w-64 {
-  width: 16rem;
-}
-
-.w-72 {
-  width: 18rem;
-}
-
-.w-80 {
-  width: 20rem;
-}
-
-.w-96 {
-  width: 24rem;
-}
-
-.w-auto {
-  width: auto;
-}
-
-.w-px {
-  width: 1px;
-}
-
-.w-0\.5 {
-  width: 0.125rem;
-}
-
-.w-1\.5 {
-  width: 0.375rem;
-}
-
-.w-2\.5 {
-  width: 0.625rem;
-}
-
-.w-3\.5 {
-  width: 0.875rem;
-}
-
-.w-1\/2 {
-  width: 50%;
-}
-
-.w-1\/3 {
-  width: 33.333333%;
-}
-
-.w-2\/3 {
-  width: 66.666667%;
-}
-
-.w-1\/4 {
-  width: 25%;
-}
-
-.w-2\/4 {
-  width: 50%;
-}
-
-.w-3\/4 {
-  width: 75%;
-}
-
-.w-1\/5 {
-  width: 20%;
-}
-
-.w-2\/5 {
-  width: 40%;
-}
-
-.w-3\/5 {
-  width: 60%;
-}
-
-.w-4\/5 {
-  width: 80%;
-}
-
-.w-1\/6 {
-  width: 16.666667%;
-}
-
-.w-2\/6 {
-  width: 33.333333%;
-}
-
-.w-3\/6 {
-  width: 50%;
-}
-
-.w-4\/6 {
-  width: 66.666667%;
-}
-
-.w-5\/6 {
-  width: 83.333333%;
-}
-
-.w-1\/12 {
-  width: 8.333333%;
-}
-
-.w-2\/12 {
-  width: 16.666667%;
-}
-
-.w-3\/12 {
-  width: 25%;
-}
-
-.w-4\/12 {
-  width: 33.333333%;
-}
-
-.w-5\/12 {
-  width: 41.666667%;
-}
-
-.w-6\/12 {
-  width: 50%;
-}
-
-.w-7\/12 {
-  width: 58.333333%;
-}
-
-.w-8\/12 {
-  width: 66.666667%;
-}
-
-.w-9\/12 {
-  width: 75%;
-}
-
-.w-10\/12 {
-  width: 83.333333%;
-}
-
-.w-11\/12 {
-  width: 91.666667%;
-}
-
-.w-full {
-  width: 100%;
-}
-
-.w-screen {
-  width: 100vw;
-}
-
-.z-0 {
-  z-index: 0;
-}
-
-.z-10 {
-  z-index: 10;
-}
-
-.z-20 {
-  z-index: 20;
-}
-
-.z-30 {
-  z-index: 30;
-}
-
-.z-40 {
-  z-index: 40;
-}
-
-.z-50 {
-  z-index: 50;
-}
-
-.z-auto {
-  z-index: auto;
-}
-
-.focus-within\:z-0:focus-within {
-  z-index: 0;
-}
-
-.focus-within\:z-10:focus-within {
-  z-index: 10;
-}
-
-.focus-within\:z-20:focus-within {
-  z-index: 20;
-}
-
-.focus-within\:z-30:focus-within {
-  z-index: 30;
-}
-
-.focus-within\:z-40:focus-within {
-  z-index: 40;
-}
-
-.focus-within\:z-50:focus-within {
-  z-index: 50;
-}
-
-.focus-within\:z-auto:focus-within {
-  z-index: auto;
-}
-
-.focus\:z-0:focus {
-  z-index: 0;
-}
-
-.focus\:z-10:focus {
-  z-index: 10;
-}
-
-.focus\:z-20:focus {
-  z-index: 20;
-}
-
-.focus\:z-30:focus {
-  z-index: 30;
-}
-
-.focus\:z-40:focus {
-  z-index: 40;
-}
-
-.focus\:z-50:focus {
-  z-index: 50;
-}
-
-.focus\:z-auto:focus {
-  z-index: auto;
-}
-
-.gap-0 {
-  grid-gap: 0;
-  gap: 0;
-}
-
-.gap-1 {
-  grid-gap: 0.25rem;
-  gap: 0.25rem;
-}
-
-.gap-2 {
-  grid-gap: 0.5rem;
-  gap: 0.5rem;
-}
-
-.gap-3 {
-  grid-gap: 0.75rem;
-  gap: 0.75rem;
-}
-
-.gap-4 {
-  grid-gap: 1rem;
-  gap: 1rem;
-}
-
-.gap-5 {
-  grid-gap: 1.25rem;
-  gap: 1.25rem;
-}
-
-.gap-6 {
-  grid-gap: 1.5rem;
-  gap: 1.5rem;
-}
-
-.gap-7 {
-  grid-gap: 1.75rem;
-  gap: 1.75rem;
-}
-
-.gap-8 {
-  grid-gap: 2rem;
-  gap: 2rem;
-}
-
-.gap-9 {
-  grid-gap: 2.25rem;
-  gap: 2.25rem;
-}
-
-.gap-10 {
-  grid-gap: 2.5rem;
-  gap: 2.5rem;
-}
-
-.gap-11 {
-  grid-gap: 2.75rem;
-  gap: 2.75rem;
-}
-
-.gap-12 {
-  grid-gap: 3rem;
-  gap: 3rem;
-}
-
-.gap-13 {
-  grid-gap: 3.25rem;
-  gap: 3.25rem;
-}
-
-.gap-14 {
-  grid-gap: 3.5rem;
-  gap: 3.5rem;
-}
-
-.gap-15 {
-  grid-gap: 3.75rem;
-  gap: 3.75rem;
-}
-
-.gap-16 {
-  grid-gap: 4rem;
-  gap: 4rem;
-}
-
-.gap-20 {
-  grid-gap: 5rem;
-  gap: 5rem;
-}
-
-.gap-24 {
-  grid-gap: 6rem;
-  gap: 6rem;
-}
-
-.gap-28 {
-  grid-gap: 7rem;
-  gap: 7rem;
-}
-
-.gap-32 {
-  grid-gap: 8rem;
-  gap: 8rem;
-}
-
-.gap-36 {
-  grid-gap: 9rem;
-  gap: 9rem;
-}
-
-.gap-40 {
-  grid-gap: 10rem;
-  gap: 10rem;
-}
-
-.gap-48 {
-  grid-gap: 12rem;
-  gap: 12rem;
-}
-
-.gap-56 {
-  grid-gap: 14rem;
-  gap: 14rem;
-}
-
-.gap-60 {
-  grid-gap: 15rem;
-  gap: 15rem;
-}
-
-.gap-64 {
-  grid-gap: 16rem;
-  gap: 16rem;
-}
-
-.gap-72 {
-  grid-gap: 18rem;
-  gap: 18rem;
-}
-
-.gap-80 {
-  grid-gap: 20rem;
-  gap: 20rem;
-}
-
-.gap-96 {
-  grid-gap: 24rem;
-  gap: 24rem;
-}
-
-.gap-px {
-  grid-gap: 1px;
-  gap: 1px;
-}
-
-.gap-0\.5 {
-  grid-gap: 0.125rem;
-  gap: 0.125rem;
-}
-
-.gap-1\.5 {
-  grid-gap: 0.375rem;
-  gap: 0.375rem;
-}
-
-.gap-2\.5 {
-  grid-gap: 0.625rem;
-  gap: 0.625rem;
-}
-
-.gap-3\.5 {
-  grid-gap: 0.875rem;
-  gap: 0.875rem;
-}
-
-.gap-1\/2 {
-  grid-gap: 50%;
-  gap: 50%;
-}
-
-.gap-1\/3 {
-  grid-gap: 33.333333%;
-  gap: 33.333333%;
-}
-
-.gap-2\/3 {
-  grid-gap: 66.666667%;
-  gap: 66.666667%;
-}
-
-.gap-1\/4 {
-  grid-gap: 25%;
-  gap: 25%;
-}
-
-.gap-2\/4 {
-  grid-gap: 50%;
-  gap: 50%;
-}
-
-.gap-3\/4 {
-  grid-gap: 75%;
-  gap: 75%;
-}
-
-.gap-1\/5 {
-  grid-gap: 20%;
-  gap: 20%;
-}
-
-.gap-2\/5 {
-  grid-gap: 40%;
-  gap: 40%;
-}
-
-.gap-3\/5 {
-  grid-gap: 60%;
-  gap: 60%;
-}
-
-.gap-4\/5 {
-  grid-gap: 80%;
-  gap: 80%;
-}
-
-.gap-1\/6 {
-  grid-gap: 16.666667%;
-  gap: 16.666667%;
-}
-
-.gap-2\/6 {
-  grid-gap: 33.333333%;
-  gap: 33.333333%;
-}
-
-.gap-3\/6 {
-  grid-gap: 50%;
-  gap: 50%;
-}
-
-.gap-4\/6 {
-  grid-gap: 66.666667%;
-  gap: 66.666667%;
-}
-
-.gap-5\/6 {
-  grid-gap: 83.333333%;
-  gap: 83.333333%;
-}
-
-.gap-1\/12 {
-  grid-gap: 8.333333%;
-  gap: 8.333333%;
-}
-
-.gap-2\/12 {
-  grid-gap: 16.666667%;
-  gap: 16.666667%;
-}
-
-.gap-3\/12 {
-  grid-gap: 25%;
-  gap: 25%;
-}
-
-.gap-4\/12 {
-  grid-gap: 33.333333%;
-  gap: 33.333333%;
-}
-
-.gap-5\/12 {
-  grid-gap: 41.666667%;
-  gap: 41.666667%;
-}
-
-.gap-6\/12 {
-  grid-gap: 50%;
-  gap: 50%;
-}
-
-.gap-7\/12 {
-  grid-gap: 58.333333%;
-  gap: 58.333333%;
-}
-
-.gap-8\/12 {
-  grid-gap: 66.666667%;
-  gap: 66.666667%;
-}
-
-.gap-9\/12 {
-  grid-gap: 75%;
-  gap: 75%;
-}
-
-.gap-10\/12 {
-  grid-gap: 83.333333%;
-  gap: 83.333333%;
-}
-
-.gap-11\/12 {
-  grid-gap: 91.666667%;
-  gap: 91.666667%;
-}
-
-.gap-full {
-  grid-gap: 100%;
-  gap: 100%;
-}
-
-.col-gap-0 {
-  grid-column-gap: 0;
-  -moz-column-gap: 0;
-       column-gap: 0;
-}
-
-.col-gap-1 {
-  grid-column-gap: 0.25rem;
-  -moz-column-gap: 0.25rem;
-       column-gap: 0.25rem;
-}
-
-.col-gap-2 {
-  grid-column-gap: 0.5rem;
-  -moz-column-gap: 0.5rem;
-       column-gap: 0.5rem;
-}
-
-.col-gap-3 {
-  grid-column-gap: 0.75rem;
-  -moz-column-gap: 0.75rem;
-       column-gap: 0.75rem;
-}
-
-.col-gap-4 {
-  grid-column-gap: 1rem;
-  -moz-column-gap: 1rem;
-       column-gap: 1rem;
-}
-
-.col-gap-5 {
-  grid-column-gap: 1.25rem;
-  -moz-column-gap: 1.25rem;
-       column-gap: 1.25rem;
-}
-
-.col-gap-6 {
-  grid-column-gap: 1.5rem;
-  -moz-column-gap: 1.5rem;
-       column-gap: 1.5rem;
-}
-
-.col-gap-7 {
-  grid-column-gap: 1.75rem;
-  -moz-column-gap: 1.75rem;
-       column-gap: 1.75rem;
-}
-
-.col-gap-8 {
-  grid-column-gap: 2rem;
-  -moz-column-gap: 2rem;
-       column-gap: 2rem;
-}
-
-.col-gap-9 {
-  grid-column-gap: 2.25rem;
-  -moz-column-gap: 2.25rem;
-       column-gap: 2.25rem;
-}
-
-.col-gap-10 {
-  grid-column-gap: 2.5rem;
-  -moz-column-gap: 2.5rem;
-       column-gap: 2.5rem;
-}
-
-.col-gap-11 {
-  grid-column-gap: 2.75rem;
-  -moz-column-gap: 2.75rem;
-       column-gap: 2.75rem;
-}
-
-.col-gap-12 {
-  grid-column-gap: 3rem;
-  -moz-column-gap: 3rem;
-       column-gap: 3rem;
-}
-
-.col-gap-13 {
-  grid-column-gap: 3.25rem;
-  -moz-column-gap: 3.25rem;
-       column-gap: 3.25rem;
-}
-
-.col-gap-14 {
-  grid-column-gap: 3.5rem;
-  -moz-column-gap: 3.5rem;
-       column-gap: 3.5rem;
-}
-
-.col-gap-15 {
-  grid-column-gap: 3.75rem;
-  -moz-column-gap: 3.75rem;
-       column-gap: 3.75rem;
-}
-
-.col-gap-16 {
-  grid-column-gap: 4rem;
-  -moz-column-gap: 4rem;
-       column-gap: 4rem;
-}
-
-.col-gap-20 {
-  grid-column-gap: 5rem;
-  -moz-column-gap: 5rem;
-       column-gap: 5rem;
-}
-
-.col-gap-24 {
-  grid-column-gap: 6rem;
-  -moz-column-gap: 6rem;
-       column-gap: 6rem;
-}
-
-.col-gap-28 {
-  grid-column-gap: 7rem;
-  -moz-column-gap: 7rem;
-       column-gap: 7rem;
-}
-
-.col-gap-32 {
-  grid-column-gap: 8rem;
-  -moz-column-gap: 8rem;
-       column-gap: 8rem;
-}
-
-.col-gap-36 {
-  grid-column-gap: 9rem;
-  -moz-column-gap: 9rem;
-       column-gap: 9rem;
-}
-
-.col-gap-40 {
-  grid-column-gap: 10rem;
-  -moz-column-gap: 10rem;
-       column-gap: 10rem;
-}
-
-.col-gap-48 {
-  grid-column-gap: 12rem;
-  -moz-column-gap: 12rem;
-       column-gap: 12rem;
-}
-
-.col-gap-56 {
-  grid-column-gap: 14rem;
-  -moz-column-gap: 14rem;
-       column-gap: 14rem;
-}
-
-.col-gap-60 {
-  grid-column-gap: 15rem;
-  -moz-column-gap: 15rem;
-       column-gap: 15rem;
-}
-
-.col-gap-64 {
-  grid-column-gap: 16rem;
-  -moz-column-gap: 16rem;
-       column-gap: 16rem;
-}
-
-.col-gap-72 {
-  grid-column-gap: 18rem;
-  -moz-column-gap: 18rem;
-       column-gap: 18rem;
-}
-
-.col-gap-80 {
-  grid-column-gap: 20rem;
-  -moz-column-gap: 20rem;
-       column-gap: 20rem;
-}
-
-.col-gap-96 {
-  grid-column-gap: 24rem;
-  -moz-column-gap: 24rem;
-       column-gap: 24rem;
-}
-
-.col-gap-px {
-  grid-column-gap: 1px;
-  -moz-column-gap: 1px;
-       column-gap: 1px;
-}
-
-.col-gap-0\.5 {
-  grid-column-gap: 0.125rem;
-  -moz-column-gap: 0.125rem;
-       column-gap: 0.125rem;
-}
-
-.col-gap-1\.5 {
-  grid-column-gap: 0.375rem;
-  -moz-column-gap: 0.375rem;
-       column-gap: 0.375rem;
-}
-
-.col-gap-2\.5 {
-  grid-column-gap: 0.625rem;
-  -moz-column-gap: 0.625rem;
-       column-gap: 0.625rem;
-}
-
-.col-gap-3\.5 {
-  grid-column-gap: 0.875rem;
-  -moz-column-gap: 0.875rem;
-       column-gap: 0.875rem;
-}
-
-.col-gap-1\/2 {
-  grid-column-gap: 50%;
-  -moz-column-gap: 50%;
-       column-gap: 50%;
-}
-
-.col-gap-1\/3 {
-  grid-column-gap: 33.333333%;
-  -moz-column-gap: 33.333333%;
-       column-gap: 33.333333%;
-}
-
-.col-gap-2\/3 {
-  grid-column-gap: 66.666667%;
-  -moz-column-gap: 66.666667%;
-       column-gap: 66.666667%;
-}
-
-.col-gap-1\/4 {
-  grid-column-gap: 25%;
-  -moz-column-gap: 25%;
-       column-gap: 25%;
-}
-
-.col-gap-2\/4 {
-  grid-column-gap: 50%;
-  -moz-column-gap: 50%;
-       column-gap: 50%;
-}
-
-.col-gap-3\/4 {
-  grid-column-gap: 75%;
-  -moz-column-gap: 75%;
-       column-gap: 75%;
-}
-
-.col-gap-1\/5 {
-  grid-column-gap: 20%;
-  -moz-column-gap: 20%;
-       column-gap: 20%;
-}
-
-.col-gap-2\/5 {
-  grid-column-gap: 40%;
-  -moz-column-gap: 40%;
-       column-gap: 40%;
-}
-
-.col-gap-3\/5 {
-  grid-column-gap: 60%;
-  -moz-column-gap: 60%;
-       column-gap: 60%;
-}
-
-.col-gap-4\/5 {
-  grid-column-gap: 80%;
-  -moz-column-gap: 80%;
-       column-gap: 80%;
-}
-
-.col-gap-1\/6 {
-  grid-column-gap: 16.666667%;
-  -moz-column-gap: 16.666667%;
-       column-gap: 16.666667%;
-}
-
-.col-gap-2\/6 {
-  grid-column-gap: 33.333333%;
-  -moz-column-gap: 33.333333%;
-       column-gap: 33.333333%;
-}
-
-.col-gap-3\/6 {
-  grid-column-gap: 50%;
-  -moz-column-gap: 50%;
-       column-gap: 50%;
-}
-
-.col-gap-4\/6 {
-  grid-column-gap: 66.666667%;
-  -moz-column-gap: 66.666667%;
-       column-gap: 66.666667%;
-}
-
-.col-gap-5\/6 {
-  grid-column-gap: 83.333333%;
-  -moz-column-gap: 83.333333%;
-       column-gap: 83.333333%;
-}
-
-.col-gap-1\/12 {
-  grid-column-gap: 8.333333%;
-  -moz-column-gap: 8.333333%;
-       column-gap: 8.333333%;
-}
-
-.col-gap-2\/12 {
-  grid-column-gap: 16.666667%;
-  -moz-column-gap: 16.666667%;
-       column-gap: 16.666667%;
-}
-
-.col-gap-3\/12 {
-  grid-column-gap: 25%;
-  -moz-column-gap: 25%;
-       column-gap: 25%;
-}
-
-.col-gap-4\/12 {
-  grid-column-gap: 33.333333%;
-  -moz-column-gap: 33.333333%;
-       column-gap: 33.333333%;
-}
-
-.col-gap-5\/12 {
-  grid-column-gap: 41.666667%;
-  -moz-column-gap: 41.666667%;
-       column-gap: 41.666667%;
-}
-
-.col-gap-6\/12 {
-  grid-column-gap: 50%;
-  -moz-column-gap: 50%;
-       column-gap: 50%;
-}
-
-.col-gap-7\/12 {
-  grid-column-gap: 58.333333%;
-  -moz-column-gap: 58.333333%;
-       column-gap: 58.333333%;
-}
-
-.col-gap-8\/12 {
-  grid-column-gap: 66.666667%;
-  -moz-column-gap: 66.666667%;
-       column-gap: 66.666667%;
-}
-
-.col-gap-9\/12 {
-  grid-column-gap: 75%;
-  -moz-column-gap: 75%;
-       column-gap: 75%;
-}
-
-.col-gap-10\/12 {
-  grid-column-gap: 83.333333%;
-  -moz-column-gap: 83.333333%;
-       column-gap: 83.333333%;
-}
-
-.col-gap-11\/12 {
-  grid-column-gap: 91.666667%;
-  -moz-column-gap: 91.666667%;
-       column-gap: 91.666667%;
-}
-
-.col-gap-full {
-  grid-column-gap: 100%;
-  -moz-column-gap: 100%;
-       column-gap: 100%;
-}
-
-.row-gap-0 {
-  grid-row-gap: 0;
-  row-gap: 0;
-}
-
-.row-gap-1 {
-  grid-row-gap: 0.25rem;
-  row-gap: 0.25rem;
-}
-
-.row-gap-2 {
-  grid-row-gap: 0.5rem;
-  row-gap: 0.5rem;
-}
-
-.row-gap-3 {
-  grid-row-gap: 0.75rem;
-  row-gap: 0.75rem;
-}
-
-.row-gap-4 {
-  grid-row-gap: 1rem;
-  row-gap: 1rem;
-}
-
-.row-gap-5 {
-  grid-row-gap: 1.25rem;
-  row-gap: 1.25rem;
-}
-
-.row-gap-6 {
-  grid-row-gap: 1.5rem;
-  row-gap: 1.5rem;
-}
-
-.row-gap-7 {
-  grid-row-gap: 1.75rem;
-  row-gap: 1.75rem;
-}
-
-.row-gap-8 {
-  grid-row-gap: 2rem;
-  row-gap: 2rem;
-}
-
-.row-gap-9 {
-  grid-row-gap: 2.25rem;
-  row-gap: 2.25rem;
-}
-
-.row-gap-10 {
-  grid-row-gap: 2.5rem;
-  row-gap: 2.5rem;
-}
-
-.row-gap-11 {
-  grid-row-gap: 2.75rem;
-  row-gap: 2.75rem;
-}
-
-.row-gap-12 {
-  grid-row-gap: 3rem;
-  row-gap: 3rem;
-}
-
-.row-gap-13 {
-  grid-row-gap: 3.25rem;
-  row-gap: 3.25rem;
-}
-
-.row-gap-14 {
-  grid-row-gap: 3.5rem;
-  row-gap: 3.5rem;
-}
-
-.row-gap-15 {
-  grid-row-gap: 3.75rem;
-  row-gap: 3.75rem;
-}
-
-.row-gap-16 {
-  grid-row-gap: 4rem;
-  row-gap: 4rem;
-}
-
-.row-gap-20 {
-  grid-row-gap: 5rem;
-  row-gap: 5rem;
-}
-
-.row-gap-24 {
-  grid-row-gap: 6rem;
-  row-gap: 6rem;
-}
-
-.row-gap-28 {
-  grid-row-gap: 7rem;
-  row-gap: 7rem;
-}
-
-.row-gap-32 {
-  grid-row-gap: 8rem;
-  row-gap: 8rem;
-}
-
-.row-gap-36 {
-  grid-row-gap: 9rem;
-  row-gap: 9rem;
-}
-
-.row-gap-40 {
-  grid-row-gap: 10rem;
-  row-gap: 10rem;
-}
-
-.row-gap-48 {
-  grid-row-gap: 12rem;
-  row-gap: 12rem;
-}
-
-.row-gap-56 {
-  grid-row-gap: 14rem;
-  row-gap: 14rem;
-}
-
-.row-gap-60 {
-  grid-row-gap: 15rem;
-  row-gap: 15rem;
-}
-
-.row-gap-64 {
-  grid-row-gap: 16rem;
-  row-gap: 16rem;
-}
-
-.row-gap-72 {
-  grid-row-gap: 18rem;
-  row-gap: 18rem;
-}
-
-.row-gap-80 {
-  grid-row-gap: 20rem;
-  row-gap: 20rem;
-}
-
-.row-gap-96 {
-  grid-row-gap: 24rem;
-  row-gap: 24rem;
-}
-
-.row-gap-px {
-  grid-row-gap: 1px;
-  row-gap: 1px;
-}
-
-.row-gap-0\.5 {
-  grid-row-gap: 0.125rem;
-  row-gap: 0.125rem;
-}
-
-.row-gap-1\.5 {
-  grid-row-gap: 0.375rem;
-  row-gap: 0.375rem;
-}
-
-.row-gap-2\.5 {
-  grid-row-gap: 0.625rem;
-  row-gap: 0.625rem;
-}
-
-.row-gap-3\.5 {
-  grid-row-gap: 0.875rem;
-  row-gap: 0.875rem;
-}
-
-.row-gap-1\/2 {
-  grid-row-gap: 50%;
-  row-gap: 50%;
-}
-
-.row-gap-1\/3 {
-  grid-row-gap: 33.333333%;
-  row-gap: 33.333333%;
-}
-
-.row-gap-2\/3 {
-  grid-row-gap: 66.666667%;
-  row-gap: 66.666667%;
-}
-
-.row-gap-1\/4 {
-  grid-row-gap: 25%;
-  row-gap: 25%;
-}
-
-.row-gap-2\/4 {
-  grid-row-gap: 50%;
-  row-gap: 50%;
-}
-
-.row-gap-3\/4 {
-  grid-row-gap: 75%;
-  row-gap: 75%;
-}
-
-.row-gap-1\/5 {
-  grid-row-gap: 20%;
-  row-gap: 20%;
-}
-
-.row-gap-2\/5 {
-  grid-row-gap: 40%;
-  row-gap: 40%;
-}
-
-.row-gap-3\/5 {
-  grid-row-gap: 60%;
-  row-gap: 60%;
-}
-
-.row-gap-4\/5 {
-  grid-row-gap: 80%;
-  row-gap: 80%;
-}
-
-.row-gap-1\/6 {
-  grid-row-gap: 16.666667%;
-  row-gap: 16.666667%;
-}
-
-.row-gap-2\/6 {
-  grid-row-gap: 33.333333%;
-  row-gap: 33.333333%;
-}
-
-.row-gap-3\/6 {
-  grid-row-gap: 50%;
-  row-gap: 50%;
-}
-
-.row-gap-4\/6 {
-  grid-row-gap: 66.666667%;
-  row-gap: 66.666667%;
-}
-
-.row-gap-5\/6 {
-  grid-row-gap: 83.333333%;
-  row-gap: 83.333333%;
-}
-
-.row-gap-1\/12 {
-  grid-row-gap: 8.333333%;
-  row-gap: 8.333333%;
-}
-
-.row-gap-2\/12 {
-  grid-row-gap: 16.666667%;
-  row-gap: 16.666667%;
-}
-
-.row-gap-3\/12 {
-  grid-row-gap: 25%;
-  row-gap: 25%;
-}
-
-.row-gap-4\/12 {
-  grid-row-gap: 33.333333%;
-  row-gap: 33.333333%;
-}
-
-.row-gap-5\/12 {
-  grid-row-gap: 41.666667%;
-  row-gap: 41.666667%;
-}
-
-.row-gap-6\/12 {
-  grid-row-gap: 50%;
-  row-gap: 50%;
-}
-
-.row-gap-7\/12 {
-  grid-row-gap: 58.333333%;
-  row-gap: 58.333333%;
-}
-
-.row-gap-8\/12 {
-  grid-row-gap: 66.666667%;
-  row-gap: 66.666667%;
-}
-
-.row-gap-9\/12 {
-  grid-row-gap: 75%;
-  row-gap: 75%;
-}
-
-.row-gap-10\/12 {
-  grid-row-gap: 83.333333%;
-  row-gap: 83.333333%;
-}
-
-.row-gap-11\/12 {
-  grid-row-gap: 91.666667%;
-  row-gap: 91.666667%;
-}
-
-.row-gap-full {
-  grid-row-gap: 100%;
-  row-gap: 100%;
-}
-
-.grid-flow-row {
-  grid-auto-flow: row;
-}
-
-.grid-flow-col {
-  grid-auto-flow: column;
-}
-
-.grid-flow-row-dense {
-  grid-auto-flow: row dense;
-}
-
-.grid-flow-col-dense {
-  grid-auto-flow: column dense;
-}
-
-.grid-cols-1 {
-  grid-template-columns: repeat(1, minmax(0, 1fr));
-}
-
-.grid-cols-2 {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-.grid-cols-3 {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
-.grid-cols-4 {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-
-.grid-cols-5 {
-  grid-template-columns: repeat(5, minmax(0, 1fr));
-}
-
-.grid-cols-6 {
-  grid-template-columns: repeat(6, minmax(0, 1fr));
-}
-
-.grid-cols-7 {
-  grid-template-columns: repeat(7, minmax(0, 1fr));
-}
-
-.grid-cols-8 {
-  grid-template-columns: repeat(8, minmax(0, 1fr));
-}
-
-.grid-cols-9 {
-  grid-template-columns: repeat(9, minmax(0, 1fr));
-}
-
-.grid-cols-10 {
-  grid-template-columns: repeat(10, minmax(0, 1fr));
-}
-
-.grid-cols-11 {
-  grid-template-columns: repeat(11, minmax(0, 1fr));
-}
-
-.grid-cols-12 {
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}
-
-.grid-cols-none {
-  grid-template-columns: none;
-}
-
-.col-auto {
-  grid-column: auto;
-}
-
-.col-span-1 {
-  grid-column: span 1 / span 1;
-}
-
-.col-span-2 {
-  grid-column: span 2 / span 2;
-}
-
-.col-span-3 {
-  grid-column: span 3 / span 3;
-}
-
-.col-span-4 {
-  grid-column: span 4 / span 4;
-}
-
-.col-span-5 {
-  grid-column: span 5 / span 5;
-}
-
-.col-span-6 {
-  grid-column: span 6 / span 6;
-}
-
-.col-span-7 {
-  grid-column: span 7 / span 7;
-}
-
-.col-span-8 {
-  grid-column: span 8 / span 8;
-}
-
-.col-span-9 {
-  grid-column: span 9 / span 9;
-}
-
-.col-span-10 {
-  grid-column: span 10 / span 10;
-}
-
-.col-span-11 {
-  grid-column: span 11 / span 11;
-}
-
-.col-span-12 {
-  grid-column: span 12 / span 12;
-}
-
-.col-start-1 {
-  grid-column-start: 1;
-}
-
-.col-start-2 {
-  grid-column-start: 2;
-}
-
-.col-start-3 {
-  grid-column-start: 3;
-}
-
-.col-start-4 {
-  grid-column-start: 4;
-}
-
-.col-start-5 {
-  grid-column-start: 5;
-}
-
-.col-start-6 {
-  grid-column-start: 6;
-}
-
-.col-start-7 {
-  grid-column-start: 7;
-}
-
-.col-start-8 {
-  grid-column-start: 8;
-}
-
-.col-start-9 {
-  grid-column-start: 9;
-}
-
-.col-start-10 {
-  grid-column-start: 10;
-}
-
-.col-start-11 {
-  grid-column-start: 11;
-}
-
-.col-start-12 {
-  grid-column-start: 12;
-}
-
-.col-start-13 {
-  grid-column-start: 13;
-}
-
-.col-start-auto {
-  grid-column-start: auto;
-}
-
-.col-end-1 {
-  grid-column-end: 1;
-}
-
-.col-end-2 {
-  grid-column-end: 2;
-}
-
-.col-end-3 {
-  grid-column-end: 3;
-}
-
-.col-end-4 {
-  grid-column-end: 4;
-}
-
-.col-end-5 {
-  grid-column-end: 5;
-}
-
-.col-end-6 {
-  grid-column-end: 6;
-}
-
-.col-end-7 {
-  grid-column-end: 7;
-}
-
-.col-end-8 {
-  grid-column-end: 8;
-}
-
-.col-end-9 {
-  grid-column-end: 9;
-}
-
-.col-end-10 {
-  grid-column-end: 10;
-}
-
-.col-end-11 {
-  grid-column-end: 11;
-}
-
-.col-end-12 {
-  grid-column-end: 12;
-}
-
-.col-end-13 {
-  grid-column-end: 13;
-}
-
-.col-end-auto {
-  grid-column-end: auto;
-}
-
-.grid-rows-1 {
-  grid-template-rows: repeat(1, minmax(0, 1fr));
-}
-
-.grid-rows-2 {
-  grid-template-rows: repeat(2, minmax(0, 1fr));
-}
-
-.grid-rows-3 {
-  grid-template-rows: repeat(3, minmax(0, 1fr));
-}
-
-.grid-rows-4 {
-  grid-template-rows: repeat(4, minmax(0, 1fr));
-}
-
-.grid-rows-5 {
-  grid-template-rows: repeat(5, minmax(0, 1fr));
-}
-
-.grid-rows-6 {
-  grid-template-rows: repeat(6, minmax(0, 1fr));
-}
-
-.grid-rows-none {
-  grid-template-rows: none;
-}
-
-.row-auto {
-  grid-row: auto;
-}
-
-.row-span-1 {
-  grid-row: span 1 / span 1;
-}
-
-.row-span-2 {
-  grid-row: span 2 / span 2;
-}
-
-.row-span-3 {
-  grid-row: span 3 / span 3;
-}
-
-.row-span-4 {
-  grid-row: span 4 / span 4;
-}
-
-.row-span-5 {
-  grid-row: span 5 / span 5;
-}
-
-.row-span-6 {
-  grid-row: span 6 / span 6;
-}
-
-.row-start-1 {
-  grid-row-start: 1;
-}
-
-.row-start-2 {
-  grid-row-start: 2;
-}
-
-.row-start-3 {
-  grid-row-start: 3;
-}
-
-.row-start-4 {
-  grid-row-start: 4;
-}
-
-.row-start-5 {
-  grid-row-start: 5;
-}
-
-.row-start-6 {
-  grid-row-start: 6;
-}
-
-.row-start-7 {
-  grid-row-start: 7;
-}
-
-.row-start-auto {
-  grid-row-start: auto;
-}
-
-.row-end-1 {
-  grid-row-end: 1;
-}
-
-.row-end-2 {
-  grid-row-end: 2;
-}
-
-.row-end-3 {
-  grid-row-end: 3;
-}
-
-.row-end-4 {
-  grid-row-end: 4;
-}
-
-.row-end-5 {
-  grid-row-end: 5;
-}
-
-.row-end-6 {
-  grid-row-end: 6;
-}
-
-.row-end-7 {
-  grid-row-end: 7;
-}
-
-.row-end-auto {
-  grid-row-end: auto;
-}
-
-.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));
-}
-
-.transform-none {
-  transform: none;
-}
-
-.origin-center {
-  transform-origin: center;
-}
-
-.origin-top {
-  transform-origin: top;
-}
-
-.origin-top-right {
-  transform-origin: top right;
-}
-
-.origin-right {
-  transform-origin: right;
-}
-
-.origin-bottom-right {
-  transform-origin: bottom right;
-}
-
-.origin-bottom {
-  transform-origin: bottom;
-}
-
-.origin-bottom-left {
-  transform-origin: bottom left;
-}
-
-.origin-left {
-  transform-origin: left;
-}
-
-.origin-top-left {
-  transform-origin: top left;
-}
-
-.scale-0 {
-  --transform-scale-x: 0;
-  --transform-scale-y: 0;
-}
-
-.scale-50 {
-  --transform-scale-x: .5;
-  --transform-scale-y: .5;
-}
-
-.scale-75 {
-  --transform-scale-x: .75;
-  --transform-scale-y: .75;
-}
-
-.scale-90 {
-  --transform-scale-x: .9;
-  --transform-scale-y: .9;
-}
-
-.scale-95 {
-  --transform-scale-x: .95;
-  --transform-scale-y: .95;
-}
-
-.scale-100 {
-  --transform-scale-x: 1;
-  --transform-scale-y: 1;
-}
-
-.scale-105 {
-  --transform-scale-x: 1.05;
-  --transform-scale-y: 1.05;
-}
-
-.scale-110 {
-  --transform-scale-x: 1.1;
-  --transform-scale-y: 1.1;
-}
-
-.scale-125 {
-  --transform-scale-x: 1.25;
-  --transform-scale-y: 1.25;
-}
-
-.scale-150 {
-  --transform-scale-x: 1.5;
-  --transform-scale-y: 1.5;
-}
-
-.scale-x-0 {
-  --transform-scale-x: 0;
-}
-
-.scale-x-50 {
-  --transform-scale-x: .5;
-}
-
-.scale-x-75 {
-  --transform-scale-x: .75;
-}
-
-.scale-x-90 {
-  --transform-scale-x: .9;
-}
-
-.scale-x-95 {
-  --transform-scale-x: .95;
-}
-
-.scale-x-100 {
-  --transform-scale-x: 1;
-}
-
-.scale-x-105 {
-  --transform-scale-x: 1.05;
-}
-
-.scale-x-110 {
-  --transform-scale-x: 1.1;
-}
-
-.scale-x-125 {
-  --transform-scale-x: 1.25;
-}
-
-.scale-x-150 {
-  --transform-scale-x: 1.5;
-}
-
-.scale-y-0 {
-  --transform-scale-y: 0;
-}
-
-.scale-y-50 {
-  --transform-scale-y: .5;
-}
-
-.scale-y-75 {
-  --transform-scale-y: .75;
-}
-
-.scale-y-90 {
-  --transform-scale-y: .9;
-}
-
-.scale-y-95 {
-  --transform-scale-y: .95;
-}
-
-.scale-y-100 {
-  --transform-scale-y: 1;
-}
-
-.scale-y-105 {
-  --transform-scale-y: 1.05;
-}
-
-.scale-y-110 {
-  --transform-scale-y: 1.1;
-}
-
-.scale-y-125 {
-  --transform-scale-y: 1.25;
-}
-
-.scale-y-150 {
-  --transform-scale-y: 1.5;
-}
-
-.hover\:scale-0:hover {
-  --transform-scale-x: 0;
-  --transform-scale-y: 0;
-}
-
-.hover\:scale-50:hover {
-  --transform-scale-x: .5;
-  --transform-scale-y: .5;
-}
-
-.hover\:scale-75:hover {
-  --transform-scale-x: .75;
-  --transform-scale-y: .75;
-}
-
-.hover\:scale-90:hover {
-  --transform-scale-x: .9;
-  --transform-scale-y: .9;
-}
-
-.hover\:scale-95:hover {
-  --transform-scale-x: .95;
-  --transform-scale-y: .95;
-}
-
-.hover\:scale-100:hover {
-  --transform-scale-x: 1;
-  --transform-scale-y: 1;
-}
-
-.hover\:scale-105:hover {
-  --transform-scale-x: 1.05;
-  --transform-scale-y: 1.05;
-}
-
-.hover\:scale-110:hover {
-  --transform-scale-x: 1.1;
-  --transform-scale-y: 1.1;
-}
-
-.hover\:scale-125:hover {
-  --transform-scale-x: 1.25;
-  --transform-scale-y: 1.25;
-}
-
-.hover\:scale-150:hover {
-  --transform-scale-x: 1.5;
-  --transform-scale-y: 1.5;
-}
-
-.hover\:scale-x-0:hover {
-  --transform-scale-x: 0;
-}
-
-.hover\:scale-x-50:hover {
-  --transform-scale-x: .5;
-}
-
-.hover\:scale-x-75:hover {
-  --transform-scale-x: .75;
-}
-
-.hover\:scale-x-90:hover {
-  --transform-scale-x: .9;
-}
-
-.hover\:scale-x-95:hover {
-  --transform-scale-x: .95;
-}
-
-.hover\:scale-x-100:hover {
-  --transform-scale-x: 1;
-}
-
-.hover\:scale-x-105:hover {
-  --transform-scale-x: 1.05;
-}
-
-.hover\:scale-x-110:hover {
-  --transform-scale-x: 1.1;
-}
-
-.hover\:scale-x-125:hover {
-  --transform-scale-x: 1.25;
-}
-
-.hover\:scale-x-150:hover {
-  --transform-scale-x: 1.5;
-}
-
-.hover\:scale-y-0:hover {
-  --transform-scale-y: 0;
-}
-
-.hover\:scale-y-50:hover {
-  --transform-scale-y: .5;
-}
-
-.hover\:scale-y-75:hover {
-  --transform-scale-y: .75;
-}
-
-.hover\:scale-y-90:hover {
-  --transform-scale-y: .9;
-}
-
-.hover\:scale-y-95:hover {
-  --transform-scale-y: .95;
-}
-
-.hover\:scale-y-100:hover {
-  --transform-scale-y: 1;
-}
-
-.hover\:scale-y-105:hover {
-  --transform-scale-y: 1.05;
-}
-
-.hover\:scale-y-110:hover {
-  --transform-scale-y: 1.1;
-}
-
-.hover\:scale-y-125:hover {
-  --transform-scale-y: 1.25;
-}
-
-.hover\:scale-y-150:hover {
-  --transform-scale-y: 1.5;
-}
-
-.focus\:scale-0:focus {
-  --transform-scale-x: 0;
-  --transform-scale-y: 0;
-}
-
-.focus\:scale-50:focus {
-  --transform-scale-x: .5;
-  --transform-scale-y: .5;
-}
-
-.focus\:scale-75:focus {
-  --transform-scale-x: .75;
-  --transform-scale-y: .75;
-}
-
-.focus\:scale-90:focus {
-  --transform-scale-x: .9;
-  --transform-scale-y: .9;
-}
-
-.focus\:scale-95:focus {
-  --transform-scale-x: .95;
-  --transform-scale-y: .95;
-}
-
-.focus\:scale-100:focus {
-  --transform-scale-x: 1;
-  --transform-scale-y: 1;
-}
-
-.focus\:scale-105:focus {
-  --transform-scale-x: 1.05;
-  --transform-scale-y: 1.05;
-}
-
-.focus\:scale-110:focus {
-  --transform-scale-x: 1.1;
-  --transform-scale-y: 1.1;
-}
-
-.focus\:scale-125:focus {
-  --transform-scale-x: 1.25;
-  --transform-scale-y: 1.25;
-}
-
-.focus\:scale-150:focus {
-  --transform-scale-x: 1.5;
-  --transform-scale-y: 1.5;
-}
-
-.focus\:scale-x-0:focus {
-  --transform-scale-x: 0;
-}
-
-.focus\:scale-x-50:focus {
-  --transform-scale-x: .5;
-}
-
-.focus\:scale-x-75:focus {
-  --transform-scale-x: .75;
-}
-
-.focus\:scale-x-90:focus {
-  --transform-scale-x: .9;
-}
-
-.focus\:scale-x-95:focus {
-  --transform-scale-x: .95;
-}
-
-.focus\:scale-x-100:focus {
-  --transform-scale-x: 1;
-}
-
-.focus\:scale-x-105:focus {
-  --transform-scale-x: 1.05;
-}
-
-.focus\:scale-x-110:focus {
-  --transform-scale-x: 1.1;
-}
-
-.focus\:scale-x-125:focus {
-  --transform-scale-x: 1.25;
-}
-
-.focus\:scale-x-150:focus {
-  --transform-scale-x: 1.5;
-}
-
-.focus\:scale-y-0:focus {
-  --transform-scale-y: 0;
-}
-
-.focus\:scale-y-50:focus {
-  --transform-scale-y: .5;
-}
-
-.focus\:scale-y-75:focus {
-  --transform-scale-y: .75;
-}
-
-.focus\:scale-y-90:focus {
-  --transform-scale-y: .9;
-}
-
-.focus\:scale-y-95:focus {
-  --transform-scale-y: .95;
-}
-
-.focus\:scale-y-100:focus {
-  --transform-scale-y: 1;
-}
-
-.focus\:scale-y-105:focus {
-  --transform-scale-y: 1.05;
-}
-
-.focus\:scale-y-110:focus {
-  --transform-scale-y: 1.1;
-}
-
-.focus\:scale-y-125:focus {
-  --transform-scale-y: 1.25;
-}
-
-.focus\:scale-y-150:focus {
-  --transform-scale-y: 1.5;
-}
-
-.rotate-0 {
-  --transform-rotate: 0;
-}
-
-.rotate-45 {
-  --transform-rotate: 45deg;
-}
-
-.rotate-90 {
-  --transform-rotate: 90deg;
-}
-
-.rotate-180 {
-  --transform-rotate: 180deg;
-}
-
-.-rotate-180 {
-  --transform-rotate: -180deg;
-}
-
-.-rotate-90 {
-  --transform-rotate: -90deg;
-}
-
-.-rotate-45 {
-  --transform-rotate: -45deg;
-}
-
-.hover\:rotate-0:hover {
-  --transform-rotate: 0;
-}
-
-.hover\:rotate-45:hover {
-  --transform-rotate: 45deg;
-}
-
-.hover\:rotate-90:hover {
-  --transform-rotate: 90deg;
-}
-
-.hover\:rotate-180:hover {
-  --transform-rotate: 180deg;
-}
-
-.hover\:-rotate-180:hover {
-  --transform-rotate: -180deg;
-}
-
-.hover\:-rotate-90:hover {
-  --transform-rotate: -90deg;
-}
-
-.hover\:-rotate-45:hover {
-  --transform-rotate: -45deg;
-}
-
-.focus\:rotate-0:focus {
-  --transform-rotate: 0;
-}
-
-.focus\:rotate-45:focus {
-  --transform-rotate: 45deg;
-}
-
-.focus\:rotate-90:focus {
-  --transform-rotate: 90deg;
-}
-
-.focus\:rotate-180:focus {
-  --transform-rotate: 180deg;
-}
-
-.focus\:-rotate-180:focus {
-  --transform-rotate: -180deg;
-}
-
-.focus\:-rotate-90:focus {
-  --transform-rotate: -90deg;
-}
-
-.focus\:-rotate-45:focus {
-  --transform-rotate: -45deg;
-}
-
-.translate-x-0 {
-  --transform-translate-x: 0;
-}
-
-.translate-x-1 {
-  --transform-translate-x: 0.25rem;
-}
-
-.translate-x-2 {
-  --transform-translate-x: 0.5rem;
-}
-
-.translate-x-3 {
-  --transform-translate-x: 0.75rem;
-}
-
-.translate-x-4 {
-  --transform-translate-x: 1rem;
-}
-
-.translate-x-5 {
-  --transform-translate-x: 1.25rem;
-}
-
-.translate-x-6 {
-  --transform-translate-x: 1.5rem;
-}
-
-.translate-x-7 {
-  --transform-translate-x: 1.75rem;
-}
-
-.translate-x-8 {
-  --transform-translate-x: 2rem;
-}
-
-.translate-x-9 {
-  --transform-translate-x: 2.25rem;
-}
-
-.translate-x-10 {
-  --transform-translate-x: 2.5rem;
-}
-
-.translate-x-11 {
-  --transform-translate-x: 2.75rem;
-}
-
-.translate-x-12 {
-  --transform-translate-x: 3rem;
-}
-
-.translate-x-13 {
-  --transform-translate-x: 3.25rem;
-}
-
-.translate-x-14 {
-  --transform-translate-x: 3.5rem;
-}
-
-.translate-x-15 {
-  --transform-translate-x: 3.75rem;
-}
-
-.translate-x-16 {
-  --transform-translate-x: 4rem;
-}
-
-.translate-x-20 {
-  --transform-translate-x: 5rem;
-}
-
-.translate-x-24 {
-  --transform-translate-x: 6rem;
-}
-
-.translate-x-28 {
-  --transform-translate-x: 7rem;
-}
-
-.translate-x-32 {
-  --transform-translate-x: 8rem;
-}
-
-.translate-x-36 {
-  --transform-translate-x: 9rem;
-}
-
-.translate-x-40 {
-  --transform-translate-x: 10rem;
-}
-
-.translate-x-48 {
-  --transform-translate-x: 12rem;
-}
-
-.translate-x-56 {
-  --transform-translate-x: 14rem;
-}
-
-.translate-x-60 {
-  --transform-translate-x: 15rem;
-}
-
-.translate-x-64 {
-  --transform-translate-x: 16rem;
-}
-
-.translate-x-72 {
-  --transform-translate-x: 18rem;
-}
-
-.translate-x-80 {
-  --transform-translate-x: 20rem;
-}
-
-.translate-x-96 {
-  --transform-translate-x: 24rem;
-}
-
-.translate-x-px {
-  --transform-translate-x: 1px;
-}
-
-.translate-x-0\.5 {
-  --transform-translate-x: 0.125rem;
-}
-
-.translate-x-1\.5 {
-  --transform-translate-x: 0.375rem;
-}
-
-.translate-x-2\.5 {
-  --transform-translate-x: 0.625rem;
-}
-
-.translate-x-3\.5 {
-  --transform-translate-x: 0.875rem;
-}
-
-.translate-x-1\/2 {
-  --transform-translate-x: 50%;
-}
-
-.translate-x-1\/3 {
-  --transform-translate-x: 33.333333%;
-}
-
-.translate-x-2\/3 {
-  --transform-translate-x: 66.666667%;
-}
-
-.translate-x-1\/4 {
-  --transform-translate-x: 25%;
-}
-
-.translate-x-2\/4 {
-  --transform-translate-x: 50%;
-}
-
-.translate-x-3\/4 {
-  --transform-translate-x: 75%;
-}
-
-.translate-x-1\/5 {
-  --transform-translate-x: 20%;
-}
-
-.translate-x-2\/5 {
-  --transform-translate-x: 40%;
-}
-
-.translate-x-3\/5 {
-  --transform-translate-x: 60%;
-}
-
-.translate-x-4\/5 {
-  --transform-translate-x: 80%;
-}
-
-.translate-x-1\/6 {
-  --transform-translate-x: 16.666667%;
-}
-
-.translate-x-2\/6 {
-  --transform-translate-x: 33.333333%;
-}
-
-.translate-x-3\/6 {
-  --transform-translate-x: 50%;
-}
-
-.translate-x-4\/6 {
-  --transform-translate-x: 66.666667%;
-}
-
-.translate-x-5\/6 {
-  --transform-translate-x: 83.333333%;
-}
-
-.translate-x-1\/12 {
-  --transform-translate-x: 8.333333%;
-}
-
-.translate-x-2\/12 {
-  --transform-translate-x: 16.666667%;
-}
-
-.translate-x-3\/12 {
-  --transform-translate-x: 25%;
-}
-
-.translate-x-4\/12 {
-  --transform-translate-x: 33.333333%;
-}
-
-.translate-x-5\/12 {
-  --transform-translate-x: 41.666667%;
-}
-
-.translate-x-6\/12 {
-  --transform-translate-x: 50%;
-}
-
-.translate-x-7\/12 {
-  --transform-translate-x: 58.333333%;
-}
-
-.translate-x-8\/12 {
-  --transform-translate-x: 66.666667%;
-}
-
-.translate-x-9\/12 {
-  --transform-translate-x: 75%;
-}
-
-.translate-x-10\/12 {
-  --transform-translate-x: 83.333333%;
-}
-
-.translate-x-11\/12 {
-  --transform-translate-x: 91.666667%;
-}
-
-.translate-x-full {
-  --transform-translate-x: 100%;
-}
-
-.-translate-x-1 {
-  --transform-translate-x: -0.25rem;
-}
-
-.-translate-x-2 {
-  --transform-translate-x: -0.5rem;
-}
-
-.-translate-x-3 {
-  --transform-translate-x: -0.75rem;
-}
-
-.-translate-x-4 {
-  --transform-translate-x: -1rem;
-}
-
-.-translate-x-5 {
-  --transform-translate-x: -1.25rem;
-}
-
-.-translate-x-6 {
-  --transform-translate-x: -1.5rem;
-}
-
-.-translate-x-7 {
-  --transform-translate-x: -1.75rem;
-}
-
-.-translate-x-8 {
-  --transform-translate-x: -2rem;
-}
-
-.-translate-x-9 {
-  --transform-translate-x: -2.25rem;
-}
-
-.-translate-x-10 {
-  --transform-translate-x: -2.5rem;
-}
-
-.-translate-x-11 {
-  --transform-translate-x: -2.75rem;
-}
-
-.-translate-x-12 {
-  --transform-translate-x: -3rem;
-}
-
-.-translate-x-13 {
-  --transform-translate-x: -3.25rem;
-}
-
-.-translate-x-14 {
-  --transform-translate-x: -3.5rem;
-}
-
-.-translate-x-15 {
-  --transform-translate-x: -3.75rem;
-}
-
-.-translate-x-16 {
-  --transform-translate-x: -4rem;
-}
-
-.-translate-x-20 {
-  --transform-translate-x: -5rem;
-}
-
-.-translate-x-24 {
-  --transform-translate-x: -6rem;
-}
-
-.-translate-x-28 {
-  --transform-translate-x: -7rem;
-}
-
-.-translate-x-32 {
-  --transform-translate-x: -8rem;
-}
-
-.-translate-x-36 {
-  --transform-translate-x: -9rem;
-}
-
-.-translate-x-40 {
-  --transform-translate-x: -10rem;
-}
-
-.-translate-x-48 {
-  --transform-translate-x: -12rem;
-}
-
-.-translate-x-56 {
-  --transform-translate-x: -14rem;
-}
-
-.-translate-x-60 {
-  --transform-translate-x: -15rem;
-}
-
-.-translate-x-64 {
-  --transform-translate-x: -16rem;
-}
-
-.-translate-x-72 {
-  --transform-translate-x: -18rem;
-}
-
-.-translate-x-80 {
-  --transform-translate-x: -20rem;
-}
-
-.-translate-x-96 {
-  --transform-translate-x: -24rem;
-}
-
-.-translate-x-px {
-  --transform-translate-x: -1px;
-}
-
-.-translate-x-0\.5 {
-  --transform-translate-x: -0.125rem;
-}
-
-.-translate-x-1\.5 {
-  --transform-translate-x: -0.375rem;
-}
-
-.-translate-x-2\.5 {
-  --transform-translate-x: -0.625rem;
-}
-
-.-translate-x-3\.5 {
-  --transform-translate-x: -0.875rem;
-}
-
-.-translate-x-1\/2 {
-  --transform-translate-x: -50%;
-}
-
-.-translate-x-1\/3 {
-  --transform-translate-x: -33.33333%;
-}
-
-.-translate-x-2\/3 {
-  --transform-translate-x: -66.66667%;
-}
-
-.-translate-x-1\/4 {
-  --transform-translate-x: -25%;
-}
-
-.-translate-x-2\/4 {
-  --transform-translate-x: -50%;
-}
-
-.-translate-x-3\/4 {
-  --transform-translate-x: -75%;
-}
-
-.-translate-x-1\/5 {
-  --transform-translate-x: -20%;
-}
-
-.-translate-x-2\/5 {
-  --transform-translate-x: -40%;
-}
-
-.-translate-x-3\/5 {
-  --transform-translate-x: -60%;
-}
-
-.-translate-x-4\/5 {
-  --transform-translate-x: -80%;
-}
-
-.-translate-x-1\/6 {
-  --transform-translate-x: -16.66667%;
-}
-
-.-translate-x-2\/6 {
-  --transform-translate-x: -33.33333%;
-}
-
-.-translate-x-3\/6 {
-  --transform-translate-x: -50%;
-}
-
-.-translate-x-4\/6 {
-  --transform-translate-x: -66.66667%;
-}
-
-.-translate-x-5\/6 {
-  --transform-translate-x: -83.33333%;
-}
-
-.-translate-x-1\/12 {
-  --transform-translate-x: -8.33333%;
-}
-
-.-translate-x-2\/12 {
-  --transform-translate-x: -16.66667%;
-}
-
-.-translate-x-3\/12 {
-  --transform-translate-x: -25%;
-}
-
-.-translate-x-4\/12 {
-  --transform-translate-x: -33.33333%;
-}
-
-.-translate-x-5\/12 {
-  --transform-translate-x: -41.66667%;
-}
-
-.-translate-x-6\/12 {
-  --transform-translate-x: -50%;
-}
-
-.-translate-x-7\/12 {
-  --transform-translate-x: -58.33333%;
-}
-
-.-translate-x-8\/12 {
-  --transform-translate-x: -66.66667%;
-}
-
-.-translate-x-9\/12 {
-  --transform-translate-x: -75%;
-}
-
-.-translate-x-10\/12 {
-  --transform-translate-x: -83.33333%;
-}
-
-.-translate-x-11\/12 {
-  --transform-translate-x: -91.66667%;
-}
-
-.-translate-x-full {
-  --transform-translate-x: -100%;
-}
-
-.translate-y-0 {
-  --transform-translate-y: 0;
-}
-
-.translate-y-1 {
-  --transform-translate-y: 0.25rem;
-}
-
-.translate-y-2 {
-  --transform-translate-y: 0.5rem;
-}
-
-.translate-y-3 {
-  --transform-translate-y: 0.75rem;
-}
-
-.translate-y-4 {
-  --transform-translate-y: 1rem;
-}
-
-.translate-y-5 {
-  --transform-translate-y: 1.25rem;
-}
-
-.translate-y-6 {
-  --transform-translate-y: 1.5rem;
-}
-
-.translate-y-7 {
-  --transform-translate-y: 1.75rem;
-}
-
-.translate-y-8 {
-  --transform-translate-y: 2rem;
-}
-
-.translate-y-9 {
-  --transform-translate-y: 2.25rem;
-}
-
-.translate-y-10 {
-  --transform-translate-y: 2.5rem;
-}
-
-.translate-y-11 {
-  --transform-translate-y: 2.75rem;
-}
-
-.translate-y-12 {
-  --transform-translate-y: 3rem;
-}
-
-.translate-y-13 {
-  --transform-translate-y: 3.25rem;
-}
-
-.translate-y-14 {
-  --transform-translate-y: 3.5rem;
-}
-
-.translate-y-15 {
-  --transform-translate-y: 3.75rem;
-}
-
-.translate-y-16 {
-  --transform-translate-y: 4rem;
-}
-
-.translate-y-20 {
-  --transform-translate-y: 5rem;
-}
-
-.translate-y-24 {
-  --transform-translate-y: 6rem;
-}
-
-.translate-y-28 {
-  --transform-translate-y: 7rem;
-}
-
-.translate-y-32 {
-  --transform-translate-y: 8rem;
-}
-
-.translate-y-36 {
-  --transform-translate-y: 9rem;
-}
-
-.translate-y-40 {
-  --transform-translate-y: 10rem;
-}
-
-.translate-y-48 {
-  --transform-translate-y: 12rem;
-}
-
-.translate-y-56 {
-  --transform-translate-y: 14rem;
-}
-
-.translate-y-60 {
-  --transform-translate-y: 15rem;
-}
-
-.translate-y-64 {
-  --transform-translate-y: 16rem;
-}
-
-.translate-y-72 {
-  --transform-translate-y: 18rem;
-}
-
-.translate-y-80 {
-  --transform-translate-y: 20rem;
-}
-
-.translate-y-96 {
-  --transform-translate-y: 24rem;
-}
-
-.translate-y-px {
-  --transform-translate-y: 1px;
-}
-
-.translate-y-0\.5 {
-  --transform-translate-y: 0.125rem;
-}
-
-.translate-y-1\.5 {
-  --transform-translate-y: 0.375rem;
-}
-
-.translate-y-2\.5 {
-  --transform-translate-y: 0.625rem;
-}
-
-.translate-y-3\.5 {
-  --transform-translate-y: 0.875rem;
-}
-
-.translate-y-1\/2 {
-  --transform-translate-y: 50%;
-}
-
-.translate-y-1\/3 {
-  --transform-translate-y: 33.333333%;
-}
-
-.translate-y-2\/3 {
-  --transform-translate-y: 66.666667%;
-}
-
-.translate-y-1\/4 {
-  --transform-translate-y: 25%;
-}
-
-.translate-y-2\/4 {
-  --transform-translate-y: 50%;
-}
-
-.translate-y-3\/4 {
-  --transform-translate-y: 75%;
-}
-
-.translate-y-1\/5 {
-  --transform-translate-y: 20%;
-}
-
-.translate-y-2\/5 {
-  --transform-translate-y: 40%;
-}
-
-.translate-y-3\/5 {
-  --transform-translate-y: 60%;
-}
-
-.translate-y-4\/5 {
-  --transform-translate-y: 80%;
-}
-
-.translate-y-1\/6 {
-  --transform-translate-y: 16.666667%;
-}
-
-.translate-y-2\/6 {
-  --transform-translate-y: 33.333333%;
-}
-
-.translate-y-3\/6 {
-  --transform-translate-y: 50%;
-}
-
-.translate-y-4\/6 {
-  --transform-translate-y: 66.666667%;
-}
-
-.translate-y-5\/6 {
-  --transform-translate-y: 83.333333%;
-}
-
-.translate-y-1\/12 {
-  --transform-translate-y: 8.333333%;
-}
-
-.translate-y-2\/12 {
-  --transform-translate-y: 16.666667%;
-}
-
-.translate-y-3\/12 {
-  --transform-translate-y: 25%;
-}
-
-.translate-y-4\/12 {
-  --transform-translate-y: 33.333333%;
-}
-
-.translate-y-5\/12 {
-  --transform-translate-y: 41.666667%;
-}
-
-.translate-y-6\/12 {
-  --transform-translate-y: 50%;
-}
-
-.translate-y-7\/12 {
-  --transform-translate-y: 58.333333%;
-}
-
-.translate-y-8\/12 {
-  --transform-translate-y: 66.666667%;
-}
-
-.translate-y-9\/12 {
-  --transform-translate-y: 75%;
-}
-
-.translate-y-10\/12 {
-  --transform-translate-y: 83.333333%;
-}
-
-.translate-y-11\/12 {
-  --transform-translate-y: 91.666667%;
-}
-
-.translate-y-full {
-  --transform-translate-y: 100%;
-}
-
-.-translate-y-1 {
-  --transform-translate-y: -0.25rem;
-}
-
-.-translate-y-2 {
-  --transform-translate-y: -0.5rem;
-}
-
-.-translate-y-3 {
-  --transform-translate-y: -0.75rem;
-}
-
-.-translate-y-4 {
-  --transform-translate-y: -1rem;
-}
-
-.-translate-y-5 {
-  --transform-translate-y: -1.25rem;
-}
-
-.-translate-y-6 {
-  --transform-translate-y: -1.5rem;
-}
-
-.-translate-y-7 {
-  --transform-translate-y: -1.75rem;
-}
-
-.-translate-y-8 {
-  --transform-translate-y: -2rem;
-}
-
-.-translate-y-9 {
-  --transform-translate-y: -2.25rem;
-}
-
-.-translate-y-10 {
-  --transform-translate-y: -2.5rem;
-}
-
-.-translate-y-11 {
-  --transform-translate-y: -2.75rem;
-}
-
-.-translate-y-12 {
-  --transform-translate-y: -3rem;
-}
-
-.-translate-y-13 {
-  --transform-translate-y: -3.25rem;
-}
-
-.-translate-y-14 {
-  --transform-translate-y: -3.5rem;
-}
-
-.-translate-y-15 {
-  --transform-translate-y: -3.75rem;
-}
-
-.-translate-y-16 {
-  --transform-translate-y: -4rem;
-}
-
-.-translate-y-20 {
-  --transform-translate-y: -5rem;
-}
-
-.-translate-y-24 {
-  --transform-translate-y: -6rem;
-}
-
-.-translate-y-28 {
-  --transform-translate-y: -7rem;
-}
-
-.-translate-y-32 {
-  --transform-translate-y: -8rem;
-}
-
-.-translate-y-36 {
-  --transform-translate-y: -9rem;
-}
-
-.-translate-y-40 {
-  --transform-translate-y: -10rem;
-}
-
-.-translate-y-48 {
-  --transform-translate-y: -12rem;
-}
-
-.-translate-y-56 {
-  --transform-translate-y: -14rem;
-}
-
-.-translate-y-60 {
-  --transform-translate-y: -15rem;
-}
-
-.-translate-y-64 {
-  --transform-translate-y: -16rem;
-}
-
-.-translate-y-72 {
-  --transform-translate-y: -18rem;
-}
-
-.-translate-y-80 {
-  --transform-translate-y: -20rem;
-}
-
-.-translate-y-96 {
-  --transform-translate-y: -24rem;
-}
-
-.-translate-y-px {
-  --transform-translate-y: -1px;
-}
-
-.-translate-y-0\.5 {
-  --transform-translate-y: -0.125rem;
-}
-
-.-translate-y-1\.5 {
-  --transform-translate-y: -0.375rem;
-}
-
-.-translate-y-2\.5 {
-  --transform-translate-y: -0.625rem;
-}
-
-.-translate-y-3\.5 {
-  --transform-translate-y: -0.875rem;
-}
-
-.-translate-y-1\/2 {
-  --transform-translate-y: -50%;
-}
-
-.-translate-y-1\/3 {
-  --transform-translate-y: -33.33333%;
-}
-
-.-translate-y-2\/3 {
-  --transform-translate-y: -66.66667%;
-}
-
-.-translate-y-1\/4 {
-  --transform-translate-y: -25%;
-}
-
-.-translate-y-2\/4 {
-  --transform-translate-y: -50%;
-}
-
-.-translate-y-3\/4 {
-  --transform-translate-y: -75%;
-}
-
-.-translate-y-1\/5 {
-  --transform-translate-y: -20%;
-}
-
-.-translate-y-2\/5 {
-  --transform-translate-y: -40%;
-}
-
-.-translate-y-3\/5 {
-  --transform-translate-y: -60%;
-}
-
-.-translate-y-4\/5 {
-  --transform-translate-y: -80%;
-}
-
-.-translate-y-1\/6 {
-  --transform-translate-y: -16.66667%;
-}
-
-.-translate-y-2\/6 {
-  --transform-translate-y: -33.33333%;
-}
-
-.-translate-y-3\/6 {
-  --transform-translate-y: -50%;
-}
-
-.-translate-y-4\/6 {
-  --transform-translate-y: -66.66667%;
-}
-
-.-translate-y-5\/6 {
-  --transform-translate-y: -83.33333%;
-}
-
-.-translate-y-1\/12 {
-  --transform-translate-y: -8.33333%;
-}
-
-.-translate-y-2\/12 {
-  --transform-translate-y: -16.66667%;
-}
-
-.-translate-y-3\/12 {
-  --transform-translate-y: -25%;
-}
-
-.-translate-y-4\/12 {
-  --transform-translate-y: -33.33333%;
-}
-
-.-translate-y-5\/12 {
-  --transform-translate-y: -41.66667%;
-}
-
-.-translate-y-6\/12 {
-  --transform-translate-y: -50%;
-}
-
-.-translate-y-7\/12 {
-  --transform-translate-y: -58.33333%;
-}
-
-.-translate-y-8\/12 {
-  --transform-translate-y: -66.66667%;
-}
-
-.-translate-y-9\/12 {
-  --transform-translate-y: -75%;
-}
-
-.-translate-y-10\/12 {
-  --transform-translate-y: -83.33333%;
-}
-
-.-translate-y-11\/12 {
-  --transform-translate-y: -91.66667%;
-}
-
-.-translate-y-full {
-  --transform-translate-y: -100%;
-}
-
-.hover\:translate-x-0:hover {
-  --transform-translate-x: 0;
-}
-
-.hover\:translate-x-1:hover {
-  --transform-translate-x: 0.25rem;
-}
-
-.hover\:translate-x-2:hover {
-  --transform-translate-x: 0.5rem;
-}
-
-.hover\:translate-x-3:hover {
-  --transform-translate-x: 0.75rem;
-}
-
-.hover\:translate-x-4:hover {
-  --transform-translate-x: 1rem;
-}
-
-.hover\:translate-x-5:hover {
-  --transform-translate-x: 1.25rem;
-}
-
-.hover\:translate-x-6:hover {
-  --transform-translate-x: 1.5rem;
-}
-
-.hover\:translate-x-7:hover {
-  --transform-translate-x: 1.75rem;
-}
-
-.hover\:translate-x-8:hover {
-  --transform-translate-x: 2rem;
-}
-
-.hover\:translate-x-9:hover {
-  --transform-translate-x: 2.25rem;
-}
-
-.hover\:translate-x-10:hover {
-  --transform-translate-x: 2.5rem;
-}
-
-.hover\:translate-x-11:hover {
-  --transform-translate-x: 2.75rem;
-}
-
-.hover\:translate-x-12:hover {
-  --transform-translate-x: 3rem;
-}
-
-.hover\:translate-x-13:hover {
-  --transform-translate-x: 3.25rem;
-}
-
-.hover\:translate-x-14:hover {
-  --transform-translate-x: 3.5rem;
-}
-
-.hover\:translate-x-15:hover {
-  --transform-translate-x: 3.75rem;
-}
-
-.hover\:translate-x-16:hover {
-  --transform-translate-x: 4rem;
-}
-
-.hover\:translate-x-20:hover {
-  --transform-translate-x: 5rem;
-}
-
-.hover\:translate-x-24:hover {
-  --transform-translate-x: 6rem;
-}
-
-.hover\:translate-x-28:hover {
-  --transform-translate-x: 7rem;
-}
-
-.hover\:translate-x-32:hover {
-  --transform-translate-x: 8rem;
-}
-
-.hover\:translate-x-36:hover {
-  --transform-translate-x: 9rem;
-}
-
-.hover\:translate-x-40:hover {
-  --transform-translate-x: 10rem;
-}
-
-.hover\:translate-x-48:hover {
-  --transform-translate-x: 12rem;
-}
-
-.hover\:translate-x-56:hover {
-  --transform-translate-x: 14rem;
-}
-
-.hover\:translate-x-60:hover {
-  --transform-translate-x: 15rem;
-}
-
-.hover\:translate-x-64:hover {
-  --transform-translate-x: 16rem;
-}
-
-.hover\:translate-x-72:hover {
-  --transform-translate-x: 18rem;
-}
-
-.hover\:translate-x-80:hover {
-  --transform-translate-x: 20rem;
-}
-
-.hover\:translate-x-96:hover {
-  --transform-translate-x: 24rem;
-}
-
-.hover\:translate-x-px:hover {
-  --transform-translate-x: 1px;
-}
-
-.hover\:translate-x-0\.5:hover {
-  --transform-translate-x: 0.125rem;
-}
-
-.hover\:translate-x-1\.5:hover {
-  --transform-translate-x: 0.375rem;
-}
-
-.hover\:translate-x-2\.5:hover {
-  --transform-translate-x: 0.625rem;
-}
-
-.hover\:translate-x-3\.5:hover {
-  --transform-translate-x: 0.875rem;
-}
-
-.hover\:translate-x-1\/2:hover {
-  --transform-translate-x: 50%;
-}
-
-.hover\:translate-x-1\/3:hover {
-  --transform-translate-x: 33.333333%;
-}
-
-.hover\:translate-x-2\/3:hover {
-  --transform-translate-x: 66.666667%;
-}
-
-.hover\:translate-x-1\/4:hover {
-  --transform-translate-x: 25%;
-}
-
-.hover\:translate-x-2\/4:hover {
-  --transform-translate-x: 50%;
-}
-
-.hover\:translate-x-3\/4:hover {
-  --transform-translate-x: 75%;
-}
-
-.hover\:translate-x-1\/5:hover {
-  --transform-translate-x: 20%;
-}
-
-.hover\:translate-x-2\/5:hover {
-  --transform-translate-x: 40%;
-}
-
-.hover\:translate-x-3\/5:hover {
-  --transform-translate-x: 60%;
-}
-
-.hover\:translate-x-4\/5:hover {
-  --transform-translate-x: 80%;
-}
-
-.hover\:translate-x-1\/6:hover {
-  --transform-translate-x: 16.666667%;
-}
-
-.hover\:translate-x-2\/6:hover {
-  --transform-translate-x: 33.333333%;
-}
-
-.hover\:translate-x-3\/6:hover {
-  --transform-translate-x: 50%;
-}
-
-.hover\:translate-x-4\/6:hover {
-  --transform-translate-x: 66.666667%;
-}
-
-.hover\:translate-x-5\/6:hover {
-  --transform-translate-x: 83.333333%;
-}
-
-.hover\:translate-x-1\/12:hover {
-  --transform-translate-x: 8.333333%;
-}
-
-.hover\:translate-x-2\/12:hover {
-  --transform-translate-x: 16.666667%;
-}
-
-.hover\:translate-x-3\/12:hover {
-  --transform-translate-x: 25%;
-}
-
-.hover\:translate-x-4\/12:hover {
-  --transform-translate-x: 33.333333%;
-}
-
-.hover\:translate-x-5\/12:hover {
-  --transform-translate-x: 41.666667%;
-}
-
-.hover\:translate-x-6\/12:hover {
-  --transform-translate-x: 50%;
-}
-
-.hover\:translate-x-7\/12:hover {
-  --transform-translate-x: 58.333333%;
-}
-
-.hover\:translate-x-8\/12:hover {
-  --transform-translate-x: 66.666667%;
-}
-
-.hover\:translate-x-9\/12:hover {
-  --transform-translate-x: 75%;
-}
-
-.hover\:translate-x-10\/12:hover {
-  --transform-translate-x: 83.333333%;
-}
-
-.hover\:translate-x-11\/12:hover {
-  --transform-translate-x: 91.666667%;
-}
-
-.hover\:translate-x-full:hover {
-  --transform-translate-x: 100%;
-}
-
-.hover\:-translate-x-1:hover {
-  --transform-translate-x: -0.25rem;
-}
-
-.hover\:-translate-x-2:hover {
-  --transform-translate-x: -0.5rem;
-}
-
-.hover\:-translate-x-3:hover {
-  --transform-translate-x: -0.75rem;
-}
-
-.hover\:-translate-x-4:hover {
-  --transform-translate-x: -1rem;
-}
-
-.hover\:-translate-x-5:hover {
-  --transform-translate-x: -1.25rem;
-}
-
-.hover\:-translate-x-6:hover {
-  --transform-translate-x: -1.5rem;
-}
-
-.hover\:-translate-x-7:hover {
-  --transform-translate-x: -1.75rem;
-}
-
-.hover\:-translate-x-8:hover {
-  --transform-translate-x: -2rem;
-}
-
-.hover\:-translate-x-9:hover {
-  --transform-translate-x: -2.25rem;
-}
-
-.hover\:-translate-x-10:hover {
-  --transform-translate-x: -2.5rem;
-}
-
-.hover\:-translate-x-11:hover {
-  --transform-translate-x: -2.75rem;
-}
-
-.hover\:-translate-x-12:hover {
-  --transform-translate-x: -3rem;
-}
-
-.hover\:-translate-x-13:hover {
-  --transform-translate-x: -3.25rem;
-}
-
-.hover\:-translate-x-14:hover {
-  --transform-translate-x: -3.5rem;
-}
-
-.hover\:-translate-x-15:hover {
-  --transform-translate-x: -3.75rem;
-}
-
-.hover\:-translate-x-16:hover {
-  --transform-translate-x: -4rem;
-}
-
-.hover\:-translate-x-20:hover {
-  --transform-translate-x: -5rem;
-}
-
-.hover\:-translate-x-24:hover {
-  --transform-translate-x: -6rem;
-}
-
-.hover\:-translate-x-28:hover {
-  --transform-translate-x: -7rem;
-}
-
-.hover\:-translate-x-32:hover {
-  --transform-translate-x: -8rem;
-}
-
-.hover\:-translate-x-36:hover {
-  --transform-translate-x: -9rem;
-}
-
-.hover\:-translate-x-40:hover {
-  --transform-translate-x: -10rem;
-}
-
-.hover\:-translate-x-48:hover {
-  --transform-translate-x: -12rem;
-}
-
-.hover\:-translate-x-56:hover {
-  --transform-translate-x: -14rem;
-}
-
-.hover\:-translate-x-60:hover {
-  --transform-translate-x: -15rem;
-}
-
-.hover\:-translate-x-64:hover {
-  --transform-translate-x: -16rem;
-}
-
-.hover\:-translate-x-72:hover {
-  --transform-translate-x: -18rem;
-}
-
-.hover\:-translate-x-80:hover {
-  --transform-translate-x: -20rem;
-}
-
-.hover\:-translate-x-96:hover {
-  --transform-translate-x: -24rem;
-}
-
-.hover\:-translate-x-px:hover {
-  --transform-translate-x: -1px;
-}
-
-.hover\:-translate-x-0\.5:hover {
-  --transform-translate-x: -0.125rem;
-}
-
-.hover\:-translate-x-1\.5:hover {
-  --transform-translate-x: -0.375rem;
-}
-
-.hover\:-translate-x-2\.5:hover {
-  --transform-translate-x: -0.625rem;
-}
-
-.hover\:-translate-x-3\.5:hover {
-  --transform-translate-x: -0.875rem;
-}
-
-.hover\:-translate-x-1\/2:hover {
-  --transform-translate-x: -50%;
-}
-
-.hover\:-translate-x-1\/3:hover {
-  --transform-translate-x: -33.33333%;
-}
-
-.hover\:-translate-x-2\/3:hover {
-  --transform-translate-x: -66.66667%;
-}
-
-.hover\:-translate-x-1\/4:hover {
-  --transform-translate-x: -25%;
-}
-
-.hover\:-translate-x-2\/4:hover {
-  --transform-translate-x: -50%;
-}
-
-.hover\:-translate-x-3\/4:hover {
-  --transform-translate-x: -75%;
-}
-
-.hover\:-translate-x-1\/5:hover {
-  --transform-translate-x: -20%;
-}
-
-.hover\:-translate-x-2\/5:hover {
-  --transform-translate-x: -40%;
-}
-
-.hover\:-translate-x-3\/5:hover {
-  --transform-translate-x: -60%;
-}
-
-.hover\:-translate-x-4\/5:hover {
-  --transform-translate-x: -80%;
-}
-
-.hover\:-translate-x-1\/6:hover {
-  --transform-translate-x: -16.66667%;
-}
-
-.hover\:-translate-x-2\/6:hover {
-  --transform-translate-x: -33.33333%;
-}
-
-.hover\:-translate-x-3\/6:hover {
-  --transform-translate-x: -50%;
-}
-
-.hover\:-translate-x-4\/6:hover {
-  --transform-translate-x: -66.66667%;
-}
-
-.hover\:-translate-x-5\/6:hover {
-  --transform-translate-x: -83.33333%;
-}
-
-.hover\:-translate-x-1\/12:hover {
-  --transform-translate-x: -8.33333%;
-}
-
-.hover\:-translate-x-2\/12:hover {
-  --transform-translate-x: -16.66667%;
-}
-
-.hover\:-translate-x-3\/12:hover {
-  --transform-translate-x: -25%;
-}
-
-.hover\:-translate-x-4\/12:hover {
-  --transform-translate-x: -33.33333%;
-}
-
-.hover\:-translate-x-5\/12:hover {
-  --transform-translate-x: -41.66667%;
-}
-
-.hover\:-translate-x-6\/12:hover {
-  --transform-translate-x: -50%;
-}
-
-.hover\:-translate-x-7\/12:hover {
-  --transform-translate-x: -58.33333%;
-}
-
-.hover\:-translate-x-8\/12:hover {
-  --transform-translate-x: -66.66667%;
-}
-
-.hover\:-translate-x-9\/12:hover {
-  --transform-translate-x: -75%;
-}
-
-.hover\:-translate-x-10\/12:hover {
-  --transform-translate-x: -83.33333%;
-}
-
-.hover\:-translate-x-11\/12:hover {
-  --transform-translate-x: -91.66667%;
-}
-
-.hover\:-translate-x-full:hover {
-  --transform-translate-x: -100%;
-}
-
-.hover\:translate-y-0:hover {
-  --transform-translate-y: 0;
-}
-
-.hover\:translate-y-1:hover {
-  --transform-translate-y: 0.25rem;
-}
-
-.hover\:translate-y-2:hover {
-  --transform-translate-y: 0.5rem;
-}
-
-.hover\:translate-y-3:hover {
-  --transform-translate-y: 0.75rem;
-}
-
-.hover\:translate-y-4:hover {
-  --transform-translate-y: 1rem;
-}
-
-.hover\:translate-y-5:hover {
-  --transform-translate-y: 1.25rem;
-}
-
-.hover\:translate-y-6:hover {
-  --transform-translate-y: 1.5rem;
-}
-
-.hover\:translate-y-7:hover {
-  --transform-translate-y: 1.75rem;
-}
-
-.hover\:translate-y-8:hover {
-  --transform-translate-y: 2rem;
-}
-
-.hover\:translate-y-9:hover {
-  --transform-translate-y: 2.25rem;
-}
-
-.hover\:translate-y-10:hover {
-  --transform-translate-y: 2.5rem;
-}
-
-.hover\:translate-y-11:hover {
-  --transform-translate-y: 2.75rem;
-}
-
-.hover\:translate-y-12:hover {
-  --transform-translate-y: 3rem;
-}
-
-.hover\:translate-y-13:hover {
-  --transform-translate-y: 3.25rem;
-}
-
-.hover\:translate-y-14:hover {
-  --transform-translate-y: 3.5rem;
-}
-
-.hover\:translate-y-15:hover {
-  --transform-translate-y: 3.75rem;
-}
-
-.hover\:translate-y-16:hover {
-  --transform-translate-y: 4rem;
-}
-
-.hover\:translate-y-20:hover {
-  --transform-translate-y: 5rem;
-}
-
-.hover\:translate-y-24:hover {
-  --transform-translate-y: 6rem;
-}
-
-.hover\:translate-y-28:hover {
-  --transform-translate-y: 7rem;
-}
-
-.hover\:translate-y-32:hover {
-  --transform-translate-y: 8rem;
-}
-
-.hover\:translate-y-36:hover {
-  --transform-translate-y: 9rem;
-}
-
-.hover\:translate-y-40:hover {
-  --transform-translate-y: 10rem;
-}
-
-.hover\:translate-y-48:hover {
-  --transform-translate-y: 12rem;
-}
-
-.hover\:translate-y-56:hover {
-  --transform-translate-y: 14rem;
-}
-
-.hover\:translate-y-60:hover {
-  --transform-translate-y: 15rem;
-}
-
-.hover\:translate-y-64:hover {
-  --transform-translate-y: 16rem;
-}
-
-.hover\:translate-y-72:hover {
-  --transform-translate-y: 18rem;
-}
-
-.hover\:translate-y-80:hover {
-  --transform-translate-y: 20rem;
-}
-
-.hover\:translate-y-96:hover {
-  --transform-translate-y: 24rem;
-}
-
-.hover\:translate-y-px:hover {
-  --transform-translate-y: 1px;
-}
-
-.hover\:translate-y-0\.5:hover {
-  --transform-translate-y: 0.125rem;
-}
-
-.hover\:translate-y-1\.5:hover {
-  --transform-translate-y: 0.375rem;
-}
-
-.hover\:translate-y-2\.5:hover {
-  --transform-translate-y: 0.625rem;
-}
-
-.hover\:translate-y-3\.5:hover {
-  --transform-translate-y: 0.875rem;
-}
-
-.hover\:translate-y-1\/2:hover {
-  --transform-translate-y: 50%;
-}
-
-.hover\:translate-y-1\/3:hover {
-  --transform-translate-y: 33.333333%;
-}
-
-.hover\:translate-y-2\/3:hover {
-  --transform-translate-y: 66.666667%;
-}
-
-.hover\:translate-y-1\/4:hover {
-  --transform-translate-y: 25%;
-}
-
-.hover\:translate-y-2\/4:hover {
-  --transform-translate-y: 50%;
-}
-
-.hover\:translate-y-3\/4:hover {
-  --transform-translate-y: 75%;
-}
-
-.hover\:translate-y-1\/5:hover {
-  --transform-translate-y: 20%;
-}
-
-.hover\:translate-y-2\/5:hover {
-  --transform-translate-y: 40%;
-}
-
-.hover\:translate-y-3\/5:hover {
-  --transform-translate-y: 60%;
-}
-
-.hover\:translate-y-4\/5:hover {
-  --transform-translate-y: 80%;
-}
-
-.hover\:translate-y-1\/6:hover {
-  --transform-translate-y: 16.666667%;
-}
-
-.hover\:translate-y-2\/6:hover {
-  --transform-translate-y: 33.333333%;
-}
-
-.hover\:translate-y-3\/6:hover {
-  --transform-translate-y: 50%;
-}
-
-.hover\:translate-y-4\/6:hover {
-  --transform-translate-y: 66.666667%;
-}
-
-.hover\:translate-y-5\/6:hover {
-  --transform-translate-y: 83.333333%;
-}
-
-.hover\:translate-y-1\/12:hover {
-  --transform-translate-y: 8.333333%;
-}
-
-.hover\:translate-y-2\/12:hover {
-  --transform-translate-y: 16.666667%;
-}
-
-.hover\:translate-y-3\/12:hover {
-  --transform-translate-y: 25%;
-}
-
-.hover\:translate-y-4\/12:hover {
-  --transform-translate-y: 33.333333%;
-}
-
-.hover\:translate-y-5\/12:hover {
-  --transform-translate-y: 41.666667%;
-}
-
-.hover\:translate-y-6\/12:hover {
-  --transform-translate-y: 50%;
-}
-
-.hover\:translate-y-7\/12:hover {
-  --transform-translate-y: 58.333333%;
-}
-
-.hover\:translate-y-8\/12:hover {
-  --transform-translate-y: 66.666667%;
-}
-
-.hover\:translate-y-9\/12:hover {
-  --transform-translate-y: 75%;
-}
-
-.hover\:translate-y-10\/12:hover {
-  --transform-translate-y: 83.333333%;
-}
-
-.hover\:translate-y-11\/12:hover {
-  --transform-translate-y: 91.666667%;
-}
-
-.hover\:translate-y-full:hover {
-  --transform-translate-y: 100%;
-}
-
-.hover\:-translate-y-1:hover {
-  --transform-translate-y: -0.25rem;
-}
-
-.hover\:-translate-y-2:hover {
-  --transform-translate-y: -0.5rem;
-}
-
-.hover\:-translate-y-3:hover {
-  --transform-translate-y: -0.75rem;
-}
-
-.hover\:-translate-y-4:hover {
-  --transform-translate-y: -1rem;
-}
-
-.hover\:-translate-y-5:hover {
-  --transform-translate-y: -1.25rem;
-}
-
-.hover\:-translate-y-6:hover {
-  --transform-translate-y: -1.5rem;
-}
-
-.hover\:-translate-y-7:hover {
-  --transform-translate-y: -1.75rem;
-}
-
-.hover\:-translate-y-8:hover {
-  --transform-translate-y: -2rem;
-}
-
-.hover\:-translate-y-9:hover {
-  --transform-translate-y: -2.25rem;
-}
-
-.hover\:-translate-y-10:hover {
-  --transform-translate-y: -2.5rem;
-}
-
-.hover\:-translate-y-11:hover {
-  --transform-translate-y: -2.75rem;
-}
-
-.hover\:-translate-y-12:hover {
-  --transform-translate-y: -3rem;
-}
-
-.hover\:-translate-y-13:hover {
-  --transform-translate-y: -3.25rem;
-}
-
-.hover\:-translate-y-14:hover {
-  --transform-translate-y: -3.5rem;
-}
-
-.hover\:-translate-y-15:hover {
-  --transform-translate-y: -3.75rem;
-}
-
-.hover\:-translate-y-16:hover {
-  --transform-translate-y: -4rem;
-}
-
-.hover\:-translate-y-20:hover {
-  --transform-translate-y: -5rem;
-}
-
-.hover\:-translate-y-24:hover {
-  --transform-translate-y: -6rem;
-}
-
-.hover\:-translate-y-28:hover {
-  --transform-translate-y: -7rem;
-}
-
-.hover\:-translate-y-32:hover {
-  --transform-translate-y: -8rem;
-}
-
-.hover\:-translate-y-36:hover {
-  --transform-translate-y: -9rem;
-}
-
-.hover\:-translate-y-40:hover {
-  --transform-translate-y: -10rem;
-}
-
-.hover\:-translate-y-48:hover {
-  --transform-translate-y: -12rem;
-}
-
-.hover\:-translate-y-56:hover {
-  --transform-translate-y: -14rem;
-}
-
-.hover\:-translate-y-60:hover {
-  --transform-translate-y: -15rem;
-}
-
-.hover\:-translate-y-64:hover {
-  --transform-translate-y: -16rem;
-}
-
-.hover\:-translate-y-72:hover {
-  --transform-translate-y: -18rem;
-}
-
-.hover\:-translate-y-80:hover {
-  --transform-translate-y: -20rem;
-}
-
-.hover\:-translate-y-96:hover {
-  --transform-translate-y: -24rem;
-}
-
-.hover\:-translate-y-px:hover {
-  --transform-translate-y: -1px;
-}
-
-.hover\:-translate-y-0\.5:hover {
-  --transform-translate-y: -0.125rem;
-}
-
-.hover\:-translate-y-1\.5:hover {
-  --transform-translate-y: -0.375rem;
-}
-
-.hover\:-translate-y-2\.5:hover {
-  --transform-translate-y: -0.625rem;
-}
-
-.hover\:-translate-y-3\.5:hover {
-  --transform-translate-y: -0.875rem;
-}
-
-.hover\:-translate-y-1\/2:hover {
-  --transform-translate-y: -50%;
-}
-
-.hover\:-translate-y-1\/3:hover {
-  --transform-translate-y: -33.33333%;
-}
-
-.hover\:-translate-y-2\/3:hover {
-  --transform-translate-y: -66.66667%;
-}
-
-.hover\:-translate-y-1\/4:hover {
-  --transform-translate-y: -25%;
-}
-
-.hover\:-translate-y-2\/4:hover {
-  --transform-translate-y: -50%;
-}
-
-.hover\:-translate-y-3\/4:hover {
-  --transform-translate-y: -75%;
-}
-
-.hover\:-translate-y-1\/5:hover {
-  --transform-translate-y: -20%;
-}
-
-.hover\:-translate-y-2\/5:hover {
-  --transform-translate-y: -40%;
-}
-
-.hover\:-translate-y-3\/5:hover {
-  --transform-translate-y: -60%;
-}
-
-.hover\:-translate-y-4\/5:hover {
-  --transform-translate-y: -80%;
-}
-
-.hover\:-translate-y-1\/6:hover {
-  --transform-translate-y: -16.66667%;
-}
-
-.hover\:-translate-y-2\/6:hover {
-  --transform-translate-y: -33.33333%;
-}
-
-.hover\:-translate-y-3\/6:hover {
-  --transform-translate-y: -50%;
-}
-
-.hover\:-translate-y-4\/6:hover {
-  --transform-translate-y: -66.66667%;
-}
-
-.hover\:-translate-y-5\/6:hover {
-  --transform-translate-y: -83.33333%;
-}
-
-.hover\:-translate-y-1\/12:hover {
-  --transform-translate-y: -8.33333%;
-}
-
-.hover\:-translate-y-2\/12:hover {
-  --transform-translate-y: -16.66667%;
-}
-
-.hover\:-translate-y-3\/12:hover {
-  --transform-translate-y: -25%;
-}
-
-.hover\:-translate-y-4\/12:hover {
-  --transform-translate-y: -33.33333%;
-}
-
-.hover\:-translate-y-5\/12:hover {
-  --transform-translate-y: -41.66667%;
-}
-
-.hover\:-translate-y-6\/12:hover {
-  --transform-translate-y: -50%;
-}
-
-.hover\:-translate-y-7\/12:hover {
-  --transform-translate-y: -58.33333%;
-}
-
-.hover\:-translate-y-8\/12:hover {
-  --transform-translate-y: -66.66667%;
-}
-
-.hover\:-translate-y-9\/12:hover {
-  --transform-translate-y: -75%;
-}
-
-.hover\:-translate-y-10\/12:hover {
-  --transform-translate-y: -83.33333%;
-}
-
-.hover\:-translate-y-11\/12:hover {
-  --transform-translate-y: -91.66667%;
-}
-
-.hover\:-translate-y-full:hover {
-  --transform-translate-y: -100%;
-}
-
-.focus\:translate-x-0:focus {
-  --transform-translate-x: 0;
-}
-
-.focus\:translate-x-1:focus {
-  --transform-translate-x: 0.25rem;
-}
-
-.focus\:translate-x-2:focus {
-  --transform-translate-x: 0.5rem;
-}
-
-.focus\:translate-x-3:focus {
-  --transform-translate-x: 0.75rem;
-}
-
-.focus\:translate-x-4:focus {
-  --transform-translate-x: 1rem;
-}
-
-.focus\:translate-x-5:focus {
-  --transform-translate-x: 1.25rem;
-}
-
-.focus\:translate-x-6:focus {
-  --transform-translate-x: 1.5rem;
-}
-
-.focus\:translate-x-7:focus {
-  --transform-translate-x: 1.75rem;
-}
-
-.focus\:translate-x-8:focus {
-  --transform-translate-x: 2rem;
-}
-
-.focus\:translate-x-9:focus {
-  --transform-translate-x: 2.25rem;
-}
-
-.focus\:translate-x-10:focus {
-  --transform-translate-x: 2.5rem;
-}
-
-.focus\:translate-x-11:focus {
-  --transform-translate-x: 2.75rem;
-}
-
-.focus\:translate-x-12:focus {
-  --transform-translate-x: 3rem;
-}
-
-.focus\:translate-x-13:focus {
-  --transform-translate-x: 3.25rem;
-}
-
-.focus\:translate-x-14:focus {
-  --transform-translate-x: 3.5rem;
-}
-
-.focus\:translate-x-15:focus {
-  --transform-translate-x: 3.75rem;
-}
-
-.focus\:translate-x-16:focus {
-  --transform-translate-x: 4rem;
-}
-
-.focus\:translate-x-20:focus {
-  --transform-translate-x: 5rem;
-}
-
-.focus\:translate-x-24:focus {
-  --transform-translate-x: 6rem;
-}
-
-.focus\:translate-x-28:focus {
-  --transform-translate-x: 7rem;
-}
-
-.focus\:translate-x-32:focus {
-  --transform-translate-x: 8rem;
-}
-
-.focus\:translate-x-36:focus {
-  --transform-translate-x: 9rem;
-}
-
-.focus\:translate-x-40:focus {
-  --transform-translate-x: 10rem;
-}
-
-.focus\:translate-x-48:focus {
-  --transform-translate-x: 12rem;
-}
-
-.focus\:translate-x-56:focus {
-  --transform-translate-x: 14rem;
-}
-
-.focus\:translate-x-60:focus {
-  --transform-translate-x: 15rem;
-}
-
-.focus\:translate-x-64:focus {
-  --transform-translate-x: 16rem;
-}
-
-.focus\:translate-x-72:focus {
-  --transform-translate-x: 18rem;
-}
-
-.focus\:translate-x-80:focus {
-  --transform-translate-x: 20rem;
-}
-
-.focus\:translate-x-96:focus {
-  --transform-translate-x: 24rem;
-}
-
-.focus\:translate-x-px:focus {
-  --transform-translate-x: 1px;
-}
-
-.focus\:translate-x-0\.5:focus {
-  --transform-translate-x: 0.125rem;
-}
-
-.focus\:translate-x-1\.5:focus {
-  --transform-translate-x: 0.375rem;
-}
-
-.focus\:translate-x-2\.5:focus {
-  --transform-translate-x: 0.625rem;
-}
-
-.focus\:translate-x-3\.5:focus {
-  --transform-translate-x: 0.875rem;
-}
-
-.focus\:translate-x-1\/2:focus {
-  --transform-translate-x: 50%;
-}
-
-.focus\:translate-x-1\/3:focus {
-  --transform-translate-x: 33.333333%;
-}
-
-.focus\:translate-x-2\/3:focus {
-  --transform-translate-x: 66.666667%;
-}
-
-.focus\:translate-x-1\/4:focus {
-  --transform-translate-x: 25%;
-}
-
-.focus\:translate-x-2\/4:focus {
-  --transform-translate-x: 50%;
-}
-
-.focus\:translate-x-3\/4:focus {
-  --transform-translate-x: 75%;
-}
-
-.focus\:translate-x-1\/5:focus {
-  --transform-translate-x: 20%;
-}
-
-.focus\:translate-x-2\/5:focus {
-  --transform-translate-x: 40%;
-}
-
-.focus\:translate-x-3\/5:focus {
-  --transform-translate-x: 60%;
-}
-
-.focus\:translate-x-4\/5:focus {
-  --transform-translate-x: 80%;
-}
-
-.focus\:translate-x-1\/6:focus {
-  --transform-translate-x: 16.666667%;
-}
-
-.focus\:translate-x-2\/6:focus {
-  --transform-translate-x: 33.333333%;
-}
-
-.focus\:translate-x-3\/6:focus {
-  --transform-translate-x: 50%;
-}
-
-.focus\:translate-x-4\/6:focus {
-  --transform-translate-x: 66.666667%;
-}
-
-.focus\:translate-x-5\/6:focus {
-  --transform-translate-x: 83.333333%;
-}
-
-.focus\:translate-x-1\/12:focus {
-  --transform-translate-x: 8.333333%;
-}
-
-.focus\:translate-x-2\/12:focus {
-  --transform-translate-x: 16.666667%;
-}
-
-.focus\:translate-x-3\/12:focus {
-  --transform-translate-x: 25%;
-}
-
-.focus\:translate-x-4\/12:focus {
-  --transform-translate-x: 33.333333%;
-}
-
-.focus\:translate-x-5\/12:focus {
-  --transform-translate-x: 41.666667%;
-}
-
-.focus\:translate-x-6\/12:focus {
-  --transform-translate-x: 50%;
-}
-
-.focus\:translate-x-7\/12:focus {
-  --transform-translate-x: 58.333333%;
-}
-
-.focus\:translate-x-8\/12:focus {
-  --transform-translate-x: 66.666667%;
-}
-
-.focus\:translate-x-9\/12:focus {
-  --transform-translate-x: 75%;
-}
-
-.focus\:translate-x-10\/12:focus {
-  --transform-translate-x: 83.333333%;
-}
-
-.focus\:translate-x-11\/12:focus {
-  --transform-translate-x: 91.666667%;
-}
-
-.focus\:translate-x-full:focus {
-  --transform-translate-x: 100%;
-}
-
-.focus\:-translate-x-1:focus {
-  --transform-translate-x: -0.25rem;
-}
-
-.focus\:-translate-x-2:focus {
-  --transform-translate-x: -0.5rem;
-}
-
-.focus\:-translate-x-3:focus {
-  --transform-translate-x: -0.75rem;
-}
-
-.focus\:-translate-x-4:focus {
-  --transform-translate-x: -1rem;
-}
-
-.focus\:-translate-x-5:focus {
-  --transform-translate-x: -1.25rem;
-}
-
-.focus\:-translate-x-6:focus {
-  --transform-translate-x: -1.5rem;
-}
-
-.focus\:-translate-x-7:focus {
-  --transform-translate-x: -1.75rem;
-}
-
-.focus\:-translate-x-8:focus {
-  --transform-translate-x: -2rem;
-}
-
-.focus\:-translate-x-9:focus {
-  --transform-translate-x: -2.25rem;
-}
-
-.focus\:-translate-x-10:focus {
-  --transform-translate-x: -2.5rem;
-}
-
-.focus\:-translate-x-11:focus {
-  --transform-translate-x: -2.75rem;
-}
-
-.focus\:-translate-x-12:focus {
-  --transform-translate-x: -3rem;
-}
-
-.focus\:-translate-x-13:focus {
-  --transform-translate-x: -3.25rem;
-}
-
-.focus\:-translate-x-14:focus {
-  --transform-translate-x: -3.5rem;
-}
-
-.focus\:-translate-x-15:focus {
-  --transform-translate-x: -3.75rem;
-}
-
-.focus\:-translate-x-16:focus {
-  --transform-translate-x: -4rem;
-}
-
-.focus\:-translate-x-20:focus {
-  --transform-translate-x: -5rem;
-}
-
-.focus\:-translate-x-24:focus {
-  --transform-translate-x: -6rem;
-}
-
-.focus\:-translate-x-28:focus {
-  --transform-translate-x: -7rem;
-}
-
-.focus\:-translate-x-32:focus {
-  --transform-translate-x: -8rem;
-}
-
-.focus\:-translate-x-36:focus {
-  --transform-translate-x: -9rem;
-}
-
-.focus\:-translate-x-40:focus {
-  --transform-translate-x: -10rem;
-}
-
-.focus\:-translate-x-48:focus {
-  --transform-translate-x: -12rem;
-}
-
-.focus\:-translate-x-56:focus {
-  --transform-translate-x: -14rem;
-}
-
-.focus\:-translate-x-60:focus {
-  --transform-translate-x: -15rem;
-}
-
-.focus\:-translate-x-64:focus {
-  --transform-translate-x: -16rem;
-}
-
-.focus\:-translate-x-72:focus {
-  --transform-translate-x: -18rem;
-}
-
-.focus\:-translate-x-80:focus {
-  --transform-translate-x: -20rem;
-}
-
-.focus\:-translate-x-96:focus {
-  --transform-translate-x: -24rem;
-}
-
-.focus\:-translate-x-px:focus {
-  --transform-translate-x: -1px;
-}
-
-.focus\:-translate-x-0\.5:focus {
-  --transform-translate-x: -0.125rem;
-}
-
-.focus\:-translate-x-1\.5:focus {
-  --transform-translate-x: -0.375rem;
-}
-
-.focus\:-translate-x-2\.5:focus {
-  --transform-translate-x: -0.625rem;
-}
-
-.focus\:-translate-x-3\.5:focus {
-  --transform-translate-x: -0.875rem;
-}
-
-.focus\:-translate-x-1\/2:focus {
-  --transform-translate-x: -50%;
-}
-
-.focus\:-translate-x-1\/3:focus {
-  --transform-translate-x: -33.33333%;
-}
-
-.focus\:-translate-x-2\/3:focus {
-  --transform-translate-x: -66.66667%;
-}
-
-.focus\:-translate-x-1\/4:focus {
-  --transform-translate-x: -25%;
-}
-
-.focus\:-translate-x-2\/4:focus {
-  --transform-translate-x: -50%;
-}
-
-.focus\:-translate-x-3\/4:focus {
-  --transform-translate-x: -75%;
-}
-
-.focus\:-translate-x-1\/5:focus {
-  --transform-translate-x: -20%;
-}
-
-.focus\:-translate-x-2\/5:focus {
-  --transform-translate-x: -40%;
-}
-
-.focus\:-translate-x-3\/5:focus {
-  --transform-translate-x: -60%;
-}
-
-.focus\:-translate-x-4\/5:focus {
-  --transform-translate-x: -80%;
-}
-
-.focus\:-translate-x-1\/6:focus {
-  --transform-translate-x: -16.66667%;
-}
-
-.focus\:-translate-x-2\/6:focus {
-  --transform-translate-x: -33.33333%;
-}
-
-.focus\:-translate-x-3\/6:focus {
-  --transform-translate-x: -50%;
-}
-
-.focus\:-translate-x-4\/6:focus {
-  --transform-translate-x: -66.66667%;
-}
-
-.focus\:-translate-x-5\/6:focus {
-  --transform-translate-x: -83.33333%;
-}
-
-.focus\:-translate-x-1\/12:focus {
-  --transform-translate-x: -8.33333%;
-}
-
-.focus\:-translate-x-2\/12:focus {
-  --transform-translate-x: -16.66667%;
-}
-
-.focus\:-translate-x-3\/12:focus {
-  --transform-translate-x: -25%;
-}
-
-.focus\:-translate-x-4\/12:focus {
-  --transform-translate-x: -33.33333%;
-}
-
-.focus\:-translate-x-5\/12:focus {
-  --transform-translate-x: -41.66667%;
-}
-
-.focus\:-translate-x-6\/12:focus {
-  --transform-translate-x: -50%;
-}
-
-.focus\:-translate-x-7\/12:focus {
-  --transform-translate-x: -58.33333%;
-}
-
-.focus\:-translate-x-8\/12:focus {
-  --transform-translate-x: -66.66667%;
-}
-
-.focus\:-translate-x-9\/12:focus {
-  --transform-translate-x: -75%;
-}
-
-.focus\:-translate-x-10\/12:focus {
-  --transform-translate-x: -83.33333%;
-}
-
-.focus\:-translate-x-11\/12:focus {
-  --transform-translate-x: -91.66667%;
-}
-
-.focus\:-translate-x-full:focus {
-  --transform-translate-x: -100%;
-}
-
-.focus\:translate-y-0:focus {
-  --transform-translate-y: 0;
-}
-
-.focus\:translate-y-1:focus {
-  --transform-translate-y: 0.25rem;
-}
-
-.focus\:translate-y-2:focus {
-  --transform-translate-y: 0.5rem;
-}
-
-.focus\:translate-y-3:focus {
-  --transform-translate-y: 0.75rem;
-}
-
-.focus\:translate-y-4:focus {
-  --transform-translate-y: 1rem;
-}
-
-.focus\:translate-y-5:focus {
-  --transform-translate-y: 1.25rem;
-}
-
-.focus\:translate-y-6:focus {
-  --transform-translate-y: 1.5rem;
-}
-
-.focus\:translate-y-7:focus {
-  --transform-translate-y: 1.75rem;
-}
-
-.focus\:translate-y-8:focus {
-  --transform-translate-y: 2rem;
-}
-
-.focus\:translate-y-9:focus {
-  --transform-translate-y: 2.25rem;
-}
-
-.focus\:translate-y-10:focus {
-  --transform-translate-y: 2.5rem;
-}
-
-.focus\:translate-y-11:focus {
-  --transform-translate-y: 2.75rem;
-}
-
-.focus\:translate-y-12:focus {
-  --transform-translate-y: 3rem;
-}
-
-.focus\:translate-y-13:focus {
-  --transform-translate-y: 3.25rem;
-}
-
-.focus\:translate-y-14:focus {
-  --transform-translate-y: 3.5rem;
-}
-
-.focus\:translate-y-15:focus {
-  --transform-translate-y: 3.75rem;
-}
-
-.focus\:translate-y-16:focus {
-  --transform-translate-y: 4rem;
-}
-
-.focus\:translate-y-20:focus {
-  --transform-translate-y: 5rem;
-}
-
-.focus\:translate-y-24:focus {
-  --transform-translate-y: 6rem;
-}
-
-.focus\:translate-y-28:focus {
-  --transform-translate-y: 7rem;
-}
-
-.focus\:translate-y-32:focus {
-  --transform-translate-y: 8rem;
-}
-
-.focus\:translate-y-36:focus {
-  --transform-translate-y: 9rem;
-}
-
-.focus\:translate-y-40:focus {
-  --transform-translate-y: 10rem;
-}
-
-.focus\:translate-y-48:focus {
-  --transform-translate-y: 12rem;
-}
-
-.focus\:translate-y-56:focus {
-  --transform-translate-y: 14rem;
-}
-
-.focus\:translate-y-60:focus {
-  --transform-translate-y: 15rem;
-}
-
-.focus\:translate-y-64:focus {
-  --transform-translate-y: 16rem;
-}
-
-.focus\:translate-y-72:focus {
-  --transform-translate-y: 18rem;
-}
-
-.focus\:translate-y-80:focus {
-  --transform-translate-y: 20rem;
-}
-
-.focus\:translate-y-96:focus {
-  --transform-translate-y: 24rem;
-}
-
-.focus\:translate-y-px:focus {
-  --transform-translate-y: 1px;
-}
-
-.focus\:translate-y-0\.5:focus {
-  --transform-translate-y: 0.125rem;
-}
-
-.focus\:translate-y-1\.5:focus {
-  --transform-translate-y: 0.375rem;
-}
-
-.focus\:translate-y-2\.5:focus {
-  --transform-translate-y: 0.625rem;
-}
-
-.focus\:translate-y-3\.5:focus {
-  --transform-translate-y: 0.875rem;
-}
-
-.focus\:translate-y-1\/2:focus {
-  --transform-translate-y: 50%;
-}
-
-.focus\:translate-y-1\/3:focus {
-  --transform-translate-y: 33.333333%;
-}
-
-.focus\:translate-y-2\/3:focus {
-  --transform-translate-y: 66.666667%;
-}
-
-.focus\:translate-y-1\/4:focus {
-  --transform-translate-y: 25%;
-}
-
-.focus\:translate-y-2\/4:focus {
-  --transform-translate-y: 50%;
-}
-
-.focus\:translate-y-3\/4:focus {
-  --transform-translate-y: 75%;
-}
-
-.focus\:translate-y-1\/5:focus {
-  --transform-translate-y: 20%;
-}
-
-.focus\:translate-y-2\/5:focus {
-  --transform-translate-y: 40%;
-}
-
-.focus\:translate-y-3\/5:focus {
-  --transform-translate-y: 60%;
-}
-
-.focus\:translate-y-4\/5:focus {
-  --transform-translate-y: 80%;
-}
-
-.focus\:translate-y-1\/6:focus {
-  --transform-translate-y: 16.666667%;
-}
-
-.focus\:translate-y-2\/6:focus {
-  --transform-translate-y: 33.333333%;
-}
-
-.focus\:translate-y-3\/6:focus {
-  --transform-translate-y: 50%;
-}
-
-.focus\:translate-y-4\/6:focus {
-  --transform-translate-y: 66.666667%;
-}
-
-.focus\:translate-y-5\/6:focus {
-  --transform-translate-y: 83.333333%;
-}
-
-.focus\:translate-y-1\/12:focus {
-  --transform-translate-y: 8.333333%;
-}
-
-.focus\:translate-y-2\/12:focus {
-  --transform-translate-y: 16.666667%;
-}
-
-.focus\:translate-y-3\/12:focus {
-  --transform-translate-y: 25%;
-}
-
-.focus\:translate-y-4\/12:focus {
-  --transform-translate-y: 33.333333%;
-}
-
-.focus\:translate-y-5\/12:focus {
-  --transform-translate-y: 41.666667%;
-}
-
-.focus\:translate-y-6\/12:focus {
-  --transform-translate-y: 50%;
-}
-
-.focus\:translate-y-7\/12:focus {
-  --transform-translate-y: 58.333333%;
-}
-
-.focus\:translate-y-8\/12:focus {
-  --transform-translate-y: 66.666667%;
-}
-
-.focus\:translate-y-9\/12:focus {
-  --transform-translate-y: 75%;
-}
-
-.focus\:translate-y-10\/12:focus {
-  --transform-translate-y: 83.333333%;
-}
-
-.focus\:translate-y-11\/12:focus {
-  --transform-translate-y: 91.666667%;
-}
-
-.focus\:translate-y-full:focus {
-  --transform-translate-y: 100%;
-}
-
-.focus\:-translate-y-1:focus {
-  --transform-translate-y: -0.25rem;
-}
-
-.focus\:-translate-y-2:focus {
-  --transform-translate-y: -0.5rem;
-}
-
-.focus\:-translate-y-3:focus {
-  --transform-translate-y: -0.75rem;
-}
-
-.focus\:-translate-y-4:focus {
-  --transform-translate-y: -1rem;
-}
-
-.focus\:-translate-y-5:focus {
-  --transform-translate-y: -1.25rem;
-}
-
-.focus\:-translate-y-6:focus {
-  --transform-translate-y: -1.5rem;
-}
-
-.focus\:-translate-y-7:focus {
-  --transform-translate-y: -1.75rem;
-}
-
-.focus\:-translate-y-8:focus {
-  --transform-translate-y: -2rem;
-}
-
-.focus\:-translate-y-9:focus {
-  --transform-translate-y: -2.25rem;
-}
-
-.focus\:-translate-y-10:focus {
-  --transform-translate-y: -2.5rem;
-}
-
-.focus\:-translate-y-11:focus {
-  --transform-translate-y: -2.75rem;
-}
-
-.focus\:-translate-y-12:focus {
-  --transform-translate-y: -3rem;
-}
-
-.focus\:-translate-y-13:focus {
-  --transform-translate-y: -3.25rem;
-}
-
-.focus\:-translate-y-14:focus {
-  --transform-translate-y: -3.5rem;
-}
-
-.focus\:-translate-y-15:focus {
-  --transform-translate-y: -3.75rem;
-}
-
-.focus\:-translate-y-16:focus {
-  --transform-translate-y: -4rem;
-}
-
-.focus\:-translate-y-20:focus {
-  --transform-translate-y: -5rem;
-}
-
-.focus\:-translate-y-24:focus {
-  --transform-translate-y: -6rem;
-}
-
-.focus\:-translate-y-28:focus {
-  --transform-translate-y: -7rem;
-}
-
-.focus\:-translate-y-32:focus {
-  --transform-translate-y: -8rem;
-}
-
-.focus\:-translate-y-36:focus {
-  --transform-translate-y: -9rem;
-}
-
-.focus\:-translate-y-40:focus {
-  --transform-translate-y: -10rem;
-}
-
-.focus\:-translate-y-48:focus {
-  --transform-translate-y: -12rem;
-}
-
-.focus\:-translate-y-56:focus {
-  --transform-translate-y: -14rem;
-}
-
-.focus\:-translate-y-60:focus {
-  --transform-translate-y: -15rem;
-}
-
-.focus\:-translate-y-64:focus {
-  --transform-translate-y: -16rem;
-}
-
-.focus\:-translate-y-72:focus {
-  --transform-translate-y: -18rem;
-}
-
-.focus\:-translate-y-80:focus {
-  --transform-translate-y: -20rem;
-}
-
-.focus\:-translate-y-96:focus {
-  --transform-translate-y: -24rem;
-}
-
-.focus\:-translate-y-px:focus {
-  --transform-translate-y: -1px;
-}
-
-.focus\:-translate-y-0\.5:focus {
-  --transform-translate-y: -0.125rem;
-}
-
-.focus\:-translate-y-1\.5:focus {
-  --transform-translate-y: -0.375rem;
-}
-
-.focus\:-translate-y-2\.5:focus {
-  --transform-translate-y: -0.625rem;
-}
-
-.focus\:-translate-y-3\.5:focus {
-  --transform-translate-y: -0.875rem;
-}
-
-.focus\:-translate-y-1\/2:focus {
-  --transform-translate-y: -50%;
-}
-
-.focus\:-translate-y-1\/3:focus {
-  --transform-translate-y: -33.33333%;
-}
-
-.focus\:-translate-y-2\/3:focus {
-  --transform-translate-y: -66.66667%;
-}
-
-.focus\:-translate-y-1\/4:focus {
-  --transform-translate-y: -25%;
-}
-
-.focus\:-translate-y-2\/4:focus {
-  --transform-translate-y: -50%;
-}
-
-.focus\:-translate-y-3\/4:focus {
-  --transform-translate-y: -75%;
-}
-
-.focus\:-translate-y-1\/5:focus {
-  --transform-translate-y: -20%;
-}
-
-.focus\:-translate-y-2\/5:focus {
-  --transform-translate-y: -40%;
-}
-
-.focus\:-translate-y-3\/5:focus {
-  --transform-translate-y: -60%;
-}
-
-.focus\:-translate-y-4\/5:focus {
-  --transform-translate-y: -80%;
-}
-
-.focus\:-translate-y-1\/6:focus {
-  --transform-translate-y: -16.66667%;
-}
-
-.focus\:-translate-y-2\/6:focus {
-  --transform-translate-y: -33.33333%;
-}
-
-.focus\:-translate-y-3\/6:focus {
-  --transform-translate-y: -50%;
-}
-
-.focus\:-translate-y-4\/6:focus {
-  --transform-translate-y: -66.66667%;
-}
-
-.focus\:-translate-y-5\/6:focus {
-  --transform-translate-y: -83.33333%;
-}
-
-.focus\:-translate-y-1\/12:focus {
-  --transform-translate-y: -8.33333%;
-}
-
-.focus\:-translate-y-2\/12:focus {
-  --transform-translate-y: -16.66667%;
-}
-
-.focus\:-translate-y-3\/12:focus {
-  --transform-translate-y: -25%;
-}
-
-.focus\:-translate-y-4\/12:focus {
-  --transform-translate-y: -33.33333%;
-}
-
-.focus\:-translate-y-5\/12:focus {
-  --transform-translate-y: -41.66667%;
-}
-
-.focus\:-translate-y-6\/12:focus {
-  --transform-translate-y: -50%;
-}
-
-.focus\:-translate-y-7\/12:focus {
-  --transform-translate-y: -58.33333%;
-}
-
-.focus\:-translate-y-8\/12:focus {
-  --transform-translate-y: -66.66667%;
-}
-
-.focus\:-translate-y-9\/12:focus {
-  --transform-translate-y: -75%;
-}
-
-.focus\:-translate-y-10\/12:focus {
-  --transform-translate-y: -83.33333%;
-}
-
-.focus\:-translate-y-11\/12:focus {
-  --transform-translate-y: -91.66667%;
-}
-
-.focus\:-translate-y-full:focus {
-  --transform-translate-y: -100%;
-}
-
-.skew-x-0 {
-  --transform-skew-x: 0;
-}
-
-.skew-x-3 {
-  --transform-skew-x: 3deg;
-}
-
-.skew-x-6 {
-  --transform-skew-x: 6deg;
-}
-
-.skew-x-12 {
-  --transform-skew-x: 12deg;
-}
-
-.-skew-x-12 {
-  --transform-skew-x: -12deg;
-}
-
-.-skew-x-6 {
-  --transform-skew-x: -6deg;
-}
-
-.-skew-x-3 {
-  --transform-skew-x: -3deg;
-}
-
-.skew-y-0 {
-  --transform-skew-y: 0;
-}
-
-.skew-y-3 {
-  --transform-skew-y: 3deg;
-}
-
-.skew-y-6 {
-  --transform-skew-y: 6deg;
-}
-
-.skew-y-12 {
-  --transform-skew-y: 12deg;
-}
-
-.-skew-y-12 {
-  --transform-skew-y: -12deg;
-}
-
-.-skew-y-6 {
-  --transform-skew-y: -6deg;
-}
-
-.-skew-y-3 {
-  --transform-skew-y: -3deg;
-}
-
-.hover\:skew-x-0:hover {
-  --transform-skew-x: 0;
-}
-
-.hover\:skew-x-3:hover {
-  --transform-skew-x: 3deg;
-}
-
-.hover\:skew-x-6:hover {
-  --transform-skew-x: 6deg;
-}
-
-.hover\:skew-x-12:hover {
-  --transform-skew-x: 12deg;
-}
-
-.hover\:-skew-x-12:hover {
-  --transform-skew-x: -12deg;
-}
-
-.hover\:-skew-x-6:hover {
-  --transform-skew-x: -6deg;
-}
-
-.hover\:-skew-x-3:hover {
-  --transform-skew-x: -3deg;
-}
-
-.hover\:skew-y-0:hover {
-  --transform-skew-y: 0;
-}
-
-.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;
-}
-
-.focus\:skew-x-0:focus {
-  --transform-skew-x: 0;
-}
-
-.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-y-0:focus {
-  --transform-skew-y: 0;
-}
-
-.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;
-}
-
-.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;
-}
-
-@-webkit-keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@-webkit-keyframes ping {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-
-  75%, 100% {
-    transform: scale(2);
-    opacity: 0;
-  }
-}
-
-@keyframes ping {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-
-  75%, 100% {
-    transform: scale(2);
-    opacity: 0;
-  }
-}
-
-@-webkit-keyframes pulse {
-  0%, 100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: .5;
-  }
-}
-
-@keyframes pulse {
-  0%, 100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: .5;
-  }
-}
-
-@-webkit-keyframes bounce {
-  0%, 100% {
-    transform: translateY(-25%);
-    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
-            animation-timing-function: cubic-bezier(0.8,0,1,1);
-  }
-
-  50% {
-    transform: translateY(0);
-    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
-            animation-timing-function: cubic-bezier(0,0,0.2,1);
-  }
-}
-
-@keyframes bounce {
-  0%, 100% {
-    transform: translateY(-25%);
-    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
-            animation-timing-function: cubic-bezier(0.8,0,1,1);
-  }
-
-  50% {
-    transform: translateY(0);
-    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
-            animation-timing-function: cubic-bezier(0,0,0.2,1);
-  }
-}
-
-.animate-none {
-  -webkit-animation: none;
-          animation: none;
-}
-
-.animate-spin {
-  -webkit-animation: spin 1s linear infinite;
-          animation: spin 1s linear infinite;
-}
-
-.animate-ping {
-  -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-          animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-}
-
-.animate-pulse {
-  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-          animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-
-.animate-bounce {
-  -webkit-animation: bounce 1s infinite;
-          animation: bounce 1s infinite;
-}
-
-@media (min-width: 640px) {
-  .sm\:container {
-    width: 100%;
-  }
-
-  @media (min-width: 640px) {
-    .sm\:container {
-      max-width: 640px;
-    }
-  }
-
-  @media (min-width: 768px) {
-    .sm\:container {
-      max-width: 768px;
-    }
-  }
-
-  @media (min-width: 1024px) {
-    .sm\:container {
-      max-width: 1024px;
-    }
-  }
-
-  @media (min-width: 1280px) {
-    .sm\:container {
-      max-width: 1280px;
-    }
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\:space-y-7 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(1.75rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-7 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(1.75rem * var(--space-x-reverse));
-    margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\:space-y-9 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(2.25rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-9 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(2.25rem * var(--space-x-reverse));
-    margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\:space-y-11 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(2.75rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-11 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(2.75rem * var(--space-x-reverse));
-    margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\:space-y-13 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(3.25rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-13 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(3.25rem * var(--space-x-reverse));
-    margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-14 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(3.5rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-14 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(3.5rem * var(--space-x-reverse));
-    margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-15 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(3.75rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-15 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(3.75rem * var(--space-x-reverse));
-    margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\:space-y-28 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(7rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(7rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-28 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(7rem * var(--space-x-reverse));
-    margin-left: calc(7rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\:space-y-36 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(9rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(9rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-36 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(9rem * var(--space-x-reverse));
-    margin-left: calc(9rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\:space-y-60 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(15rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(15rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-60 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(15rem * var(--space-x-reverse));
-    margin-left: calc(15rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\:space-y-72 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(18rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(18rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-72 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(18rem * var(--space-x-reverse));
-    margin-left: calc(18rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-80 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(20rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(20rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-80 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(20rem * var(--space-x-reverse));
-    margin-left: calc(20rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-96 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(24rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(24rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-96 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(24rem * var(--space-x-reverse));
-    margin-left: calc(24rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\:space-y-0\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.125rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-0\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.125rem * var(--space-x-reverse));
-    margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-1\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.375rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-1\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.375rem * var(--space-x-reverse));
-    margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-2\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.625rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-2\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.625rem * var(--space-x-reverse));
-    margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-3\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.875rem * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-3\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.875rem * var(--space-x-reverse));
-    margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-1\/2 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(50% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-1\/2 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(50% * var(--space-x-reverse));
-    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-1\/3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(33.333333% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-1\/3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(33.333333% * var(--space-x-reverse));
-    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-2\/3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(66.666667% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-2\/3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(66.666667% * var(--space-x-reverse));
-    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-1\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(25% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-1\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(25% * var(--space-x-reverse));
-    margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-2\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(50% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-2\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(50% * var(--space-x-reverse));
-    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-3\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(75% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-3\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(75% * var(--space-x-reverse));
-    margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-1\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(20% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(20% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-1\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(20% * var(--space-x-reverse));
-    margin-left: calc(20% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-2\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(40% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(40% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-2\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(40% * var(--space-x-reverse));
-    margin-left: calc(40% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-3\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(60% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(60% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-3\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(60% * var(--space-x-reverse));
-    margin-left: calc(60% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-4\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(80% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(80% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-4\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(80% * var(--space-x-reverse));
-    margin-left: calc(80% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-1\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(16.666667% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-1\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(16.666667% * var(--space-x-reverse));
-    margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-2\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(33.333333% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-2\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(33.333333% * var(--space-x-reverse));
-    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-3\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(50% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-3\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(50% * var(--space-x-reverse));
-    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-4\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(66.666667% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-4\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(66.666667% * var(--space-x-reverse));
-    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-5\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(83.333333% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-5\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(83.333333% * var(--space-x-reverse));
-    margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-1\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(8.333333% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-1\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(8.333333% * var(--space-x-reverse));
-    margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-2\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(16.666667% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-2\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(16.666667% * var(--space-x-reverse));
-    margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-3\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(25% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-3\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(25% * var(--space-x-reverse));
-    margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-4\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(33.333333% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-4\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(33.333333% * var(--space-x-reverse));
-    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-5\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(41.666667% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-5\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(41.666667% * var(--space-x-reverse));
-    margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-6\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(50% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-6\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(50% * var(--space-x-reverse));
-    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-7\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(58.333333% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-7\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(58.333333% * var(--space-x-reverse));
-    margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-8\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(66.666667% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-8\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(66.666667% * var(--space-x-reverse));
-    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-9\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(75% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-9\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(75% * var(--space-x-reverse));
-    margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-10\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(83.333333% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-10\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(83.333333% * var(--space-x-reverse));
-    margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-11\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(91.666667% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-11\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(91.666667% * var(--space-x-reverse));
-    margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-full > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(100% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(100% * var(--space-y-reverse));
-  }
-
-  .sm\:space-x-full > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(100% * var(--space-x-reverse));
-    margin-left: calc(100% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-space-y-7 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-1.75rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-7 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-1.75rem * var(--space-x-reverse));
-    margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-space-y-9 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-2.25rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-9 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-2.25rem * var(--space-x-reverse));
-    margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-space-y-11 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-2.75rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-11 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-2.75rem * var(--space-x-reverse));
-    margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-space-y-13 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-3.25rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-13 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-3.25rem * var(--space-x-reverse));
-    margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-14 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-3.5rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-14 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-3.5rem * var(--space-x-reverse));
-    margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-15 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-3.75rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-15 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-3.75rem * var(--space-x-reverse));
-    margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-space-y-28 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-7rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-7rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-28 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-7rem * var(--space-x-reverse));
-    margin-left: calc(-7rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-space-y-36 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-9rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-9rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-36 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-9rem * var(--space-x-reverse));
-    margin-left: calc(-9rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-space-y-60 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-15rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-15rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-60 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-15rem * var(--space-x-reverse));
-    margin-left: calc(-15rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-space-y-72 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-18rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-18rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-72 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-18rem * var(--space-x-reverse));
-    margin-left: calc(-18rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-80 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-20rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-20rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-80 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-20rem * var(--space-x-reverse));
-    margin-left: calc(-20rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-96 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-24rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-24rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-96 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-24rem * var(--space-x-reverse));
-    margin-left: calc(-24rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-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));
-  }
-
-  .sm\:-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)));
-  }
-
-  .sm\:-space-y-0\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.125rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-0\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.125rem * var(--space-x-reverse));
-    margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-1\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.375rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-1\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.375rem * var(--space-x-reverse));
-    margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-2\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.625rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-2\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.625rem * var(--space-x-reverse));
-    margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-3\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.875rem * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-3\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.875rem * var(--space-x-reverse));
-    margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-1\/2 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-50% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-1\/2 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-50% * var(--space-x-reverse));
-    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-1\/3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-1\/3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-33.33333% * var(--space-x-reverse));
-    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-2\/3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-2\/3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-66.66667% * var(--space-x-reverse));
-    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-1\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-25% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-1\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-25% * var(--space-x-reverse));
-    margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-2\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-50% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-2\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-50% * var(--space-x-reverse));
-    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-3\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-75% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-3\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-75% * var(--space-x-reverse));
-    margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-1\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-20% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-20% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-1\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-20% * var(--space-x-reverse));
-    margin-left: calc(-20% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-2\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-40% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-40% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-2\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-40% * var(--space-x-reverse));
-    margin-left: calc(-40% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-3\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-60% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-60% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-3\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-60% * var(--space-x-reverse));
-    margin-left: calc(-60% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-4\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-80% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-80% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-4\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-80% * var(--space-x-reverse));
-    margin-left: calc(-80% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-1\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-16.66667% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-1\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-16.66667% * var(--space-x-reverse));
-    margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-2\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-2\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-33.33333% * var(--space-x-reverse));
-    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-3\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-50% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-3\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-50% * var(--space-x-reverse));
-    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-4\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-4\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-66.66667% * var(--space-x-reverse));
-    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-5\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-83.33333% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-5\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-83.33333% * var(--space-x-reverse));
-    margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-1\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-8.33333% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-1\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-8.33333% * var(--space-x-reverse));
-    margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-2\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-16.66667% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-2\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-16.66667% * var(--space-x-reverse));
-    margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-3\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-25% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-3\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-25% * var(--space-x-reverse));
-    margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-4\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-4\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-33.33333% * var(--space-x-reverse));
-    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-5\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-41.66667% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-5\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-41.66667% * var(--space-x-reverse));
-    margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-6\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-50% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-6\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-50% * var(--space-x-reverse));
-    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-7\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-58.33333% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-7\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-58.33333% * var(--space-x-reverse));
-    margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-8\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-8\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-66.66667% * var(--space-x-reverse));
-    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-9\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-75% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-9\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-75% * var(--space-x-reverse));
-    margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-10\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-83.33333% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-10\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-83.33333% * var(--space-x-reverse));
-    margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-11\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-91.66667% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-11\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-91.66667% * var(--space-x-reverse));
-    margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:-space-y-full > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-100% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-100% * var(--space-y-reverse));
-  }
-
-  .sm\:-space-x-full > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-100% * var(--space-x-reverse));
-    margin-left: calc(-100% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .sm\:space-y-reverse > :not(template) ~ :not(template) {
-    --space-y-reverse: 1;
-  }
-
-  .sm\:space-x-reverse > :not(template) ~ :not(template) {
-    --space-x-reverse: 1;
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\: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));
-  }
-
-  .sm\: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)));
-  }
-
-  .sm\:divide-y-reverse > :not(template) ~ :not(template) {
-    --divide-y-reverse: 1;
-  }
-
-  .sm\:divide-x-reverse > :not(template) ~ :not(template) {
-    --divide-x-reverse: 1;
-  }
-
-  .sm\:divide-transparent > :not(template) ~ :not(template) {
-    border-color: transparent;
-  }
-
-  .sm\:divide-white > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--divide-opacity));
-  }
-
-  .sm\:divide-black > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--divide-opacity));
-  }
-
-  .sm\:divide-gray-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--divide-opacity));
-  }
-
-  .sm\:divide-gray-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--divide-opacity));
-  }
-
-  .sm\:divide-gray-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--divide-opacity));
-  }
-
-  .sm\:divide-gray-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--divide-opacity));
-  }
-
-  .sm\:divide-gray-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--divide-opacity));
-  }
-
-  .sm\:divide-gray-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--divide-opacity));
-  }
-
-  .sm\:divide-gray-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--divide-opacity));
-  }
-
-  .sm\:divide-gray-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--divide-opacity));
-  }
-
-  .sm\:divide-gray-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--divide-opacity));
-  }
-
-  .sm\:divide-gray-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--divide-opacity));
-  }
-
-  .sm\:divide-cool-gray-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--divide-opacity));
-  }
-
-  .sm\:divide-cool-gray-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--divide-opacity));
-  }
-
-  .sm\:divide-cool-gray-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--divide-opacity));
-  }
-
-  .sm\:divide-cool-gray-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--divide-opacity));
-  }
-
-  .sm\:divide-cool-gray-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--divide-opacity));
-  }
-
-  .sm\:divide-cool-gray-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--divide-opacity));
-  }
-
-  .sm\:divide-cool-gray-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--divide-opacity));
-  }
-
-  .sm\:divide-cool-gray-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--divide-opacity));
-  }
-
-  .sm\:divide-cool-gray-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--divide-opacity));
-  }
-
-  .sm\:divide-cool-gray-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--divide-opacity));
-  }
-
-  .sm\:divide-red-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--divide-opacity));
-  }
-
-  .sm\:divide-red-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--divide-opacity));
-  }
-
-  .sm\:divide-red-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--divide-opacity));
-  }
-
-  .sm\:divide-red-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--divide-opacity));
-  }
-
-  .sm\:divide-red-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--divide-opacity));
-  }
-
-  .sm\:divide-red-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--divide-opacity));
-  }
-
-  .sm\:divide-red-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--divide-opacity));
-  }
-
-  .sm\:divide-red-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--divide-opacity));
-  }
-
-  .sm\:divide-red-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--divide-opacity));
-  }
-
-  .sm\:divide-red-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--divide-opacity));
-  }
-
-  .sm\:divide-orange-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--divide-opacity));
-  }
-
-  .sm\:divide-orange-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--divide-opacity));
-  }
-
-  .sm\:divide-orange-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--divide-opacity));
-  }
-
-  .sm\:divide-orange-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--divide-opacity));
-  }
-
-  .sm\:divide-orange-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--divide-opacity));
-  }
-
-  .sm\:divide-orange-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--divide-opacity));
-  }
-
-  .sm\:divide-orange-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--divide-opacity));
-  }
-
-  .sm\:divide-orange-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--divide-opacity));
-  }
-
-  .sm\:divide-orange-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--divide-opacity));
-  }
-
-  .sm\:divide-orange-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--divide-opacity));
-  }
-
-  .sm\:divide-yellow-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--divide-opacity));
-  }
-
-  .sm\:divide-yellow-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--divide-opacity));
-  }
-
-  .sm\:divide-yellow-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--divide-opacity));
-  }
-
-  .sm\:divide-yellow-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--divide-opacity));
-  }
-
-  .sm\:divide-yellow-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--divide-opacity));
-  }
-
-  .sm\:divide-yellow-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--divide-opacity));
-  }
-
-  .sm\:divide-yellow-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--divide-opacity));
-  }
-
-  .sm\:divide-yellow-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--divide-opacity));
-  }
-
-  .sm\:divide-yellow-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--divide-opacity));
-  }
-
-  .sm\:divide-yellow-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--divide-opacity));
-  }
-
-  .sm\:divide-green-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--divide-opacity));
-  }
-
-  .sm\:divide-green-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--divide-opacity));
-  }
-
-  .sm\:divide-green-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--divide-opacity));
-  }
-
-  .sm\:divide-green-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--divide-opacity));
-  }
-
-  .sm\:divide-green-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--divide-opacity));
-  }
-
-  .sm\:divide-green-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--divide-opacity));
-  }
-
-  .sm\:divide-green-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--divide-opacity));
-  }
-
-  .sm\:divide-green-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--divide-opacity));
-  }
-
-  .sm\:divide-green-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--divide-opacity));
-  }
-
-  .sm\:divide-green-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--divide-opacity));
-  }
-
-  .sm\:divide-teal-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--divide-opacity));
-  }
-
-  .sm\:divide-teal-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--divide-opacity));
-  }
-
-  .sm\:divide-teal-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--divide-opacity));
-  }
-
-  .sm\:divide-teal-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--divide-opacity));
-  }
-
-  .sm\:divide-teal-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--divide-opacity));
-  }
-
-  .sm\:divide-teal-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--divide-opacity));
-  }
-
-  .sm\:divide-teal-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--divide-opacity));
-  }
-
-  .sm\:divide-teal-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--divide-opacity));
-  }
-
-  .sm\:divide-teal-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--divide-opacity));
-  }
-
-  .sm\:divide-teal-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--divide-opacity));
-  }
-
-  .sm\:divide-blue-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--divide-opacity));
-  }
-
-  .sm\:divide-blue-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--divide-opacity));
-  }
-
-  .sm\:divide-blue-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--divide-opacity));
-  }
-
-  .sm\:divide-blue-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--divide-opacity));
-  }
-
-  .sm\:divide-blue-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--divide-opacity));
-  }
-
-  .sm\:divide-blue-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--divide-opacity));
-  }
-
-  .sm\:divide-blue-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--divide-opacity));
-  }
-
-  .sm\:divide-blue-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--divide-opacity));
-  }
-
-  .sm\:divide-blue-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--divide-opacity));
-  }
-
-  .sm\:divide-blue-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--divide-opacity));
-  }
-
-  .sm\:divide-indigo-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--divide-opacity));
-  }
-
-  .sm\:divide-indigo-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--divide-opacity));
-  }
-
-  .sm\:divide-indigo-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--divide-opacity));
-  }
-
-  .sm\:divide-indigo-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--divide-opacity));
-  }
-
-  .sm\:divide-indigo-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--divide-opacity));
-  }
-
-  .sm\:divide-indigo-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--divide-opacity));
-  }
-
-  .sm\:divide-indigo-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--divide-opacity));
-  }
-
-  .sm\:divide-indigo-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--divide-opacity));
-  }
-
-  .sm\:divide-indigo-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--divide-opacity));
-  }
-
-  .sm\:divide-indigo-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--divide-opacity));
-  }
-
-  .sm\:divide-purple-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--divide-opacity));
-  }
-
-  .sm\:divide-purple-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--divide-opacity));
-  }
-
-  .sm\:divide-purple-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--divide-opacity));
-  }
-
-  .sm\:divide-purple-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--divide-opacity));
-  }
-
-  .sm\:divide-purple-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--divide-opacity));
-  }
-
-  .sm\:divide-purple-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--divide-opacity));
-  }
-
-  .sm\:divide-purple-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--divide-opacity));
-  }
-
-  .sm\:divide-purple-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--divide-opacity));
-  }
-
-  .sm\:divide-purple-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--divide-opacity));
-  }
-
-  .sm\:divide-purple-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--divide-opacity));
-  }
-
-  .sm\:divide-pink-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--divide-opacity));
-  }
-
-  .sm\:divide-pink-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--divide-opacity));
-  }
-
-  .sm\:divide-pink-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--divide-opacity));
-  }
-
-  .sm\:divide-pink-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--divide-opacity));
-  }
-
-  .sm\:divide-pink-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--divide-opacity));
-  }
-
-  .sm\:divide-pink-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--divide-opacity));
-  }
-
-  .sm\:divide-pink-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--divide-opacity));
-  }
-
-  .sm\:divide-pink-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--divide-opacity));
-  }
-
-  .sm\:divide-pink-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--divide-opacity));
-  }
-
-  .sm\:divide-pink-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--divide-opacity));
-  }
-
-  .sm\:divide-opacity-0 > :not(template) ~ :not(template) {
-    --divide-opacity: 0;
-  }
-
-  .sm\:divide-opacity-25 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.25;
-  }
-
-  .sm\:divide-opacity-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.5;
-  }
-
-  .sm\:divide-opacity-75 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.75;
-  }
-
-  .sm\:divide-opacity-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-  }
-
-  .sm\: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;
-  }
-
-  .sm\:not-sr-only {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-  }
-
-  .sm\: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;
-  }
-
-  .sm\:focus\:not-sr-only:focus {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-  }
-
-  .sm\:appearance-none {
-    -webkit-appearance: none;
-       -moz-appearance: none;
-            appearance: none;
-  }
-
-  .sm\:bg-fixed {
-    background-attachment: fixed;
-  }
-
-  .sm\:bg-local {
-    background-attachment: local;
-  }
-
-  .sm\:bg-scroll {
-    background-attachment: scroll;
-  }
-
-  .sm\:bg-transparent {
-    background-color: transparent;
-  }
-
-  .sm\:bg-white {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .sm\:bg-black {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .sm\:bg-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .sm\:bg-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .sm\:bg-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .sm\:bg-gray-300 {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .sm\:bg-gray-400 {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .sm\:bg-gray-500 {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .sm\:bg-gray-600 {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .sm\:bg-gray-700 {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .sm\:bg-gray-800 {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .sm\:bg-gray-900 {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .sm\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .sm\:bg-cool-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .sm\:bg-cool-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .sm\:bg-cool-gray-300 {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .sm\:bg-cool-gray-400 {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .sm\:bg-cool-gray-500 {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .sm\:bg-cool-gray-600 {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .sm\:bg-cool-gray-700 {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .sm\:bg-cool-gray-800 {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .sm\:bg-cool-gray-900 {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .sm\:bg-red-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .sm\:bg-red-100 {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .sm\:bg-red-200 {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .sm\:bg-red-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .sm\:bg-red-400 {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .sm\:bg-red-500 {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .sm\:bg-red-600 {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .sm\:bg-red-700 {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .sm\:bg-red-800 {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .sm\:bg-red-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .sm\:bg-orange-50 {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .sm\:bg-orange-100 {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .sm\:bg-orange-200 {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .sm\:bg-orange-300 {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .sm\:bg-orange-400 {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .sm\:bg-orange-500 {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .sm\:bg-orange-600 {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .sm\:bg-orange-700 {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .sm\:bg-orange-800 {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .sm\:bg-orange-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .sm\:bg-yellow-50 {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .sm\:bg-yellow-100 {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .sm\:bg-yellow-200 {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .sm\:bg-yellow-300 {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .sm\:bg-yellow-400 {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .sm\:bg-yellow-500 {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .sm\:bg-yellow-600 {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .sm\:bg-yellow-700 {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .sm\:bg-yellow-800 {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .sm\:bg-yellow-900 {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .sm\:bg-green-50 {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .sm\:bg-green-100 {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .sm\:bg-green-200 {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .sm\:bg-green-300 {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .sm\:bg-green-400 {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .sm\:bg-green-500 {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .sm\:bg-green-600 {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .sm\:bg-green-700 {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .sm\:bg-green-800 {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .sm\:bg-green-900 {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .sm\:bg-teal-50 {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .sm\:bg-teal-100 {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .sm\:bg-teal-200 {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .sm\:bg-teal-300 {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .sm\:bg-teal-400 {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .sm\:bg-teal-500 {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .sm\:bg-teal-600 {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .sm\:bg-teal-700 {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .sm\:bg-teal-800 {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .sm\:bg-teal-900 {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .sm\:bg-blue-50 {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .sm\:bg-blue-100 {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .sm\:bg-blue-200 {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .sm\:bg-blue-300 {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .sm\:bg-blue-400 {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .sm\:bg-blue-500 {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .sm\:bg-blue-600 {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .sm\:bg-blue-700 {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .sm\:bg-blue-800 {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .sm\:bg-blue-900 {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .sm\:bg-indigo-50 {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .sm\:bg-indigo-100 {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .sm\:bg-indigo-200 {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .sm\:bg-indigo-300 {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .sm\:bg-indigo-400 {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .sm\:bg-indigo-500 {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .sm\:bg-indigo-600 {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .sm\:bg-indigo-700 {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .sm\:bg-indigo-800 {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .sm\:bg-indigo-900 {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .sm\:bg-purple-50 {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .sm\:bg-purple-100 {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .sm\:bg-purple-200 {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .sm\:bg-purple-300 {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .sm\:bg-purple-400 {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .sm\:bg-purple-500 {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .sm\:bg-purple-600 {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .sm\:bg-purple-700 {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .sm\:bg-purple-800 {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .sm\:bg-purple-900 {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .sm\:bg-pink-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .sm\:bg-pink-100 {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .sm\:bg-pink-200 {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .sm\:bg-pink-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .sm\:bg-pink-400 {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .sm\:bg-pink-500 {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .sm\:bg-pink-600 {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .sm\:bg-pink-700 {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .sm\:bg-pink-800 {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .sm\:bg-pink-900 {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-transparent {
-    background-color: transparent;
-  }
-
-  .group:hover .sm\:group-hover\:bg-white {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-black {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-300 {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-400 {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-500 {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-600 {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-700 {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-800 {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-gray-900 {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-cool-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-cool-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-cool-gray-300 {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-cool-gray-400 {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-cool-gray-500 {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-cool-gray-600 {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-cool-gray-700 {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-cool-gray-800 {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-cool-gray-900 {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-100 {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-200 {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-400 {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-500 {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-600 {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-700 {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-800 {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-red-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-orange-50 {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-orange-100 {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-orange-200 {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-orange-300 {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-orange-400 {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-orange-500 {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-orange-600 {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-orange-700 {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-orange-800 {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-orange-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-50 {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-100 {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-200 {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-300 {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-400 {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-500 {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-600 {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-700 {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-800 {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-yellow-900 {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-50 {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-100 {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-200 {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-300 {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-400 {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-500 {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-600 {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-700 {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-800 {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-green-900 {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-teal-50 {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-teal-100 {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-teal-200 {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-teal-300 {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-teal-400 {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-teal-500 {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-teal-600 {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-teal-700 {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-teal-800 {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-teal-900 {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-50 {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-100 {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-200 {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-300 {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-400 {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-500 {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-600 {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-700 {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-800 {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-blue-900 {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-50 {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-100 {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-200 {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-300 {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-400 {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-500 {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-600 {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-700 {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-800 {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-indigo-900 {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-purple-50 {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-purple-100 {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-purple-200 {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-purple-300 {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-purple-400 {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-purple-500 {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-purple-600 {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-purple-700 {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-purple-800 {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-purple-900 {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-pink-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-pink-100 {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-pink-200 {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-pink-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-pink-400 {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-pink-500 {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-pink-600 {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-pink-700 {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-pink-800 {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:bg-pink-900 {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-transparent {
-    background-color: transparent;
-  }
-
-  .group:focus .sm\:group-focus\:bg-white {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-black {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-gray-300 {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-gray-400 {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-gray-500 {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-gray-600 {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-gray-700 {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-gray-800 {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-gray-900 {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-cool-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-cool-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-cool-gray-300 {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-cool-gray-400 {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-cool-gray-500 {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-cool-gray-600 {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-cool-gray-700 {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-cool-gray-800 {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-cool-gray-900 {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-red-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-red-100 {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-red-200 {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-red-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-red-400 {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-red-500 {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-red-600 {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-red-700 {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-red-800 {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-red-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-orange-50 {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-orange-100 {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-orange-200 {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-orange-300 {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-orange-400 {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-orange-500 {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-orange-600 {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-orange-700 {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-orange-800 {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-orange-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-yellow-50 {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-yellow-100 {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-yellow-200 {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-yellow-300 {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-yellow-400 {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-yellow-500 {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-yellow-600 {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-yellow-700 {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-yellow-800 {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-yellow-900 {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-green-50 {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-green-100 {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-green-200 {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-green-300 {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-green-400 {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-green-500 {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-green-600 {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-green-700 {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-green-800 {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-green-900 {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-teal-50 {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-teal-100 {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-teal-200 {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-teal-300 {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-teal-400 {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-teal-500 {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-teal-600 {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-teal-700 {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-teal-800 {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-teal-900 {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-blue-50 {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-blue-100 {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-blue-200 {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-blue-300 {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-blue-400 {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-blue-500 {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-blue-600 {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-blue-700 {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-blue-800 {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-blue-900 {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-indigo-50 {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-indigo-100 {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-indigo-200 {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-indigo-300 {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-indigo-400 {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-indigo-500 {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-indigo-600 {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-indigo-700 {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-indigo-800 {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-indigo-900 {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-purple-50 {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-purple-100 {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-purple-200 {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-purple-300 {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-purple-400 {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-purple-500 {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-purple-600 {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-purple-700 {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-purple-800 {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-purple-900 {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-pink-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-pink-100 {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-pink-200 {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-pink-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-pink-400 {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-pink-500 {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-pink-600 {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-pink-700 {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-pink-800 {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:bg-pink-900 {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-transparent:hover {
-    background-color: transparent;
-  }
-
-  .sm\:hover\:bg-white:hover {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-black:hover {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-50:hover {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-100:hover {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-200:hover {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-300:hover {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-400:hover {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-500:hover {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-600:hover {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-700:hover {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-800:hover {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-gray-900:hover {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-cool-gray-50:hover {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-cool-gray-100:hover {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-cool-gray-200:hover {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-cool-gray-300:hover {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-cool-gray-400:hover {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-cool-gray-500:hover {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-cool-gray-600:hover {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-cool-gray-700:hover {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-cool-gray-800:hover {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-cool-gray-900:hover {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-50:hover {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-100:hover {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-200:hover {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-300:hover {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-400:hover {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-500:hover {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-600:hover {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-700:hover {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-800:hover {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-red-900:hover {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-orange-50:hover {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-orange-100:hover {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-orange-200:hover {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-orange-300:hover {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-orange-400:hover {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-orange-500:hover {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-orange-600:hover {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-orange-700:hover {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-orange-800:hover {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-orange-900:hover {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-50:hover {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-100:hover {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-200:hover {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-300:hover {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-400:hover {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-500:hover {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-600:hover {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-700:hover {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-800:hover {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-yellow-900:hover {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-50:hover {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-100:hover {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-200:hover {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-300:hover {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-400:hover {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-500:hover {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-600:hover {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-700:hover {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-800:hover {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-green-900:hover {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-teal-50:hover {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-teal-100:hover {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-teal-200:hover {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-teal-300:hover {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-teal-400:hover {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-teal-500:hover {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-teal-600:hover {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-teal-700:hover {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-teal-800:hover {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-teal-900:hover {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-50:hover {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-100:hover {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-200:hover {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-300:hover {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-400:hover {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-500:hover {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-600:hover {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-700:hover {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-800:hover {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-blue-900:hover {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-50:hover {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-100:hover {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-200:hover {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-300:hover {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-400:hover {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-500:hover {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-600:hover {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-700:hover {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-800:hover {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-indigo-900:hover {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-purple-50:hover {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-purple-100:hover {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-purple-200:hover {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-purple-300:hover {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-purple-400:hover {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-purple-500:hover {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-purple-600:hover {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-purple-700:hover {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-purple-800:hover {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-purple-900:hover {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-pink-50:hover {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-pink-100:hover {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-pink-200:hover {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-pink-300:hover {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-pink-400:hover {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-pink-500:hover {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-pink-600:hover {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-pink-700:hover {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-pink-800:hover {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .sm\:hover\:bg-pink-900:hover {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-transparent:focus {
-    background-color: transparent;
-  }
-
-  .sm\:focus\:bg-white:focus {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-black:focus {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-50:focus {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-100:focus {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-200:focus {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-300:focus {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-400:focus {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-500:focus {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-600:focus {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-700:focus {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-800:focus {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-gray-900:focus {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-cool-gray-50:focus {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-cool-gray-100:focus {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-cool-gray-200:focus {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-cool-gray-300:focus {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-cool-gray-400:focus {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-cool-gray-500:focus {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-cool-gray-600:focus {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-cool-gray-700:focus {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-cool-gray-800:focus {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-cool-gray-900:focus {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-50:focus {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-100:focus {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-200:focus {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-300:focus {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-400:focus {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-500:focus {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-600:focus {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-700:focus {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-800:focus {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-red-900:focus {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-orange-50:focus {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-orange-100:focus {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-orange-200:focus {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-orange-300:focus {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-orange-400:focus {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-orange-500:focus {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-orange-600:focus {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-orange-700:focus {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-orange-800:focus {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-orange-900:focus {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-50:focus {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-100:focus {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-200:focus {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-300:focus {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-400:focus {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-500:focus {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-600:focus {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-700:focus {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-800:focus {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-yellow-900:focus {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-50:focus {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-100:focus {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-200:focus {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-300:focus {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-400:focus {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-500:focus {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-600:focus {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-700:focus {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-800:focus {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-green-900:focus {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-teal-50:focus {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-teal-100:focus {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-teal-200:focus {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-teal-300:focus {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-teal-400:focus {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-teal-500:focus {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-teal-600:focus {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-teal-700:focus {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-teal-800:focus {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-teal-900:focus {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-50:focus {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-100:focus {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-200:focus {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-300:focus {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-400:focus {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-500:focus {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-600:focus {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-700:focus {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-800:focus {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-blue-900:focus {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-50:focus {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-100:focus {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-200:focus {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-300:focus {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-400:focus {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-500:focus {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-600:focus {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-700:focus {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-800:focus {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-indigo-900:focus {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-purple-50:focus {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-purple-100:focus {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-purple-200:focus {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-purple-300:focus {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-purple-400:focus {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-purple-500:focus {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-purple-600:focus {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-purple-700:focus {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-purple-800:focus {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-purple-900:focus {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-pink-50:focus {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-pink-100:focus {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-pink-200:focus {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-pink-300:focus {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-pink-400:focus {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-pink-500:focus {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-pink-600:focus {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-pink-700:focus {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-pink-800:focus {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .sm\:focus\:bg-pink-900:focus {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-transparent:active {
-    background-color: transparent;
-  }
-
-  .sm\:active\:bg-white:active {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-black:active {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-gray-50:active {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-gray-100:active {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-gray-200:active {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-gray-300:active {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-gray-400:active {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-gray-500:active {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-gray-600:active {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-gray-700:active {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-gray-800:active {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-gray-900:active {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-cool-gray-50:active {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-cool-gray-100:active {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-cool-gray-200:active {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-cool-gray-300:active {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-cool-gray-400:active {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-cool-gray-500:active {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-cool-gray-600:active {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-cool-gray-700:active {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-cool-gray-800:active {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-cool-gray-900:active {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-red-50:active {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-red-100:active {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-red-200:active {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-red-300:active {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-red-400:active {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-red-500:active {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-red-600:active {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-red-700:active {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-red-800:active {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-red-900:active {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-orange-50:active {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-orange-100:active {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-orange-200:active {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-orange-300:active {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-orange-400:active {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-orange-500:active {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-orange-600:active {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-orange-700:active {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-orange-800:active {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-orange-900:active {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-yellow-50:active {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-yellow-100:active {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-yellow-200:active {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-yellow-300:active {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-yellow-400:active {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-yellow-500:active {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-yellow-600:active {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-yellow-700:active {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-yellow-800:active {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-yellow-900:active {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-green-50:active {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-green-100:active {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-green-200:active {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-green-300:active {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-green-400:active {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-green-500:active {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-green-600:active {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-green-700:active {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-green-800:active {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-green-900:active {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-teal-50:active {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-teal-100:active {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-teal-200:active {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-teal-300:active {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-teal-400:active {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-teal-500:active {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-teal-600:active {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-teal-700:active {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-teal-800:active {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-teal-900:active {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-blue-50:active {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-blue-100:active {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-blue-200:active {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-blue-300:active {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-blue-400:active {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-blue-500:active {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-blue-600:active {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-blue-700:active {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-blue-800:active {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-blue-900:active {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-indigo-50:active {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-indigo-100:active {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-indigo-200:active {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-indigo-300:active {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-indigo-400:active {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-indigo-500:active {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-indigo-600:active {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-indigo-700:active {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-indigo-800:active {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-indigo-900:active {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-purple-50:active {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-purple-100:active {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-purple-200:active {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-purple-300:active {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-purple-400:active {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-purple-500:active {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-purple-600:active {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-purple-700:active {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-purple-800:active {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-purple-900:active {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-pink-50:active {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-pink-100:active {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-pink-200:active {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-pink-300:active {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-pink-400:active {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-pink-500:active {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-pink-600:active {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-pink-700:active {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-pink-800:active {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .sm\:active\:bg-pink-900:active {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .sm\:bg-opacity-0 {
-    --bg-opacity: 0;
-  }
-
-  .sm\:bg-opacity-25 {
-    --bg-opacity: 0.25;
-  }
-
-  .sm\:bg-opacity-50 {
-    --bg-opacity: 0.5;
-  }
-
-  .sm\:bg-opacity-75 {
-    --bg-opacity: 0.75;
-  }
-
-  .sm\:bg-opacity-100 {
-    --bg-opacity: 1;
-  }
-
-  .sm\:hover\:bg-opacity-0:hover {
-    --bg-opacity: 0;
-  }
-
-  .sm\:hover\:bg-opacity-25:hover {
-    --bg-opacity: 0.25;
-  }
-
-  .sm\:hover\:bg-opacity-50:hover {
-    --bg-opacity: 0.5;
-  }
-
-  .sm\:hover\:bg-opacity-75:hover {
-    --bg-opacity: 0.75;
-  }
-
-  .sm\:hover\:bg-opacity-100:hover {
-    --bg-opacity: 1;
-  }
-
-  .sm\:focus\:bg-opacity-0:focus {
-    --bg-opacity: 0;
-  }
-
-  .sm\:focus\:bg-opacity-25:focus {
-    --bg-opacity: 0.25;
-  }
-
-  .sm\:focus\:bg-opacity-50:focus {
-    --bg-opacity: 0.5;
-  }
-
-  .sm\:focus\:bg-opacity-75:focus {
-    --bg-opacity: 0.75;
-  }
-
-  .sm\:focus\:bg-opacity-100:focus {
-    --bg-opacity: 1;
-  }
-
-  .sm\:bg-bottom {
-    background-position: bottom;
-  }
-
-  .sm\:bg-center {
-    background-position: center;
-  }
-
-  .sm\:bg-left {
-    background-position: left;
-  }
-
-  .sm\:bg-left-bottom {
-    background-position: left bottom;
-  }
-
-  .sm\:bg-left-top {
-    background-position: left top;
-  }
-
-  .sm\:bg-right {
-    background-position: right;
-  }
-
-  .sm\:bg-right-bottom {
-    background-position: right bottom;
-  }
-
-  .sm\:bg-right-top {
-    background-position: right top;
-  }
-
-  .sm\:bg-top {
-    background-position: top;
-  }
-
-  .sm\:bg-repeat {
-    background-repeat: repeat;
-  }
-
-  .sm\:bg-no-repeat {
-    background-repeat: no-repeat;
-  }
-
-  .sm\:bg-repeat-x {
-    background-repeat: repeat-x;
-  }
-
-  .sm\:bg-repeat-y {
-    background-repeat: repeat-y;
-  }
-
-  .sm\:bg-repeat-round {
-    background-repeat: round;
-  }
-
-  .sm\:bg-repeat-space {
-    background-repeat: space;
-  }
-
-  .sm\:bg-auto {
-    background-size: auto;
-  }
-
-  .sm\:bg-cover {
-    background-size: cover;
-  }
-
-  .sm\:bg-contain {
-    background-size: contain;
-  }
-
-  .sm\:border-collapse {
-    border-collapse: collapse;
-  }
-
-  .sm\:border-separate {
-    border-collapse: separate;
-  }
-
-  .sm\:border-transparent {
-    border-color: transparent;
-  }
-
-  .sm\:border-white {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .sm\:border-black {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .sm\:border-gray-50 {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .sm\:border-gray-100 {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .sm\:border-gray-200 {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .sm\:border-gray-300 {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .sm\:border-gray-400 {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .sm\:border-gray-500 {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .sm\:border-gray-600 {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .sm\:border-gray-700 {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .sm\:border-gray-800 {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .sm\:border-gray-900 {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .sm\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .sm\:border-cool-gray-100 {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .sm\:border-cool-gray-200 {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .sm\:border-cool-gray-300 {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .sm\:border-cool-gray-400 {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .sm\:border-cool-gray-500 {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .sm\:border-cool-gray-600 {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .sm\:border-cool-gray-700 {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .sm\:border-cool-gray-800 {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .sm\:border-cool-gray-900 {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .sm\:border-red-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .sm\:border-red-100 {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .sm\:border-red-200 {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .sm\:border-red-300 {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .sm\:border-red-400 {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .sm\:border-red-500 {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .sm\:border-red-600 {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .sm\:border-red-700 {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .sm\:border-red-800 {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .sm\:border-red-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .sm\:border-orange-50 {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .sm\:border-orange-100 {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .sm\:border-orange-200 {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .sm\:border-orange-300 {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .sm\:border-orange-400 {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .sm\:border-orange-500 {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .sm\:border-orange-600 {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .sm\:border-orange-700 {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .sm\:border-orange-800 {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .sm\:border-orange-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .sm\:border-yellow-50 {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .sm\:border-yellow-100 {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .sm\:border-yellow-200 {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .sm\:border-yellow-300 {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .sm\:border-yellow-400 {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .sm\:border-yellow-500 {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .sm\:border-yellow-600 {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .sm\:border-yellow-700 {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .sm\:border-yellow-800 {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .sm\:border-yellow-900 {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .sm\:border-green-50 {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .sm\:border-green-100 {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .sm\:border-green-200 {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .sm\:border-green-300 {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .sm\:border-green-400 {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .sm\:border-green-500 {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .sm\:border-green-600 {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .sm\:border-green-700 {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .sm\:border-green-800 {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .sm\:border-green-900 {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .sm\:border-teal-50 {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .sm\:border-teal-100 {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .sm\:border-teal-200 {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .sm\:border-teal-300 {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .sm\:border-teal-400 {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .sm\:border-teal-500 {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .sm\:border-teal-600 {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .sm\:border-teal-700 {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .sm\:border-teal-800 {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .sm\:border-teal-900 {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .sm\:border-blue-50 {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .sm\:border-blue-100 {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .sm\:border-blue-200 {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .sm\:border-blue-300 {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .sm\:border-blue-400 {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .sm\:border-blue-500 {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .sm\:border-blue-600 {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .sm\:border-blue-700 {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .sm\:border-blue-800 {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .sm\:border-blue-900 {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .sm\:border-indigo-50 {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .sm\:border-indigo-100 {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .sm\:border-indigo-200 {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .sm\:border-indigo-300 {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .sm\:border-indigo-400 {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .sm\:border-indigo-500 {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .sm\:border-indigo-600 {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .sm\:border-indigo-700 {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .sm\:border-indigo-800 {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .sm\:border-indigo-900 {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .sm\:border-purple-50 {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .sm\:border-purple-100 {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .sm\:border-purple-200 {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .sm\:border-purple-300 {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .sm\:border-purple-400 {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .sm\:border-purple-500 {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .sm\:border-purple-600 {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .sm\:border-purple-700 {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .sm\:border-purple-800 {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .sm\:border-purple-900 {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .sm\:border-pink-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .sm\:border-pink-100 {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .sm\:border-pink-200 {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .sm\:border-pink-300 {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .sm\:border-pink-400 {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .sm\:border-pink-500 {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .sm\:border-pink-600 {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .sm\:border-pink-700 {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .sm\:border-pink-800 {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .sm\:border-pink-900 {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-transparent {
-    border-color: transparent;
-  }
-
-  .group:hover .sm\:group-hover\:border-white {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-black {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-50 {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-100 {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-200 {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-300 {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-400 {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-500 {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-600 {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-700 {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-800 {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-gray-900 {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-cool-gray-100 {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-cool-gray-200 {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-cool-gray-300 {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-cool-gray-400 {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-cool-gray-500 {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-cool-gray-600 {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-cool-gray-700 {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-cool-gray-800 {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-cool-gray-900 {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-100 {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-200 {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-300 {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-400 {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-500 {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-600 {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-700 {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-800 {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-red-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-orange-50 {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-orange-100 {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-orange-200 {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-orange-300 {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-orange-400 {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-orange-500 {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-orange-600 {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-orange-700 {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-orange-800 {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-orange-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-50 {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-100 {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-200 {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-300 {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-400 {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-500 {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-600 {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-700 {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-800 {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-yellow-900 {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-50 {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-100 {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-200 {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-300 {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-400 {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-500 {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-600 {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-700 {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-800 {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-green-900 {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-teal-50 {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-teal-100 {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-teal-200 {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-teal-300 {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-teal-400 {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-teal-500 {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-teal-600 {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-teal-700 {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-teal-800 {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-teal-900 {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-50 {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-100 {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-200 {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-300 {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-400 {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-500 {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-600 {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-700 {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-800 {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-blue-900 {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-50 {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-100 {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-200 {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-300 {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-400 {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-500 {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-600 {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-700 {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-800 {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-indigo-900 {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-purple-50 {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-purple-100 {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-purple-200 {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-purple-300 {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-purple-400 {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-purple-500 {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-purple-600 {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-purple-700 {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-purple-800 {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-purple-900 {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-pink-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-pink-100 {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-pink-200 {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-pink-300 {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-pink-400 {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-pink-500 {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-pink-600 {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-pink-700 {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-pink-800 {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:border-pink-900 {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-transparent {
-    border-color: transparent;
-  }
-
-  .group:focus .sm\:group-focus\:border-white {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-black {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-gray-50 {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-gray-100 {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-gray-200 {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-gray-300 {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-gray-400 {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-gray-500 {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-gray-600 {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-gray-700 {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-gray-800 {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-gray-900 {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-cool-gray-100 {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-cool-gray-200 {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-cool-gray-300 {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-cool-gray-400 {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-cool-gray-500 {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-cool-gray-600 {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-cool-gray-700 {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-cool-gray-800 {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-cool-gray-900 {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-red-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-red-100 {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-red-200 {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-red-300 {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-red-400 {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-red-500 {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-red-600 {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-red-700 {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-red-800 {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-red-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-orange-50 {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-orange-100 {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-orange-200 {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-orange-300 {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-orange-400 {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-orange-500 {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-orange-600 {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-orange-700 {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-orange-800 {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-orange-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-yellow-50 {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-yellow-100 {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-yellow-200 {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-yellow-300 {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-yellow-400 {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-yellow-500 {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-yellow-600 {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-yellow-700 {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-yellow-800 {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-yellow-900 {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-green-50 {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-green-100 {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-green-200 {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-green-300 {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-green-400 {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-green-500 {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-green-600 {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-green-700 {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-green-800 {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-green-900 {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-teal-50 {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-teal-100 {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-teal-200 {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-teal-300 {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-teal-400 {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-teal-500 {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-teal-600 {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-teal-700 {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-teal-800 {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-teal-900 {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-blue-50 {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-blue-100 {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-blue-200 {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-blue-300 {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-blue-400 {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-blue-500 {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-blue-600 {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-blue-700 {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-blue-800 {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-blue-900 {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-indigo-50 {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-indigo-100 {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-indigo-200 {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-indigo-300 {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-indigo-400 {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-indigo-500 {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-indigo-600 {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-indigo-700 {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-indigo-800 {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-indigo-900 {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-purple-50 {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-purple-100 {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-purple-200 {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-purple-300 {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-purple-400 {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-purple-500 {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-purple-600 {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-purple-700 {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-purple-800 {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-purple-900 {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-pink-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-pink-100 {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-pink-200 {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-pink-300 {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-pink-400 {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-pink-500 {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-pink-600 {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-pink-700 {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-pink-800 {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:border-pink-900 {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-transparent:hover {
-    border-color: transparent;
-  }
-
-  .sm\:hover\:border-white:hover {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-black:hover {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-gray-50:hover {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-gray-100:hover {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-gray-200:hover {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-gray-300:hover {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-gray-400:hover {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-gray-500:hover {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-gray-600:hover {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-gray-700:hover {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-gray-800:hover {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-gray-900:hover {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-cool-gray-50:hover {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-cool-gray-100:hover {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-cool-gray-200:hover {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-cool-gray-300:hover {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-cool-gray-400:hover {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-cool-gray-500:hover {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-cool-gray-600:hover {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-cool-gray-700:hover {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-cool-gray-800:hover {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-cool-gray-900:hover {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-red-50:hover {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-red-100:hover {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-red-200:hover {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-red-300:hover {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-red-400:hover {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-red-500:hover {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-red-600:hover {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-red-700:hover {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-red-800:hover {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-red-900:hover {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-orange-50:hover {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-orange-100:hover {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-orange-200:hover {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-orange-300:hover {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-orange-400:hover {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-orange-500:hover {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-orange-600:hover {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-orange-700:hover {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-orange-800:hover {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-orange-900:hover {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-50:hover {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-100:hover {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-200:hover {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-300:hover {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-400:hover {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-500:hover {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-600:hover {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-700:hover {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-800:hover {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-yellow-900:hover {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-green-50:hover {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-green-100:hover {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-green-200:hover {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-green-300:hover {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-green-400:hover {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-green-500:hover {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-green-600:hover {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-green-700:hover {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-green-800:hover {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-green-900:hover {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-teal-50:hover {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-teal-100:hover {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-teal-200:hover {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-teal-300:hover {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-teal-400:hover {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-teal-500:hover {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-teal-600:hover {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-teal-700:hover {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-teal-800:hover {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-teal-900:hover {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-blue-50:hover {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-blue-100:hover {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-blue-200:hover {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-blue-300:hover {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-blue-400:hover {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-blue-500:hover {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-blue-600:hover {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-blue-700:hover {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-blue-800:hover {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-blue-900:hover {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-50:hover {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-100:hover {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-200:hover {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-300:hover {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-400:hover {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-500:hover {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-600:hover {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-700:hover {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-800:hover {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-indigo-900:hover {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-purple-50:hover {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-purple-100:hover {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-purple-200:hover {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-purple-300:hover {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-purple-400:hover {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-purple-500:hover {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-purple-600:hover {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-purple-700:hover {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-purple-800:hover {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-purple-900:hover {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-pink-50:hover {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-pink-100:hover {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-pink-200:hover {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-pink-300:hover {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-pink-400:hover {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-pink-500:hover {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-pink-600:hover {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-pink-700:hover {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-pink-800:hover {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .sm\:hover\:border-pink-900:hover {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-transparent:focus {
-    border-color: transparent;
-  }
-
-  .sm\:focus\:border-white:focus {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-black:focus {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-gray-50:focus {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-gray-100:focus {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-gray-200:focus {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-gray-300:focus {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-gray-400:focus {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-gray-500:focus {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-gray-600:focus {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-gray-700:focus {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-gray-800:focus {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-gray-900:focus {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-cool-gray-50:focus {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-cool-gray-100:focus {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-cool-gray-200:focus {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-cool-gray-300:focus {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-cool-gray-400:focus {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-cool-gray-500:focus {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-cool-gray-600:focus {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-cool-gray-700:focus {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-cool-gray-800:focus {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-cool-gray-900:focus {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-red-50:focus {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-red-100:focus {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-red-200:focus {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-red-300:focus {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-red-400:focus {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-red-500:focus {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-red-600:focus {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-red-700:focus {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-red-800:focus {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-red-900:focus {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-orange-50:focus {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-orange-100:focus {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-orange-200:focus {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-orange-300:focus {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-orange-400:focus {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-orange-500:focus {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-orange-600:focus {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-orange-700:focus {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-orange-800:focus {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-orange-900:focus {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-50:focus {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-100:focus {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-200:focus {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-300:focus {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-400:focus {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-500:focus {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-600:focus {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-700:focus {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-800:focus {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-yellow-900:focus {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-green-50:focus {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-green-100:focus {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-green-200:focus {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-green-300:focus {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-green-400:focus {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-green-500:focus {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-green-600:focus {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-green-700:focus {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-green-800:focus {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-green-900:focus {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-teal-50:focus {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-teal-100:focus {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-teal-200:focus {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-teal-300:focus {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-teal-400:focus {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-teal-500:focus {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-teal-600:focus {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-teal-700:focus {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-teal-800:focus {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-teal-900:focus {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-blue-50:focus {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-blue-100:focus {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-blue-200:focus {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-blue-300:focus {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-blue-400:focus {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-blue-500:focus {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-blue-600:focus {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-blue-700:focus {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-blue-800:focus {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-blue-900:focus {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-50:focus {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-100:focus {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-200:focus {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-300:focus {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-400:focus {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-500:focus {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-600:focus {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-700:focus {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-800:focus {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-indigo-900:focus {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-purple-50:focus {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-purple-100:focus {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-purple-200:focus {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-purple-300:focus {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-purple-400:focus {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-purple-500:focus {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-purple-600:focus {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-purple-700:focus {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-purple-800:focus {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-purple-900:focus {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-pink-50:focus {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-pink-100:focus {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-pink-200:focus {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-pink-300:focus {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-pink-400:focus {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-pink-500:focus {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-pink-600:focus {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-pink-700:focus {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-pink-800:focus {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .sm\:focus\:border-pink-900:focus {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .sm\:border-opacity-0 {
-    --border-opacity: 0;
-  }
-
-  .sm\:border-opacity-25 {
-    --border-opacity: 0.25;
-  }
-
-  .sm\:border-opacity-50 {
-    --border-opacity: 0.5;
-  }
-
-  .sm\:border-opacity-75 {
-    --border-opacity: 0.75;
-  }
-
-  .sm\:border-opacity-100 {
-    --border-opacity: 1;
-  }
-
-  .sm\:hover\:border-opacity-0:hover {
-    --border-opacity: 0;
-  }
-
-  .sm\:hover\:border-opacity-25:hover {
-    --border-opacity: 0.25;
-  }
-
-  .sm\:hover\:border-opacity-50:hover {
-    --border-opacity: 0.5;
-  }
-
-  .sm\:hover\:border-opacity-75:hover {
-    --border-opacity: 0.75;
-  }
-
-  .sm\:hover\:border-opacity-100:hover {
-    --border-opacity: 1;
-  }
-
-  .sm\:focus\:border-opacity-0:focus {
-    --border-opacity: 0;
-  }
-
-  .sm\:focus\:border-opacity-25:focus {
-    --border-opacity: 0.25;
-  }
-
-  .sm\:focus\:border-opacity-50:focus {
-    --border-opacity: 0.5;
-  }
-
-  .sm\:focus\:border-opacity-75:focus {
-    --border-opacity: 0.75;
-  }
-
-  .sm\:focus\:border-opacity-100:focus {
-    --border-opacity: 1;
-  }
-
-  .sm\:rounded-none {
-    border-radius: 0;
-  }
-
-  .sm\:rounded-sm {
-    border-radius: 0.125rem;
-  }
-
-  .sm\:rounded {
-    border-radius: 0.25rem;
-  }
-
-  .sm\:rounded-md {
-    border-radius: 0.375rem;
-  }
-
-  .sm\:rounded-lg {
-    border-radius: 0.5rem;
-  }
-
-  .sm\:rounded-full {
-    border-radius: 9999px;
-  }
-
-  .sm\:rounded-t-none {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-
-  .sm\:rounded-r-none {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  .sm\:rounded-b-none {
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .sm\:rounded-l-none {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .sm\:rounded-t-sm {
-    border-top-left-radius: 0.125rem;
-    border-top-right-radius: 0.125rem;
-  }
-
-  .sm\:rounded-r-sm {
-    border-top-right-radius: 0.125rem;
-    border-bottom-right-radius: 0.125rem;
-  }
-
-  .sm\:rounded-b-sm {
-    border-bottom-right-radius: 0.125rem;
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .sm\:rounded-l-sm {
-    border-top-left-radius: 0.125rem;
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .sm\:rounded-t {
-    border-top-left-radius: 0.25rem;
-    border-top-right-radius: 0.25rem;
-  }
-
-  .sm\:rounded-r {
-    border-top-right-radius: 0.25rem;
-    border-bottom-right-radius: 0.25rem;
-  }
-
-  .sm\:rounded-b {
-    border-bottom-right-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .sm\:rounded-l {
-    border-top-left-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .sm\:rounded-t-md {
-    border-top-left-radius: 0.375rem;
-    border-top-right-radius: 0.375rem;
-  }
-
-  .sm\:rounded-r-md {
-    border-top-right-radius: 0.375rem;
-    border-bottom-right-radius: 0.375rem;
-  }
-
-  .sm\:rounded-b-md {
-    border-bottom-right-radius: 0.375rem;
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .sm\:rounded-l-md {
-    border-top-left-radius: 0.375rem;
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .sm\:rounded-t-lg {
-    border-top-left-radius: 0.5rem;
-    border-top-right-radius: 0.5rem;
-  }
-
-  .sm\:rounded-r-lg {
-    border-top-right-radius: 0.5rem;
-    border-bottom-right-radius: 0.5rem;
-  }
-
-  .sm\:rounded-b-lg {
-    border-bottom-right-radius: 0.5rem;
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .sm\:rounded-l-lg {
-    border-top-left-radius: 0.5rem;
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .sm\:rounded-t-full {
-    border-top-left-radius: 9999px;
-    border-top-right-radius: 9999px;
-  }
-
-  .sm\:rounded-r-full {
-    border-top-right-radius: 9999px;
-    border-bottom-right-radius: 9999px;
-  }
-
-  .sm\:rounded-b-full {
-    border-bottom-right-radius: 9999px;
-    border-bottom-left-radius: 9999px;
-  }
-
-  .sm\:rounded-l-full {
-    border-top-left-radius: 9999px;
-    border-bottom-left-radius: 9999px;
-  }
-
-  .sm\:rounded-tl-none {
-    border-top-left-radius: 0;
-  }
-
-  .sm\:rounded-tr-none {
-    border-top-right-radius: 0;
-  }
-
-  .sm\:rounded-br-none {
-    border-bottom-right-radius: 0;
-  }
-
-  .sm\:rounded-bl-none {
-    border-bottom-left-radius: 0;
-  }
-
-  .sm\:rounded-tl-sm {
-    border-top-left-radius: 0.125rem;
-  }
-
-  .sm\:rounded-tr-sm {
-    border-top-right-radius: 0.125rem;
-  }
-
-  .sm\:rounded-br-sm {
-    border-bottom-right-radius: 0.125rem;
-  }
-
-  .sm\:rounded-bl-sm {
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .sm\:rounded-tl {
-    border-top-left-radius: 0.25rem;
-  }
-
-  .sm\:rounded-tr {
-    border-top-right-radius: 0.25rem;
-  }
-
-  .sm\:rounded-br {
-    border-bottom-right-radius: 0.25rem;
-  }
-
-  .sm\:rounded-bl {
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .sm\:rounded-tl-md {
-    border-top-left-radius: 0.375rem;
-  }
-
-  .sm\:rounded-tr-md {
-    border-top-right-radius: 0.375rem;
-  }
-
-  .sm\:rounded-br-md {
-    border-bottom-right-radius: 0.375rem;
-  }
-
-  .sm\:rounded-bl-md {
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .sm\:rounded-tl-lg {
-    border-top-left-radius: 0.5rem;
-  }
-
-  .sm\:rounded-tr-lg {
-    border-top-right-radius: 0.5rem;
-  }
-
-  .sm\:rounded-br-lg {
-    border-bottom-right-radius: 0.5rem;
-  }
-
-  .sm\:rounded-bl-lg {
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .sm\:rounded-tl-full {
-    border-top-left-radius: 9999px;
-  }
-
-  .sm\:rounded-tr-full {
-    border-top-right-radius: 9999px;
-  }
-
-  .sm\:rounded-br-full {
-    border-bottom-right-radius: 9999px;
-  }
-
-  .sm\:rounded-bl-full {
-    border-bottom-left-radius: 9999px;
-  }
-
-  .sm\:border-solid {
-    border-style: solid;
-  }
-
-  .sm\:border-dashed {
-    border-style: dashed;
-  }
-
-  .sm\:border-dotted {
-    border-style: dotted;
-  }
-
-  .sm\:border-double {
-    border-style: double;
-  }
-
-  .sm\:border-none {
-    border-style: none;
-  }
-
-  .sm\:border-0 {
-    border-width: 0;
-  }
-
-  .sm\:border-2 {
-    border-width: 2px;
-  }
-
-  .sm\:border-4 {
-    border-width: 4px;
-  }
-
-  .sm\:border-8 {
-    border-width: 8px;
-  }
-
-  .sm\:border {
-    border-width: 1px;
-  }
-
-  .sm\:border-t-0 {
-    border-top-width: 0;
-  }
-
-  .sm\:border-r-0 {
-    border-right-width: 0;
-  }
-
-  .sm\:border-b-0 {
-    border-bottom-width: 0;
-  }
-
-  .sm\:border-l-0 {
-    border-left-width: 0;
-  }
-
-  .sm\:border-t-2 {
-    border-top-width: 2px;
-  }
-
-  .sm\:border-r-2 {
-    border-right-width: 2px;
-  }
-
-  .sm\:border-b-2 {
-    border-bottom-width: 2px;
-  }
-
-  .sm\:border-l-2 {
-    border-left-width: 2px;
-  }
-
-  .sm\:border-t-4 {
-    border-top-width: 4px;
-  }
-
-  .sm\:border-r-4 {
-    border-right-width: 4px;
-  }
-
-  .sm\:border-b-4 {
-    border-bottom-width: 4px;
-  }
-
-  .sm\:border-l-4 {
-    border-left-width: 4px;
-  }
-
-  .sm\:border-t-8 {
-    border-top-width: 8px;
-  }
-
-  .sm\:border-r-8 {
-    border-right-width: 8px;
-  }
-
-  .sm\:border-b-8 {
-    border-bottom-width: 8px;
-  }
-
-  .sm\:border-l-8 {
-    border-left-width: 8px;
-  }
-
-  .sm\:border-t {
-    border-top-width: 1px;
-  }
-
-  .sm\:border-r {
-    border-right-width: 1px;
-  }
-
-  .sm\:border-b {
-    border-bottom-width: 1px;
-  }
-
-  .sm\:border-l {
-    border-left-width: 1px;
-  }
-
-  .sm\:box-border {
-    box-sizing: border-box;
-  }
-
-  .sm\:box-content {
-    box-sizing: content-box;
-  }
-
-  .sm\:cursor-auto {
-    cursor: auto;
-  }
-
-  .sm\:cursor-default {
-    cursor: default;
-  }
-
-  .sm\:cursor-pointer {
-    cursor: pointer;
-  }
-
-  .sm\:cursor-wait {
-    cursor: wait;
-  }
-
-  .sm\:cursor-text {
-    cursor: text;
-  }
-
-  .sm\:cursor-move {
-    cursor: move;
-  }
-
-  .sm\:cursor-not-allowed {
-    cursor: not-allowed;
-  }
-
-  .sm\:block {
-    display: block;
-  }
-
-  .sm\:inline-block {
-    display: inline-block;
-  }
-
-  .sm\:inline {
-    display: inline;
-  }
-
-  .sm\:flex {
-    display: flex;
-  }
-
-  .sm\:inline-flex {
-    display: inline-flex;
-  }
-
-  .sm\:table {
-    display: table;
-  }
-
-  .sm\:table-caption {
-    display: table-caption;
-  }
-
-  .sm\:table-cell {
-    display: table-cell;
-  }
-
-  .sm\:table-column {
-    display: table-column;
-  }
-
-  .sm\:table-column-group {
-    display: table-column-group;
-  }
-
-  .sm\:table-footer-group {
-    display: table-footer-group;
-  }
-
-  .sm\:table-header-group {
-    display: table-header-group;
-  }
-
-  .sm\:table-row-group {
-    display: table-row-group;
-  }
-
-  .sm\:table-row {
-    display: table-row;
-  }
-
-  .sm\:flow-root {
-    display: flow-root;
-  }
-
-  .sm\:grid {
-    display: grid;
-  }
-
-  .sm\:inline-grid {
-    display: inline-grid;
-  }
-
-  .sm\:hidden {
-    display: none;
-  }
-
-  .sm\:flex-row {
-    flex-direction: row;
-  }
-
-  .sm\:flex-row-reverse {
-    flex-direction: row-reverse;
-  }
-
-  .sm\:flex-col {
-    flex-direction: column;
-  }
-
-  .sm\:flex-col-reverse {
-    flex-direction: column-reverse;
-  }
-
-  .sm\:flex-wrap {
-    flex-wrap: wrap;
-  }
-
-  .sm\:flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
-  }
-
-  .sm\:flex-no-wrap {
-    flex-wrap: nowrap;
-  }
-
-  .sm\:items-start {
-    align-items: flex-start;
-  }
-
-  .sm\:items-end {
-    align-items: flex-end;
-  }
-
-  .sm\:items-center {
-    align-items: center;
-  }
-
-  .sm\:items-baseline {
-    align-items: baseline;
-  }
-
-  .sm\:items-stretch {
-    align-items: stretch;
-  }
-
-  .sm\:self-auto {
-    align-self: auto;
-  }
-
-  .sm\:self-start {
-    align-self: flex-start;
-  }
-
-  .sm\:self-end {
-    align-self: flex-end;
-  }
-
-  .sm\:self-center {
-    align-self: center;
-  }
-
-  .sm\:self-stretch {
-    align-self: stretch;
-  }
-
-  .sm\:justify-start {
-    justify-content: flex-start;
-  }
-
-  .sm\:justify-end {
-    justify-content: flex-end;
-  }
-
-  .sm\:justify-center {
-    justify-content: center;
-  }
-
-  .sm\:justify-between {
-    justify-content: space-between;
-  }
-
-  .sm\:justify-around {
-    justify-content: space-around;
-  }
-
-  .sm\:justify-evenly {
-    justify-content: space-evenly;
-  }
-
-  .sm\:content-center {
-    align-content: center;
-  }
-
-  .sm\:content-start {
-    align-content: flex-start;
-  }
-
-  .sm\:content-end {
-    align-content: flex-end;
-  }
-
-  .sm\:content-between {
-    align-content: space-between;
-  }
-
-  .sm\:content-around {
-    align-content: space-around;
-  }
-
-  .sm\:flex-1 {
-    flex: 1 1 0%;
-  }
-
-  .sm\:flex-auto {
-    flex: 1 1 auto;
-  }
-
-  .sm\:flex-initial {
-    flex: 0 1 auto;
-  }
-
-  .sm\:flex-none {
-    flex: none;
-  }
-
-  .sm\:flex-grow-0 {
-    flex-grow: 0;
-  }
-
-  .sm\:flex-grow {
-    flex-grow: 1;
-  }
-
-  .sm\:flex-shrink-0 {
-    flex-shrink: 0;
-  }
-
-  .sm\:flex-shrink {
-    flex-shrink: 1;
-  }
-
-  .sm\:order-1 {
-    order: 1;
-  }
-
-  .sm\:order-2 {
-    order: 2;
-  }
-
-  .sm\:order-3 {
-    order: 3;
-  }
-
-  .sm\:order-4 {
-    order: 4;
-  }
-
-  .sm\:order-5 {
-    order: 5;
-  }
-
-  .sm\:order-6 {
-    order: 6;
-  }
-
-  .sm\:order-7 {
-    order: 7;
-  }
-
-  .sm\:order-8 {
-    order: 8;
-  }
-
-  .sm\:order-9 {
-    order: 9;
-  }
-
-  .sm\:order-10 {
-    order: 10;
-  }
-
-  .sm\:order-11 {
-    order: 11;
-  }
-
-  .sm\:order-12 {
-    order: 12;
-  }
-
-  .sm\:order-first {
-    order: -9999;
-  }
-
-  .sm\:order-last {
-    order: 9999;
-  }
-
-  .sm\:order-none {
-    order: 0;
-  }
-
-  .sm\:float-right {
-    float: right;
-  }
-
-  .sm\:float-left {
-    float: left;
-  }
-
-  .sm\:float-none {
-    float: none;
-  }
-
-  .sm\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
-  .sm\:clear-left {
-    clear: left;
-  }
-
-  .sm\:clear-right {
-    clear: right;
-  }
-
-  .sm\:clear-both {
-    clear: both;
-  }
-
-  .sm\:clear-none {
-    clear: none;
-  }
-
-  .sm\:font-sans {
-    font-family: Open Sans, 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";
-  }
-
-  .sm\:font-serif {
-    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
-  }
-
-  .sm\:font-mono {
-    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  }
-
-  .sm\:font-hairline {
-    font-weight: 100;
-  }
-
-  .sm\:font-thin {
-    font-weight: 200;
-  }
-
-  .sm\:font-light {
-    font-weight: 300;
-  }
-
-  .sm\:font-normal {
-    font-weight: 400;
-  }
-
-  .sm\:font-medium {
-    font-weight: 500;
-  }
-
-  .sm\:font-semibold {
-    font-weight: 600;
-  }
-
-  .sm\:font-bold {
-    font-weight: 700;
-  }
-
-  .sm\:font-extrabold {
-    font-weight: 800;
-  }
-
-  .sm\:font-black {
-    font-weight: 900;
-  }
-
-  .sm\:hover\:font-hairline:hover {
-    font-weight: 100;
-  }
-
-  .sm\:hover\:font-thin:hover {
-    font-weight: 200;
-  }
-
-  .sm\:hover\:font-light:hover {
-    font-weight: 300;
-  }
-
-  .sm\:hover\:font-normal:hover {
-    font-weight: 400;
-  }
-
-  .sm\:hover\:font-medium:hover {
-    font-weight: 500;
-  }
-
-  .sm\:hover\:font-semibold:hover {
-    font-weight: 600;
-  }
-
-  .sm\:hover\:font-bold:hover {
-    font-weight: 700;
-  }
-
-  .sm\:hover\:font-extrabold:hover {
-    font-weight: 800;
-  }
-
-  .sm\:hover\:font-black:hover {
-    font-weight: 900;
-  }
-
-  .sm\:focus\:font-hairline:focus {
-    font-weight: 100;
-  }
-
-  .sm\:focus\:font-thin:focus {
-    font-weight: 200;
-  }
-
-  .sm\:focus\:font-light:focus {
-    font-weight: 300;
-  }
-
-  .sm\:focus\:font-normal:focus {
-    font-weight: 400;
-  }
-
-  .sm\:focus\:font-medium:focus {
-    font-weight: 500;
-  }
-
-  .sm\:focus\:font-semibold:focus {
-    font-weight: 600;
-  }
-
-  .sm\:focus\:font-bold:focus {
-    font-weight: 700;
-  }
-
-  .sm\:focus\:font-extrabold:focus {
-    font-weight: 800;
-  }
-
-  .sm\:focus\:font-black:focus {
-    font-weight: 900;
-  }
-
-  .sm\:h-0 {
-    height: 0;
-  }
-
-  .sm\:h-1 {
-    height: 0.25rem;
-  }
-
-  .sm\:h-2 {
-    height: 0.5rem;
-  }
-
-  .sm\:h-3 {
-    height: 0.75rem;
-  }
-
-  .sm\:h-4 {
-    height: 1rem;
-  }
-
-  .sm\:h-5 {
-    height: 1.25rem;
-  }
-
-  .sm\:h-6 {
-    height: 1.5rem;
-  }
-
-  .sm\:h-7 {
-    height: 1.75rem;
-  }
-
-  .sm\:h-8 {
-    height: 2rem;
-  }
-
-  .sm\:h-9 {
-    height: 2.25rem;
-  }
-
-  .sm\:h-10 {
-    height: 2.5rem;
-  }
-
-  .sm\:h-11 {
-    height: 2.75rem;
-  }
-
-  .sm\:h-12 {
-    height: 3rem;
-  }
-
-  .sm\:h-13 {
-    height: 3.25rem;
-  }
-
-  .sm\:h-14 {
-    height: 3.5rem;
-  }
-
-  .sm\:h-15 {
-    height: 3.75rem;
-  }
-
-  .sm\:h-16 {
-    height: 4rem;
-  }
-
-  .sm\:h-20 {
-    height: 5rem;
-  }
-
-  .sm\:h-24 {
-    height: 6rem;
-  }
-
-  .sm\:h-28 {
-    height: 7rem;
-  }
-
-  .sm\:h-32 {
-    height: 8rem;
-  }
-
-  .sm\:h-36 {
-    height: 9rem;
-  }
-
-  .sm\:h-40 {
-    height: 10rem;
-  }
-
-  .sm\:h-48 {
-    height: 12rem;
-  }
-
-  .sm\:h-56 {
-    height: 14rem;
-  }
-
-  .sm\:h-60 {
-    height: 15rem;
-  }
-
-  .sm\:h-64 {
-    height: 16rem;
-  }
-
-  .sm\:h-72 {
-    height: 18rem;
-  }
-
-  .sm\:h-80 {
-    height: 20rem;
-  }
-
-  .sm\:h-96 {
-    height: 24rem;
-  }
-
-  .sm\:h-auto {
-    height: auto;
-  }
-
-  .sm\:h-px {
-    height: 1px;
-  }
-
-  .sm\:h-0\.5 {
-    height: 0.125rem;
-  }
-
-  .sm\:h-1\.5 {
-    height: 0.375rem;
-  }
-
-  .sm\:h-2\.5 {
-    height: 0.625rem;
-  }
-
-  .sm\:h-3\.5 {
-    height: 0.875rem;
-  }
-
-  .sm\:h-1\/2 {
-    height: 50%;
-  }
-
-  .sm\:h-1\/3 {
-    height: 33.333333%;
-  }
-
-  .sm\:h-2\/3 {
-    height: 66.666667%;
-  }
-
-  .sm\:h-1\/4 {
-    height: 25%;
-  }
-
-  .sm\:h-2\/4 {
-    height: 50%;
-  }
-
-  .sm\:h-3\/4 {
-    height: 75%;
-  }
-
-  .sm\:h-1\/5 {
-    height: 20%;
-  }
-
-  .sm\:h-2\/5 {
-    height: 40%;
-  }
-
-  .sm\:h-3\/5 {
-    height: 60%;
-  }
-
-  .sm\:h-4\/5 {
-    height: 80%;
-  }
-
-  .sm\:h-1\/6 {
-    height: 16.666667%;
-  }
-
-  .sm\:h-2\/6 {
-    height: 33.333333%;
-  }
-
-  .sm\:h-3\/6 {
-    height: 50%;
-  }
-
-  .sm\:h-4\/6 {
-    height: 66.666667%;
-  }
-
-  .sm\:h-5\/6 {
-    height: 83.333333%;
-  }
-
-  .sm\:h-1\/12 {
-    height: 8.333333%;
-  }
-
-  .sm\:h-2\/12 {
-    height: 16.666667%;
-  }
-
-  .sm\:h-3\/12 {
-    height: 25%;
-  }
-
-  .sm\:h-4\/12 {
-    height: 33.333333%;
-  }
-
-  .sm\:h-5\/12 {
-    height: 41.666667%;
-  }
-
-  .sm\:h-6\/12 {
-    height: 50%;
-  }
-
-  .sm\:h-7\/12 {
-    height: 58.333333%;
-  }
-
-  .sm\:h-8\/12 {
-    height: 66.666667%;
-  }
-
-  .sm\:h-9\/12 {
-    height: 75%;
-  }
-
-  .sm\:h-10\/12 {
-    height: 83.333333%;
-  }
-
-  .sm\:h-11\/12 {
-    height: 91.666667%;
-  }
-
-  .sm\:h-full {
-    height: 100%;
-  }
-
-  .sm\:h-screen {
-    height: 100vh;
-  }
-
-  .sm\:text-xs {
-    font-size: 0.75rem;
-  }
-
-  .sm\:text-sm {
-    font-size: 0.875rem;
-  }
-
-  .sm\:text-base {
-    font-size: 1rem;
-  }
-
-  .sm\:text-lg {
-    font-size: 1.125rem;
-  }
-
-  .sm\:text-xl {
-    font-size: 1.25rem;
-  }
-
-  .sm\:text-2xl {
-    font-size: 1.5rem;
-  }
-
-  .sm\:text-3xl {
-    font-size: 1.875rem;
-  }
-
-  .sm\:text-4xl {
-    font-size: 2.25rem;
-  }
-
-  .sm\:text-5xl {
-    font-size: 3rem;
-  }
-
-  .sm\:text-6xl {
-    font-size: 4rem;
-  }
-
-  .sm\:leading-3 {
-    line-height: .75rem;
-  }
-
-  .sm\:leading-4 {
-    line-height: 1rem;
-  }
-
-  .sm\:leading-5 {
-    line-height: 1.25rem;
-  }
-
-  .sm\:leading-6 {
-    line-height: 1.5rem;
-  }
-
-  .sm\:leading-7 {
-    line-height: 1.75rem;
-  }
-
-  .sm\:leading-8 {
-    line-height: 2rem;
-  }
-
-  .sm\:leading-9 {
-    line-height: 2.25rem;
-  }
-
-  .sm\:leading-10 {
-    line-height: 2.5rem;
-  }
-
-  .sm\:leading-none {
-    line-height: 1;
-  }
-
-  .sm\:leading-tight {
-    line-height: 1.25;
-  }
-
-  .sm\:leading-snug {
-    line-height: 1.375;
-  }
-
-  .sm\:leading-normal {
-    line-height: 1.5;
-  }
-
-  .sm\:leading-relaxed {
-    line-height: 1.625;
-  }
-
-  .sm\:leading-loose {
-    line-height: 2;
-  }
-
-  .sm\:list-inside {
-    list-style-position: inside;
-  }
-
-  .sm\:list-outside {
-    list-style-position: outside;
-  }
-
-  .sm\:list-none {
-    list-style-type: none;
-  }
-
-  .sm\:list-disc {
-    list-style-type: disc;
-  }
-
-  .sm\:list-decimal {
-    list-style-type: decimal;
-  }
-
-  .sm\:m-0 {
-    margin: 0;
-  }
-
-  .sm\:m-1 {
-    margin: 0.25rem;
-  }
-
-  .sm\:m-2 {
-    margin: 0.5rem;
-  }
-
-  .sm\:m-3 {
-    margin: 0.75rem;
-  }
-
-  .sm\:m-4 {
-    margin: 1rem;
-  }
-
-  .sm\:m-5 {
-    margin: 1.25rem;
-  }
-
-  .sm\:m-6 {
-    margin: 1.5rem;
-  }
-
-  .sm\:m-7 {
-    margin: 1.75rem;
-  }
-
-  .sm\:m-8 {
-    margin: 2rem;
-  }
-
-  .sm\:m-9 {
-    margin: 2.25rem;
-  }
-
-  .sm\:m-10 {
-    margin: 2.5rem;
-  }
-
-  .sm\:m-11 {
-    margin: 2.75rem;
-  }
-
-  .sm\:m-12 {
-    margin: 3rem;
-  }
-
-  .sm\:m-13 {
-    margin: 3.25rem;
-  }
-
-  .sm\:m-14 {
-    margin: 3.5rem;
-  }
-
-  .sm\:m-15 {
-    margin: 3.75rem;
-  }
-
-  .sm\:m-16 {
-    margin: 4rem;
-  }
-
-  .sm\:m-20 {
-    margin: 5rem;
-  }
-
-  .sm\:m-24 {
-    margin: 6rem;
-  }
-
-  .sm\:m-28 {
-    margin: 7rem;
-  }
-
-  .sm\:m-32 {
-    margin: 8rem;
-  }
-
-  .sm\:m-36 {
-    margin: 9rem;
-  }
-
-  .sm\:m-40 {
-    margin: 10rem;
-  }
-
-  .sm\:m-48 {
-    margin: 12rem;
-  }
-
-  .sm\:m-56 {
-    margin: 14rem;
-  }
-
-  .sm\:m-60 {
-    margin: 15rem;
-  }
-
-  .sm\:m-64 {
-    margin: 16rem;
-  }
-
-  .sm\:m-72 {
-    margin: 18rem;
-  }
-
-  .sm\:m-80 {
-    margin: 20rem;
-  }
-
-  .sm\:m-96 {
-    margin: 24rem;
-  }
-
-  .sm\:m-auto {
-    margin: auto;
-  }
-
-  .sm\:m-px {
-    margin: 1px;
-  }
-
-  .sm\:m-0\.5 {
-    margin: 0.125rem;
-  }
-
-  .sm\:m-1\.5 {
-    margin: 0.375rem;
-  }
-
-  .sm\:m-2\.5 {
-    margin: 0.625rem;
-  }
-
-  .sm\:m-3\.5 {
-    margin: 0.875rem;
-  }
-
-  .sm\:m-1\/2 {
-    margin: 50%;
-  }
-
-  .sm\:m-1\/3 {
-    margin: 33.333333%;
-  }
-
-  .sm\:m-2\/3 {
-    margin: 66.666667%;
-  }
-
-  .sm\:m-1\/4 {
-    margin: 25%;
-  }
-
-  .sm\:m-2\/4 {
-    margin: 50%;
-  }
-
-  .sm\:m-3\/4 {
-    margin: 75%;
-  }
-
-  .sm\:m-1\/5 {
-    margin: 20%;
-  }
-
-  .sm\:m-2\/5 {
-    margin: 40%;
-  }
-
-  .sm\:m-3\/5 {
-    margin: 60%;
-  }
-
-  .sm\:m-4\/5 {
-    margin: 80%;
-  }
-
-  .sm\:m-1\/6 {
-    margin: 16.666667%;
-  }
-
-  .sm\:m-2\/6 {
-    margin: 33.333333%;
-  }
-
-  .sm\:m-3\/6 {
-    margin: 50%;
-  }
-
-  .sm\:m-4\/6 {
-    margin: 66.666667%;
-  }
-
-  .sm\:m-5\/6 {
-    margin: 83.333333%;
-  }
-
-  .sm\:m-1\/12 {
-    margin: 8.333333%;
-  }
-
-  .sm\:m-2\/12 {
-    margin: 16.666667%;
-  }
-
-  .sm\:m-3\/12 {
-    margin: 25%;
-  }
-
-  .sm\:m-4\/12 {
-    margin: 33.333333%;
-  }
-
-  .sm\:m-5\/12 {
-    margin: 41.666667%;
-  }
-
-  .sm\:m-6\/12 {
-    margin: 50%;
-  }
-
-  .sm\:m-7\/12 {
-    margin: 58.333333%;
-  }
-
-  .sm\:m-8\/12 {
-    margin: 66.666667%;
-  }
-
-  .sm\:m-9\/12 {
-    margin: 75%;
-  }
-
-  .sm\:m-10\/12 {
-    margin: 83.333333%;
-  }
-
-  .sm\:m-11\/12 {
-    margin: 91.666667%;
-  }
-
-  .sm\:m-full {
-    margin: 100%;
-  }
-
-  .sm\:-m-1 {
-    margin: -0.25rem;
-  }
-
-  .sm\:-m-2 {
-    margin: -0.5rem;
-  }
-
-  .sm\:-m-3 {
-    margin: -0.75rem;
-  }
-
-  .sm\:-m-4 {
-    margin: -1rem;
-  }
-
-  .sm\:-m-5 {
-    margin: -1.25rem;
-  }
-
-  .sm\:-m-6 {
-    margin: -1.5rem;
-  }
-
-  .sm\:-m-7 {
-    margin: -1.75rem;
-  }
-
-  .sm\:-m-8 {
-    margin: -2rem;
-  }
-
-  .sm\:-m-9 {
-    margin: -2.25rem;
-  }
-
-  .sm\:-m-10 {
-    margin: -2.5rem;
-  }
-
-  .sm\:-m-11 {
-    margin: -2.75rem;
-  }
-
-  .sm\:-m-12 {
-    margin: -3rem;
-  }
-
-  .sm\:-m-13 {
-    margin: -3.25rem;
-  }
-
-  .sm\:-m-14 {
-    margin: -3.5rem;
-  }
-
-  .sm\:-m-15 {
-    margin: -3.75rem;
-  }
-
-  .sm\:-m-16 {
-    margin: -4rem;
-  }
-
-  .sm\:-m-20 {
-    margin: -5rem;
-  }
-
-  .sm\:-m-24 {
-    margin: -6rem;
-  }
-
-  .sm\:-m-28 {
-    margin: -7rem;
-  }
-
-  .sm\:-m-32 {
-    margin: -8rem;
-  }
-
-  .sm\:-m-36 {
-    margin: -9rem;
-  }
-
-  .sm\:-m-40 {
-    margin: -10rem;
-  }
-
-  .sm\:-m-48 {
-    margin: -12rem;
-  }
-
-  .sm\:-m-56 {
-    margin: -14rem;
-  }
-
-  .sm\:-m-60 {
-    margin: -15rem;
-  }
-
-  .sm\:-m-64 {
-    margin: -16rem;
-  }
-
-  .sm\:-m-72 {
-    margin: -18rem;
-  }
-
-  .sm\:-m-80 {
-    margin: -20rem;
-  }
-
-  .sm\:-m-96 {
-    margin: -24rem;
-  }
-
-  .sm\:-m-px {
-    margin: -1px;
-  }
-
-  .sm\:-m-0\.5 {
-    margin: -0.125rem;
-  }
-
-  .sm\:-m-1\.5 {
-    margin: -0.375rem;
-  }
-
-  .sm\:-m-2\.5 {
-    margin: -0.625rem;
-  }
-
-  .sm\:-m-3\.5 {
-    margin: -0.875rem;
-  }
-
-  .sm\:-m-1\/2 {
-    margin: -50%;
-  }
-
-  .sm\:-m-1\/3 {
-    margin: -33.33333%;
-  }
-
-  .sm\:-m-2\/3 {
-    margin: -66.66667%;
-  }
-
-  .sm\:-m-1\/4 {
-    margin: -25%;
-  }
-
-  .sm\:-m-2\/4 {
-    margin: -50%;
-  }
-
-  .sm\:-m-3\/4 {
-    margin: -75%;
-  }
-
-  .sm\:-m-1\/5 {
-    margin: -20%;
-  }
-
-  .sm\:-m-2\/5 {
-    margin: -40%;
-  }
-
-  .sm\:-m-3\/5 {
-    margin: -60%;
-  }
-
-  .sm\:-m-4\/5 {
-    margin: -80%;
-  }
-
-  .sm\:-m-1\/6 {
-    margin: -16.66667%;
-  }
-
-  .sm\:-m-2\/6 {
-    margin: -33.33333%;
-  }
-
-  .sm\:-m-3\/6 {
-    margin: -50%;
-  }
-
-  .sm\:-m-4\/6 {
-    margin: -66.66667%;
-  }
-
-  .sm\:-m-5\/6 {
-    margin: -83.33333%;
-  }
-
-  .sm\:-m-1\/12 {
-    margin: -8.33333%;
-  }
-
-  .sm\:-m-2\/12 {
-    margin: -16.66667%;
-  }
-
-  .sm\:-m-3\/12 {
-    margin: -25%;
-  }
-
-  .sm\:-m-4\/12 {
-    margin: -33.33333%;
-  }
-
-  .sm\:-m-5\/12 {
-    margin: -41.66667%;
-  }
-
-  .sm\:-m-6\/12 {
-    margin: -50%;
-  }
-
-  .sm\:-m-7\/12 {
-    margin: -58.33333%;
-  }
-
-  .sm\:-m-8\/12 {
-    margin: -66.66667%;
-  }
-
-  .sm\:-m-9\/12 {
-    margin: -75%;
-  }
-
-  .sm\:-m-10\/12 {
-    margin: -83.33333%;
-  }
-
-  .sm\:-m-11\/12 {
-    margin: -91.66667%;
-  }
-
-  .sm\:-m-full {
-    margin: -100%;
-  }
-
-  .sm\:my-0 {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .sm\:mx-0 {
-    margin-left: 0;
-    margin-right: 0;
-  }
-
-  .sm\:my-1 {
-    margin-top: 0.25rem;
-    margin-bottom: 0.25rem;
-  }
-
-  .sm\:mx-1 {
-    margin-left: 0.25rem;
-    margin-right: 0.25rem;
-  }
-
-  .sm\:my-2 {
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
-  }
-
-  .sm\:mx-2 {
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
-  }
-
-  .sm\:my-3 {
-    margin-top: 0.75rem;
-    margin-bottom: 0.75rem;
-  }
-
-  .sm\:mx-3 {
-    margin-left: 0.75rem;
-    margin-right: 0.75rem;
-  }
-
-  .sm\:my-4 {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-  }
-
-  .sm\:mx-4 {
-    margin-left: 1rem;
-    margin-right: 1rem;
-  }
-
-  .sm\:my-5 {
-    margin-top: 1.25rem;
-    margin-bottom: 1.25rem;
-  }
-
-  .sm\:mx-5 {
-    margin-left: 1.25rem;
-    margin-right: 1.25rem;
-  }
-
-  .sm\:my-6 {
-    margin-top: 1.5rem;
-    margin-bottom: 1.5rem;
-  }
-
-  .sm\:mx-6 {
-    margin-left: 1.5rem;
-    margin-right: 1.5rem;
-  }
-
-  .sm\:my-7 {
-    margin-top: 1.75rem;
-    margin-bottom: 1.75rem;
-  }
-
-  .sm\:mx-7 {
-    margin-left: 1.75rem;
-    margin-right: 1.75rem;
-  }
-
-  .sm\:my-8 {
-    margin-top: 2rem;
-    margin-bottom: 2rem;
-  }
-
-  .sm\:mx-8 {
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-
-  .sm\:my-9 {
-    margin-top: 2.25rem;
-    margin-bottom: 2.25rem;
-  }
-
-  .sm\:mx-9 {
-    margin-left: 2.25rem;
-    margin-right: 2.25rem;
-  }
-
-  .sm\:my-10 {
-    margin-top: 2.5rem;
-    margin-bottom: 2.5rem;
-  }
-
-  .sm\:mx-10 {
-    margin-left: 2.5rem;
-    margin-right: 2.5rem;
-  }
-
-  .sm\:my-11 {
-    margin-top: 2.75rem;
-    margin-bottom: 2.75rem;
-  }
-
-  .sm\:mx-11 {
-    margin-left: 2.75rem;
-    margin-right: 2.75rem;
-  }
-
-  .sm\:my-12 {
-    margin-top: 3rem;
-    margin-bottom: 3rem;
-  }
-
-  .sm\:mx-12 {
-    margin-left: 3rem;
-    margin-right: 3rem;
-  }
-
-  .sm\:my-13 {
-    margin-top: 3.25rem;
-    margin-bottom: 3.25rem;
-  }
-
-  .sm\:mx-13 {
-    margin-left: 3.25rem;
-    margin-right: 3.25rem;
-  }
-
-  .sm\:my-14 {
-    margin-top: 3.5rem;
-    margin-bottom: 3.5rem;
-  }
-
-  .sm\:mx-14 {
-    margin-left: 3.5rem;
-    margin-right: 3.5rem;
-  }
-
-  .sm\:my-15 {
-    margin-top: 3.75rem;
-    margin-bottom: 3.75rem;
-  }
-
-  .sm\:mx-15 {
-    margin-left: 3.75rem;
-    margin-right: 3.75rem;
-  }
-
-  .sm\:my-16 {
-    margin-top: 4rem;
-    margin-bottom: 4rem;
-  }
-
-  .sm\:mx-16 {
-    margin-left: 4rem;
-    margin-right: 4rem;
-  }
-
-  .sm\:my-20 {
-    margin-top: 5rem;
-    margin-bottom: 5rem;
-  }
-
-  .sm\:mx-20 {
-    margin-left: 5rem;
-    margin-right: 5rem;
-  }
-
-  .sm\:my-24 {
-    margin-top: 6rem;
-    margin-bottom: 6rem;
-  }
-
-  .sm\:mx-24 {
-    margin-left: 6rem;
-    margin-right: 6rem;
-  }
-
-  .sm\:my-28 {
-    margin-top: 7rem;
-    margin-bottom: 7rem;
-  }
-
-  .sm\:mx-28 {
-    margin-left: 7rem;
-    margin-right: 7rem;
-  }
-
-  .sm\:my-32 {
-    margin-top: 8rem;
-    margin-bottom: 8rem;
-  }
-
-  .sm\:mx-32 {
-    margin-left: 8rem;
-    margin-right: 8rem;
-  }
-
-  .sm\:my-36 {
-    margin-top: 9rem;
-    margin-bottom: 9rem;
-  }
-
-  .sm\:mx-36 {
-    margin-left: 9rem;
-    margin-right: 9rem;
-  }
-
-  .sm\:my-40 {
-    margin-top: 10rem;
-    margin-bottom: 10rem;
-  }
-
-  .sm\:mx-40 {
-    margin-left: 10rem;
-    margin-right: 10rem;
-  }
-
-  .sm\:my-48 {
-    margin-top: 12rem;
-    margin-bottom: 12rem;
-  }
-
-  .sm\:mx-48 {
-    margin-left: 12rem;
-    margin-right: 12rem;
-  }
-
-  .sm\:my-56 {
-    margin-top: 14rem;
-    margin-bottom: 14rem;
-  }
-
-  .sm\:mx-56 {
-    margin-left: 14rem;
-    margin-right: 14rem;
-  }
-
-  .sm\:my-60 {
-    margin-top: 15rem;
-    margin-bottom: 15rem;
-  }
-
-  .sm\:mx-60 {
-    margin-left: 15rem;
-    margin-right: 15rem;
-  }
-
-  .sm\:my-64 {
-    margin-top: 16rem;
-    margin-bottom: 16rem;
-  }
-
-  .sm\:mx-64 {
-    margin-left: 16rem;
-    margin-right: 16rem;
-  }
-
-  .sm\:my-72 {
-    margin-top: 18rem;
-    margin-bottom: 18rem;
-  }
-
-  .sm\:mx-72 {
-    margin-left: 18rem;
-    margin-right: 18rem;
-  }
-
-  .sm\:my-80 {
-    margin-top: 20rem;
-    margin-bottom: 20rem;
-  }
-
-  .sm\:mx-80 {
-    margin-left: 20rem;
-    margin-right: 20rem;
-  }
-
-  .sm\:my-96 {
-    margin-top: 24rem;
-    margin-bottom: 24rem;
-  }
-
-  .sm\:mx-96 {
-    margin-left: 24rem;
-    margin-right: 24rem;
-  }
-
-  .sm\:my-auto {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-
-  .sm\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .sm\:my-px {
-    margin-top: 1px;
-    margin-bottom: 1px;
-  }
-
-  .sm\:mx-px {
-    margin-left: 1px;
-    margin-right: 1px;
-  }
-
-  .sm\:my-0\.5 {
-    margin-top: 0.125rem;
-    margin-bottom: 0.125rem;
-  }
-
-  .sm\:mx-0\.5 {
-    margin-left: 0.125rem;
-    margin-right: 0.125rem;
-  }
-
-  .sm\:my-1\.5 {
-    margin-top: 0.375rem;
-    margin-bottom: 0.375rem;
-  }
-
-  .sm\:mx-1\.5 {
-    margin-left: 0.375rem;
-    margin-right: 0.375rem;
-  }
-
-  .sm\:my-2\.5 {
-    margin-top: 0.625rem;
-    margin-bottom: 0.625rem;
-  }
-
-  .sm\:mx-2\.5 {
-    margin-left: 0.625rem;
-    margin-right: 0.625rem;
-  }
-
-  .sm\:my-3\.5 {
-    margin-top: 0.875rem;
-    margin-bottom: 0.875rem;
-  }
-
-  .sm\:mx-3\.5 {
-    margin-left: 0.875rem;
-    margin-right: 0.875rem;
-  }
-
-  .sm\:my-1\/2 {
-    margin-top: 50%;
-    margin-bottom: 50%;
-  }
-
-  .sm\:mx-1\/2 {
-    margin-left: 50%;
-    margin-right: 50%;
-  }
-
-  .sm\:my-1\/3 {
-    margin-top: 33.333333%;
-    margin-bottom: 33.333333%;
-  }
-
-  .sm\:mx-1\/3 {
-    margin-left: 33.333333%;
-    margin-right: 33.333333%;
-  }
-
-  .sm\:my-2\/3 {
-    margin-top: 66.666667%;
-    margin-bottom: 66.666667%;
-  }
-
-  .sm\:mx-2\/3 {
-    margin-left: 66.666667%;
-    margin-right: 66.666667%;
-  }
-
-  .sm\:my-1\/4 {
-    margin-top: 25%;
-    margin-bottom: 25%;
-  }
-
-  .sm\:mx-1\/4 {
-    margin-left: 25%;
-    margin-right: 25%;
-  }
-
-  .sm\:my-2\/4 {
-    margin-top: 50%;
-    margin-bottom: 50%;
-  }
-
-  .sm\:mx-2\/4 {
-    margin-left: 50%;
-    margin-right: 50%;
-  }
-
-  .sm\:my-3\/4 {
-    margin-top: 75%;
-    margin-bottom: 75%;
-  }
-
-  .sm\:mx-3\/4 {
-    margin-left: 75%;
-    margin-right: 75%;
-  }
-
-  .sm\:my-1\/5 {
-    margin-top: 20%;
-    margin-bottom: 20%;
-  }
-
-  .sm\:mx-1\/5 {
-    margin-left: 20%;
-    margin-right: 20%;
-  }
-
-  .sm\:my-2\/5 {
-    margin-top: 40%;
-    margin-bottom: 40%;
-  }
-
-  .sm\:mx-2\/5 {
-    margin-left: 40%;
-    margin-right: 40%;
-  }
-
-  .sm\:my-3\/5 {
-    margin-top: 60%;
-    margin-bottom: 60%;
-  }
-
-  .sm\:mx-3\/5 {
-    margin-left: 60%;
-    margin-right: 60%;
-  }
-
-  .sm\:my-4\/5 {
-    margin-top: 80%;
-    margin-bottom: 80%;
-  }
-
-  .sm\:mx-4\/5 {
-    margin-left: 80%;
-    margin-right: 80%;
-  }
-
-  .sm\:my-1\/6 {
-    margin-top: 16.666667%;
-    margin-bottom: 16.666667%;
-  }
-
-  .sm\:mx-1\/6 {
-    margin-left: 16.666667%;
-    margin-right: 16.666667%;
-  }
-
-  .sm\:my-2\/6 {
-    margin-top: 33.333333%;
-    margin-bottom: 33.333333%;
-  }
-
-  .sm\:mx-2\/6 {
-    margin-left: 33.333333%;
-    margin-right: 33.333333%;
-  }
-
-  .sm\:my-3\/6 {
-    margin-top: 50%;
-    margin-bottom: 50%;
-  }
-
-  .sm\:mx-3\/6 {
-    margin-left: 50%;
-    margin-right: 50%;
-  }
-
-  .sm\:my-4\/6 {
-    margin-top: 66.666667%;
-    margin-bottom: 66.666667%;
-  }
-
-  .sm\:mx-4\/6 {
-    margin-left: 66.666667%;
-    margin-right: 66.666667%;
-  }
-
-  .sm\:my-5\/6 {
-    margin-top: 83.333333%;
-    margin-bottom: 83.333333%;
-  }
-
-  .sm\:mx-5\/6 {
-    margin-left: 83.333333%;
-    margin-right: 83.333333%;
-  }
-
-  .sm\:my-1\/12 {
-    margin-top: 8.333333%;
-    margin-bottom: 8.333333%;
-  }
-
-  .sm\:mx-1\/12 {
-    margin-left: 8.333333%;
-    margin-right: 8.333333%;
-  }
-
-  .sm\:my-2\/12 {
-    margin-top: 16.666667%;
-    margin-bottom: 16.666667%;
-  }
-
-  .sm\:mx-2\/12 {
-    margin-left: 16.666667%;
-    margin-right: 16.666667%;
-  }
-
-  .sm\:my-3\/12 {
-    margin-top: 25%;
-    margin-bottom: 25%;
-  }
-
-  .sm\:mx-3\/12 {
-    margin-left: 25%;
-    margin-right: 25%;
-  }
-
-  .sm\:my-4\/12 {
-    margin-top: 33.333333%;
-    margin-bottom: 33.333333%;
-  }
-
-  .sm\:mx-4\/12 {
-    margin-left: 33.333333%;
-    margin-right: 33.333333%;
-  }
-
-  .sm\:my-5\/12 {
-    margin-top: 41.666667%;
-    margin-bottom: 41.666667%;
-  }
-
-  .sm\:mx-5\/12 {
-    margin-left: 41.666667%;
-    margin-right: 41.666667%;
-  }
-
-  .sm\:my-6\/12 {
-    margin-top: 50%;
-    margin-bottom: 50%;
-  }
-
-  .sm\:mx-6\/12 {
-    margin-left: 50%;
-    margin-right: 50%;
-  }
-
-  .sm\:my-7\/12 {
-    margin-top: 58.333333%;
-    margin-bottom: 58.333333%;
-  }
-
-  .sm\:mx-7\/12 {
-    margin-left: 58.333333%;
-    margin-right: 58.333333%;
-  }
-
-  .sm\:my-8\/12 {
-    margin-top: 66.666667%;
-    margin-bottom: 66.666667%;
-  }
-
-  .sm\:mx-8\/12 {
-    margin-left: 66.666667%;
-    margin-right: 66.666667%;
-  }
-
-  .sm\:my-9\/12 {
-    margin-top: 75%;
-    margin-bottom: 75%;
-  }
-
-  .sm\:mx-9\/12 {
-    margin-left: 75%;
-    margin-right: 75%;
-  }
-
-  .sm\:my-10\/12 {
-    margin-top: 83.333333%;
-    margin-bottom: 83.333333%;
-  }
-
-  .sm\:mx-10\/12 {
-    margin-left: 83.333333%;
-    margin-right: 83.333333%;
-  }
-
-  .sm\:my-11\/12 {
-    margin-top: 91.666667%;
-    margin-bottom: 91.666667%;
-  }
-
-  .sm\:mx-11\/12 {
-    margin-left: 91.666667%;
-    margin-right: 91.666667%;
-  }
-
-  .sm\:my-full {
-    margin-top: 100%;
-    margin-bottom: 100%;
-  }
-
-  .sm\:mx-full {
-    margin-left: 100%;
-    margin-right: 100%;
-  }
-
-  .sm\:-my-1 {
-    margin-top: -0.25rem;
-    margin-bottom: -0.25rem;
-  }
-
-  .sm\:-mx-1 {
-    margin-left: -0.25rem;
-    margin-right: -0.25rem;
-  }
-
-  .sm\:-my-2 {
-    margin-top: -0.5rem;
-    margin-bottom: -0.5rem;
-  }
-
-  .sm\:-mx-2 {
-    margin-left: -0.5rem;
-    margin-right: -0.5rem;
-  }
-
-  .sm\:-my-3 {
-    margin-top: -0.75rem;
-    margin-bottom: -0.75rem;
-  }
-
-  .sm\:-mx-3 {
-    margin-left: -0.75rem;
-    margin-right: -0.75rem;
-  }
-
-  .sm\:-my-4 {
-    margin-top: -1rem;
-    margin-bottom: -1rem;
-  }
-
-  .sm\:-mx-4 {
-    margin-left: -1rem;
-    margin-right: -1rem;
-  }
-
-  .sm\:-my-5 {
-    margin-top: -1.25rem;
-    margin-bottom: -1.25rem;
-  }
-
-  .sm\:-mx-5 {
-    margin-left: -1.25rem;
-    margin-right: -1.25rem;
-  }
-
-  .sm\:-my-6 {
-    margin-top: -1.5rem;
-    margin-bottom: -1.5rem;
-  }
-
-  .sm\:-mx-6 {
-    margin-left: -1.5rem;
-    margin-right: -1.5rem;
-  }
-
-  .sm\:-my-7 {
-    margin-top: -1.75rem;
-    margin-bottom: -1.75rem;
-  }
-
-  .sm\:-mx-7 {
-    margin-left: -1.75rem;
-    margin-right: -1.75rem;
-  }
-
-  .sm\:-my-8 {
-    margin-top: -2rem;
-    margin-bottom: -2rem;
-  }
-
-  .sm\:-mx-8 {
-    margin-left: -2rem;
-    margin-right: -2rem;
-  }
-
-  .sm\:-my-9 {
-    margin-top: -2.25rem;
-    margin-bottom: -2.25rem;
-  }
-
-  .sm\:-mx-9 {
-    margin-left: -2.25rem;
-    margin-right: -2.25rem;
-  }
-
-  .sm\:-my-10 {
-    margin-top: -2.5rem;
-    margin-bottom: -2.5rem;
-  }
-
-  .sm\:-mx-10 {
-    margin-left: -2.5rem;
-    margin-right: -2.5rem;
-  }
-
-  .sm\:-my-11 {
-    margin-top: -2.75rem;
-    margin-bottom: -2.75rem;
-  }
-
-  .sm\:-mx-11 {
-    margin-left: -2.75rem;
-    margin-right: -2.75rem;
-  }
-
-  .sm\:-my-12 {
-    margin-top: -3rem;
-    margin-bottom: -3rem;
-  }
-
-  .sm\:-mx-12 {
-    margin-left: -3rem;
-    margin-right: -3rem;
-  }
-
-  .sm\:-my-13 {
-    margin-top: -3.25rem;
-    margin-bottom: -3.25rem;
-  }
-
-  .sm\:-mx-13 {
-    margin-left: -3.25rem;
-    margin-right: -3.25rem;
-  }
-
-  .sm\:-my-14 {
-    margin-top: -3.5rem;
-    margin-bottom: -3.5rem;
-  }
-
-  .sm\:-mx-14 {
-    margin-left: -3.5rem;
-    margin-right: -3.5rem;
-  }
-
-  .sm\:-my-15 {
-    margin-top: -3.75rem;
-    margin-bottom: -3.75rem;
-  }
-
-  .sm\:-mx-15 {
-    margin-left: -3.75rem;
-    margin-right: -3.75rem;
-  }
-
-  .sm\:-my-16 {
-    margin-top: -4rem;
-    margin-bottom: -4rem;
-  }
-
-  .sm\:-mx-16 {
-    margin-left: -4rem;
-    margin-right: -4rem;
-  }
-
-  .sm\:-my-20 {
-    margin-top: -5rem;
-    margin-bottom: -5rem;
-  }
-
-  .sm\:-mx-20 {
-    margin-left: -5rem;
-    margin-right: -5rem;
-  }
-
-  .sm\:-my-24 {
-    margin-top: -6rem;
-    margin-bottom: -6rem;
-  }
-
-  .sm\:-mx-24 {
-    margin-left: -6rem;
-    margin-right: -6rem;
-  }
-
-  .sm\:-my-28 {
-    margin-top: -7rem;
-    margin-bottom: -7rem;
-  }
-
-  .sm\:-mx-28 {
-    margin-left: -7rem;
-    margin-right: -7rem;
-  }
-
-  .sm\:-my-32 {
-    margin-top: -8rem;
-    margin-bottom: -8rem;
-  }
-
-  .sm\:-mx-32 {
-    margin-left: -8rem;
-    margin-right: -8rem;
-  }
-
-  .sm\:-my-36 {
-    margin-top: -9rem;
-    margin-bottom: -9rem;
-  }
-
-  .sm\:-mx-36 {
-    margin-left: -9rem;
-    margin-right: -9rem;
-  }
-
-  .sm\:-my-40 {
-    margin-top: -10rem;
-    margin-bottom: -10rem;
-  }
-
-  .sm\:-mx-40 {
-    margin-left: -10rem;
-    margin-right: -10rem;
-  }
-
-  .sm\:-my-48 {
-    margin-top: -12rem;
-    margin-bottom: -12rem;
-  }
-
-  .sm\:-mx-48 {
-    margin-left: -12rem;
-    margin-right: -12rem;
-  }
-
-  .sm\:-my-56 {
-    margin-top: -14rem;
-    margin-bottom: -14rem;
-  }
-
-  .sm\:-mx-56 {
-    margin-left: -14rem;
-    margin-right: -14rem;
-  }
-
-  .sm\:-my-60 {
-    margin-top: -15rem;
-    margin-bottom: -15rem;
-  }
-
-  .sm\:-mx-60 {
-    margin-left: -15rem;
-    margin-right: -15rem;
-  }
-
-  .sm\:-my-64 {
-    margin-top: -16rem;
-    margin-bottom: -16rem;
-  }
-
-  .sm\:-mx-64 {
-    margin-left: -16rem;
-    margin-right: -16rem;
-  }
-
-  .sm\:-my-72 {
-    margin-top: -18rem;
-    margin-bottom: -18rem;
-  }
-
-  .sm\:-mx-72 {
-    margin-left: -18rem;
-    margin-right: -18rem;
-  }
-
-  .sm\:-my-80 {
-    margin-top: -20rem;
-    margin-bottom: -20rem;
-  }
-
-  .sm\:-mx-80 {
-    margin-left: -20rem;
-    margin-right: -20rem;
-  }
-
-  .sm\:-my-96 {
-    margin-top: -24rem;
-    margin-bottom: -24rem;
-  }
-
-  .sm\:-mx-96 {
-    margin-left: -24rem;
-    margin-right: -24rem;
-  }
-
-  .sm\:-my-px {
-    margin-top: -1px;
-    margin-bottom: -1px;
-  }
-
-  .sm\:-mx-px {
-    margin-left: -1px;
-    margin-right: -1px;
-  }
-
-  .sm\:-my-0\.5 {
-    margin-top: -0.125rem;
-    margin-bottom: -0.125rem;
-  }
-
-  .sm\:-mx-0\.5 {
-    margin-left: -0.125rem;
-    margin-right: -0.125rem;
-  }
-
-  .sm\:-my-1\.5 {
-    margin-top: -0.375rem;
-    margin-bottom: -0.375rem;
-  }
-
-  .sm\:-mx-1\.5 {
-    margin-left: -0.375rem;
-    margin-right: -0.375rem;
-  }
-
-  .sm\:-my-2\.5 {
-    margin-top: -0.625rem;
-    margin-bottom: -0.625rem;
-  }
-
-  .sm\:-mx-2\.5 {
-    margin-left: -0.625rem;
-    margin-right: -0.625rem;
-  }
-
-  .sm\:-my-3\.5 {
-    margin-top: -0.875rem;
-    margin-bottom: -0.875rem;
-  }
-
-  .sm\:-mx-3\.5 {
-    margin-left: -0.875rem;
-    margin-right: -0.875rem;
-  }
-
-  .sm\:-my-1\/2 {
-    margin-top: -50%;
-    margin-bottom: -50%;
-  }
-
-  .sm\:-mx-1\/2 {
-    margin-left: -50%;
-    margin-right: -50%;
-  }
-
-  .sm\:-my-1\/3 {
-    margin-top: -33.33333%;
-    margin-bottom: -33.33333%;
-  }
-
-  .sm\:-mx-1\/3 {
-    margin-left: -33.33333%;
-    margin-right: -33.33333%;
-  }
-
-  .sm\:-my-2\/3 {
-    margin-top: -66.66667%;
-    margin-bottom: -66.66667%;
-  }
-
-  .sm\:-mx-2\/3 {
-    margin-left: -66.66667%;
-    margin-right: -66.66667%;
-  }
-
-  .sm\:-my-1\/4 {
-    margin-top: -25%;
-    margin-bottom: -25%;
-  }
-
-  .sm\:-mx-1\/4 {
-    margin-left: -25%;
-    margin-right: -25%;
-  }
-
-  .sm\:-my-2\/4 {
-    margin-top: -50%;
-    margin-bottom: -50%;
-  }
-
-  .sm\:-mx-2\/4 {
-    margin-left: -50%;
-    margin-right: -50%;
-  }
-
-  .sm\:-my-3\/4 {
-    margin-top: -75%;
-    margin-bottom: -75%;
-  }
-
-  .sm\:-mx-3\/4 {
-    margin-left: -75%;
-    margin-right: -75%;
-  }
-
-  .sm\:-my-1\/5 {
-    margin-top: -20%;
-    margin-bottom: -20%;
-  }
-
-  .sm\:-mx-1\/5 {
-    margin-left: -20%;
-    margin-right: -20%;
-  }
-
-  .sm\:-my-2\/5 {
-    margin-top: -40%;
-    margin-bottom: -40%;
-  }
-
-  .sm\:-mx-2\/5 {
-    margin-left: -40%;
-    margin-right: -40%;
-  }
-
-  .sm\:-my-3\/5 {
-    margin-top: -60%;
-    margin-bottom: -60%;
-  }
-
-  .sm\:-mx-3\/5 {
-    margin-left: -60%;
-    margin-right: -60%;
-  }
-
-  .sm\:-my-4\/5 {
-    margin-top: -80%;
-    margin-bottom: -80%;
-  }
-
-  .sm\:-mx-4\/5 {
-    margin-left: -80%;
-    margin-right: -80%;
-  }
-
-  .sm\:-my-1\/6 {
-    margin-top: -16.66667%;
-    margin-bottom: -16.66667%;
-  }
-
-  .sm\:-mx-1\/6 {
-    margin-left: -16.66667%;
-    margin-right: -16.66667%;
-  }
-
-  .sm\:-my-2\/6 {
-    margin-top: -33.33333%;
-    margin-bottom: -33.33333%;
-  }
-
-  .sm\:-mx-2\/6 {
-    margin-left: -33.33333%;
-    margin-right: -33.33333%;
-  }
-
-  .sm\:-my-3\/6 {
-    margin-top: -50%;
-    margin-bottom: -50%;
-  }
-
-  .sm\:-mx-3\/6 {
-    margin-left: -50%;
-    margin-right: -50%;
-  }
-
-  .sm\:-my-4\/6 {
-    margin-top: -66.66667%;
-    margin-bottom: -66.66667%;
-  }
-
-  .sm\:-mx-4\/6 {
-    margin-left: -66.66667%;
-    margin-right: -66.66667%;
-  }
-
-  .sm\:-my-5\/6 {
-    margin-top: -83.33333%;
-    margin-bottom: -83.33333%;
-  }
-
-  .sm\:-mx-5\/6 {
-    margin-left: -83.33333%;
-    margin-right: -83.33333%;
-  }
-
-  .sm\:-my-1\/12 {
-    margin-top: -8.33333%;
-    margin-bottom: -8.33333%;
-  }
-
-  .sm\:-mx-1\/12 {
-    margin-left: -8.33333%;
-    margin-right: -8.33333%;
-  }
-
-  .sm\:-my-2\/12 {
-    margin-top: -16.66667%;
-    margin-bottom: -16.66667%;
-  }
-
-  .sm\:-mx-2\/12 {
-    margin-left: -16.66667%;
-    margin-right: -16.66667%;
-  }
-
-  .sm\:-my-3\/12 {
-    margin-top: -25%;
-    margin-bottom: -25%;
-  }
-
-  .sm\:-mx-3\/12 {
-    margin-left: -25%;
-    margin-right: -25%;
-  }
-
-  .sm\:-my-4\/12 {
-    margin-top: -33.33333%;
-    margin-bottom: -33.33333%;
-  }
-
-  .sm\:-mx-4\/12 {
-    margin-left: -33.33333%;
-    margin-right: -33.33333%;
-  }
-
-  .sm\:-my-5\/12 {
-    margin-top: -41.66667%;
-    margin-bottom: -41.66667%;
-  }
-
-  .sm\:-mx-5\/12 {
-    margin-left: -41.66667%;
-    margin-right: -41.66667%;
-  }
-
-  .sm\:-my-6\/12 {
-    margin-top: -50%;
-    margin-bottom: -50%;
-  }
-
-  .sm\:-mx-6\/12 {
-    margin-left: -50%;
-    margin-right: -50%;
-  }
-
-  .sm\:-my-7\/12 {
-    margin-top: -58.33333%;
-    margin-bottom: -58.33333%;
-  }
-
-  .sm\:-mx-7\/12 {
-    margin-left: -58.33333%;
-    margin-right: -58.33333%;
-  }
-
-  .sm\:-my-8\/12 {
-    margin-top: -66.66667%;
-    margin-bottom: -66.66667%;
-  }
-
-  .sm\:-mx-8\/12 {
-    margin-left: -66.66667%;
-    margin-right: -66.66667%;
-  }
-
-  .sm\:-my-9\/12 {
-    margin-top: -75%;
-    margin-bottom: -75%;
-  }
-
-  .sm\:-mx-9\/12 {
-    margin-left: -75%;
-    margin-right: -75%;
-  }
-
-  .sm\:-my-10\/12 {
-    margin-top: -83.33333%;
-    margin-bottom: -83.33333%;
-  }
-
-  .sm\:-mx-10\/12 {
-    margin-left: -83.33333%;
-    margin-right: -83.33333%;
-  }
-
-  .sm\:-my-11\/12 {
-    margin-top: -91.66667%;
-    margin-bottom: -91.66667%;
-  }
-
-  .sm\:-mx-11\/12 {
-    margin-left: -91.66667%;
-    margin-right: -91.66667%;
-  }
-
-  .sm\:-my-full {
-    margin-top: -100%;
-    margin-bottom: -100%;
-  }
-
-  .sm\:-mx-full {
-    margin-left: -100%;
-    margin-right: -100%;
-  }
-
-  .sm\:mt-0 {
-    margin-top: 0;
-  }
-
-  .sm\:mr-0 {
-    margin-right: 0;
-  }
-
-  .sm\:mb-0 {
-    margin-bottom: 0;
-  }
-
-  .sm\:ml-0 {
-    margin-left: 0;
-  }
-
-  .sm\:mt-1 {
-    margin-top: 0.25rem;
-  }
-
-  .sm\:mr-1 {
-    margin-right: 0.25rem;
-  }
-
-  .sm\:mb-1 {
-    margin-bottom: 0.25rem;
-  }
-
-  .sm\:ml-1 {
-    margin-left: 0.25rem;
-  }
-
-  .sm\:mt-2 {
-    margin-top: 0.5rem;
-  }
-
-  .sm\:mr-2 {
-    margin-right: 0.5rem;
-  }
-
-  .sm\:mb-2 {
-    margin-bottom: 0.5rem;
-  }
-
-  .sm\:ml-2 {
-    margin-left: 0.5rem;
-  }
-
-  .sm\:mt-3 {
-    margin-top: 0.75rem;
-  }
-
-  .sm\:mr-3 {
-    margin-right: 0.75rem;
-  }
-
-  .sm\:mb-3 {
-    margin-bottom: 0.75rem;
-  }
-
-  .sm\:ml-3 {
-    margin-left: 0.75rem;
-  }
-
-  .sm\:mt-4 {
-    margin-top: 1rem;
-  }
-
-  .sm\:mr-4 {
-    margin-right: 1rem;
-  }
-
-  .sm\:mb-4 {
-    margin-bottom: 1rem;
-  }
-
-  .sm\:ml-4 {
-    margin-left: 1rem;
-  }
-
-  .sm\:mt-5 {
-    margin-top: 1.25rem;
-  }
-
-  .sm\:mr-5 {
-    margin-right: 1.25rem;
-  }
-
-  .sm\:mb-5 {
-    margin-bottom: 1.25rem;
-  }
-
-  .sm\:ml-5 {
-    margin-left: 1.25rem;
-  }
-
-  .sm\:mt-6 {
-    margin-top: 1.5rem;
-  }
-
-  .sm\:mr-6 {
-    margin-right: 1.5rem;
-  }
-
-  .sm\:mb-6 {
-    margin-bottom: 1.5rem;
-  }
-
-  .sm\:ml-6 {
-    margin-left: 1.5rem;
-  }
-
-  .sm\:mt-7 {
-    margin-top: 1.75rem;
-  }
-
-  .sm\:mr-7 {
-    margin-right: 1.75rem;
-  }
-
-  .sm\:mb-7 {
-    margin-bottom: 1.75rem;
-  }
-
-  .sm\:ml-7 {
-    margin-left: 1.75rem;
-  }
-
-  .sm\:mt-8 {
-    margin-top: 2rem;
-  }
-
-  .sm\:mr-8 {
-    margin-right: 2rem;
-  }
-
-  .sm\:mb-8 {
-    margin-bottom: 2rem;
-  }
-
-  .sm\:ml-8 {
-    margin-left: 2rem;
-  }
-
-  .sm\:mt-9 {
-    margin-top: 2.25rem;
-  }
-
-  .sm\:mr-9 {
-    margin-right: 2.25rem;
-  }
-
-  .sm\:mb-9 {
-    margin-bottom: 2.25rem;
-  }
-
-  .sm\:ml-9 {
-    margin-left: 2.25rem;
-  }
-
-  .sm\:mt-10 {
-    margin-top: 2.5rem;
-  }
-
-  .sm\:mr-10 {
-    margin-right: 2.5rem;
-  }
-
-  .sm\:mb-10 {
-    margin-bottom: 2.5rem;
-  }
-
-  .sm\:ml-10 {
-    margin-left: 2.5rem;
-  }
-
-  .sm\:mt-11 {
-    margin-top: 2.75rem;
-  }
-
-  .sm\:mr-11 {
-    margin-right: 2.75rem;
-  }
-
-  .sm\:mb-11 {
-    margin-bottom: 2.75rem;
-  }
-
-  .sm\:ml-11 {
-    margin-left: 2.75rem;
-  }
-
-  .sm\:mt-12 {
-    margin-top: 3rem;
-  }
-
-  .sm\:mr-12 {
-    margin-right: 3rem;
-  }
-
-  .sm\:mb-12 {
-    margin-bottom: 3rem;
-  }
-
-  .sm\:ml-12 {
-    margin-left: 3rem;
-  }
-
-  .sm\:mt-13 {
-    margin-top: 3.25rem;
-  }
-
-  .sm\:mr-13 {
-    margin-right: 3.25rem;
-  }
-
-  .sm\:mb-13 {
-    margin-bottom: 3.25rem;
-  }
-
-  .sm\:ml-13 {
-    margin-left: 3.25rem;
-  }
-
-  .sm\:mt-14 {
-    margin-top: 3.5rem;
-  }
-
-  .sm\:mr-14 {
-    margin-right: 3.5rem;
-  }
-
-  .sm\:mb-14 {
-    margin-bottom: 3.5rem;
-  }
-
-  .sm\:ml-14 {
-    margin-left: 3.5rem;
-  }
-
-  .sm\:mt-15 {
-    margin-top: 3.75rem;
-  }
-
-  .sm\:mr-15 {
-    margin-right: 3.75rem;
-  }
-
-  .sm\:mb-15 {
-    margin-bottom: 3.75rem;
-  }
-
-  .sm\:ml-15 {
-    margin-left: 3.75rem;
-  }
-
-  .sm\:mt-16 {
-    margin-top: 4rem;
-  }
-
-  .sm\:mr-16 {
-    margin-right: 4rem;
-  }
-
-  .sm\:mb-16 {
-    margin-bottom: 4rem;
-  }
-
-  .sm\:ml-16 {
-    margin-left: 4rem;
-  }
-
-  .sm\:mt-20 {
-    margin-top: 5rem;
-  }
-
-  .sm\:mr-20 {
-    margin-right: 5rem;
-  }
-
-  .sm\:mb-20 {
-    margin-bottom: 5rem;
-  }
-
-  .sm\:ml-20 {
-    margin-left: 5rem;
-  }
-
-  .sm\:mt-24 {
-    margin-top: 6rem;
-  }
-
-  .sm\:mr-24 {
-    margin-right: 6rem;
-  }
-
-  .sm\:mb-24 {
-    margin-bottom: 6rem;
-  }
-
-  .sm\:ml-24 {
-    margin-left: 6rem;
-  }
-
-  .sm\:mt-28 {
-    margin-top: 7rem;
-  }
-
-  .sm\:mr-28 {
-    margin-right: 7rem;
-  }
-
-  .sm\:mb-28 {
-    margin-bottom: 7rem;
-  }
-
-  .sm\:ml-28 {
-    margin-left: 7rem;
-  }
-
-  .sm\:mt-32 {
-    margin-top: 8rem;
-  }
-
-  .sm\:mr-32 {
-    margin-right: 8rem;
-  }
-
-  .sm\:mb-32 {
-    margin-bottom: 8rem;
-  }
-
-  .sm\:ml-32 {
-    margin-left: 8rem;
-  }
-
-  .sm\:mt-36 {
-    margin-top: 9rem;
-  }
-
-  .sm\:mr-36 {
-    margin-right: 9rem;
-  }
-
-  .sm\:mb-36 {
-    margin-bottom: 9rem;
-  }
-
-  .sm\:ml-36 {
-    margin-left: 9rem;
-  }
-
-  .sm\:mt-40 {
-    margin-top: 10rem;
-  }
-
-  .sm\:mr-40 {
-    margin-right: 10rem;
-  }
-
-  .sm\:mb-40 {
-    margin-bottom: 10rem;
-  }
-
-  .sm\:ml-40 {
-    margin-left: 10rem;
-  }
-
-  .sm\:mt-48 {
-    margin-top: 12rem;
-  }
-
-  .sm\:mr-48 {
-    margin-right: 12rem;
-  }
-
-  .sm\:mb-48 {
-    margin-bottom: 12rem;
-  }
-
-  .sm\:ml-48 {
-    margin-left: 12rem;
-  }
-
-  .sm\:mt-56 {
-    margin-top: 14rem;
-  }
-
-  .sm\:mr-56 {
-    margin-right: 14rem;
-  }
-
-  .sm\:mb-56 {
-    margin-bottom: 14rem;
-  }
-
-  .sm\:ml-56 {
-    margin-left: 14rem;
-  }
-
-  .sm\:mt-60 {
-    margin-top: 15rem;
-  }
-
-  .sm\:mr-60 {
-    margin-right: 15rem;
-  }
-
-  .sm\:mb-60 {
-    margin-bottom: 15rem;
-  }
-
-  .sm\:ml-60 {
-    margin-left: 15rem;
-  }
-
-  .sm\:mt-64 {
-    margin-top: 16rem;
-  }
-
-  .sm\:mr-64 {
-    margin-right: 16rem;
-  }
-
-  .sm\:mb-64 {
-    margin-bottom: 16rem;
-  }
-
-  .sm\:ml-64 {
-    margin-left: 16rem;
-  }
-
-  .sm\:mt-72 {
-    margin-top: 18rem;
-  }
-
-  .sm\:mr-72 {
-    margin-right: 18rem;
-  }
-
-  .sm\:mb-72 {
-    margin-bottom: 18rem;
-  }
-
-  .sm\:ml-72 {
-    margin-left: 18rem;
-  }
-
-  .sm\:mt-80 {
-    margin-top: 20rem;
-  }
-
-  .sm\:mr-80 {
-    margin-right: 20rem;
-  }
-
-  .sm\:mb-80 {
-    margin-bottom: 20rem;
-  }
-
-  .sm\:ml-80 {
-    margin-left: 20rem;
-  }
-
-  .sm\:mt-96 {
-    margin-top: 24rem;
-  }
-
-  .sm\:mr-96 {
-    margin-right: 24rem;
-  }
-
-  .sm\:mb-96 {
-    margin-bottom: 24rem;
-  }
-
-  .sm\:ml-96 {
-    margin-left: 24rem;
-  }
-
-  .sm\:mt-auto {
-    margin-top: auto;
-  }
-
-  .sm\:mr-auto {
-    margin-right: auto;
-  }
-
-  .sm\:mb-auto {
-    margin-bottom: auto;
-  }
-
-  .sm\:ml-auto {
-    margin-left: auto;
-  }
-
-  .sm\:mt-px {
-    margin-top: 1px;
-  }
-
-  .sm\:mr-px {
-    margin-right: 1px;
-  }
-
-  .sm\:mb-px {
-    margin-bottom: 1px;
-  }
-
-  .sm\:ml-px {
-    margin-left: 1px;
-  }
-
-  .sm\:mt-0\.5 {
-    margin-top: 0.125rem;
-  }
-
-  .sm\:mr-0\.5 {
-    margin-right: 0.125rem;
-  }
-
-  .sm\:mb-0\.5 {
-    margin-bottom: 0.125rem;
-  }
-
-  .sm\:ml-0\.5 {
-    margin-left: 0.125rem;
-  }
-
-  .sm\:mt-1\.5 {
-    margin-top: 0.375rem;
-  }
-
-  .sm\:mr-1\.5 {
-    margin-right: 0.375rem;
-  }
-
-  .sm\:mb-1\.5 {
-    margin-bottom: 0.375rem;
-  }
-
-  .sm\:ml-1\.5 {
-    margin-left: 0.375rem;
-  }
-
-  .sm\:mt-2\.5 {
-    margin-top: 0.625rem;
-  }
-
-  .sm\:mr-2\.5 {
-    margin-right: 0.625rem;
-  }
-
-  .sm\:mb-2\.5 {
-    margin-bottom: 0.625rem;
-  }
-
-  .sm\:ml-2\.5 {
-    margin-left: 0.625rem;
-  }
-
-  .sm\:mt-3\.5 {
-    margin-top: 0.875rem;
-  }
-
-  .sm\:mr-3\.5 {
-    margin-right: 0.875rem;
-  }
-
-  .sm\:mb-3\.5 {
-    margin-bottom: 0.875rem;
-  }
-
-  .sm\:ml-3\.5 {
-    margin-left: 0.875rem;
-  }
-
-  .sm\:mt-1\/2 {
-    margin-top: 50%;
-  }
-
-  .sm\:mr-1\/2 {
-    margin-right: 50%;
-  }
-
-  .sm\:mb-1\/2 {
-    margin-bottom: 50%;
-  }
-
-  .sm\:ml-1\/2 {
-    margin-left: 50%;
-  }
-
-  .sm\:mt-1\/3 {
-    margin-top: 33.333333%;
-  }
-
-  .sm\:mr-1\/3 {
-    margin-right: 33.333333%;
-  }
-
-  .sm\:mb-1\/3 {
-    margin-bottom: 33.333333%;
-  }
-
-  .sm\:ml-1\/3 {
-    margin-left: 33.333333%;
-  }
-
-  .sm\:mt-2\/3 {
-    margin-top: 66.666667%;
-  }
-
-  .sm\:mr-2\/3 {
-    margin-right: 66.666667%;
-  }
-
-  .sm\:mb-2\/3 {
-    margin-bottom: 66.666667%;
-  }
-
-  .sm\:ml-2\/3 {
-    margin-left: 66.666667%;
-  }
-
-  .sm\:mt-1\/4 {
-    margin-top: 25%;
-  }
-
-  .sm\:mr-1\/4 {
-    margin-right: 25%;
-  }
-
-  .sm\:mb-1\/4 {
-    margin-bottom: 25%;
-  }
-
-  .sm\:ml-1\/4 {
-    margin-left: 25%;
-  }
-
-  .sm\:mt-2\/4 {
-    margin-top: 50%;
-  }
-
-  .sm\:mr-2\/4 {
-    margin-right: 50%;
-  }
-
-  .sm\:mb-2\/4 {
-    margin-bottom: 50%;
-  }
-
-  .sm\:ml-2\/4 {
-    margin-left: 50%;
-  }
-
-  .sm\:mt-3\/4 {
-    margin-top: 75%;
-  }
-
-  .sm\:mr-3\/4 {
-    margin-right: 75%;
-  }
-
-  .sm\:mb-3\/4 {
-    margin-bottom: 75%;
-  }
-
-  .sm\:ml-3\/4 {
-    margin-left: 75%;
-  }
-
-  .sm\:mt-1\/5 {
-    margin-top: 20%;
-  }
-
-  .sm\:mr-1\/5 {
-    margin-right: 20%;
-  }
-
-  .sm\:mb-1\/5 {
-    margin-bottom: 20%;
-  }
-
-  .sm\:ml-1\/5 {
-    margin-left: 20%;
-  }
-
-  .sm\:mt-2\/5 {
-    margin-top: 40%;
-  }
-
-  .sm\:mr-2\/5 {
-    margin-right: 40%;
-  }
-
-  .sm\:mb-2\/5 {
-    margin-bottom: 40%;
-  }
-
-  .sm\:ml-2\/5 {
-    margin-left: 40%;
-  }
-
-  .sm\:mt-3\/5 {
-    margin-top: 60%;
-  }
-
-  .sm\:mr-3\/5 {
-    margin-right: 60%;
-  }
-
-  .sm\:mb-3\/5 {
-    margin-bottom: 60%;
-  }
-
-  .sm\:ml-3\/5 {
-    margin-left: 60%;
-  }
-
-  .sm\:mt-4\/5 {
-    margin-top: 80%;
-  }
-
-  .sm\:mr-4\/5 {
-    margin-right: 80%;
-  }
-
-  .sm\:mb-4\/5 {
-    margin-bottom: 80%;
-  }
-
-  .sm\:ml-4\/5 {
-    margin-left: 80%;
-  }
-
-  .sm\:mt-1\/6 {
-    margin-top: 16.666667%;
-  }
-
-  .sm\:mr-1\/6 {
-    margin-right: 16.666667%;
-  }
-
-  .sm\:mb-1\/6 {
-    margin-bottom: 16.666667%;
-  }
-
-  .sm\:ml-1\/6 {
-    margin-left: 16.666667%;
-  }
-
-  .sm\:mt-2\/6 {
-    margin-top: 33.333333%;
-  }
-
-  .sm\:mr-2\/6 {
-    margin-right: 33.333333%;
-  }
-
-  .sm\:mb-2\/6 {
-    margin-bottom: 33.333333%;
-  }
-
-  .sm\:ml-2\/6 {
-    margin-left: 33.333333%;
-  }
-
-  .sm\:mt-3\/6 {
-    margin-top: 50%;
-  }
-
-  .sm\:mr-3\/6 {
-    margin-right: 50%;
-  }
-
-  .sm\:mb-3\/6 {
-    margin-bottom: 50%;
-  }
-
-  .sm\:ml-3\/6 {
-    margin-left: 50%;
-  }
-
-  .sm\:mt-4\/6 {
-    margin-top: 66.666667%;
-  }
-
-  .sm\:mr-4\/6 {
-    margin-right: 66.666667%;
-  }
-
-  .sm\:mb-4\/6 {
-    margin-bottom: 66.666667%;
-  }
-
-  .sm\:ml-4\/6 {
-    margin-left: 66.666667%;
-  }
-
-  .sm\:mt-5\/6 {
-    margin-top: 83.333333%;
-  }
-
-  .sm\:mr-5\/6 {
-    margin-right: 83.333333%;
-  }
-
-  .sm\:mb-5\/6 {
-    margin-bottom: 83.333333%;
-  }
-
-  .sm\:ml-5\/6 {
-    margin-left: 83.333333%;
-  }
-
-  .sm\:mt-1\/12 {
-    margin-top: 8.333333%;
-  }
-
-  .sm\:mr-1\/12 {
-    margin-right: 8.333333%;
-  }
-
-  .sm\:mb-1\/12 {
-    margin-bottom: 8.333333%;
-  }
-
-  .sm\:ml-1\/12 {
-    margin-left: 8.333333%;
-  }
-
-  .sm\:mt-2\/12 {
-    margin-top: 16.666667%;
-  }
-
-  .sm\:mr-2\/12 {
-    margin-right: 16.666667%;
-  }
-
-  .sm\:mb-2\/12 {
-    margin-bottom: 16.666667%;
-  }
-
-  .sm\:ml-2\/12 {
-    margin-left: 16.666667%;
-  }
-
-  .sm\:mt-3\/12 {
-    margin-top: 25%;
-  }
-
-  .sm\:mr-3\/12 {
-    margin-right: 25%;
-  }
-
-  .sm\:mb-3\/12 {
-    margin-bottom: 25%;
-  }
-
-  .sm\:ml-3\/12 {
-    margin-left: 25%;
-  }
-
-  .sm\:mt-4\/12 {
-    margin-top: 33.333333%;
-  }
-
-  .sm\:mr-4\/12 {
-    margin-right: 33.333333%;
-  }
-
-  .sm\:mb-4\/12 {
-    margin-bottom: 33.333333%;
-  }
-
-  .sm\:ml-4\/12 {
-    margin-left: 33.333333%;
-  }
-
-  .sm\:mt-5\/12 {
-    margin-top: 41.666667%;
-  }
-
-  .sm\:mr-5\/12 {
-    margin-right: 41.666667%;
-  }
-
-  .sm\:mb-5\/12 {
-    margin-bottom: 41.666667%;
-  }
-
-  .sm\:ml-5\/12 {
-    margin-left: 41.666667%;
-  }
-
-  .sm\:mt-6\/12 {
-    margin-top: 50%;
-  }
-
-  .sm\:mr-6\/12 {
-    margin-right: 50%;
-  }
-
-  .sm\:mb-6\/12 {
-    margin-bottom: 50%;
-  }
-
-  .sm\:ml-6\/12 {
-    margin-left: 50%;
-  }
-
-  .sm\:mt-7\/12 {
-    margin-top: 58.333333%;
-  }
-
-  .sm\:mr-7\/12 {
-    margin-right: 58.333333%;
-  }
-
-  .sm\:mb-7\/12 {
-    margin-bottom: 58.333333%;
-  }
-
-  .sm\:ml-7\/12 {
-    margin-left: 58.333333%;
-  }
-
-  .sm\:mt-8\/12 {
-    margin-top: 66.666667%;
-  }
-
-  .sm\:mr-8\/12 {
-    margin-right: 66.666667%;
-  }
-
-  .sm\:mb-8\/12 {
-    margin-bottom: 66.666667%;
-  }
-
-  .sm\:ml-8\/12 {
-    margin-left: 66.666667%;
-  }
-
-  .sm\:mt-9\/12 {
-    margin-top: 75%;
-  }
-
-  .sm\:mr-9\/12 {
-    margin-right: 75%;
-  }
-
-  .sm\:mb-9\/12 {
-    margin-bottom: 75%;
-  }
-
-  .sm\:ml-9\/12 {
-    margin-left: 75%;
-  }
-
-  .sm\:mt-10\/12 {
-    margin-top: 83.333333%;
-  }
-
-  .sm\:mr-10\/12 {
-    margin-right: 83.333333%;
-  }
-
-  .sm\:mb-10\/12 {
-    margin-bottom: 83.333333%;
-  }
-
-  .sm\:ml-10\/12 {
-    margin-left: 83.333333%;
-  }
-
-  .sm\:mt-11\/12 {
-    margin-top: 91.666667%;
-  }
-
-  .sm\:mr-11\/12 {
-    margin-right: 91.666667%;
-  }
-
-  .sm\:mb-11\/12 {
-    margin-bottom: 91.666667%;
-  }
-
-  .sm\:ml-11\/12 {
-    margin-left: 91.666667%;
-  }
-
-  .sm\:mt-full {
-    margin-top: 100%;
-  }
-
-  .sm\:mr-full {
-    margin-right: 100%;
-  }
-
-  .sm\:mb-full {
-    margin-bottom: 100%;
-  }
-
-  .sm\:ml-full {
-    margin-left: 100%;
-  }
-
-  .sm\:-mt-1 {
-    margin-top: -0.25rem;
-  }
-
-  .sm\:-mr-1 {
-    margin-right: -0.25rem;
-  }
-
-  .sm\:-mb-1 {
-    margin-bottom: -0.25rem;
-  }
-
-  .sm\:-ml-1 {
-    margin-left: -0.25rem;
-  }
-
-  .sm\:-mt-2 {
-    margin-top: -0.5rem;
-  }
-
-  .sm\:-mr-2 {
-    margin-right: -0.5rem;
-  }
-
-  .sm\:-mb-2 {
-    margin-bottom: -0.5rem;
-  }
-
-  .sm\:-ml-2 {
-    margin-left: -0.5rem;
-  }
-
-  .sm\:-mt-3 {
-    margin-top: -0.75rem;
-  }
-
-  .sm\:-mr-3 {
-    margin-right: -0.75rem;
-  }
-
-  .sm\:-mb-3 {
-    margin-bottom: -0.75rem;
-  }
-
-  .sm\:-ml-3 {
-    margin-left: -0.75rem;
-  }
-
-  .sm\:-mt-4 {
-    margin-top: -1rem;
-  }
-
-  .sm\:-mr-4 {
-    margin-right: -1rem;
-  }
-
-  .sm\:-mb-4 {
-    margin-bottom: -1rem;
-  }
-
-  .sm\:-ml-4 {
-    margin-left: -1rem;
-  }
-
-  .sm\:-mt-5 {
-    margin-top: -1.25rem;
-  }
-
-  .sm\:-mr-5 {
-    margin-right: -1.25rem;
-  }
-
-  .sm\:-mb-5 {
-    margin-bottom: -1.25rem;
-  }
-
-  .sm\:-ml-5 {
-    margin-left: -1.25rem;
-  }
-
-  .sm\:-mt-6 {
-    margin-top: -1.5rem;
-  }
-
-  .sm\:-mr-6 {
-    margin-right: -1.5rem;
-  }
-
-  .sm\:-mb-6 {
-    margin-bottom: -1.5rem;
-  }
-
-  .sm\:-ml-6 {
-    margin-left: -1.5rem;
-  }
-
-  .sm\:-mt-7 {
-    margin-top: -1.75rem;
-  }
-
-  .sm\:-mr-7 {
-    margin-right: -1.75rem;
-  }
-
-  .sm\:-mb-7 {
-    margin-bottom: -1.75rem;
-  }
-
-  .sm\:-ml-7 {
-    margin-left: -1.75rem;
-  }
-
-  .sm\:-mt-8 {
-    margin-top: -2rem;
-  }
-
-  .sm\:-mr-8 {
-    margin-right: -2rem;
-  }
-
-  .sm\:-mb-8 {
-    margin-bottom: -2rem;
-  }
-
-  .sm\:-ml-8 {
-    margin-left: -2rem;
-  }
-
-  .sm\:-mt-9 {
-    margin-top: -2.25rem;
-  }
-
-  .sm\:-mr-9 {
-    margin-right: -2.25rem;
-  }
-
-  .sm\:-mb-9 {
-    margin-bottom: -2.25rem;
-  }
-
-  .sm\:-ml-9 {
-    margin-left: -2.25rem;
-  }
-
-  .sm\:-mt-10 {
-    margin-top: -2.5rem;
-  }
-
-  .sm\:-mr-10 {
-    margin-right: -2.5rem;
-  }
-
-  .sm\:-mb-10 {
-    margin-bottom: -2.5rem;
-  }
-
-  .sm\:-ml-10 {
-    margin-left: -2.5rem;
-  }
-
-  .sm\:-mt-11 {
-    margin-top: -2.75rem;
-  }
-
-  .sm\:-mr-11 {
-    margin-right: -2.75rem;
-  }
-
-  .sm\:-mb-11 {
-    margin-bottom: -2.75rem;
-  }
-
-  .sm\:-ml-11 {
-    margin-left: -2.75rem;
-  }
-
-  .sm\:-mt-12 {
-    margin-top: -3rem;
-  }
-
-  .sm\:-mr-12 {
-    margin-right: -3rem;
-  }
-
-  .sm\:-mb-12 {
-    margin-bottom: -3rem;
-  }
-
-  .sm\:-ml-12 {
-    margin-left: -3rem;
-  }
-
-  .sm\:-mt-13 {
-    margin-top: -3.25rem;
-  }
-
-  .sm\:-mr-13 {
-    margin-right: -3.25rem;
-  }
-
-  .sm\:-mb-13 {
-    margin-bottom: -3.25rem;
-  }
-
-  .sm\:-ml-13 {
-    margin-left: -3.25rem;
-  }
-
-  .sm\:-mt-14 {
-    margin-top: -3.5rem;
-  }
-
-  .sm\:-mr-14 {
-    margin-right: -3.5rem;
-  }
-
-  .sm\:-mb-14 {
-    margin-bottom: -3.5rem;
-  }
-
-  .sm\:-ml-14 {
-    margin-left: -3.5rem;
-  }
-
-  .sm\:-mt-15 {
-    margin-top: -3.75rem;
-  }
-
-  .sm\:-mr-15 {
-    margin-right: -3.75rem;
-  }
-
-  .sm\:-mb-15 {
-    margin-bottom: -3.75rem;
-  }
-
-  .sm\:-ml-15 {
-    margin-left: -3.75rem;
-  }
-
-  .sm\:-mt-16 {
-    margin-top: -4rem;
-  }
-
-  .sm\:-mr-16 {
-    margin-right: -4rem;
-  }
-
-  .sm\:-mb-16 {
-    margin-bottom: -4rem;
-  }
-
-  .sm\:-ml-16 {
-    margin-left: -4rem;
-  }
-
-  .sm\:-mt-20 {
-    margin-top: -5rem;
-  }
-
-  .sm\:-mr-20 {
-    margin-right: -5rem;
-  }
-
-  .sm\:-mb-20 {
-    margin-bottom: -5rem;
-  }
-
-  .sm\:-ml-20 {
-    margin-left: -5rem;
-  }
-
-  .sm\:-mt-24 {
-    margin-top: -6rem;
-  }
-
-  .sm\:-mr-24 {
-    margin-right: -6rem;
-  }
-
-  .sm\:-mb-24 {
-    margin-bottom: -6rem;
-  }
-
-  .sm\:-ml-24 {
-    margin-left: -6rem;
-  }
-
-  .sm\:-mt-28 {
-    margin-top: -7rem;
-  }
-
-  .sm\:-mr-28 {
-    margin-right: -7rem;
-  }
-
-  .sm\:-mb-28 {
-    margin-bottom: -7rem;
-  }
-
-  .sm\:-ml-28 {
-    margin-left: -7rem;
-  }
-
-  .sm\:-mt-32 {
-    margin-top: -8rem;
-  }
-
-  .sm\:-mr-32 {
-    margin-right: -8rem;
-  }
-
-  .sm\:-mb-32 {
-    margin-bottom: -8rem;
-  }
-
-  .sm\:-ml-32 {
-    margin-left: -8rem;
-  }
-
-  .sm\:-mt-36 {
-    margin-top: -9rem;
-  }
-
-  .sm\:-mr-36 {
-    margin-right: -9rem;
-  }
-
-  .sm\:-mb-36 {
-    margin-bottom: -9rem;
-  }
-
-  .sm\:-ml-36 {
-    margin-left: -9rem;
-  }
-
-  .sm\:-mt-40 {
-    margin-top: -10rem;
-  }
-
-  .sm\:-mr-40 {
-    margin-right: -10rem;
-  }
-
-  .sm\:-mb-40 {
-    margin-bottom: -10rem;
-  }
-
-  .sm\:-ml-40 {
-    margin-left: -10rem;
-  }
-
-  .sm\:-mt-48 {
-    margin-top: -12rem;
-  }
-
-  .sm\:-mr-48 {
-    margin-right: -12rem;
-  }
-
-  .sm\:-mb-48 {
-    margin-bottom: -12rem;
-  }
-
-  .sm\:-ml-48 {
-    margin-left: -12rem;
-  }
-
-  .sm\:-mt-56 {
-    margin-top: -14rem;
-  }
-
-  .sm\:-mr-56 {
-    margin-right: -14rem;
-  }
-
-  .sm\:-mb-56 {
-    margin-bottom: -14rem;
-  }
-
-  .sm\:-ml-56 {
-    margin-left: -14rem;
-  }
-
-  .sm\:-mt-60 {
-    margin-top: -15rem;
-  }
-
-  .sm\:-mr-60 {
-    margin-right: -15rem;
-  }
-
-  .sm\:-mb-60 {
-    margin-bottom: -15rem;
-  }
-
-  .sm\:-ml-60 {
-    margin-left: -15rem;
-  }
-
-  .sm\:-mt-64 {
-    margin-top: -16rem;
-  }
-
-  .sm\:-mr-64 {
-    margin-right: -16rem;
-  }
-
-  .sm\:-mb-64 {
-    margin-bottom: -16rem;
-  }
-
-  .sm\:-ml-64 {
-    margin-left: -16rem;
-  }
-
-  .sm\:-mt-72 {
-    margin-top: -18rem;
-  }
-
-  .sm\:-mr-72 {
-    margin-right: -18rem;
-  }
-
-  .sm\:-mb-72 {
-    margin-bottom: -18rem;
-  }
-
-  .sm\:-ml-72 {
-    margin-left: -18rem;
-  }
-
-  .sm\:-mt-80 {
-    margin-top: -20rem;
-  }
-
-  .sm\:-mr-80 {
-    margin-right: -20rem;
-  }
-
-  .sm\:-mb-80 {
-    margin-bottom: -20rem;
-  }
-
-  .sm\:-ml-80 {
-    margin-left: -20rem;
-  }
-
-  .sm\:-mt-96 {
-    margin-top: -24rem;
-  }
-
-  .sm\:-mr-96 {
-    margin-right: -24rem;
-  }
-
-  .sm\:-mb-96 {
-    margin-bottom: -24rem;
-  }
-
-  .sm\:-ml-96 {
-    margin-left: -24rem;
-  }
-
-  .sm\:-mt-px {
-    margin-top: -1px;
-  }
-
-  .sm\:-mr-px {
-    margin-right: -1px;
-  }
-
-  .sm\:-mb-px {
-    margin-bottom: -1px;
-  }
-
-  .sm\:-ml-px {
-    margin-left: -1px;
-  }
-
-  .sm\:-mt-0\.5 {
-    margin-top: -0.125rem;
-  }
-
-  .sm\:-mr-0\.5 {
-    margin-right: -0.125rem;
-  }
-
-  .sm\:-mb-0\.5 {
-    margin-bottom: -0.125rem;
-  }
-
-  .sm\:-ml-0\.5 {
-    margin-left: -0.125rem;
-  }
-
-  .sm\:-mt-1\.5 {
-    margin-top: -0.375rem;
-  }
-
-  .sm\:-mr-1\.5 {
-    margin-right: -0.375rem;
-  }
-
-  .sm\:-mb-1\.5 {
-    margin-bottom: -0.375rem;
-  }
-
-  .sm\:-ml-1\.5 {
-    margin-left: -0.375rem;
-  }
-
-  .sm\:-mt-2\.5 {
-    margin-top: -0.625rem;
-  }
-
-  .sm\:-mr-2\.5 {
-    margin-right: -0.625rem;
-  }
-
-  .sm\:-mb-2\.5 {
-    margin-bottom: -0.625rem;
-  }
-
-  .sm\:-ml-2\.5 {
-    margin-left: -0.625rem;
-  }
-
-  .sm\:-mt-3\.5 {
-    margin-top: -0.875rem;
-  }
-
-  .sm\:-mr-3\.5 {
-    margin-right: -0.875rem;
-  }
-
-  .sm\:-mb-3\.5 {
-    margin-bottom: -0.875rem;
-  }
-
-  .sm\:-ml-3\.5 {
-    margin-left: -0.875rem;
-  }
-
-  .sm\:-mt-1\/2 {
-    margin-top: -50%;
-  }
-
-  .sm\:-mr-1\/2 {
-    margin-right: -50%;
-  }
-
-  .sm\:-mb-1\/2 {
-    margin-bottom: -50%;
-  }
-
-  .sm\:-ml-1\/2 {
-    margin-left: -50%;
-  }
-
-  .sm\:-mt-1\/3 {
-    margin-top: -33.33333%;
-  }
-
-  .sm\:-mr-1\/3 {
-    margin-right: -33.33333%;
-  }
-
-  .sm\:-mb-1\/3 {
-    margin-bottom: -33.33333%;
-  }
-
-  .sm\:-ml-1\/3 {
-    margin-left: -33.33333%;
-  }
-
-  .sm\:-mt-2\/3 {
-    margin-top: -66.66667%;
-  }
-
-  .sm\:-mr-2\/3 {
-    margin-right: -66.66667%;
-  }
-
-  .sm\:-mb-2\/3 {
-    margin-bottom: -66.66667%;
-  }
-
-  .sm\:-ml-2\/3 {
-    margin-left: -66.66667%;
-  }
-
-  .sm\:-mt-1\/4 {
-    margin-top: -25%;
-  }
-
-  .sm\:-mr-1\/4 {
-    margin-right: -25%;
-  }
-
-  .sm\:-mb-1\/4 {
-    margin-bottom: -25%;
-  }
-
-  .sm\:-ml-1\/4 {
-    margin-left: -25%;
-  }
-
-  .sm\:-mt-2\/4 {
-    margin-top: -50%;
-  }
-
-  .sm\:-mr-2\/4 {
-    margin-right: -50%;
-  }
-
-  .sm\:-mb-2\/4 {
-    margin-bottom: -50%;
-  }
-
-  .sm\:-ml-2\/4 {
-    margin-left: -50%;
-  }
-
-  .sm\:-mt-3\/4 {
-    margin-top: -75%;
-  }
-
-  .sm\:-mr-3\/4 {
-    margin-right: -75%;
-  }
-
-  .sm\:-mb-3\/4 {
-    margin-bottom: -75%;
-  }
-
-  .sm\:-ml-3\/4 {
-    margin-left: -75%;
-  }
-
-  .sm\:-mt-1\/5 {
-    margin-top: -20%;
-  }
-
-  .sm\:-mr-1\/5 {
-    margin-right: -20%;
-  }
-
-  .sm\:-mb-1\/5 {
-    margin-bottom: -20%;
-  }
-
-  .sm\:-ml-1\/5 {
-    margin-left: -20%;
-  }
-
-  .sm\:-mt-2\/5 {
-    margin-top: -40%;
-  }
-
-  .sm\:-mr-2\/5 {
-    margin-right: -40%;
-  }
-
-  .sm\:-mb-2\/5 {
-    margin-bottom: -40%;
-  }
-
-  .sm\:-ml-2\/5 {
-    margin-left: -40%;
-  }
-
-  .sm\:-mt-3\/5 {
-    margin-top: -60%;
-  }
-
-  .sm\:-mr-3\/5 {
-    margin-right: -60%;
-  }
-
-  .sm\:-mb-3\/5 {
-    margin-bottom: -60%;
-  }
-
-  .sm\:-ml-3\/5 {
-    margin-left: -60%;
-  }
-
-  .sm\:-mt-4\/5 {
-    margin-top: -80%;
-  }
-
-  .sm\:-mr-4\/5 {
-    margin-right: -80%;
-  }
-
-  .sm\:-mb-4\/5 {
-    margin-bottom: -80%;
-  }
-
-  .sm\:-ml-4\/5 {
-    margin-left: -80%;
-  }
-
-  .sm\:-mt-1\/6 {
-    margin-top: -16.66667%;
-  }
-
-  .sm\:-mr-1\/6 {
-    margin-right: -16.66667%;
-  }
-
-  .sm\:-mb-1\/6 {
-    margin-bottom: -16.66667%;
-  }
-
-  .sm\:-ml-1\/6 {
-    margin-left: -16.66667%;
-  }
-
-  .sm\:-mt-2\/6 {
-    margin-top: -33.33333%;
-  }
-
-  .sm\:-mr-2\/6 {
-    margin-right: -33.33333%;
-  }
-
-  .sm\:-mb-2\/6 {
-    margin-bottom: -33.33333%;
-  }
-
-  .sm\:-ml-2\/6 {
-    margin-left: -33.33333%;
-  }
-
-  .sm\:-mt-3\/6 {
-    margin-top: -50%;
-  }
-
-  .sm\:-mr-3\/6 {
-    margin-right: -50%;
-  }
-
-  .sm\:-mb-3\/6 {
-    margin-bottom: -50%;
-  }
-
-  .sm\:-ml-3\/6 {
-    margin-left: -50%;
-  }
-
-  .sm\:-mt-4\/6 {
-    margin-top: -66.66667%;
-  }
-
-  .sm\:-mr-4\/6 {
-    margin-right: -66.66667%;
-  }
-
-  .sm\:-mb-4\/6 {
-    margin-bottom: -66.66667%;
-  }
-
-  .sm\:-ml-4\/6 {
-    margin-left: -66.66667%;
-  }
-
-  .sm\:-mt-5\/6 {
-    margin-top: -83.33333%;
-  }
-
-  .sm\:-mr-5\/6 {
-    margin-right: -83.33333%;
-  }
-
-  .sm\:-mb-5\/6 {
-    margin-bottom: -83.33333%;
-  }
-
-  .sm\:-ml-5\/6 {
-    margin-left: -83.33333%;
-  }
-
-  .sm\:-mt-1\/12 {
-    margin-top: -8.33333%;
-  }
-
-  .sm\:-mr-1\/12 {
-    margin-right: -8.33333%;
-  }
-
-  .sm\:-mb-1\/12 {
-    margin-bottom: -8.33333%;
-  }
-
-  .sm\:-ml-1\/12 {
-    margin-left: -8.33333%;
-  }
-
-  .sm\:-mt-2\/12 {
-    margin-top: -16.66667%;
-  }
-
-  .sm\:-mr-2\/12 {
-    margin-right: -16.66667%;
-  }
-
-  .sm\:-mb-2\/12 {
-    margin-bottom: -16.66667%;
-  }
-
-  .sm\:-ml-2\/12 {
-    margin-left: -16.66667%;
-  }
-
-  .sm\:-mt-3\/12 {
-    margin-top: -25%;
-  }
-
-  .sm\:-mr-3\/12 {
-    margin-right: -25%;
-  }
-
-  .sm\:-mb-3\/12 {
-    margin-bottom: -25%;
-  }
-
-  .sm\:-ml-3\/12 {
-    margin-left: -25%;
-  }
-
-  .sm\:-mt-4\/12 {
-    margin-top: -33.33333%;
-  }
-
-  .sm\:-mr-4\/12 {
-    margin-right: -33.33333%;
-  }
-
-  .sm\:-mb-4\/12 {
-    margin-bottom: -33.33333%;
-  }
-
-  .sm\:-ml-4\/12 {
-    margin-left: -33.33333%;
-  }
-
-  .sm\:-mt-5\/12 {
-    margin-top: -41.66667%;
-  }
-
-  .sm\:-mr-5\/12 {
-    margin-right: -41.66667%;
-  }
-
-  .sm\:-mb-5\/12 {
-    margin-bottom: -41.66667%;
-  }
-
-  .sm\:-ml-5\/12 {
-    margin-left: -41.66667%;
-  }
-
-  .sm\:-mt-6\/12 {
-    margin-top: -50%;
-  }
-
-  .sm\:-mr-6\/12 {
-    margin-right: -50%;
-  }
-
-  .sm\:-mb-6\/12 {
-    margin-bottom: -50%;
-  }
-
-  .sm\:-ml-6\/12 {
-    margin-left: -50%;
-  }
-
-  .sm\:-mt-7\/12 {
-    margin-top: -58.33333%;
-  }
-
-  .sm\:-mr-7\/12 {
-    margin-right: -58.33333%;
-  }
-
-  .sm\:-mb-7\/12 {
-    margin-bottom: -58.33333%;
-  }
-
-  .sm\:-ml-7\/12 {
-    margin-left: -58.33333%;
-  }
-
-  .sm\:-mt-8\/12 {
-    margin-top: -66.66667%;
-  }
-
-  .sm\:-mr-8\/12 {
-    margin-right: -66.66667%;
-  }
-
-  .sm\:-mb-8\/12 {
-    margin-bottom: -66.66667%;
-  }
-
-  .sm\:-ml-8\/12 {
-    margin-left: -66.66667%;
-  }
-
-  .sm\:-mt-9\/12 {
-    margin-top: -75%;
-  }
-
-  .sm\:-mr-9\/12 {
-    margin-right: -75%;
-  }
-
-  .sm\:-mb-9\/12 {
-    margin-bottom: -75%;
-  }
-
-  .sm\:-ml-9\/12 {
-    margin-left: -75%;
-  }
-
-  .sm\:-mt-10\/12 {
-    margin-top: -83.33333%;
-  }
-
-  .sm\:-mr-10\/12 {
-    margin-right: -83.33333%;
-  }
-
-  .sm\:-mb-10\/12 {
-    margin-bottom: -83.33333%;
-  }
-
-  .sm\:-ml-10\/12 {
-    margin-left: -83.33333%;
-  }
-
-  .sm\:-mt-11\/12 {
-    margin-top: -91.66667%;
-  }
-
-  .sm\:-mr-11\/12 {
-    margin-right: -91.66667%;
-  }
-
-  .sm\:-mb-11\/12 {
-    margin-bottom: -91.66667%;
-  }
-
-  .sm\:-ml-11\/12 {
-    margin-left: -91.66667%;
-  }
-
-  .sm\:-mt-full {
-    margin-top: -100%;
-  }
-
-  .sm\:-mr-full {
-    margin-right: -100%;
-  }
-
-  .sm\:-mb-full {
-    margin-bottom: -100%;
-  }
-
-  .sm\:-ml-full {
-    margin-left: -100%;
-  }
-
-  .sm\:max-h-0 {
-    max-height: 0;
-  }
-
-  .sm\:max-h-1 {
-    max-height: 0.25rem;
-  }
-
-  .sm\:max-h-2 {
-    max-height: 0.5rem;
-  }
-
-  .sm\:max-h-3 {
-    max-height: 0.75rem;
-  }
-
-  .sm\:max-h-4 {
-    max-height: 1rem;
-  }
-
-  .sm\:max-h-5 {
-    max-height: 1.25rem;
-  }
-
-  .sm\:max-h-6 {
-    max-height: 1.5rem;
-  }
-
-  .sm\:max-h-7 {
-    max-height: 1.75rem;
-  }
-
-  .sm\:max-h-8 {
-    max-height: 2rem;
-  }
-
-  .sm\:max-h-9 {
-    max-height: 2.25rem;
-  }
-
-  .sm\:max-h-10 {
-    max-height: 2.5rem;
-  }
-
-  .sm\:max-h-11 {
-    max-height: 2.75rem;
-  }
-
-  .sm\:max-h-12 {
-    max-height: 3rem;
-  }
-
-  .sm\:max-h-13 {
-    max-height: 3.25rem;
-  }
-
-  .sm\:max-h-14 {
-    max-height: 3.5rem;
-  }
-
-  .sm\:max-h-15 {
-    max-height: 3.75rem;
-  }
-
-  .sm\:max-h-16 {
-    max-height: 4rem;
-  }
-
-  .sm\:max-h-20 {
-    max-height: 5rem;
-  }
-
-  .sm\:max-h-24 {
-    max-height: 6rem;
-  }
-
-  .sm\:max-h-28 {
-    max-height: 7rem;
-  }
-
-  .sm\:max-h-32 {
-    max-height: 8rem;
-  }
-
-  .sm\:max-h-36 {
-    max-height: 9rem;
-  }
-
-  .sm\:max-h-40 {
-    max-height: 10rem;
-  }
-
-  .sm\:max-h-48 {
-    max-height: 12rem;
-  }
-
-  .sm\:max-h-56 {
-    max-height: 14rem;
-  }
-
-  .sm\:max-h-60 {
-    max-height: 15rem;
-  }
-
-  .sm\:max-h-64 {
-    max-height: 16rem;
-  }
-
-  .sm\:max-h-72 {
-    max-height: 18rem;
-  }
-
-  .sm\:max-h-80 {
-    max-height: 20rem;
-  }
-
-  .sm\:max-h-96 {
-    max-height: 24rem;
-  }
-
-  .sm\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .sm\:max-h-px {
-    max-height: 1px;
-  }
-
-  .sm\:max-h-0\.5 {
-    max-height: 0.125rem;
-  }
-
-  .sm\:max-h-1\.5 {
-    max-height: 0.375rem;
-  }
-
-  .sm\:max-h-2\.5 {
-    max-height: 0.625rem;
-  }
-
-  .sm\:max-h-3\.5 {
-    max-height: 0.875rem;
-  }
-
-  .sm\:max-h-1\/2 {
-    max-height: 50%;
-  }
-
-  .sm\:max-h-1\/3 {
-    max-height: 33.333333%;
-  }
-
-  .sm\:max-h-2\/3 {
-    max-height: 66.666667%;
-  }
-
-  .sm\:max-h-1\/4 {
-    max-height: 25%;
-  }
-
-  .sm\:max-h-2\/4 {
-    max-height: 50%;
-  }
-
-  .sm\:max-h-3\/4 {
-    max-height: 75%;
-  }
-
-  .sm\:max-h-1\/5 {
-    max-height: 20%;
-  }
-
-  .sm\:max-h-2\/5 {
-    max-height: 40%;
-  }
-
-  .sm\:max-h-3\/5 {
-    max-height: 60%;
-  }
-
-  .sm\:max-h-4\/5 {
-    max-height: 80%;
-  }
-
-  .sm\:max-h-1\/6 {
-    max-height: 16.666667%;
-  }
-
-  .sm\:max-h-2\/6 {
-    max-height: 33.333333%;
-  }
-
-  .sm\:max-h-3\/6 {
-    max-height: 50%;
-  }
-
-  .sm\:max-h-4\/6 {
-    max-height: 66.666667%;
-  }
-
-  .sm\:max-h-5\/6 {
-    max-height: 83.333333%;
-  }
-
-  .sm\:max-h-1\/12 {
-    max-height: 8.333333%;
-  }
-
-  .sm\:max-h-2\/12 {
-    max-height: 16.666667%;
-  }
-
-  .sm\:max-h-3\/12 {
-    max-height: 25%;
-  }
-
-  .sm\:max-h-4\/12 {
-    max-height: 33.333333%;
-  }
-
-  .sm\:max-h-5\/12 {
-    max-height: 41.666667%;
-  }
-
-  .sm\:max-h-6\/12 {
-    max-height: 50%;
-  }
-
-  .sm\:max-h-7\/12 {
-    max-height: 58.333333%;
-  }
-
-  .sm\:max-h-8\/12 {
-    max-height: 66.666667%;
-  }
-
-  .sm\:max-h-9\/12 {
-    max-height: 75%;
-  }
-
-  .sm\:max-h-10\/12 {
-    max-height: 83.333333%;
-  }
-
-  .sm\:max-h-11\/12 {
-    max-height: 91.666667%;
-  }
-
-  .sm\:max-h-full {
-    max-height: 100%;
-  }
-
-  .sm\:max-w-none {
-    max-width: none;
-  }
-
-  .sm\:max-w-xs {
-    max-width: 20rem;
-  }
-
-  .sm\:max-w-sm {
-    max-width: 24rem;
-  }
-
-  .sm\:max-w-md {
-    max-width: 28rem;
-  }
-
-  .sm\:max-w-lg {
-    max-width: 32rem;
-  }
-
-  .sm\:max-w-xl {
-    max-width: 36rem;
-  }
-
-  .sm\:max-w-2xl {
-    max-width: 42rem;
-  }
-
-  .sm\:max-w-3xl {
-    max-width: 48rem;
-  }
-
-  .sm\:max-w-4xl {
-    max-width: 56rem;
-  }
-
-  .sm\:max-w-5xl {
-    max-width: 64rem;
-  }
-
-  .sm\:max-w-6xl {
-    max-width: 72rem;
-  }
-
-  .sm\:max-w-7xl {
-    max-width: 80rem;
-  }
-
-  .sm\:max-w-full {
-    max-width: 100%;
-  }
-
-  .sm\:max-w-screen-sm {
-    max-width: 640px;
-  }
-
-  .sm\:max-w-screen-md {
-    max-width: 768px;
-  }
-
-  .sm\:max-w-screen-lg {
-    max-width: 1024px;
-  }
-
-  .sm\:max-w-screen-xl {
-    max-width: 1280px;
-  }
-
-  .sm\:min-h-0 {
-    min-height: 0;
-  }
-
-  .sm\:min-h-full {
-    min-height: 100%;
-  }
-
-  .sm\:min-h-screen {
-    min-height: 100vh;
-  }
-
-  .sm\:min-w-0 {
-    min-width: 0;
-  }
-
-  .sm\:min-w-full {
-    min-width: 100%;
-  }
-
-  .sm\:object-contain {
-    -o-object-fit: contain;
-       object-fit: contain;
-  }
-
-  .sm\:object-cover {
-    -o-object-fit: cover;
-       object-fit: cover;
-  }
-
-  .sm\:object-fill {
-    -o-object-fit: fill;
-       object-fit: fill;
-  }
-
-  .sm\:object-none {
-    -o-object-fit: none;
-       object-fit: none;
-  }
-
-  .sm\:object-scale-down {
-    -o-object-fit: scale-down;
-       object-fit: scale-down;
-  }
-
-  .sm\:object-bottom {
-    -o-object-position: bottom;
-       object-position: bottom;
-  }
-
-  .sm\:object-center {
-    -o-object-position: center;
-       object-position: center;
-  }
-
-  .sm\:object-left {
-    -o-object-position: left;
-       object-position: left;
-  }
-
-  .sm\:object-left-bottom {
-    -o-object-position: left bottom;
-       object-position: left bottom;
-  }
-
-  .sm\:object-left-top {
-    -o-object-position: left top;
-       object-position: left top;
-  }
-
-  .sm\:object-right {
-    -o-object-position: right;
-       object-position: right;
-  }
-
-  .sm\:object-right-bottom {
-    -o-object-position: right bottom;
-       object-position: right bottom;
-  }
-
-  .sm\:object-right-top {
-    -o-object-position: right top;
-       object-position: right top;
-  }
-
-  .sm\:object-top {
-    -o-object-position: top;
-       object-position: top;
-  }
-
-  .sm\:opacity-0 {
-    opacity: 0;
-  }
-
-  .sm\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .sm\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .sm\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .sm\:opacity-100 {
-    opacity: 1;
-  }
-
-  .sm\:hover\:opacity-0:hover {
-    opacity: 0;
-  }
-
-  .sm\:hover\:opacity-25:hover {
-    opacity: 0.25;
-  }
-
-  .sm\:hover\:opacity-50:hover {
-    opacity: 0.5;
-  }
-
-  .sm\:hover\:opacity-75:hover {
-    opacity: 0.75;
-  }
-
-  .sm\:hover\:opacity-100:hover {
-    opacity: 1;
-  }
-
-  .sm\:focus\:opacity-0:focus {
-    opacity: 0;
-  }
-
-  .sm\:focus\:opacity-25:focus {
-    opacity: 0.25;
-  }
-
-  .sm\:focus\:opacity-50:focus {
-    opacity: 0.5;
-  }
-
-  .sm\:focus\:opacity-75:focus {
-    opacity: 0.75;
-  }
-
-  .sm\:focus\:opacity-100:focus {
-    opacity: 1;
-  }
-
-  .sm\:outline-none {
-    outline: 0;
-  }
-
-  .sm\:focus\:outline-none:focus {
-    outline: 0;
-  }
-
-  .sm\:overflow-auto {
-    overflow: auto;
-  }
-
-  .sm\:overflow-hidden {
-    overflow: hidden;
-  }
-
-  .sm\:overflow-visible {
-    overflow: visible;
-  }
-
-  .sm\:overflow-scroll {
-    overflow: scroll;
-  }
-
-  .sm\:overflow-x-auto {
-    overflow-x: auto;
-  }
-
-  .sm\:overflow-y-auto {
-    overflow-y: auto;
-  }
-
-  .sm\:overflow-x-hidden {
-    overflow-x: hidden;
-  }
-
-  .sm\:overflow-y-hidden {
-    overflow-y: hidden;
-  }
-
-  .sm\:overflow-x-visible {
-    overflow-x: visible;
-  }
-
-  .sm\:overflow-y-visible {
-    overflow-y: visible;
-  }
-
-  .sm\:overflow-x-scroll {
-    overflow-x: scroll;
-  }
-
-  .sm\:overflow-y-scroll {
-    overflow-y: scroll;
-  }
-
-  .sm\:scrolling-touch {
-    -webkit-overflow-scrolling: touch;
-  }
-
-  .sm\:scrolling-auto {
-    -webkit-overflow-scrolling: auto;
-  }
-
-  .sm\:overscroll-auto {
-    -ms-scroll-chaining: chained;
-        overscroll-behavior: auto;
-  }
-
-  .sm\:overscroll-contain {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: contain;
-  }
-
-  .sm\:overscroll-none {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: none;
-  }
-
-  .sm\:overscroll-y-auto {
-    overscroll-behavior-y: auto;
-  }
-
-  .sm\:overscroll-y-contain {
-    overscroll-behavior-y: contain;
-  }
-
-  .sm\:overscroll-y-none {
-    overscroll-behavior-y: none;
-  }
-
-  .sm\:overscroll-x-auto {
-    overscroll-behavior-x: auto;
-  }
-
-  .sm\:overscroll-x-contain {
-    overscroll-behavior-x: contain;
-  }
-
-  .sm\:overscroll-x-none {
-    overscroll-behavior-x: none;
-  }
-
-  .sm\:p-0 {
-    padding: 0;
-  }
-
-  .sm\:p-1 {
-    padding: 0.25rem;
-  }
-
-  .sm\:p-2 {
-    padding: 0.5rem;
-  }
-
-  .sm\:p-3 {
-    padding: 0.75rem;
-  }
-
-  .sm\:p-4 {
-    padding: 1rem;
-  }
-
-  .sm\:p-5 {
-    padding: 1.25rem;
-  }
-
-  .sm\:p-6 {
-    padding: 1.5rem;
-  }
-
-  .sm\:p-7 {
-    padding: 1.75rem;
-  }
-
-  .sm\:p-8 {
-    padding: 2rem;
-  }
-
-  .sm\:p-9 {
-    padding: 2.25rem;
-  }
-
-  .sm\:p-10 {
-    padding: 2.5rem;
-  }
-
-  .sm\:p-11 {
-    padding: 2.75rem;
-  }
-
-  .sm\:p-12 {
-    padding: 3rem;
-  }
-
-  .sm\:p-13 {
-    padding: 3.25rem;
-  }
-
-  .sm\:p-14 {
-    padding: 3.5rem;
-  }
-
-  .sm\:p-15 {
-    padding: 3.75rem;
-  }
-
-  .sm\:p-16 {
-    padding: 4rem;
-  }
-
-  .sm\:p-20 {
-    padding: 5rem;
-  }
-
-  .sm\:p-24 {
-    padding: 6rem;
-  }
-
-  .sm\:p-28 {
-    padding: 7rem;
-  }
-
-  .sm\:p-32 {
-    padding: 8rem;
-  }
-
-  .sm\:p-36 {
-    padding: 9rem;
-  }
-
-  .sm\:p-40 {
-    padding: 10rem;
-  }
-
-  .sm\:p-48 {
-    padding: 12rem;
-  }
-
-  .sm\:p-56 {
-    padding: 14rem;
-  }
-
-  .sm\:p-60 {
-    padding: 15rem;
-  }
-
-  .sm\:p-64 {
-    padding: 16rem;
-  }
-
-  .sm\:p-72 {
-    padding: 18rem;
-  }
-
-  .sm\:p-80 {
-    padding: 20rem;
-  }
-
-  .sm\:p-96 {
-    padding: 24rem;
-  }
-
-  .sm\:p-px {
-    padding: 1px;
-  }
-
-  .sm\:p-0\.5 {
-    padding: 0.125rem;
-  }
-
-  .sm\:p-1\.5 {
-    padding: 0.375rem;
-  }
-
-  .sm\:p-2\.5 {
-    padding: 0.625rem;
-  }
-
-  .sm\:p-3\.5 {
-    padding: 0.875rem;
-  }
-
-  .sm\:p-1\/2 {
-    padding: 50%;
-  }
-
-  .sm\:p-1\/3 {
-    padding: 33.333333%;
-  }
-
-  .sm\:p-2\/3 {
-    padding: 66.666667%;
-  }
-
-  .sm\:p-1\/4 {
-    padding: 25%;
-  }
-
-  .sm\:p-2\/4 {
-    padding: 50%;
-  }
-
-  .sm\:p-3\/4 {
-    padding: 75%;
-  }
-
-  .sm\:p-1\/5 {
-    padding: 20%;
-  }
-
-  .sm\:p-2\/5 {
-    padding: 40%;
-  }
-
-  .sm\:p-3\/5 {
-    padding: 60%;
-  }
-
-  .sm\:p-4\/5 {
-    padding: 80%;
-  }
-
-  .sm\:p-1\/6 {
-    padding: 16.666667%;
-  }
-
-  .sm\:p-2\/6 {
-    padding: 33.333333%;
-  }
-
-  .sm\:p-3\/6 {
-    padding: 50%;
-  }
-
-  .sm\:p-4\/6 {
-    padding: 66.666667%;
-  }
-
-  .sm\:p-5\/6 {
-    padding: 83.333333%;
-  }
-
-  .sm\:p-1\/12 {
-    padding: 8.333333%;
-  }
-
-  .sm\:p-2\/12 {
-    padding: 16.666667%;
-  }
-
-  .sm\:p-3\/12 {
-    padding: 25%;
-  }
-
-  .sm\:p-4\/12 {
-    padding: 33.333333%;
-  }
-
-  .sm\:p-5\/12 {
-    padding: 41.666667%;
-  }
-
-  .sm\:p-6\/12 {
-    padding: 50%;
-  }
-
-  .sm\:p-7\/12 {
-    padding: 58.333333%;
-  }
-
-  .sm\:p-8\/12 {
-    padding: 66.666667%;
-  }
-
-  .sm\:p-9\/12 {
-    padding: 75%;
-  }
-
-  .sm\:p-10\/12 {
-    padding: 83.333333%;
-  }
-
-  .sm\:p-11\/12 {
-    padding: 91.666667%;
-  }
-
-  .sm\:p-full {
-    padding: 100%;
-  }
-
-  .sm\:py-0 {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  .sm\:px-0 {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .sm\:py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
-
-  .sm\:px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-  }
-
-  .sm\:py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-  }
-
-  .sm\:px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-  }
-
-  .sm\:py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
-  }
-
-  .sm\:px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-  }
-
-  .sm\:py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-
-  .sm\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .sm\:py-5 {
-    padding-top: 1.25rem;
-    padding-bottom: 1.25rem;
-  }
-
-  .sm\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
-  .sm\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-
-  .sm\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  .sm\:py-7 {
-    padding-top: 1.75rem;
-    padding-bottom: 1.75rem;
-  }
-
-  .sm\:px-7 {
-    padding-left: 1.75rem;
-    padding-right: 1.75rem;
-  }
-
-  .sm\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-
-  .sm\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .sm\:py-9 {
-    padding-top: 2.25rem;
-    padding-bottom: 2.25rem;
-  }
-
-  .sm\:px-9 {
-    padding-left: 2.25rem;
-    padding-right: 2.25rem;
-  }
-
-  .sm\:py-10 {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
-  }
-
-  .sm\:px-10 {
-    padding-left: 2.5rem;
-    padding-right: 2.5rem;
-  }
-
-  .sm\:py-11 {
-    padding-top: 2.75rem;
-    padding-bottom: 2.75rem;
-  }
-
-  .sm\:px-11 {
-    padding-left: 2.75rem;
-    padding-right: 2.75rem;
-  }
-
-  .sm\:py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
-  }
-
-  .sm\:px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-
-  .sm\:py-13 {
-    padding-top: 3.25rem;
-    padding-bottom: 3.25rem;
-  }
-
-  .sm\:px-13 {
-    padding-left: 3.25rem;
-    padding-right: 3.25rem;
-  }
-
-  .sm\:py-14 {
-    padding-top: 3.5rem;
-    padding-bottom: 3.5rem;
-  }
-
-  .sm\:px-14 {
-    padding-left: 3.5rem;
-    padding-right: 3.5rem;
-  }
-
-  .sm\:py-15 {
-    padding-top: 3.75rem;
-    padding-bottom: 3.75rem;
-  }
-
-  .sm\:px-15 {
-    padding-left: 3.75rem;
-    padding-right: 3.75rem;
-  }
-
-  .sm\:py-16 {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-
-  .sm\:px-16 {
-    padding-left: 4rem;
-    padding-right: 4rem;
-  }
-
-  .sm\:py-20 {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
-  }
-
-  .sm\:px-20 {
-    padding-left: 5rem;
-    padding-right: 5rem;
-  }
-
-  .sm\:py-24 {
-    padding-top: 6rem;
-    padding-bottom: 6rem;
-  }
-
-  .sm\:px-24 {
-    padding-left: 6rem;
-    padding-right: 6rem;
-  }
-
-  .sm\:py-28 {
-    padding-top: 7rem;
-    padding-bottom: 7rem;
-  }
-
-  .sm\:px-28 {
-    padding-left: 7rem;
-    padding-right: 7rem;
-  }
-
-  .sm\:py-32 {
-    padding-top: 8rem;
-    padding-bottom: 8rem;
-  }
-
-  .sm\:px-32 {
-    padding-left: 8rem;
-    padding-right: 8rem;
-  }
-
-  .sm\:py-36 {
-    padding-top: 9rem;
-    padding-bottom: 9rem;
-  }
-
-  .sm\:px-36 {
-    padding-left: 9rem;
-    padding-right: 9rem;
-  }
-
-  .sm\:py-40 {
-    padding-top: 10rem;
-    padding-bottom: 10rem;
-  }
-
-  .sm\:px-40 {
-    padding-left: 10rem;
-    padding-right: 10rem;
-  }
-
-  .sm\:py-48 {
-    padding-top: 12rem;
-    padding-bottom: 12rem;
-  }
-
-  .sm\:px-48 {
-    padding-left: 12rem;
-    padding-right: 12rem;
-  }
-
-  .sm\:py-56 {
-    padding-top: 14rem;
-    padding-bottom: 14rem;
-  }
-
-  .sm\:px-56 {
-    padding-left: 14rem;
-    padding-right: 14rem;
-  }
-
-  .sm\:py-60 {
-    padding-top: 15rem;
-    padding-bottom: 15rem;
-  }
-
-  .sm\:px-60 {
-    padding-left: 15rem;
-    padding-right: 15rem;
-  }
-
-  .sm\:py-64 {
-    padding-top: 16rem;
-    padding-bottom: 16rem;
-  }
-
-  .sm\:px-64 {
-    padding-left: 16rem;
-    padding-right: 16rem;
-  }
-
-  .sm\:py-72 {
-    padding-top: 18rem;
-    padding-bottom: 18rem;
-  }
-
-  .sm\:px-72 {
-    padding-left: 18rem;
-    padding-right: 18rem;
-  }
-
-  .sm\:py-80 {
-    padding-top: 20rem;
-    padding-bottom: 20rem;
-  }
-
-  .sm\:px-80 {
-    padding-left: 20rem;
-    padding-right: 20rem;
-  }
-
-  .sm\:py-96 {
-    padding-top: 24rem;
-    padding-bottom: 24rem;
-  }
-
-  .sm\:px-96 {
-    padding-left: 24rem;
-    padding-right: 24rem;
-  }
-
-  .sm\:py-px {
-    padding-top: 1px;
-    padding-bottom: 1px;
-  }
-
-  .sm\:px-px {
-    padding-left: 1px;
-    padding-right: 1px;
-  }
-
-  .sm\:py-0\.5 {
-    padding-top: 0.125rem;
-    padding-bottom: 0.125rem;
-  }
-
-  .sm\:px-0\.5 {
-    padding-left: 0.125rem;
-    padding-right: 0.125rem;
-  }
-
-  .sm\:py-1\.5 {
-    padding-top: 0.375rem;
-    padding-bottom: 0.375rem;
-  }
-
-  .sm\:px-1\.5 {
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
-  }
-
-  .sm\:py-2\.5 {
-    padding-top: 0.625rem;
-    padding-bottom: 0.625rem;
-  }
-
-  .sm\:px-2\.5 {
-    padding-left: 0.625rem;
-    padding-right: 0.625rem;
-  }
-
-  .sm\:py-3\.5 {
-    padding-top: 0.875rem;
-    padding-bottom: 0.875rem;
-  }
-
-  .sm\:px-3\.5 {
-    padding-left: 0.875rem;
-    padding-right: 0.875rem;
-  }
-
-  .sm\:py-1\/2 {
-    padding-top: 50%;
-    padding-bottom: 50%;
-  }
-
-  .sm\:px-1\/2 {
-    padding-left: 50%;
-    padding-right: 50%;
-  }
-
-  .sm\:py-1\/3 {
-    padding-top: 33.333333%;
-    padding-bottom: 33.333333%;
-  }
-
-  .sm\:px-1\/3 {
-    padding-left: 33.333333%;
-    padding-right: 33.333333%;
-  }
-
-  .sm\:py-2\/3 {
-    padding-top: 66.666667%;
-    padding-bottom: 66.666667%;
-  }
-
-  .sm\:px-2\/3 {
-    padding-left: 66.666667%;
-    padding-right: 66.666667%;
-  }
-
-  .sm\:py-1\/4 {
-    padding-top: 25%;
-    padding-bottom: 25%;
-  }
-
-  .sm\:px-1\/4 {
-    padding-left: 25%;
-    padding-right: 25%;
-  }
-
-  .sm\:py-2\/4 {
-    padding-top: 50%;
-    padding-bottom: 50%;
-  }
-
-  .sm\:px-2\/4 {
-    padding-left: 50%;
-    padding-right: 50%;
-  }
-
-  .sm\:py-3\/4 {
-    padding-top: 75%;
-    padding-bottom: 75%;
-  }
-
-  .sm\:px-3\/4 {
-    padding-left: 75%;
-    padding-right: 75%;
-  }
-
-  .sm\:py-1\/5 {
-    padding-top: 20%;
-    padding-bottom: 20%;
-  }
-
-  .sm\:px-1\/5 {
-    padding-left: 20%;
-    padding-right: 20%;
-  }
-
-  .sm\:py-2\/5 {
-    padding-top: 40%;
-    padding-bottom: 40%;
-  }
-
-  .sm\:px-2\/5 {
-    padding-left: 40%;
-    padding-right: 40%;
-  }
-
-  .sm\:py-3\/5 {
-    padding-top: 60%;
-    padding-bottom: 60%;
-  }
-
-  .sm\:px-3\/5 {
-    padding-left: 60%;
-    padding-right: 60%;
-  }
-
-  .sm\:py-4\/5 {
-    padding-top: 80%;
-    padding-bottom: 80%;
-  }
-
-  .sm\:px-4\/5 {
-    padding-left: 80%;
-    padding-right: 80%;
-  }
-
-  .sm\:py-1\/6 {
-    padding-top: 16.666667%;
-    padding-bottom: 16.666667%;
-  }
-
-  .sm\:px-1\/6 {
-    padding-left: 16.666667%;
-    padding-right: 16.666667%;
-  }
-
-  .sm\:py-2\/6 {
-    padding-top: 33.333333%;
-    padding-bottom: 33.333333%;
-  }
-
-  .sm\:px-2\/6 {
-    padding-left: 33.333333%;
-    padding-right: 33.333333%;
-  }
-
-  .sm\:py-3\/6 {
-    padding-top: 50%;
-    padding-bottom: 50%;
-  }
-
-  .sm\:px-3\/6 {
-    padding-left: 50%;
-    padding-right: 50%;
-  }
-
-  .sm\:py-4\/6 {
-    padding-top: 66.666667%;
-    padding-bottom: 66.666667%;
-  }
-
-  .sm\:px-4\/6 {
-    padding-left: 66.666667%;
-    padding-right: 66.666667%;
-  }
-
-  .sm\:py-5\/6 {
-    padding-top: 83.333333%;
-    padding-bottom: 83.333333%;
-  }
-
-  .sm\:px-5\/6 {
-    padding-left: 83.333333%;
-    padding-right: 83.333333%;
-  }
-
-  .sm\:py-1\/12 {
-    padding-top: 8.333333%;
-    padding-bottom: 8.333333%;
-  }
-
-  .sm\:px-1\/12 {
-    padding-left: 8.333333%;
-    padding-right: 8.333333%;
-  }
-
-  .sm\:py-2\/12 {
-    padding-top: 16.666667%;
-    padding-bottom: 16.666667%;
-  }
-
-  .sm\:px-2\/12 {
-    padding-left: 16.666667%;
-    padding-right: 16.666667%;
-  }
-
-  .sm\:py-3\/12 {
-    padding-top: 25%;
-    padding-bottom: 25%;
-  }
-
-  .sm\:px-3\/12 {
-    padding-left: 25%;
-    padding-right: 25%;
-  }
-
-  .sm\:py-4\/12 {
-    padding-top: 33.333333%;
-    padding-bottom: 33.333333%;
-  }
-
-  .sm\:px-4\/12 {
-    padding-left: 33.333333%;
-    padding-right: 33.333333%;
-  }
-
-  .sm\:py-5\/12 {
-    padding-top: 41.666667%;
-    padding-bottom: 41.666667%;
-  }
-
-  .sm\:px-5\/12 {
-    padding-left: 41.666667%;
-    padding-right: 41.666667%;
-  }
-
-  .sm\:py-6\/12 {
-    padding-top: 50%;
-    padding-bottom: 50%;
-  }
-
-  .sm\:px-6\/12 {
-    padding-left: 50%;
-    padding-right: 50%;
-  }
-
-  .sm\:py-7\/12 {
-    padding-top: 58.333333%;
-    padding-bottom: 58.333333%;
-  }
-
-  .sm\:px-7\/12 {
-    padding-left: 58.333333%;
-    padding-right: 58.333333%;
-  }
-
-  .sm\:py-8\/12 {
-    padding-top: 66.666667%;
-    padding-bottom: 66.666667%;
-  }
-
-  .sm\:px-8\/12 {
-    padding-left: 66.666667%;
-    padding-right: 66.666667%;
-  }
-
-  .sm\:py-9\/12 {
-    padding-top: 75%;
-    padding-bottom: 75%;
-  }
-
-  .sm\:px-9\/12 {
-    padding-left: 75%;
-    padding-right: 75%;
-  }
-
-  .sm\:py-10\/12 {
-    padding-top: 83.333333%;
-    padding-bottom: 83.333333%;
-  }
-
-  .sm\:px-10\/12 {
-    padding-left: 83.333333%;
-    padding-right: 83.333333%;
-  }
-
-  .sm\:py-11\/12 {
-    padding-top: 91.666667%;
-    padding-bottom: 91.666667%;
-  }
-
-  .sm\:px-11\/12 {
-    padding-left: 91.666667%;
-    padding-right: 91.666667%;
-  }
-
-  .sm\:py-full {
-    padding-top: 100%;
-    padding-bottom: 100%;
-  }
-
-  .sm\:px-full {
-    padding-left: 100%;
-    padding-right: 100%;
-  }
-
-  .sm\:pt-0 {
-    padding-top: 0;
-  }
-
-  .sm\:pr-0 {
-    padding-right: 0;
-  }
-
-  .sm\:pb-0 {
-    padding-bottom: 0;
-  }
-
-  .sm\:pl-0 {
-    padding-left: 0;
-  }
-
-  .sm\:pt-1 {
-    padding-top: 0.25rem;
-  }
-
-  .sm\:pr-1 {
-    padding-right: 0.25rem;
-  }
-
-  .sm\:pb-1 {
-    padding-bottom: 0.25rem;
-  }
-
-  .sm\:pl-1 {
-    padding-left: 0.25rem;
-  }
-
-  .sm\:pt-2 {
-    padding-top: 0.5rem;
-  }
-
-  .sm\:pr-2 {
-    padding-right: 0.5rem;
-  }
-
-  .sm\:pb-2 {
-    padding-bottom: 0.5rem;
-  }
-
-  .sm\:pl-2 {
-    padding-left: 0.5rem;
-  }
-
-  .sm\:pt-3 {
-    padding-top: 0.75rem;
-  }
-
-  .sm\:pr-3 {
-    padding-right: 0.75rem;
-  }
-
-  .sm\:pb-3 {
-    padding-bottom: 0.75rem;
-  }
-
-  .sm\:pl-3 {
-    padding-left: 0.75rem;
-  }
-
-  .sm\:pt-4 {
-    padding-top: 1rem;
-  }
-
-  .sm\:pr-4 {
-    padding-right: 1rem;
-  }
-
-  .sm\:pb-4 {
-    padding-bottom: 1rem;
-  }
-
-  .sm\:pl-4 {
-    padding-left: 1rem;
-  }
-
-  .sm\:pt-5 {
-    padding-top: 1.25rem;
-  }
-
-  .sm\:pr-5 {
-    padding-right: 1.25rem;
-  }
-
-  .sm\:pb-5 {
-    padding-bottom: 1.25rem;
-  }
-
-  .sm\:pl-5 {
-    padding-left: 1.25rem;
-  }
-
-  .sm\:pt-6 {
-    padding-top: 1.5rem;
-  }
-
-  .sm\:pr-6 {
-    padding-right: 1.5rem;
-  }
-
-  .sm\:pb-6 {
-    padding-bottom: 1.5rem;
-  }
-
-  .sm\:pl-6 {
-    padding-left: 1.5rem;
-  }
-
-  .sm\:pt-7 {
-    padding-top: 1.75rem;
-  }
-
-  .sm\:pr-7 {
-    padding-right: 1.75rem;
-  }
-
-  .sm\:pb-7 {
-    padding-bottom: 1.75rem;
-  }
-
-  .sm\:pl-7 {
-    padding-left: 1.75rem;
-  }
-
-  .sm\:pt-8 {
-    padding-top: 2rem;
-  }
-
-  .sm\:pr-8 {
-    padding-right: 2rem;
-  }
-
-  .sm\:pb-8 {
-    padding-bottom: 2rem;
-  }
-
-  .sm\:pl-8 {
-    padding-left: 2rem;
-  }
-
-  .sm\:pt-9 {
-    padding-top: 2.25rem;
-  }
-
-  .sm\:pr-9 {
-    padding-right: 2.25rem;
-  }
-
-  .sm\:pb-9 {
-    padding-bottom: 2.25rem;
-  }
-
-  .sm\:pl-9 {
-    padding-left: 2.25rem;
-  }
-
-  .sm\:pt-10 {
-    padding-top: 2.5rem;
-  }
-
-  .sm\:pr-10 {
-    padding-right: 2.5rem;
-  }
-
-  .sm\:pb-10 {
-    padding-bottom: 2.5rem;
-  }
-
-  .sm\:pl-10 {
-    padding-left: 2.5rem;
-  }
-
-  .sm\:pt-11 {
-    padding-top: 2.75rem;
-  }
-
-  .sm\:pr-11 {
-    padding-right: 2.75rem;
-  }
-
-  .sm\:pb-11 {
-    padding-bottom: 2.75rem;
-  }
-
-  .sm\:pl-11 {
-    padding-left: 2.75rem;
-  }
-
-  .sm\:pt-12 {
-    padding-top: 3rem;
-  }
-
-  .sm\:pr-12 {
-    padding-right: 3rem;
-  }
-
-  .sm\:pb-12 {
-    padding-bottom: 3rem;
-  }
-
-  .sm\:pl-12 {
-    padding-left: 3rem;
-  }
-
-  .sm\:pt-13 {
-    padding-top: 3.25rem;
-  }
-
-  .sm\:pr-13 {
-    padding-right: 3.25rem;
-  }
-
-  .sm\:pb-13 {
-    padding-bottom: 3.25rem;
-  }
-
-  .sm\:pl-13 {
-    padding-left: 3.25rem;
-  }
-
-  .sm\:pt-14 {
-    padding-top: 3.5rem;
-  }
-
-  .sm\:pr-14 {
-    padding-right: 3.5rem;
-  }
-
-  .sm\:pb-14 {
-    padding-bottom: 3.5rem;
-  }
-
-  .sm\:pl-14 {
-    padding-left: 3.5rem;
-  }
-
-  .sm\:pt-15 {
-    padding-top: 3.75rem;
-  }
-
-  .sm\:pr-15 {
-    padding-right: 3.75rem;
-  }
-
-  .sm\:pb-15 {
-    padding-bottom: 3.75rem;
-  }
-
-  .sm\:pl-15 {
-    padding-left: 3.75rem;
-  }
-
-  .sm\:pt-16 {
-    padding-top: 4rem;
-  }
-
-  .sm\:pr-16 {
-    padding-right: 4rem;
-  }
-
-  .sm\:pb-16 {
-    padding-bottom: 4rem;
-  }
-
-  .sm\:pl-16 {
-    padding-left: 4rem;
-  }
-
-  .sm\:pt-20 {
-    padding-top: 5rem;
-  }
-
-  .sm\:pr-20 {
-    padding-right: 5rem;
-  }
-
-  .sm\:pb-20 {
-    padding-bottom: 5rem;
-  }
-
-  .sm\:pl-20 {
-    padding-left: 5rem;
-  }
-
-  .sm\:pt-24 {
-    padding-top: 6rem;
-  }
-
-  .sm\:pr-24 {
-    padding-right: 6rem;
-  }
-
-  .sm\:pb-24 {
-    padding-bottom: 6rem;
-  }
-
-  .sm\:pl-24 {
-    padding-left: 6rem;
-  }
-
-  .sm\:pt-28 {
-    padding-top: 7rem;
-  }
-
-  .sm\:pr-28 {
-    padding-right: 7rem;
-  }
-
-  .sm\:pb-28 {
-    padding-bottom: 7rem;
-  }
-
-  .sm\:pl-28 {
-    padding-left: 7rem;
-  }
-
-  .sm\:pt-32 {
-    padding-top: 8rem;
-  }
-
-  .sm\:pr-32 {
-    padding-right: 8rem;
-  }
-
-  .sm\:pb-32 {
-    padding-bottom: 8rem;
-  }
-
-  .sm\:pl-32 {
-    padding-left: 8rem;
-  }
-
-  .sm\:pt-36 {
-    padding-top: 9rem;
-  }
-
-  .sm\:pr-36 {
-    padding-right: 9rem;
-  }
-
-  .sm\:pb-36 {
-    padding-bottom: 9rem;
-  }
-
-  .sm\:pl-36 {
-    padding-left: 9rem;
-  }
-
-  .sm\:pt-40 {
-    padding-top: 10rem;
-  }
-
-  .sm\:pr-40 {
-    padding-right: 10rem;
-  }
-
-  .sm\:pb-40 {
-    padding-bottom: 10rem;
-  }
-
-  .sm\:pl-40 {
-    padding-left: 10rem;
-  }
-
-  .sm\:pt-48 {
-    padding-top: 12rem;
-  }
-
-  .sm\:pr-48 {
-    padding-right: 12rem;
-  }
-
-  .sm\:pb-48 {
-    padding-bottom: 12rem;
-  }
-
-  .sm\:pl-48 {
-    padding-left: 12rem;
-  }
-
-  .sm\:pt-56 {
-    padding-top: 14rem;
-  }
-
-  .sm\:pr-56 {
-    padding-right: 14rem;
-  }
-
-  .sm\:pb-56 {
-    padding-bottom: 14rem;
-  }
-
-  .sm\:pl-56 {
-    padding-left: 14rem;
-  }
-
-  .sm\:pt-60 {
-    padding-top: 15rem;
-  }
-
-  .sm\:pr-60 {
-    padding-right: 15rem;
-  }
-
-  .sm\:pb-60 {
-    padding-bottom: 15rem;
-  }
-
-  .sm\:pl-60 {
-    padding-left: 15rem;
-  }
-
-  .sm\:pt-64 {
-    padding-top: 16rem;
-  }
-
-  .sm\:pr-64 {
-    padding-right: 16rem;
-  }
-
-  .sm\:pb-64 {
-    padding-bottom: 16rem;
-  }
-
-  .sm\:pl-64 {
-    padding-left: 16rem;
-  }
-
-  .sm\:pt-72 {
-    padding-top: 18rem;
-  }
-
-  .sm\:pr-72 {
-    padding-right: 18rem;
-  }
-
-  .sm\:pb-72 {
-    padding-bottom: 18rem;
-  }
-
-  .sm\:pl-72 {
-    padding-left: 18rem;
-  }
-
-  .sm\:pt-80 {
-    padding-top: 20rem;
-  }
-
-  .sm\:pr-80 {
-    padding-right: 20rem;
-  }
-
-  .sm\:pb-80 {
-    padding-bottom: 20rem;
-  }
-
-  .sm\:pl-80 {
-    padding-left: 20rem;
-  }
-
-  .sm\:pt-96 {
-    padding-top: 24rem;
-  }
-
-  .sm\:pr-96 {
-    padding-right: 24rem;
-  }
-
-  .sm\:pb-96 {
-    padding-bottom: 24rem;
-  }
-
-  .sm\:pl-96 {
-    padding-left: 24rem;
-  }
-
-  .sm\:pt-px {
-    padding-top: 1px;
-  }
-
-  .sm\:pr-px {
-    padding-right: 1px;
-  }
-
-  .sm\:pb-px {
-    padding-bottom: 1px;
-  }
-
-  .sm\:pl-px {
-    padding-left: 1px;
-  }
-
-  .sm\:pt-0\.5 {
-    padding-top: 0.125rem;
-  }
-
-  .sm\:pr-0\.5 {
-    padding-right: 0.125rem;
-  }
-
-  .sm\:pb-0\.5 {
-    padding-bottom: 0.125rem;
-  }
-
-  .sm\:pl-0\.5 {
-    padding-left: 0.125rem;
-  }
-
-  .sm\:pt-1\.5 {
-    padding-top: 0.375rem;
-  }
-
-  .sm\:pr-1\.5 {
-    padding-right: 0.375rem;
-  }
-
-  .sm\:pb-1\.5 {
-    padding-bottom: 0.375rem;
-  }
-
-  .sm\:pl-1\.5 {
-    padding-left: 0.375rem;
-  }
-
-  .sm\:pt-2\.5 {
-    padding-top: 0.625rem;
-  }
-
-  .sm\:pr-2\.5 {
-    padding-right: 0.625rem;
-  }
-
-  .sm\:pb-2\.5 {
-    padding-bottom: 0.625rem;
-  }
-
-  .sm\:pl-2\.5 {
-    padding-left: 0.625rem;
-  }
-
-  .sm\:pt-3\.5 {
-    padding-top: 0.875rem;
-  }
-
-  .sm\:pr-3\.5 {
-    padding-right: 0.875rem;
-  }
-
-  .sm\:pb-3\.5 {
-    padding-bottom: 0.875rem;
-  }
-
-  .sm\:pl-3\.5 {
-    padding-left: 0.875rem;
-  }
-
-  .sm\:pt-1\/2 {
-    padding-top: 50%;
-  }
-
-  .sm\:pr-1\/2 {
-    padding-right: 50%;
-  }
-
-  .sm\:pb-1\/2 {
-    padding-bottom: 50%;
-  }
-
-  .sm\:pl-1\/2 {
-    padding-left: 50%;
-  }
-
-  .sm\:pt-1\/3 {
-    padding-top: 33.333333%;
-  }
-
-  .sm\:pr-1\/3 {
-    padding-right: 33.333333%;
-  }
-
-  .sm\:pb-1\/3 {
-    padding-bottom: 33.333333%;
-  }
-
-  .sm\:pl-1\/3 {
-    padding-left: 33.333333%;
-  }
-
-  .sm\:pt-2\/3 {
-    padding-top: 66.666667%;
-  }
-
-  .sm\:pr-2\/3 {
-    padding-right: 66.666667%;
-  }
-
-  .sm\:pb-2\/3 {
-    padding-bottom: 66.666667%;
-  }
-
-  .sm\:pl-2\/3 {
-    padding-left: 66.666667%;
-  }
-
-  .sm\:pt-1\/4 {
-    padding-top: 25%;
-  }
-
-  .sm\:pr-1\/4 {
-    padding-right: 25%;
-  }
-
-  .sm\:pb-1\/4 {
-    padding-bottom: 25%;
-  }
-
-  .sm\:pl-1\/4 {
-    padding-left: 25%;
-  }
-
-  .sm\:pt-2\/4 {
-    padding-top: 50%;
-  }
-
-  .sm\:pr-2\/4 {
-    padding-right: 50%;
-  }
-
-  .sm\:pb-2\/4 {
-    padding-bottom: 50%;
-  }
-
-  .sm\:pl-2\/4 {
-    padding-left: 50%;
-  }
-
-  .sm\:pt-3\/4 {
-    padding-top: 75%;
-  }
-
-  .sm\:pr-3\/4 {
-    padding-right: 75%;
-  }
-
-  .sm\:pb-3\/4 {
-    padding-bottom: 75%;
-  }
-
-  .sm\:pl-3\/4 {
-    padding-left: 75%;
-  }
-
-  .sm\:pt-1\/5 {
-    padding-top: 20%;
-  }
-
-  .sm\:pr-1\/5 {
-    padding-right: 20%;
-  }
-
-  .sm\:pb-1\/5 {
-    padding-bottom: 20%;
-  }
-
-  .sm\:pl-1\/5 {
-    padding-left: 20%;
-  }
-
-  .sm\:pt-2\/5 {
-    padding-top: 40%;
-  }
-
-  .sm\:pr-2\/5 {
-    padding-right: 40%;
-  }
-
-  .sm\:pb-2\/5 {
-    padding-bottom: 40%;
-  }
-
-  .sm\:pl-2\/5 {
-    padding-left: 40%;
-  }
-
-  .sm\:pt-3\/5 {
-    padding-top: 60%;
-  }
-
-  .sm\:pr-3\/5 {
-    padding-right: 60%;
-  }
-
-  .sm\:pb-3\/5 {
-    padding-bottom: 60%;
-  }
-
-  .sm\:pl-3\/5 {
-    padding-left: 60%;
-  }
-
-  .sm\:pt-4\/5 {
-    padding-top: 80%;
-  }
-
-  .sm\:pr-4\/5 {
-    padding-right: 80%;
-  }
-
-  .sm\:pb-4\/5 {
-    padding-bottom: 80%;
-  }
-
-  .sm\:pl-4\/5 {
-    padding-left: 80%;
-  }
-
-  .sm\:pt-1\/6 {
-    padding-top: 16.666667%;
-  }
-
-  .sm\:pr-1\/6 {
-    padding-right: 16.666667%;
-  }
-
-  .sm\:pb-1\/6 {
-    padding-bottom: 16.666667%;
-  }
-
-  .sm\:pl-1\/6 {
-    padding-left: 16.666667%;
-  }
-
-  .sm\:pt-2\/6 {
-    padding-top: 33.333333%;
-  }
-
-  .sm\:pr-2\/6 {
-    padding-right: 33.333333%;
-  }
-
-  .sm\:pb-2\/6 {
-    padding-bottom: 33.333333%;
-  }
-
-  .sm\:pl-2\/6 {
-    padding-left: 33.333333%;
-  }
-
-  .sm\:pt-3\/6 {
-    padding-top: 50%;
-  }
-
-  .sm\:pr-3\/6 {
-    padding-right: 50%;
-  }
-
-  .sm\:pb-3\/6 {
-    padding-bottom: 50%;
-  }
-
-  .sm\:pl-3\/6 {
-    padding-left: 50%;
-  }
-
-  .sm\:pt-4\/6 {
-    padding-top: 66.666667%;
-  }
-
-  .sm\:pr-4\/6 {
-    padding-right: 66.666667%;
-  }
-
-  .sm\:pb-4\/6 {
-    padding-bottom: 66.666667%;
-  }
-
-  .sm\:pl-4\/6 {
-    padding-left: 66.666667%;
-  }
-
-  .sm\:pt-5\/6 {
-    padding-top: 83.333333%;
-  }
-
-  .sm\:pr-5\/6 {
-    padding-right: 83.333333%;
-  }
-
-  .sm\:pb-5\/6 {
-    padding-bottom: 83.333333%;
-  }
-
-  .sm\:pl-5\/6 {
-    padding-left: 83.333333%;
-  }
-
-  .sm\:pt-1\/12 {
-    padding-top: 8.333333%;
-  }
-
-  .sm\:pr-1\/12 {
-    padding-right: 8.333333%;
-  }
-
-  .sm\:pb-1\/12 {
-    padding-bottom: 8.333333%;
-  }
-
-  .sm\:pl-1\/12 {
-    padding-left: 8.333333%;
-  }
-
-  .sm\:pt-2\/12 {
-    padding-top: 16.666667%;
-  }
-
-  .sm\:pr-2\/12 {
-    padding-right: 16.666667%;
-  }
-
-  .sm\:pb-2\/12 {
-    padding-bottom: 16.666667%;
-  }
-
-  .sm\:pl-2\/12 {
-    padding-left: 16.666667%;
-  }
-
-  .sm\:pt-3\/12 {
-    padding-top: 25%;
-  }
-
-  .sm\:pr-3\/12 {
-    padding-right: 25%;
-  }
-
-  .sm\:pb-3\/12 {
-    padding-bottom: 25%;
-  }
-
-  .sm\:pl-3\/12 {
-    padding-left: 25%;
-  }
-
-  .sm\:pt-4\/12 {
-    padding-top: 33.333333%;
-  }
-
-  .sm\:pr-4\/12 {
-    padding-right: 33.333333%;
-  }
-
-  .sm\:pb-4\/12 {
-    padding-bottom: 33.333333%;
-  }
-
-  .sm\:pl-4\/12 {
-    padding-left: 33.333333%;
-  }
-
-  .sm\:pt-5\/12 {
-    padding-top: 41.666667%;
-  }
-
-  .sm\:pr-5\/12 {
-    padding-right: 41.666667%;
-  }
-
-  .sm\:pb-5\/12 {
-    padding-bottom: 41.666667%;
-  }
-
-  .sm\:pl-5\/12 {
-    padding-left: 41.666667%;
-  }
-
-  .sm\:pt-6\/12 {
-    padding-top: 50%;
-  }
-
-  .sm\:pr-6\/12 {
-    padding-right: 50%;
-  }
-
-  .sm\:pb-6\/12 {
-    padding-bottom: 50%;
-  }
-
-  .sm\:pl-6\/12 {
-    padding-left: 50%;
-  }
-
-  .sm\:pt-7\/12 {
-    padding-top: 58.333333%;
-  }
-
-  .sm\:pr-7\/12 {
-    padding-right: 58.333333%;
-  }
-
-  .sm\:pb-7\/12 {
-    padding-bottom: 58.333333%;
-  }
-
-  .sm\:pl-7\/12 {
-    padding-left: 58.333333%;
-  }
-
-  .sm\:pt-8\/12 {
-    padding-top: 66.666667%;
-  }
-
-  .sm\:pr-8\/12 {
-    padding-right: 66.666667%;
-  }
-
-  .sm\:pb-8\/12 {
-    padding-bottom: 66.666667%;
-  }
-
-  .sm\:pl-8\/12 {
-    padding-left: 66.666667%;
-  }
-
-  .sm\:pt-9\/12 {
-    padding-top: 75%;
-  }
-
-  .sm\:pr-9\/12 {
-    padding-right: 75%;
-  }
-
-  .sm\:pb-9\/12 {
-    padding-bottom: 75%;
-  }
-
-  .sm\:pl-9\/12 {
-    padding-left: 75%;
-  }
-
-  .sm\:pt-10\/12 {
-    padding-top: 83.333333%;
-  }
-
-  .sm\:pr-10\/12 {
-    padding-right: 83.333333%;
-  }
-
-  .sm\:pb-10\/12 {
-    padding-bottom: 83.333333%;
-  }
-
-  .sm\:pl-10\/12 {
-    padding-left: 83.333333%;
-  }
-
-  .sm\:pt-11\/12 {
-    padding-top: 91.666667%;
-  }
-
-  .sm\:pr-11\/12 {
-    padding-right: 91.666667%;
-  }
-
-  .sm\:pb-11\/12 {
-    padding-bottom: 91.666667%;
-  }
-
-  .sm\:pl-11\/12 {
-    padding-left: 91.666667%;
-  }
-
-  .sm\:pt-full {
-    padding-top: 100%;
-  }
-
-  .sm\:pr-full {
-    padding-right: 100%;
-  }
-
-  .sm\:pb-full {
-    padding-bottom: 100%;
-  }
-
-  .sm\:pl-full {
-    padding-left: 100%;
-  }
-
-  .sm\:placeholder-transparent::-moz-placeholder {
-    color: transparent;
-  }
-
-  .sm\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .sm\:placeholder-transparent::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .sm\:placeholder-transparent::placeholder {
-    color: transparent;
-  }
-
-  .sm\:placeholder-white::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-white:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-white::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-white::placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-black::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-black:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-black::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-black::placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-cool-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-red-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-orange-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-yellow-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-green-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-teal-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-blue-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-indigo-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-purple-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-pink-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-transparent:focus::-moz-placeholder {
-    color: transparent;
-  }
-
-  .sm\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .sm\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .sm\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
-  }
-
-  .sm\:focus\:placeholder-white:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-white:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-white:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-black:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-black:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-black:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-cool-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-red-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-orange-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-yellow-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-green-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-teal-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-blue-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-indigo-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-purple-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .sm\:focus\:placeholder-pink-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .sm\:placeholder-opacity-0::-moz-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .sm\:placeholder-opacity-0:-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .sm\:placeholder-opacity-0::-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .sm\:placeholder-opacity-0::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .sm\:placeholder-opacity-25::-moz-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .sm\:placeholder-opacity-25:-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .sm\:placeholder-opacity-25::-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .sm\:placeholder-opacity-25::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .sm\:placeholder-opacity-50::-moz-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .sm\:placeholder-opacity-50:-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .sm\:placeholder-opacity-50::-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .sm\:placeholder-opacity-50::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .sm\:placeholder-opacity-75::-moz-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .sm\:placeholder-opacity-75:-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .sm\:placeholder-opacity-75::-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .sm\:placeholder-opacity-75::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .sm\:placeholder-opacity-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .sm\:placeholder-opacity-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .sm\:placeholder-opacity-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .sm\:placeholder-opacity-100::placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .sm\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .sm\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .sm\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .sm\:focus\:placeholder-opacity-0:focus::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .sm\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .sm\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .sm\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .sm\:focus\:placeholder-opacity-25:focus::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .sm\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .sm\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .sm\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .sm\:focus\:placeholder-opacity-50:focus::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .sm\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .sm\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .sm\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .sm\:focus\:placeholder-opacity-75:focus::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .sm\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .sm\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .sm\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .sm\:focus\:placeholder-opacity-100:focus::placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .sm\:pointer-events-none {
-    pointer-events: none;
-  }
-
-  .sm\:pointer-events-auto {
-    pointer-events: auto;
-  }
-
-  .sm\:static {
-    position: static;
-  }
-
-  .sm\:fixed {
-    position: fixed;
-  }
-
-  .sm\:absolute {
-    position: absolute;
-  }
-
-  .sm\:relative {
-    position: relative;
-  }
-
-  .sm\:sticky {
-    position: -webkit-sticky;
-    position: sticky;
-  }
-
-  .sm\:inset-0 {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-  }
-
-  .sm\:inset-1 {
-    top: 0.25rem;
-    right: 0.25rem;
-    bottom: 0.25rem;
-    left: 0.25rem;
-  }
-
-  .sm\:inset-2 {
-    top: 0.5rem;
-    right: 0.5rem;
-    bottom: 0.5rem;
-    left: 0.5rem;
-  }
-
-  .sm\:inset-3 {
-    top: 0.75rem;
-    right: 0.75rem;
-    bottom: 0.75rem;
-    left: 0.75rem;
-  }
-
-  .sm\:inset-4 {
-    top: 1rem;
-    right: 1rem;
-    bottom: 1rem;
-    left: 1rem;
-  }
-
-  .sm\:inset-5 {
-    top: 1.25rem;
-    right: 1.25rem;
-    bottom: 1.25rem;
-    left: 1.25rem;
-  }
-
-  .sm\:inset-6 {
-    top: 1.5rem;
-    right: 1.5rem;
-    bottom: 1.5rem;
-    left: 1.5rem;
-  }
-
-  .sm\:inset-7 {
-    top: 1.75rem;
-    right: 1.75rem;
-    bottom: 1.75rem;
-    left: 1.75rem;
-  }
-
-  .sm\:inset-8 {
-    top: 2rem;
-    right: 2rem;
-    bottom: 2rem;
-    left: 2rem;
-  }
-
-  .sm\:inset-9 {
-    top: 2.25rem;
-    right: 2.25rem;
-    bottom: 2.25rem;
-    left: 2.25rem;
-  }
-
-  .sm\:inset-10 {
-    top: 2.5rem;
-    right: 2.5rem;
-    bottom: 2.5rem;
-    left: 2.5rem;
-  }
-
-  .sm\:inset-11 {
-    top: 2.75rem;
-    right: 2.75rem;
-    bottom: 2.75rem;
-    left: 2.75rem;
-  }
-
-  .sm\:inset-12 {
-    top: 3rem;
-    right: 3rem;
-    bottom: 3rem;
-    left: 3rem;
-  }
-
-  .sm\:inset-13 {
-    top: 3.25rem;
-    right: 3.25rem;
-    bottom: 3.25rem;
-    left: 3.25rem;
-  }
-
-  .sm\:inset-14 {
-    top: 3.5rem;
-    right: 3.5rem;
-    bottom: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .sm\:inset-15 {
-    top: 3.75rem;
-    right: 3.75rem;
-    bottom: 3.75rem;
-    left: 3.75rem;
-  }
-
-  .sm\:inset-16 {
-    top: 4rem;
-    right: 4rem;
-    bottom: 4rem;
-    left: 4rem;
-  }
-
-  .sm\:inset-20 {
-    top: 5rem;
-    right: 5rem;
-    bottom: 5rem;
-    left: 5rem;
-  }
-
-  .sm\:inset-24 {
-    top: 6rem;
-    right: 6rem;
-    bottom: 6rem;
-    left: 6rem;
-  }
-
-  .sm\:inset-28 {
-    top: 7rem;
-    right: 7rem;
-    bottom: 7rem;
-    left: 7rem;
-  }
-
-  .sm\:inset-32 {
-    top: 8rem;
-    right: 8rem;
-    bottom: 8rem;
-    left: 8rem;
-  }
-
-  .sm\:inset-36 {
-    top: 9rem;
-    right: 9rem;
-    bottom: 9rem;
-    left: 9rem;
-  }
-
-  .sm\:inset-40 {
-    top: 10rem;
-    right: 10rem;
-    bottom: 10rem;
-    left: 10rem;
-  }
-
-  .sm\:inset-48 {
-    top: 12rem;
-    right: 12rem;
-    bottom: 12rem;
-    left: 12rem;
-  }
-
-  .sm\:inset-56 {
-    top: 14rem;
-    right: 14rem;
-    bottom: 14rem;
-    left: 14rem;
-  }
-
-  .sm\:inset-60 {
-    top: 15rem;
-    right: 15rem;
-    bottom: 15rem;
-    left: 15rem;
-  }
-
-  .sm\:inset-64 {
-    top: 16rem;
-    right: 16rem;
-    bottom: 16rem;
-    left: 16rem;
-  }
-
-  .sm\:inset-72 {
-    top: 18rem;
-    right: 18rem;
-    bottom: 18rem;
-    left: 18rem;
-  }
-
-  .sm\:inset-80 {
-    top: 20rem;
-    right: 20rem;
-    bottom: 20rem;
-    left: 20rem;
-  }
-
-  .sm\:inset-96 {
-    top: 24rem;
-    right: 24rem;
-    bottom: 24rem;
-    left: 24rem;
-  }
-
-  .sm\:inset-auto {
-    top: auto;
-    right: auto;
-    bottom: auto;
-    left: auto;
-  }
-
-  .sm\:inset-px {
-    top: 1px;
-    right: 1px;
-    bottom: 1px;
-    left: 1px;
-  }
-
-  .sm\:inset-0\.5 {
-    top: 0.125rem;
-    right: 0.125rem;
-    bottom: 0.125rem;
-    left: 0.125rem;
-  }
-
-  .sm\:inset-1\.5 {
-    top: 0.375rem;
-    right: 0.375rem;
-    bottom: 0.375rem;
-    left: 0.375rem;
-  }
-
-  .sm\:inset-2\.5 {
-    top: 0.625rem;
-    right: 0.625rem;
-    bottom: 0.625rem;
-    left: 0.625rem;
-  }
-
-  .sm\:inset-3\.5 {
-    top: 0.875rem;
-    right: 0.875rem;
-    bottom: 0.875rem;
-    left: 0.875rem;
-  }
-
-  .sm\:inset-1\/2 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .sm\:inset-1\/3 {
-    top: 33.333333%;
-    right: 33.333333%;
-    bottom: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .sm\:inset-2\/3 {
-    top: 66.666667%;
-    right: 66.666667%;
-    bottom: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .sm\:inset-1\/4 {
-    top: 25%;
-    right: 25%;
-    bottom: 25%;
-    left: 25%;
-  }
-
-  .sm\:inset-2\/4 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .sm\:inset-3\/4 {
-    top: 75%;
-    right: 75%;
-    bottom: 75%;
-    left: 75%;
-  }
-
-  .sm\:inset-1\/5 {
-    top: 20%;
-    right: 20%;
-    bottom: 20%;
-    left: 20%;
-  }
-
-  .sm\:inset-2\/5 {
-    top: 40%;
-    right: 40%;
-    bottom: 40%;
-    left: 40%;
-  }
-
-  .sm\:inset-3\/5 {
-    top: 60%;
-    right: 60%;
-    bottom: 60%;
-    left: 60%;
-  }
-
-  .sm\:inset-4\/5 {
-    top: 80%;
-    right: 80%;
-    bottom: 80%;
-    left: 80%;
-  }
-
-  .sm\:inset-1\/6 {
-    top: 16.666667%;
-    right: 16.666667%;
-    bottom: 16.666667%;
-    left: 16.666667%;
-  }
-
-  .sm\:inset-2\/6 {
-    top: 33.333333%;
-    right: 33.333333%;
-    bottom: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .sm\:inset-3\/6 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .sm\:inset-4\/6 {
-    top: 66.666667%;
-    right: 66.666667%;
-    bottom: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .sm\:inset-5\/6 {
-    top: 83.333333%;
-    right: 83.333333%;
-    bottom: 83.333333%;
-    left: 83.333333%;
-  }
-
-  .sm\:inset-1\/12 {
-    top: 8.333333%;
-    right: 8.333333%;
-    bottom: 8.333333%;
-    left: 8.333333%;
-  }
-
-  .sm\:inset-2\/12 {
-    top: 16.666667%;
-    right: 16.666667%;
-    bottom: 16.666667%;
-    left: 16.666667%;
-  }
-
-  .sm\:inset-3\/12 {
-    top: 25%;
-    right: 25%;
-    bottom: 25%;
-    left: 25%;
-  }
-
-  .sm\:inset-4\/12 {
-    top: 33.333333%;
-    right: 33.333333%;
-    bottom: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .sm\:inset-5\/12 {
-    top: 41.666667%;
-    right: 41.666667%;
-    bottom: 41.666667%;
-    left: 41.666667%;
-  }
-
-  .sm\:inset-6\/12 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .sm\:inset-7\/12 {
-    top: 58.333333%;
-    right: 58.333333%;
-    bottom: 58.333333%;
-    left: 58.333333%;
-  }
-
-  .sm\:inset-8\/12 {
-    top: 66.666667%;
-    right: 66.666667%;
-    bottom: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .sm\:inset-9\/12 {
-    top: 75%;
-    right: 75%;
-    bottom: 75%;
-    left: 75%;
-  }
-
-  .sm\:inset-10\/12 {
-    top: 83.333333%;
-    right: 83.333333%;
-    bottom: 83.333333%;
-    left: 83.333333%;
-  }
-
-  .sm\:inset-11\/12 {
-    top: 91.666667%;
-    right: 91.666667%;
-    bottom: 91.666667%;
-    left: 91.666667%;
-  }
-
-  .sm\:inset-full {
-    top: 100%;
-    right: 100%;
-    bottom: 100%;
-    left: 100%;
-  }
-
-  .sm\:inset-y-0 {
-    top: 0;
-    bottom: 0;
-  }
-
-  .sm\:inset-x-0 {
-    right: 0;
-    left: 0;
-  }
-
-  .sm\:inset-y-1 {
-    top: 0.25rem;
-    bottom: 0.25rem;
-  }
-
-  .sm\:inset-x-1 {
-    right: 0.25rem;
-    left: 0.25rem;
-  }
-
-  .sm\:inset-y-2 {
-    top: 0.5rem;
-    bottom: 0.5rem;
-  }
-
-  .sm\:inset-x-2 {
-    right: 0.5rem;
-    left: 0.5rem;
-  }
-
-  .sm\:inset-y-3 {
-    top: 0.75rem;
-    bottom: 0.75rem;
-  }
-
-  .sm\:inset-x-3 {
-    right: 0.75rem;
-    left: 0.75rem;
-  }
-
-  .sm\:inset-y-4 {
-    top: 1rem;
-    bottom: 1rem;
-  }
-
-  .sm\:inset-x-4 {
-    right: 1rem;
-    left: 1rem;
-  }
-
-  .sm\:inset-y-5 {
-    top: 1.25rem;
-    bottom: 1.25rem;
-  }
-
-  .sm\:inset-x-5 {
-    right: 1.25rem;
-    left: 1.25rem;
-  }
-
-  .sm\:inset-y-6 {
-    top: 1.5rem;
-    bottom: 1.5rem;
-  }
-
-  .sm\:inset-x-6 {
-    right: 1.5rem;
-    left: 1.5rem;
-  }
-
-  .sm\:inset-y-7 {
-    top: 1.75rem;
-    bottom: 1.75rem;
-  }
-
-  .sm\:inset-x-7 {
-    right: 1.75rem;
-    left: 1.75rem;
-  }
-
-  .sm\:inset-y-8 {
-    top: 2rem;
-    bottom: 2rem;
-  }
-
-  .sm\:inset-x-8 {
-    right: 2rem;
-    left: 2rem;
-  }
-
-  .sm\:inset-y-9 {
-    top: 2.25rem;
-    bottom: 2.25rem;
-  }
-
-  .sm\:inset-x-9 {
-    right: 2.25rem;
-    left: 2.25rem;
-  }
-
-  .sm\:inset-y-10 {
-    top: 2.5rem;
-    bottom: 2.5rem;
-  }
-
-  .sm\:inset-x-10 {
-    right: 2.5rem;
-    left: 2.5rem;
-  }
-
-  .sm\:inset-y-11 {
-    top: 2.75rem;
-    bottom: 2.75rem;
-  }
-
-  .sm\:inset-x-11 {
-    right: 2.75rem;
-    left: 2.75rem;
-  }
-
-  .sm\:inset-y-12 {
-    top: 3rem;
-    bottom: 3rem;
-  }
-
-  .sm\:inset-x-12 {
-    right: 3rem;
-    left: 3rem;
-  }
-
-  .sm\:inset-y-13 {
-    top: 3.25rem;
-    bottom: 3.25rem;
-  }
-
-  .sm\:inset-x-13 {
-    right: 3.25rem;
-    left: 3.25rem;
-  }
-
-  .sm\:inset-y-14 {
-    top: 3.5rem;
-    bottom: 3.5rem;
-  }
-
-  .sm\:inset-x-14 {
-    right: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .sm\:inset-y-15 {
-    top: 3.75rem;
-    bottom: 3.75rem;
-  }
-
-  .sm\:inset-x-15 {
-    right: 3.75rem;
-    left: 3.75rem;
-  }
-
-  .sm\:inset-y-16 {
-    top: 4rem;
-    bottom: 4rem;
-  }
-
-  .sm\:inset-x-16 {
-    right: 4rem;
-    left: 4rem;
-  }
-
-  .sm\:inset-y-20 {
-    top: 5rem;
-    bottom: 5rem;
-  }
-
-  .sm\:inset-x-20 {
-    right: 5rem;
-    left: 5rem;
-  }
-
-  .sm\:inset-y-24 {
-    top: 6rem;
-    bottom: 6rem;
-  }
-
-  .sm\:inset-x-24 {
-    right: 6rem;
-    left: 6rem;
-  }
-
-  .sm\:inset-y-28 {
-    top: 7rem;
-    bottom: 7rem;
-  }
-
-  .sm\:inset-x-28 {
-    right: 7rem;
-    left: 7rem;
-  }
-
-  .sm\:inset-y-32 {
-    top: 8rem;
-    bottom: 8rem;
-  }
-
-  .sm\:inset-x-32 {
-    right: 8rem;
-    left: 8rem;
-  }
-
-  .sm\:inset-y-36 {
-    top: 9rem;
-    bottom: 9rem;
-  }
-
-  .sm\:inset-x-36 {
-    right: 9rem;
-    left: 9rem;
-  }
-
-  .sm\:inset-y-40 {
-    top: 10rem;
-    bottom: 10rem;
-  }
-
-  .sm\:inset-x-40 {
-    right: 10rem;
-    left: 10rem;
-  }
-
-  .sm\:inset-y-48 {
-    top: 12rem;
-    bottom: 12rem;
-  }
-
-  .sm\:inset-x-48 {
-    right: 12rem;
-    left: 12rem;
-  }
-
-  .sm\:inset-y-56 {
-    top: 14rem;
-    bottom: 14rem;
-  }
-
-  .sm\:inset-x-56 {
-    right: 14rem;
-    left: 14rem;
-  }
-
-  .sm\:inset-y-60 {
-    top: 15rem;
-    bottom: 15rem;
-  }
-
-  .sm\:inset-x-60 {
-    right: 15rem;
-    left: 15rem;
-  }
-
-  .sm\:inset-y-64 {
-    top: 16rem;
-    bottom: 16rem;
-  }
-
-  .sm\:inset-x-64 {
-    right: 16rem;
-    left: 16rem;
-  }
-
-  .sm\:inset-y-72 {
-    top: 18rem;
-    bottom: 18rem;
-  }
-
-  .sm\:inset-x-72 {
-    right: 18rem;
-    left: 18rem;
-  }
-
-  .sm\:inset-y-80 {
-    top: 20rem;
-    bottom: 20rem;
-  }
-
-  .sm\:inset-x-80 {
-    right: 20rem;
-    left: 20rem;
-  }
-
-  .sm\:inset-y-96 {
-    top: 24rem;
-    bottom: 24rem;
-  }
-
-  .sm\:inset-x-96 {
-    right: 24rem;
-    left: 24rem;
-  }
-
-  .sm\:inset-y-auto {
-    top: auto;
-    bottom: auto;
-  }
-
-  .sm\:inset-x-auto {
-    right: auto;
-    left: auto;
-  }
-
-  .sm\:inset-y-px {
-    top: 1px;
-    bottom: 1px;
-  }
-
-  .sm\:inset-x-px {
-    right: 1px;
-    left: 1px;
-  }
-
-  .sm\:inset-y-0\.5 {
-    top: 0.125rem;
-    bottom: 0.125rem;
-  }
-
-  .sm\:inset-x-0\.5 {
-    right: 0.125rem;
-    left: 0.125rem;
-  }
-
-  .sm\:inset-y-1\.5 {
-    top: 0.375rem;
-    bottom: 0.375rem;
-  }
-
-  .sm\:inset-x-1\.5 {
-    right: 0.375rem;
-    left: 0.375rem;
-  }
-
-  .sm\:inset-y-2\.5 {
-    top: 0.625rem;
-    bottom: 0.625rem;
-  }
-
-  .sm\:inset-x-2\.5 {
-    right: 0.625rem;
-    left: 0.625rem;
-  }
-
-  .sm\:inset-y-3\.5 {
-    top: 0.875rem;
-    bottom: 0.875rem;
-  }
-
-  .sm\:inset-x-3\.5 {
-    right: 0.875rem;
-    left: 0.875rem;
-  }
-
-  .sm\:inset-y-1\/2 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .sm\:inset-x-1\/2 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .sm\:inset-y-1\/3 {
-    top: 33.333333%;
-    bottom: 33.333333%;
-  }
-
-  .sm\:inset-x-1\/3 {
-    right: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .sm\:inset-y-2\/3 {
-    top: 66.666667%;
-    bottom: 66.666667%;
-  }
-
-  .sm\:inset-x-2\/3 {
-    right: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .sm\:inset-y-1\/4 {
-    top: 25%;
-    bottom: 25%;
-  }
-
-  .sm\:inset-x-1\/4 {
-    right: 25%;
-    left: 25%;
-  }
-
-  .sm\:inset-y-2\/4 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .sm\:inset-x-2\/4 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .sm\:inset-y-3\/4 {
-    top: 75%;
-    bottom: 75%;
-  }
-
-  .sm\:inset-x-3\/4 {
-    right: 75%;
-    left: 75%;
-  }
-
-  .sm\:inset-y-1\/5 {
-    top: 20%;
-    bottom: 20%;
-  }
-
-  .sm\:inset-x-1\/5 {
-    right: 20%;
-    left: 20%;
-  }
-
-  .sm\:inset-y-2\/5 {
-    top: 40%;
-    bottom: 40%;
-  }
-
-  .sm\:inset-x-2\/5 {
-    right: 40%;
-    left: 40%;
-  }
-
-  .sm\:inset-y-3\/5 {
-    top: 60%;
-    bottom: 60%;
-  }
-
-  .sm\:inset-x-3\/5 {
-    right: 60%;
-    left: 60%;
-  }
-
-  .sm\:inset-y-4\/5 {
-    top: 80%;
-    bottom: 80%;
-  }
-
-  .sm\:inset-x-4\/5 {
-    right: 80%;
-    left: 80%;
-  }
-
-  .sm\:inset-y-1\/6 {
-    top: 16.666667%;
-    bottom: 16.666667%;
-  }
-
-  .sm\:inset-x-1\/6 {
-    right: 16.666667%;
-    left: 16.666667%;
-  }
-
-  .sm\:inset-y-2\/6 {
-    top: 33.333333%;
-    bottom: 33.333333%;
-  }
-
-  .sm\:inset-x-2\/6 {
-    right: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .sm\:inset-y-3\/6 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .sm\:inset-x-3\/6 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .sm\:inset-y-4\/6 {
-    top: 66.666667%;
-    bottom: 66.666667%;
-  }
-
-  .sm\:inset-x-4\/6 {
-    right: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .sm\:inset-y-5\/6 {
-    top: 83.333333%;
-    bottom: 83.333333%;
-  }
-
-  .sm\:inset-x-5\/6 {
-    right: 83.333333%;
-    left: 83.333333%;
-  }
-
-  .sm\:inset-y-1\/12 {
-    top: 8.333333%;
-    bottom: 8.333333%;
-  }
-
-  .sm\:inset-x-1\/12 {
-    right: 8.333333%;
-    left: 8.333333%;
-  }
-
-  .sm\:inset-y-2\/12 {
-    top: 16.666667%;
-    bottom: 16.666667%;
-  }
-
-  .sm\:inset-x-2\/12 {
-    right: 16.666667%;
-    left: 16.666667%;
-  }
-
-  .sm\:inset-y-3\/12 {
-    top: 25%;
-    bottom: 25%;
-  }
-
-  .sm\:inset-x-3\/12 {
-    right: 25%;
-    left: 25%;
-  }
-
-  .sm\:inset-y-4\/12 {
-    top: 33.333333%;
-    bottom: 33.333333%;
-  }
-
-  .sm\:inset-x-4\/12 {
-    right: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .sm\:inset-y-5\/12 {
-    top: 41.666667%;
-    bottom: 41.666667%;
-  }
-
-  .sm\:inset-x-5\/12 {
-    right: 41.666667%;
-    left: 41.666667%;
-  }
-
-  .sm\:inset-y-6\/12 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .sm\:inset-x-6\/12 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .sm\:inset-y-7\/12 {
-    top: 58.333333%;
-    bottom: 58.333333%;
-  }
-
-  .sm\:inset-x-7\/12 {
-    right: 58.333333%;
-    left: 58.333333%;
-  }
-
-  .sm\:inset-y-8\/12 {
-    top: 66.666667%;
-    bottom: 66.666667%;
-  }
-
-  .sm\:inset-x-8\/12 {
-    right: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .sm\:inset-y-9\/12 {
-    top: 75%;
-    bottom: 75%;
-  }
-
-  .sm\:inset-x-9\/12 {
-    right: 75%;
-    left: 75%;
-  }
-
-  .sm\:inset-y-10\/12 {
-    top: 83.333333%;
-    bottom: 83.333333%;
-  }
-
-  .sm\:inset-x-10\/12 {
-    right: 83.333333%;
-    left: 83.333333%;
-  }
-
-  .sm\:inset-y-11\/12 {
-    top: 91.666667%;
-    bottom: 91.666667%;
-  }
-
-  .sm\:inset-x-11\/12 {
-    right: 91.666667%;
-    left: 91.666667%;
-  }
-
-  .sm\:inset-y-full {
-    top: 100%;
-    bottom: 100%;
-  }
-
-  .sm\:inset-x-full {
-    right: 100%;
-    left: 100%;
-  }
-
-  .sm\:top-0 {
-    top: 0;
-  }
-
-  .sm\:right-0 {
-    right: 0;
-  }
-
-  .sm\:bottom-0 {
-    bottom: 0;
-  }
-
-  .sm\:left-0 {
-    left: 0;
-  }
-
-  .sm\:top-1 {
-    top: 0.25rem;
-  }
-
-  .sm\:right-1 {
-    right: 0.25rem;
-  }
-
-  .sm\:bottom-1 {
-    bottom: 0.25rem;
-  }
-
-  .sm\:left-1 {
-    left: 0.25rem;
-  }
-
-  .sm\:top-2 {
-    top: 0.5rem;
-  }
-
-  .sm\:right-2 {
-    right: 0.5rem;
-  }
-
-  .sm\:bottom-2 {
-    bottom: 0.5rem;
-  }
-
-  .sm\:left-2 {
-    left: 0.5rem;
-  }
-
-  .sm\:top-3 {
-    top: 0.75rem;
-  }
-
-  .sm\:right-3 {
-    right: 0.75rem;
-  }
-
-  .sm\:bottom-3 {
-    bottom: 0.75rem;
-  }
-
-  .sm\:left-3 {
-    left: 0.75rem;
-  }
-
-  .sm\:top-4 {
-    top: 1rem;
-  }
-
-  .sm\:right-4 {
-    right: 1rem;
-  }
-
-  .sm\:bottom-4 {
-    bottom: 1rem;
-  }
-
-  .sm\:left-4 {
-    left: 1rem;
-  }
-
-  .sm\:top-5 {
-    top: 1.25rem;
-  }
-
-  .sm\:right-5 {
-    right: 1.25rem;
-  }
-
-  .sm\:bottom-5 {
-    bottom: 1.25rem;
-  }
-
-  .sm\:left-5 {
-    left: 1.25rem;
-  }
-
-  .sm\:top-6 {
-    top: 1.5rem;
-  }
-
-  .sm\:right-6 {
-    right: 1.5rem;
-  }
-
-  .sm\:bottom-6 {
-    bottom: 1.5rem;
-  }
-
-  .sm\:left-6 {
-    left: 1.5rem;
-  }
-
-  .sm\:top-7 {
-    top: 1.75rem;
-  }
-
-  .sm\:right-7 {
-    right: 1.75rem;
-  }
-
-  .sm\:bottom-7 {
-    bottom: 1.75rem;
-  }
-
-  .sm\:left-7 {
-    left: 1.75rem;
-  }
-
-  .sm\:top-8 {
-    top: 2rem;
-  }
-
-  .sm\:right-8 {
-    right: 2rem;
-  }
-
-  .sm\:bottom-8 {
-    bottom: 2rem;
-  }
-
-  .sm\:left-8 {
-    left: 2rem;
-  }
-
-  .sm\:top-9 {
-    top: 2.25rem;
-  }
-
-  .sm\:right-9 {
-    right: 2.25rem;
-  }
-
-  .sm\:bottom-9 {
-    bottom: 2.25rem;
-  }
-
-  .sm\:left-9 {
-    left: 2.25rem;
-  }
-
-  .sm\:top-10 {
-    top: 2.5rem;
-  }
-
-  .sm\:right-10 {
-    right: 2.5rem;
-  }
-
-  .sm\:bottom-10 {
-    bottom: 2.5rem;
-  }
-
-  .sm\:left-10 {
-    left: 2.5rem;
-  }
-
-  .sm\:top-11 {
-    top: 2.75rem;
-  }
-
-  .sm\:right-11 {
-    right: 2.75rem;
-  }
-
-  .sm\:bottom-11 {
-    bottom: 2.75rem;
-  }
-
-  .sm\:left-11 {
-    left: 2.75rem;
-  }
-
-  .sm\:top-12 {
-    top: 3rem;
-  }
-
-  .sm\:right-12 {
-    right: 3rem;
-  }
-
-  .sm\:bottom-12 {
-    bottom: 3rem;
-  }
-
-  .sm\:left-12 {
-    left: 3rem;
-  }
-
-  .sm\:top-13 {
-    top: 3.25rem;
-  }
-
-  .sm\:right-13 {
-    right: 3.25rem;
-  }
-
-  .sm\:bottom-13 {
-    bottom: 3.25rem;
-  }
-
-  .sm\:left-13 {
-    left: 3.25rem;
-  }
-
-  .sm\:top-14 {
-    top: 3.5rem;
-  }
-
-  .sm\:right-14 {
-    right: 3.5rem;
-  }
-
-  .sm\:bottom-14 {
-    bottom: 3.5rem;
-  }
-
-  .sm\:left-14 {
-    left: 3.5rem;
-  }
-
-  .sm\:top-15 {
-    top: 3.75rem;
-  }
-
-  .sm\:right-15 {
-    right: 3.75rem;
-  }
-
-  .sm\:bottom-15 {
-    bottom: 3.75rem;
-  }
-
-  .sm\:left-15 {
-    left: 3.75rem;
-  }
-
-  .sm\:top-16 {
-    top: 4rem;
-  }
-
-  .sm\:right-16 {
-    right: 4rem;
-  }
-
-  .sm\:bottom-16 {
-    bottom: 4rem;
-  }
-
-  .sm\:left-16 {
-    left: 4rem;
-  }
-
-  .sm\:top-20 {
-    top: 5rem;
-  }
-
-  .sm\:right-20 {
-    right: 5rem;
-  }
-
-  .sm\:bottom-20 {
-    bottom: 5rem;
-  }
-
-  .sm\:left-20 {
-    left: 5rem;
-  }
-
-  .sm\:top-24 {
-    top: 6rem;
-  }
-
-  .sm\:right-24 {
-    right: 6rem;
-  }
-
-  .sm\:bottom-24 {
-    bottom: 6rem;
-  }
-
-  .sm\:left-24 {
-    left: 6rem;
-  }
-
-  .sm\:top-28 {
-    top: 7rem;
-  }
-
-  .sm\:right-28 {
-    right: 7rem;
-  }
-
-  .sm\:bottom-28 {
-    bottom: 7rem;
-  }
-
-  .sm\:left-28 {
-    left: 7rem;
-  }
-
-  .sm\:top-32 {
-    top: 8rem;
-  }
-
-  .sm\:right-32 {
-    right: 8rem;
-  }
-
-  .sm\:bottom-32 {
-    bottom: 8rem;
-  }
-
-  .sm\:left-32 {
-    left: 8rem;
-  }
-
-  .sm\:top-36 {
-    top: 9rem;
-  }
-
-  .sm\:right-36 {
-    right: 9rem;
-  }
-
-  .sm\:bottom-36 {
-    bottom: 9rem;
-  }
-
-  .sm\:left-36 {
-    left: 9rem;
-  }
-
-  .sm\:top-40 {
-    top: 10rem;
-  }
-
-  .sm\:right-40 {
-    right: 10rem;
-  }
-
-  .sm\:bottom-40 {
-    bottom: 10rem;
-  }
-
-  .sm\:left-40 {
-    left: 10rem;
-  }
-
-  .sm\:top-48 {
-    top: 12rem;
-  }
-
-  .sm\:right-48 {
-    right: 12rem;
-  }
-
-  .sm\:bottom-48 {
-    bottom: 12rem;
-  }
-
-  .sm\:left-48 {
-    left: 12rem;
-  }
-
-  .sm\:top-56 {
-    top: 14rem;
-  }
-
-  .sm\:right-56 {
-    right: 14rem;
-  }
-
-  .sm\:bottom-56 {
-    bottom: 14rem;
-  }
-
-  .sm\:left-56 {
-    left: 14rem;
-  }
-
-  .sm\:top-60 {
-    top: 15rem;
-  }
-
-  .sm\:right-60 {
-    right: 15rem;
-  }
-
-  .sm\:bottom-60 {
-    bottom: 15rem;
-  }
-
-  .sm\:left-60 {
-    left: 15rem;
-  }
-
-  .sm\:top-64 {
-    top: 16rem;
-  }
-
-  .sm\:right-64 {
-    right: 16rem;
-  }
-
-  .sm\:bottom-64 {
-    bottom: 16rem;
-  }
-
-  .sm\:left-64 {
-    left: 16rem;
-  }
-
-  .sm\:top-72 {
-    top: 18rem;
-  }
-
-  .sm\:right-72 {
-    right: 18rem;
-  }
-
-  .sm\:bottom-72 {
-    bottom: 18rem;
-  }
-
-  .sm\:left-72 {
-    left: 18rem;
-  }
-
-  .sm\:top-80 {
-    top: 20rem;
-  }
-
-  .sm\:right-80 {
-    right: 20rem;
-  }
-
-  .sm\:bottom-80 {
-    bottom: 20rem;
-  }
-
-  .sm\:left-80 {
-    left: 20rem;
-  }
-
-  .sm\:top-96 {
-    top: 24rem;
-  }
-
-  .sm\:right-96 {
-    right: 24rem;
-  }
-
-  .sm\:bottom-96 {
-    bottom: 24rem;
-  }
-
-  .sm\:left-96 {
-    left: 24rem;
-  }
-
-  .sm\:top-auto {
-    top: auto;
-  }
-
-  .sm\:right-auto {
-    right: auto;
-  }
-
-  .sm\:bottom-auto {
-    bottom: auto;
-  }
-
-  .sm\:left-auto {
-    left: auto;
-  }
-
-  .sm\:top-px {
-    top: 1px;
-  }
-
-  .sm\:right-px {
-    right: 1px;
-  }
-
-  .sm\:bottom-px {
-    bottom: 1px;
-  }
-
-  .sm\:left-px {
-    left: 1px;
-  }
-
-  .sm\:top-0\.5 {
-    top: 0.125rem;
-  }
-
-  .sm\:right-0\.5 {
-    right: 0.125rem;
-  }
-
-  .sm\:bottom-0\.5 {
-    bottom: 0.125rem;
-  }
-
-  .sm\:left-0\.5 {
-    left: 0.125rem;
-  }
-
-  .sm\:top-1\.5 {
-    top: 0.375rem;
-  }
-
-  .sm\:right-1\.5 {
-    right: 0.375rem;
-  }
-
-  .sm\:bottom-1\.5 {
-    bottom: 0.375rem;
-  }
-
-  .sm\:left-1\.5 {
-    left: 0.375rem;
-  }
-
-  .sm\:top-2\.5 {
-    top: 0.625rem;
-  }
-
-  .sm\:right-2\.5 {
-    right: 0.625rem;
-  }
-
-  .sm\:bottom-2\.5 {
-    bottom: 0.625rem;
-  }
-
-  .sm\:left-2\.5 {
-    left: 0.625rem;
-  }
-
-  .sm\:top-3\.5 {
-    top: 0.875rem;
-  }
-
-  .sm\:right-3\.5 {
-    right: 0.875rem;
-  }
-
-  .sm\:bottom-3\.5 {
-    bottom: 0.875rem;
-  }
-
-  .sm\:left-3\.5 {
-    left: 0.875rem;
-  }
-
-  .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\:top-1\/3 {
-    top: 33.333333%;
-  }
-
-  .sm\:right-1\/3 {
-    right: 33.333333%;
-  }
-
-  .sm\:bottom-1\/3 {
-    bottom: 33.333333%;
-  }
-
-  .sm\:left-1\/3 {
-    left: 33.333333%;
-  }
-
-  .sm\:top-2\/3 {
-    top: 66.666667%;
-  }
-
-  .sm\:right-2\/3 {
-    right: 66.666667%;
-  }
-
-  .sm\:bottom-2\/3 {
-    bottom: 66.666667%;
-  }
-
-  .sm\:left-2\/3 {
-    left: 66.666667%;
-  }
-
-  .sm\:top-1\/4 {
-    top: 25%;
-  }
-
-  .sm\:right-1\/4 {
-    right: 25%;
-  }
-
-  .sm\:bottom-1\/4 {
-    bottom: 25%;
-  }
-
-  .sm\:left-1\/4 {
-    left: 25%;
-  }
-
-  .sm\:top-2\/4 {
-    top: 50%;
-  }
-
-  .sm\:right-2\/4 {
-    right: 50%;
-  }
-
-  .sm\:bottom-2\/4 {
-    bottom: 50%;
-  }
-
-  .sm\:left-2\/4 {
-    left: 50%;
-  }
-
-  .sm\:top-3\/4 {
-    top: 75%;
-  }
-
-  .sm\:right-3\/4 {
-    right: 75%;
-  }
-
-  .sm\:bottom-3\/4 {
-    bottom: 75%;
-  }
-
-  .sm\:left-3\/4 {
-    left: 75%;
-  }
-
-  .sm\:top-1\/5 {
-    top: 20%;
-  }
-
-  .sm\:right-1\/5 {
-    right: 20%;
-  }
-
-  .sm\:bottom-1\/5 {
-    bottom: 20%;
-  }
-
-  .sm\:left-1\/5 {
-    left: 20%;
-  }
-
-  .sm\:top-2\/5 {
-    top: 40%;
-  }
-
-  .sm\:right-2\/5 {
-    right: 40%;
-  }
-
-  .sm\:bottom-2\/5 {
-    bottom: 40%;
-  }
-
-  .sm\:left-2\/5 {
-    left: 40%;
-  }
-
-  .sm\:top-3\/5 {
-    top: 60%;
-  }
-
-  .sm\:right-3\/5 {
-    right: 60%;
-  }
-
-  .sm\:bottom-3\/5 {
-    bottom: 60%;
-  }
-
-  .sm\:left-3\/5 {
-    left: 60%;
-  }
-
-  .sm\:top-4\/5 {
-    top: 80%;
-  }
-
-  .sm\:right-4\/5 {
-    right: 80%;
-  }
-
-  .sm\:bottom-4\/5 {
-    bottom: 80%;
-  }
-
-  .sm\:left-4\/5 {
-    left: 80%;
-  }
-
-  .sm\:top-1\/6 {
-    top: 16.666667%;
-  }
-
-  .sm\:right-1\/6 {
-    right: 16.666667%;
-  }
-
-  .sm\:bottom-1\/6 {
-    bottom: 16.666667%;
-  }
-
-  .sm\:left-1\/6 {
-    left: 16.666667%;
-  }
-
-  .sm\:top-2\/6 {
-    top: 33.333333%;
-  }
-
-  .sm\:right-2\/6 {
-    right: 33.333333%;
-  }
-
-  .sm\:bottom-2\/6 {
-    bottom: 33.333333%;
-  }
-
-  .sm\:left-2\/6 {
-    left: 33.333333%;
-  }
-
-  .sm\:top-3\/6 {
-    top: 50%;
-  }
-
-  .sm\:right-3\/6 {
-    right: 50%;
-  }
-
-  .sm\:bottom-3\/6 {
-    bottom: 50%;
-  }
-
-  .sm\:left-3\/6 {
-    left: 50%;
-  }
-
-  .sm\:top-4\/6 {
-    top: 66.666667%;
-  }
-
-  .sm\:right-4\/6 {
-    right: 66.666667%;
-  }
-
-  .sm\:bottom-4\/6 {
-    bottom: 66.666667%;
-  }
-
-  .sm\:left-4\/6 {
-    left: 66.666667%;
-  }
-
-  .sm\:top-5\/6 {
-    top: 83.333333%;
-  }
-
-  .sm\:right-5\/6 {
-    right: 83.333333%;
-  }
-
-  .sm\:bottom-5\/6 {
-    bottom: 83.333333%;
-  }
-
-  .sm\:left-5\/6 {
-    left: 83.333333%;
-  }
-
-  .sm\:top-1\/12 {
-    top: 8.333333%;
-  }
-
-  .sm\:right-1\/12 {
-    right: 8.333333%;
-  }
-
-  .sm\:bottom-1\/12 {
-    bottom: 8.333333%;
-  }
-
-  .sm\:left-1\/12 {
-    left: 8.333333%;
-  }
-
-  .sm\:top-2\/12 {
-    top: 16.666667%;
-  }
-
-  .sm\:right-2\/12 {
-    right: 16.666667%;
-  }
-
-  .sm\:bottom-2\/12 {
-    bottom: 16.666667%;
-  }
-
-  .sm\:left-2\/12 {
-    left: 16.666667%;
-  }
-
-  .sm\:top-3\/12 {
-    top: 25%;
-  }
-
-  .sm\:right-3\/12 {
-    right: 25%;
-  }
-
-  .sm\:bottom-3\/12 {
-    bottom: 25%;
-  }
-
-  .sm\:left-3\/12 {
-    left: 25%;
-  }
-
-  .sm\:top-4\/12 {
-    top: 33.333333%;
-  }
-
-  .sm\:right-4\/12 {
-    right: 33.333333%;
-  }
-
-  .sm\:bottom-4\/12 {
-    bottom: 33.333333%;
-  }
-
-  .sm\:left-4\/12 {
-    left: 33.333333%;
-  }
-
-  .sm\:top-5\/12 {
-    top: 41.666667%;
-  }
-
-  .sm\:right-5\/12 {
-    right: 41.666667%;
-  }
-
-  .sm\:bottom-5\/12 {
-    bottom: 41.666667%;
-  }
-
-  .sm\:left-5\/12 {
-    left: 41.666667%;
-  }
-
-  .sm\:top-6\/12 {
-    top: 50%;
-  }
-
-  .sm\:right-6\/12 {
-    right: 50%;
-  }
-
-  .sm\:bottom-6\/12 {
-    bottom: 50%;
-  }
-
-  .sm\:left-6\/12 {
-    left: 50%;
-  }
-
-  .sm\:top-7\/12 {
-    top: 58.333333%;
-  }
-
-  .sm\:right-7\/12 {
-    right: 58.333333%;
-  }
-
-  .sm\:bottom-7\/12 {
-    bottom: 58.333333%;
-  }
-
-  .sm\:left-7\/12 {
-    left: 58.333333%;
-  }
-
-  .sm\:top-8\/12 {
-    top: 66.666667%;
-  }
-
-  .sm\:right-8\/12 {
-    right: 66.666667%;
-  }
-
-  .sm\:bottom-8\/12 {
-    bottom: 66.666667%;
-  }
-
-  .sm\:left-8\/12 {
-    left: 66.666667%;
-  }
-
-  .sm\:top-9\/12 {
-    top: 75%;
-  }
-
-  .sm\:right-9\/12 {
-    right: 75%;
-  }
-
-  .sm\:bottom-9\/12 {
-    bottom: 75%;
-  }
-
-  .sm\:left-9\/12 {
-    left: 75%;
-  }
-
-  .sm\:top-10\/12 {
-    top: 83.333333%;
-  }
-
-  .sm\:right-10\/12 {
-    right: 83.333333%;
-  }
-
-  .sm\:bottom-10\/12 {
-    bottom: 83.333333%;
-  }
-
-  .sm\:left-10\/12 {
-    left: 83.333333%;
-  }
-
-  .sm\:top-11\/12 {
-    top: 91.666667%;
-  }
-
-  .sm\:right-11\/12 {
-    right: 91.666667%;
-  }
-
-  .sm\:bottom-11\/12 {
-    bottom: 91.666667%;
-  }
-
-  .sm\:left-11\/12 {
-    left: 91.666667%;
-  }
-
-  .sm\:top-full {
-    top: 100%;
-  }
-
-  .sm\:right-full {
-    right: 100%;
-  }
-
-  .sm\:bottom-full {
-    bottom: 100%;
-  }
-
-  .sm\:left-full {
-    left: 100%;
-  }
-
-  .sm\:resize-none {
-    resize: none;
-  }
-
-  .sm\:resize-y {
-    resize: vertical;
-  }
-
-  .sm\:resize-x {
-    resize: horizontal;
-  }
-
-  .sm\:resize {
-    resize: both;
-  }
-
-  .sm\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .sm\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .sm\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .sm\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .sm\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .sm\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .sm\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .sm\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .sm\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .sm\:shadow-none {
-    box-shadow: none;
-  }
-
-  .sm\:shadow-solid {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .sm\:shadow-outline-gray {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .sm\:shadow-outline-blue {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .sm\:shadow-outline-teal {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .sm\:shadow-outline-green {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .sm\:shadow-outline-yellow {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .sm\:shadow-outline-orange {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .sm\:shadow-outline-red {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .sm\:shadow-outline-pink {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .sm\:shadow-outline-purple {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .sm\:shadow-outline-indigo {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .sm\:group-focus\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-none {
-    box-shadow: none;
-  }
-
-  .group:focus .sm\:group-focus\:shadow-solid {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-gray {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-blue {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-teal {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-green {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-yellow {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-orange {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-red {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-pink {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-purple {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .group:focus .sm\:group-focus\:shadow-outline-indigo {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .sm\:hover\:shadow-xs:hover {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .sm\:hover\:shadow-sm:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .sm\: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);
-  }
-
-  .sm\: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);
-  }
-
-  .sm\: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);
-  }
-
-  .sm\: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);
-  }
-
-  .sm\:hover\:shadow-2xl:hover {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .sm\:hover\:shadow-inner:hover {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .sm\:hover\:shadow-outline:hover {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .sm\:hover\:shadow-none:hover {
-    box-shadow: none;
-  }
-
-  .sm\:hover\:shadow-solid:hover {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .sm\:hover\:shadow-outline-gray:hover {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-blue:hover {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-teal:hover {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-green:hover {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-yellow:hover {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-orange:hover {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-red:hover {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-pink:hover {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-purple:hover {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .sm\:hover\:shadow-outline-indigo:hover {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .sm\:focus\:shadow-xs:focus {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .sm\:focus\:shadow-sm:focus {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .sm\: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);
-  }
-
-  .sm\: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);
-  }
-
-  .sm\: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);
-  }
-
-  .sm\: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);
-  }
-
-  .sm\:focus\:shadow-2xl:focus {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .sm\:focus\:shadow-inner:focus {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .sm\:focus\:shadow-outline:focus {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .sm\:focus\:shadow-none:focus {
-    box-shadow: none;
-  }
-
-  .sm\:focus\:shadow-solid:focus {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .sm\:focus\:shadow-outline-gray:focus {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .sm\:focus\:shadow-outline-blue:focus {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .sm\:focus\:shadow-outline-teal:focus {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .sm\:focus\:shadow-outline-green:focus {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .sm\:focus\:shadow-outline-yellow:focus {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .sm\:focus\:shadow-outline-orange:focus {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .sm\:focus\:shadow-outline-red:focus {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .sm\:focus\:shadow-outline-pink:focus {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .sm\:focus\:shadow-outline-purple:focus {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .sm\:focus\:shadow-outline-indigo:focus {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .sm\:fill-current {
-    fill: currentColor;
-  }
-
-  .sm\:stroke-current {
-    stroke: currentColor;
-  }
-
-  .sm\:stroke-0 {
-    stroke-width: 0;
-  }
-
-  .sm\:stroke-1 {
-    stroke-width: 1;
-  }
-
-  .sm\:stroke-2 {
-    stroke-width: 2;
-  }
-
-  .sm\:table-auto {
-    table-layout: auto;
-  }
-
-  .sm\:table-fixed {
-    table-layout: fixed;
-  }
-
-  .sm\:text-left {
-    text-align: left;
-  }
-
-  .sm\:text-center {
-    text-align: center;
-  }
-
-  .sm\:text-right {
-    text-align: right;
-  }
-
-  .sm\:text-justify {
-    text-align: justify;
-  }
-
-  .sm\:text-transparent {
-    color: transparent;
-  }
-
-  .sm\:text-white {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .sm\:text-black {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .sm\:text-gray-50 {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .sm\:text-gray-100 {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .sm\:text-gray-200 {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .sm\:text-gray-300 {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .sm\:text-gray-400 {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .sm\:text-gray-500 {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .sm\:text-gray-600 {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .sm\:text-gray-700 {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .sm\:text-gray-800 {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .sm\:text-gray-900 {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .sm\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .sm\:text-cool-gray-100 {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .sm\:text-cool-gray-200 {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .sm\:text-cool-gray-300 {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .sm\:text-cool-gray-400 {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .sm\:text-cool-gray-500 {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .sm\:text-cool-gray-600 {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .sm\:text-cool-gray-700 {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .sm\:text-cool-gray-800 {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .sm\:text-cool-gray-900 {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .sm\:text-red-50 {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .sm\:text-red-100 {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .sm\:text-red-200 {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .sm\:text-red-300 {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .sm\:text-red-400 {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .sm\:text-red-500 {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .sm\:text-red-600 {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .sm\:text-red-700 {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .sm\:text-red-800 {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .sm\:text-red-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .sm\:text-orange-50 {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .sm\:text-orange-100 {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .sm\:text-orange-200 {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .sm\:text-orange-300 {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .sm\:text-orange-400 {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .sm\:text-orange-500 {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .sm\:text-orange-600 {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .sm\:text-orange-700 {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .sm\:text-orange-800 {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .sm\:text-orange-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .sm\:text-yellow-50 {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .sm\:text-yellow-100 {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .sm\:text-yellow-200 {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .sm\:text-yellow-300 {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .sm\:text-yellow-400 {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .sm\:text-yellow-500 {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .sm\:text-yellow-600 {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .sm\:text-yellow-700 {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .sm\:text-yellow-800 {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .sm\:text-yellow-900 {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .sm\:text-green-50 {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .sm\:text-green-100 {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .sm\:text-green-200 {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .sm\:text-green-300 {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .sm\:text-green-400 {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .sm\:text-green-500 {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .sm\:text-green-600 {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .sm\:text-green-700 {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .sm\:text-green-800 {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .sm\:text-green-900 {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .sm\:text-teal-50 {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .sm\:text-teal-100 {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .sm\:text-teal-200 {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .sm\:text-teal-300 {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .sm\:text-teal-400 {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .sm\:text-teal-500 {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .sm\:text-teal-600 {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .sm\:text-teal-700 {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .sm\:text-teal-800 {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .sm\:text-teal-900 {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .sm\:text-blue-50 {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .sm\:text-blue-100 {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .sm\:text-blue-200 {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .sm\:text-blue-300 {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .sm\:text-blue-400 {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .sm\:text-blue-500 {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .sm\:text-blue-600 {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .sm\:text-blue-700 {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .sm\:text-blue-800 {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .sm\:text-blue-900 {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .sm\:text-indigo-50 {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .sm\:text-indigo-100 {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .sm\:text-indigo-200 {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .sm\:text-indigo-300 {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .sm\:text-indigo-400 {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .sm\:text-indigo-500 {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .sm\:text-indigo-600 {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .sm\:text-indigo-700 {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .sm\:text-indigo-800 {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .sm\:text-indigo-900 {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .sm\:text-purple-50 {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .sm\:text-purple-100 {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .sm\:text-purple-200 {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .sm\:text-purple-300 {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .sm\:text-purple-400 {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .sm\:text-purple-500 {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .sm\:text-purple-600 {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .sm\:text-purple-700 {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .sm\:text-purple-800 {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .sm\:text-purple-900 {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .sm\:text-pink-50 {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .sm\:text-pink-100 {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .sm\:text-pink-200 {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .sm\:text-pink-300 {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .sm\:text-pink-400 {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .sm\:text-pink-500 {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .sm\:text-pink-600 {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .sm\:text-pink-700 {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .sm\:text-pink-800 {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .sm\:text-pink-900 {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-transparent {
-    color: transparent;
-  }
-
-  .group:hover .sm\:group-hover\:text-white {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-black {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-50 {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-100 {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-200 {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-300 {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-400 {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-500 {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-600 {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-700 {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-800 {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-gray-900 {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-cool-gray-100 {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-cool-gray-200 {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-cool-gray-300 {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-cool-gray-400 {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-cool-gray-500 {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-cool-gray-600 {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-cool-gray-700 {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-cool-gray-800 {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-cool-gray-900 {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-50 {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-100 {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-200 {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-300 {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-400 {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-500 {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-600 {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-700 {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-800 {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-red-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-orange-50 {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-orange-100 {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-orange-200 {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-orange-300 {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-orange-400 {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-orange-500 {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-orange-600 {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-orange-700 {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-orange-800 {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-orange-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-50 {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-100 {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-200 {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-300 {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-400 {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-500 {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-600 {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-700 {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-800 {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-yellow-900 {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-50 {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-100 {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-200 {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-300 {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-400 {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-500 {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-600 {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-700 {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-800 {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-green-900 {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-teal-50 {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-teal-100 {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-teal-200 {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-teal-300 {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-teal-400 {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-teal-500 {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-teal-600 {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-teal-700 {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-teal-800 {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-teal-900 {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-50 {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-100 {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-200 {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-300 {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-400 {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-500 {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-600 {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-700 {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-800 {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-blue-900 {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-50 {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-100 {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-200 {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-300 {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-400 {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-500 {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-600 {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-700 {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-800 {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-indigo-900 {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-purple-50 {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-purple-100 {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-purple-200 {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-purple-300 {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-purple-400 {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-purple-500 {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-purple-600 {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-purple-700 {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-purple-800 {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-purple-900 {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-pink-50 {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-pink-100 {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-pink-200 {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-pink-300 {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-pink-400 {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-pink-500 {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-pink-600 {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-pink-700 {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-pink-800 {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .group:hover .sm\:group-hover\:text-pink-900 {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-transparent {
-    color: transparent;
-  }
-
-  .group:focus .sm\:group-focus\:text-white {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-black {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-gray-50 {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-gray-100 {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-gray-200 {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-gray-300 {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-gray-400 {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-gray-500 {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-gray-600 {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-gray-700 {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-gray-800 {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-gray-900 {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-cool-gray-100 {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-cool-gray-200 {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-cool-gray-300 {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-cool-gray-400 {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-cool-gray-500 {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-cool-gray-600 {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-cool-gray-700 {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-cool-gray-800 {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-cool-gray-900 {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-red-50 {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-red-100 {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-red-200 {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-red-300 {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-red-400 {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-red-500 {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-red-600 {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-red-700 {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-red-800 {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-red-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-orange-50 {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-orange-100 {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-orange-200 {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-orange-300 {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-orange-400 {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-orange-500 {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-orange-600 {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-orange-700 {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-orange-800 {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-orange-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-yellow-50 {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-yellow-100 {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-yellow-200 {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-yellow-300 {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-yellow-400 {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-yellow-500 {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-yellow-600 {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-yellow-700 {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-yellow-800 {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-yellow-900 {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-green-50 {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-green-100 {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-green-200 {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-green-300 {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-green-400 {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-green-500 {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-green-600 {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-green-700 {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-green-800 {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-green-900 {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-teal-50 {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-teal-100 {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-teal-200 {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-teal-300 {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-teal-400 {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-teal-500 {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-teal-600 {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-teal-700 {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-teal-800 {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-teal-900 {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-blue-50 {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-blue-100 {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-blue-200 {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-blue-300 {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-blue-400 {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-blue-500 {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-blue-600 {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-blue-700 {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-blue-800 {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-blue-900 {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-indigo-50 {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-indigo-100 {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-indigo-200 {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-indigo-300 {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-indigo-400 {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-indigo-500 {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-indigo-600 {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-indigo-700 {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-indigo-800 {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-indigo-900 {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-purple-50 {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-purple-100 {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-purple-200 {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-purple-300 {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-purple-400 {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-purple-500 {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-purple-600 {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-purple-700 {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-purple-800 {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-purple-900 {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-pink-50 {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-pink-100 {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-pink-200 {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-pink-300 {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-pink-400 {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-pink-500 {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-pink-600 {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-pink-700 {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-pink-800 {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .group:focus .sm\:group-focus\:text-pink-900 {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .sm\:hover\:text-white:hover {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-black:hover {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-gray-50:hover {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-gray-100:hover {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-gray-200:hover {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-gray-300:hover {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-gray-400:hover {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-gray-500:hover {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-gray-600:hover {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-gray-700:hover {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-gray-800:hover {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-gray-900:hover {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-cool-gray-50:hover {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-cool-gray-100:hover {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-cool-gray-200:hover {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-cool-gray-300:hover {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-cool-gray-400:hover {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-cool-gray-500:hover {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-cool-gray-600:hover {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-cool-gray-700:hover {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-cool-gray-800:hover {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-cool-gray-900:hover {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-red-50:hover {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-red-100:hover {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-red-200:hover {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-red-300:hover {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-red-400:hover {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-red-500:hover {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-red-600:hover {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-red-700:hover {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-red-800:hover {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-red-900:hover {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-orange-50:hover {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-orange-100:hover {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-orange-200:hover {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-orange-300:hover {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-orange-400:hover {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-orange-500:hover {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-orange-600:hover {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-orange-700:hover {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-orange-800:hover {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-orange-900:hover {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-50:hover {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-100:hover {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-200:hover {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-300:hover {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-400:hover {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-500:hover {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-600:hover {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-700:hover {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-800:hover {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-yellow-900:hover {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-green-50:hover {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-green-100:hover {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-green-200:hover {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-green-300:hover {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-green-400:hover {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-green-500:hover {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-green-600:hover {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-green-700:hover {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-green-800:hover {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-green-900:hover {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-teal-50:hover {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-teal-100:hover {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-teal-200:hover {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-teal-300:hover {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-teal-400:hover {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-teal-500:hover {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-teal-600:hover {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-teal-700:hover {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-teal-800:hover {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-teal-900:hover {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-blue-50:hover {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-blue-100:hover {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-blue-200:hover {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-blue-300:hover {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-blue-400:hover {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-blue-500:hover {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-blue-600:hover {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-blue-700:hover {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-blue-800:hover {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-blue-900:hover {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-50:hover {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-100:hover {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-200:hover {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-300:hover {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-400:hover {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-500:hover {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-600:hover {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-700:hover {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-800:hover {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-indigo-900:hover {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-purple-50:hover {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-purple-100:hover {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-purple-200:hover {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-purple-300:hover {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-purple-400:hover {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-purple-500:hover {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-purple-600:hover {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-purple-700:hover {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-purple-800:hover {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-purple-900:hover {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-pink-50:hover {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-pink-100:hover {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-pink-200:hover {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-pink-300:hover {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-pink-400:hover {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-pink-500:hover {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-pink-600:hover {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-pink-700:hover {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-pink-800:hover {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .sm\:hover\:text-pink-900:hover {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-transparent:focus-within {
-    color: transparent;
-  }
-
-  .sm\:focus-within\:text-white:focus-within {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-black:focus-within {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-50:focus-within {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-100:focus-within {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-200:focus-within {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-300:focus-within {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-400:focus-within {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-500:focus-within {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-600:focus-within {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-700:focus-within {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-800:focus-within {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-gray-900:focus-within {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-cool-gray-50:focus-within {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-cool-gray-100:focus-within {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-cool-gray-200:focus-within {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-cool-gray-300:focus-within {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-cool-gray-400:focus-within {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-cool-gray-500:focus-within {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-cool-gray-600:focus-within {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-cool-gray-700:focus-within {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-cool-gray-800:focus-within {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-cool-gray-900:focus-within {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-50:focus-within {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-100:focus-within {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-200:focus-within {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-300:focus-within {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-400:focus-within {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-500:focus-within {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-600:focus-within {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-700:focus-within {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-800:focus-within {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-red-900:focus-within {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-orange-50:focus-within {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-orange-100:focus-within {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-orange-200:focus-within {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-orange-300:focus-within {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-orange-400:focus-within {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-orange-500:focus-within {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-orange-600:focus-within {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-orange-700:focus-within {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-orange-800:focus-within {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-orange-900:focus-within {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-50:focus-within {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-100:focus-within {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-200:focus-within {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-300:focus-within {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-400:focus-within {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-500:focus-within {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-600:focus-within {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-700:focus-within {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-800:focus-within {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-yellow-900:focus-within {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-50:focus-within {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-100:focus-within {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-200:focus-within {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-300:focus-within {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-400:focus-within {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-500:focus-within {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-600:focus-within {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-700:focus-within {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-800:focus-within {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-green-900:focus-within {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-teal-50:focus-within {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-teal-100:focus-within {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-teal-200:focus-within {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-teal-300:focus-within {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-teal-400:focus-within {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-teal-500:focus-within {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-teal-600:focus-within {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-teal-700:focus-within {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-teal-800:focus-within {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-teal-900:focus-within {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-50:focus-within {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-100:focus-within {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-200:focus-within {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-300:focus-within {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-400:focus-within {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-500:focus-within {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-600:focus-within {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-700:focus-within {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-800:focus-within {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-blue-900:focus-within {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-50:focus-within {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-100:focus-within {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-200:focus-within {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-300:focus-within {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-400:focus-within {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-500:focus-within {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-600:focus-within {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-700:focus-within {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-800:focus-within {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-indigo-900:focus-within {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-purple-50:focus-within {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-purple-100:focus-within {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-purple-200:focus-within {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-purple-300:focus-within {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-purple-400:focus-within {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-purple-500:focus-within {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-purple-600:focus-within {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-purple-700:focus-within {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-purple-800:focus-within {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-purple-900:focus-within {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-pink-50:focus-within {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-pink-100:focus-within {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-pink-200:focus-within {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-pink-300:focus-within {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-pink-400:focus-within {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-pink-500:focus-within {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-pink-600:focus-within {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-pink-700:focus-within {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-pink-800:focus-within {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .sm\:focus-within\:text-pink-900:focus-within {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-transparent:focus {
-    color: transparent;
-  }
-
-  .sm\:focus\:text-white:focus {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-black:focus {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-gray-50:focus {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-gray-100:focus {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-gray-200:focus {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-gray-300:focus {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-gray-400:focus {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-gray-500:focus {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-gray-600:focus {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-gray-700:focus {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-gray-800:focus {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-gray-900:focus {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-cool-gray-50:focus {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-cool-gray-100:focus {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-cool-gray-200:focus {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-cool-gray-300:focus {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-cool-gray-400:focus {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-cool-gray-500:focus {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-cool-gray-600:focus {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-cool-gray-700:focus {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-cool-gray-800:focus {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-cool-gray-900:focus {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-red-50:focus {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-red-100:focus {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-red-200:focus {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-red-300:focus {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-red-400:focus {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-red-500:focus {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-red-600:focus {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-red-700:focus {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-red-800:focus {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-red-900:focus {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-orange-50:focus {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-orange-100:focus {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-orange-200:focus {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-orange-300:focus {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-orange-400:focus {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-orange-500:focus {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-orange-600:focus {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-orange-700:focus {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-orange-800:focus {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-orange-900:focus {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-50:focus {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-100:focus {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-200:focus {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-300:focus {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-400:focus {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-500:focus {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-600:focus {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-700:focus {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-800:focus {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-yellow-900:focus {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-green-50:focus {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-green-100:focus {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-green-200:focus {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-green-300:focus {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-green-400:focus {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-green-500:focus {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-green-600:focus {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-green-700:focus {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-green-800:focus {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-green-900:focus {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-teal-50:focus {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-teal-100:focus {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-teal-200:focus {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-teal-300:focus {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-teal-400:focus {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-teal-500:focus {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-teal-600:focus {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-teal-700:focus {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-teal-800:focus {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-teal-900:focus {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-blue-50:focus {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-blue-100:focus {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-blue-200:focus {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-blue-300:focus {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-blue-400:focus {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-blue-500:focus {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-blue-600:focus {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-blue-700:focus {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-blue-800:focus {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-blue-900:focus {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-50:focus {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-100:focus {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-200:focus {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-300:focus {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-400:focus {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-500:focus {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-600:focus {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-700:focus {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-800:focus {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-indigo-900:focus {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-purple-50:focus {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-purple-100:focus {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-purple-200:focus {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-purple-300:focus {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-purple-400:focus {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-purple-500:focus {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-purple-600:focus {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-purple-700:focus {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-purple-800:focus {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-purple-900:focus {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-pink-50:focus {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-pink-100:focus {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-pink-200:focus {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-pink-300:focus {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-pink-400:focus {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-pink-500:focus {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-pink-600:focus {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-pink-700:focus {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-pink-800:focus {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .sm\:focus\:text-pink-900:focus {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .sm\:active\:text-transparent:active {
-    color: transparent;
-  }
-
-  .sm\:active\:text-white:active {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .sm\:active\:text-black:active {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .sm\:active\:text-gray-50:active {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .sm\:active\:text-gray-100:active {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .sm\:active\:text-gray-200:active {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .sm\:active\:text-gray-300:active {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .sm\:active\:text-gray-400:active {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .sm\:active\:text-gray-500:active {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .sm\:active\:text-gray-600:active {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .sm\:active\:text-gray-700:active {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .sm\:active\:text-gray-800:active {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .sm\:active\:text-gray-900:active {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .sm\:active\:text-cool-gray-50:active {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .sm\:active\:text-cool-gray-100:active {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .sm\:active\:text-cool-gray-200:active {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .sm\:active\:text-cool-gray-300:active {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .sm\:active\:text-cool-gray-400:active {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .sm\:active\:text-cool-gray-500:active {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .sm\:active\:text-cool-gray-600:active {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .sm\:active\:text-cool-gray-700:active {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .sm\:active\:text-cool-gray-800:active {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .sm\:active\:text-cool-gray-900:active {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .sm\:active\:text-red-50:active {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .sm\:active\:text-red-100:active {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .sm\:active\:text-red-200:active {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .sm\:active\:text-red-300:active {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .sm\:active\:text-red-400:active {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .sm\:active\:text-red-500:active {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .sm\:active\:text-red-600:active {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .sm\:active\:text-red-700:active {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .sm\:active\:text-red-800:active {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .sm\:active\:text-red-900:active {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .sm\:active\:text-orange-50:active {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .sm\:active\:text-orange-100:active {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .sm\:active\:text-orange-200:active {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .sm\:active\:text-orange-300:active {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .sm\:active\:text-orange-400:active {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .sm\:active\:text-orange-500:active {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .sm\:active\:text-orange-600:active {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .sm\:active\:text-orange-700:active {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .sm\:active\:text-orange-800:active {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .sm\:active\:text-orange-900:active {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .sm\:active\:text-yellow-50:active {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .sm\:active\:text-yellow-100:active {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .sm\:active\:text-yellow-200:active {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .sm\:active\:text-yellow-300:active {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .sm\:active\:text-yellow-400:active {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .sm\:active\:text-yellow-500:active {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .sm\:active\:text-yellow-600:active {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .sm\:active\:text-yellow-700:active {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .sm\:active\:text-yellow-800:active {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .sm\:active\:text-yellow-900:active {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .sm\:active\:text-green-50:active {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .sm\:active\:text-green-100:active {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .sm\:active\:text-green-200:active {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .sm\:active\:text-green-300:active {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .sm\:active\:text-green-400:active {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .sm\:active\:text-green-500:active {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .sm\:active\:text-green-600:active {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .sm\:active\:text-green-700:active {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .sm\:active\:text-green-800:active {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .sm\:active\:text-green-900:active {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .sm\:active\:text-teal-50:active {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .sm\:active\:text-teal-100:active {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .sm\:active\:text-teal-200:active {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .sm\:active\:text-teal-300:active {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .sm\:active\:text-teal-400:active {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .sm\:active\:text-teal-500:active {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .sm\:active\:text-teal-600:active {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .sm\:active\:text-teal-700:active {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .sm\:active\:text-teal-800:active {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .sm\:active\:text-teal-900:active {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .sm\:active\:text-blue-50:active {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .sm\:active\:text-blue-100:active {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .sm\:active\:text-blue-200:active {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .sm\:active\:text-blue-300:active {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .sm\:active\:text-blue-400:active {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .sm\:active\:text-blue-500:active {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .sm\:active\:text-blue-600:active {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .sm\:active\:text-blue-700:active {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .sm\:active\:text-blue-800:active {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .sm\:active\:text-blue-900:active {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .sm\:active\:text-indigo-50:active {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .sm\:active\:text-indigo-100:active {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .sm\:active\:text-indigo-200:active {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .sm\:active\:text-indigo-300:active {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .sm\:active\:text-indigo-400:active {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .sm\:active\:text-indigo-500:active {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .sm\:active\:text-indigo-600:active {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .sm\:active\:text-indigo-700:active {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .sm\:active\:text-indigo-800:active {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .sm\:active\:text-indigo-900:active {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .sm\:active\:text-purple-50:active {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .sm\:active\:text-purple-100:active {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .sm\:active\:text-purple-200:active {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .sm\:active\:text-purple-300:active {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .sm\:active\:text-purple-400:active {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .sm\:active\:text-purple-500:active {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .sm\:active\:text-purple-600:active {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .sm\:active\:text-purple-700:active {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .sm\:active\:text-purple-800:active {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .sm\:active\:text-purple-900:active {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .sm\:active\:text-pink-50:active {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .sm\:active\:text-pink-100:active {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .sm\:active\:text-pink-200:active {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .sm\:active\:text-pink-300:active {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .sm\:active\:text-pink-400:active {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .sm\:active\:text-pink-500:active {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .sm\:active\:text-pink-600:active {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .sm\:active\:text-pink-700:active {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .sm\:active\:text-pink-800:active {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .sm\:active\:text-pink-900:active {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .sm\:text-opacity-0 {
-    --text-opacity: 0;
-  }
-
-  .sm\:text-opacity-25 {
-    --text-opacity: 0.25;
-  }
-
-  .sm\:text-opacity-50 {
-    --text-opacity: 0.5;
-  }
-
-  .sm\:text-opacity-75 {
-    --text-opacity: 0.75;
-  }
-
-  .sm\:text-opacity-100 {
-    --text-opacity: 1;
-  }
-
-  .sm\:hover\:text-opacity-0:hover {
-    --text-opacity: 0;
-  }
-
-  .sm\:hover\:text-opacity-25:hover {
-    --text-opacity: 0.25;
-  }
-
-  .sm\:hover\:text-opacity-50:hover {
-    --text-opacity: 0.5;
-  }
-
-  .sm\:hover\:text-opacity-75:hover {
-    --text-opacity: 0.75;
-  }
-
-  .sm\:hover\:text-opacity-100:hover {
-    --text-opacity: 1;
-  }
-
-  .sm\:focus\:text-opacity-0:focus {
-    --text-opacity: 0;
-  }
-
-  .sm\:focus\:text-opacity-25:focus {
-    --text-opacity: 0.25;
-  }
-
-  .sm\:focus\:text-opacity-50:focus {
-    --text-opacity: 0.5;
-  }
-
-  .sm\:focus\:text-opacity-75:focus {
-    --text-opacity: 0.75;
-  }
-
-  .sm\:focus\:text-opacity-100:focus {
-    --text-opacity: 1;
-  }
-
-  .sm\:italic {
-    font-style: italic;
-  }
-
-  .sm\:not-italic {
-    font-style: normal;
-  }
-
-  .sm\:uppercase {
-    text-transform: uppercase;
-  }
-
-  .sm\:lowercase {
-    text-transform: lowercase;
-  }
-
-  .sm\:capitalize {
-    text-transform: capitalize;
-  }
-
-  .sm\:normal-case {
-    text-transform: none;
-  }
-
-  .sm\:underline {
-    text-decoration: underline;
-  }
-
-  .sm\:line-through {
-    text-decoration: line-through;
-  }
-
-  .sm\:no-underline {
-    text-decoration: none;
-  }
-
-  .group:hover .sm\:group-hover\:underline {
-    text-decoration: underline;
-  }
-
-  .group:hover .sm\:group-hover\:line-through {
-    text-decoration: line-through;
-  }
-
-  .group:hover .sm\:group-hover\:no-underline {
-    text-decoration: none;
-  }
-
-  .group:focus .sm\:group-focus\:underline {
-    text-decoration: underline;
-  }
-
-  .group:focus .sm\:group-focus\:line-through {
-    text-decoration: line-through;
-  }
-
-  .group:focus .sm\:group-focus\:no-underline {
-    text-decoration: none;
-  }
-
-  .sm\:hover\:underline:hover {
-    text-decoration: underline;
-  }
-
-  .sm\:hover\:line-through:hover {
-    text-decoration: line-through;
-  }
-
-  .sm\:hover\:no-underline:hover {
-    text-decoration: none;
-  }
-
-  .sm\:focus\:underline:focus {
-    text-decoration: underline;
-  }
-
-  .sm\:focus\:line-through:focus {
-    text-decoration: line-through;
-  }
-
-  .sm\:focus\:no-underline:focus {
-    text-decoration: none;
-  }
-
-  .sm\:antialiased {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  .sm\:subpixel-antialiased {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
-  }
-
-  .sm\:tracking-tighter {
-    letter-spacing: -0.05em;
-  }
-
-  .sm\:tracking-tight {
-    letter-spacing: -0.025em;
-  }
-
-  .sm\:tracking-normal {
-    letter-spacing: 0;
-  }
-
-  .sm\:tracking-wide {
-    letter-spacing: 0.025em;
-  }
-
-  .sm\:tracking-wider {
-    letter-spacing: 0.05em;
-  }
-
-  .sm\:tracking-widest {
-    letter-spacing: 0.1em;
-  }
-
-  .sm\:select-none {
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-  }
-
-  .sm\:select-text {
-    -webkit-user-select: text;
-       -moz-user-select: text;
-        -ms-user-select: text;
-            user-select: text;
-  }
-
-  .sm\:select-all {
-    -webkit-user-select: all;
-       -moz-user-select: all;
-        -ms-user-select: all;
-            user-select: all;
-  }
-
-  .sm\:select-auto {
-    -webkit-user-select: auto;
-       -moz-user-select: auto;
-        -ms-user-select: auto;
-            user-select: auto;
-  }
-
-  .sm\:align-baseline {
-    vertical-align: baseline;
-  }
-
-  .sm\:align-top {
-    vertical-align: top;
-  }
-
-  .sm\:align-middle {
-    vertical-align: middle;
-  }
-
-  .sm\:align-bottom {
-    vertical-align: bottom;
-  }
-
-  .sm\:align-text-top {
-    vertical-align: text-top;
-  }
-
-  .sm\:align-text-bottom {
-    vertical-align: text-bottom;
-  }
-
-  .sm\:visible {
-    visibility: visible;
-  }
-
-  .sm\:invisible {
-    visibility: hidden;
-  }
-
-  .sm\:whitespace-normal {
-    white-space: normal;
-  }
-
-  .sm\:whitespace-no-wrap {
-    white-space: nowrap;
-  }
-
-  .sm\:whitespace-pre {
-    white-space: pre;
-  }
-
-  .sm\:whitespace-pre-line {
-    white-space: pre-line;
-  }
-
-  .sm\:whitespace-pre-wrap {
-    white-space: pre-wrap;
-  }
-
-  .sm\:break-normal {
-    overflow-wrap: normal;
-    word-break: normal;
-  }
-
-  .sm\:break-words {
-    overflow-wrap: break-word;
-  }
-
-  .sm\:break-all {
-    word-break: break-all;
-  }
-
-  .sm\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .sm\:w-0 {
-    width: 0;
-  }
-
-  .sm\:w-1 {
-    width: 0.25rem;
-  }
-
-  .sm\:w-2 {
-    width: 0.5rem;
-  }
-
-  .sm\:w-3 {
-    width: 0.75rem;
-  }
-
-  .sm\:w-4 {
-    width: 1rem;
-  }
-
-  .sm\:w-5 {
-    width: 1.25rem;
-  }
-
-  .sm\:w-6 {
-    width: 1.5rem;
-  }
-
-  .sm\:w-7 {
-    width: 1.75rem;
-  }
-
-  .sm\:w-8 {
-    width: 2rem;
-  }
-
-  .sm\:w-9 {
-    width: 2.25rem;
-  }
-
-  .sm\:w-10 {
-    width: 2.5rem;
-  }
-
-  .sm\:w-11 {
-    width: 2.75rem;
-  }
-
-  .sm\:w-12 {
-    width: 3rem;
-  }
-
-  .sm\:w-13 {
-    width: 3.25rem;
-  }
-
-  .sm\:w-14 {
-    width: 3.5rem;
-  }
-
-  .sm\:w-15 {
-    width: 3.75rem;
-  }
-
-  .sm\:w-16 {
-    width: 4rem;
-  }
-
-  .sm\:w-20 {
-    width: 5rem;
-  }
-
-  .sm\:w-24 {
-    width: 6rem;
-  }
-
-  .sm\:w-28 {
-    width: 7rem;
-  }
-
-  .sm\:w-32 {
-    width: 8rem;
-  }
-
-  .sm\:w-36 {
-    width: 9rem;
-  }
-
-  .sm\:w-40 {
-    width: 10rem;
-  }
-
-  .sm\:w-48 {
-    width: 12rem;
-  }
-
-  .sm\:w-56 {
-    width: 14rem;
-  }
-
-  .sm\:w-60 {
-    width: 15rem;
-  }
-
-  .sm\:w-64 {
-    width: 16rem;
-  }
-
-  .sm\:w-72 {
-    width: 18rem;
-  }
-
-  .sm\:w-80 {
-    width: 20rem;
-  }
-
-  .sm\:w-96 {
-    width: 24rem;
-  }
-
-  .sm\:w-auto {
-    width: auto;
-  }
-
-  .sm\:w-px {
-    width: 1px;
-  }
-
-  .sm\:w-0\.5 {
-    width: 0.125rem;
-  }
-
-  .sm\:w-1\.5 {
-    width: 0.375rem;
-  }
-
-  .sm\:w-2\.5 {
-    width: 0.625rem;
-  }
-
-  .sm\:w-3\.5 {
-    width: 0.875rem;
-  }
-
-  .sm\:w-1\/2 {
-    width: 50%;
-  }
-
-  .sm\:w-1\/3 {
-    width: 33.333333%;
-  }
-
-  .sm\:w-2\/3 {
-    width: 66.666667%;
-  }
-
-  .sm\:w-1\/4 {
-    width: 25%;
-  }
-
-  .sm\:w-2\/4 {
-    width: 50%;
-  }
-
-  .sm\:w-3\/4 {
-    width: 75%;
-  }
-
-  .sm\:w-1\/5 {
-    width: 20%;
-  }
-
-  .sm\:w-2\/5 {
-    width: 40%;
-  }
-
-  .sm\:w-3\/5 {
-    width: 60%;
-  }
-
-  .sm\:w-4\/5 {
-    width: 80%;
-  }
-
-  .sm\:w-1\/6 {
-    width: 16.666667%;
-  }
-
-  .sm\:w-2\/6 {
-    width: 33.333333%;
-  }
-
-  .sm\:w-3\/6 {
-    width: 50%;
-  }
-
-  .sm\:w-4\/6 {
-    width: 66.666667%;
-  }
-
-  .sm\:w-5\/6 {
-    width: 83.333333%;
-  }
-
-  .sm\:w-1\/12 {
-    width: 8.333333%;
-  }
-
-  .sm\:w-2\/12 {
-    width: 16.666667%;
-  }
-
-  .sm\:w-3\/12 {
-    width: 25%;
-  }
-
-  .sm\:w-4\/12 {
-    width: 33.333333%;
-  }
-
-  .sm\:w-5\/12 {
-    width: 41.666667%;
-  }
-
-  .sm\:w-6\/12 {
-    width: 50%;
-  }
-
-  .sm\:w-7\/12 {
-    width: 58.333333%;
-  }
-
-  .sm\:w-8\/12 {
-    width: 66.666667%;
-  }
-
-  .sm\:w-9\/12 {
-    width: 75%;
-  }
-
-  .sm\:w-10\/12 {
-    width: 83.333333%;
-  }
-
-  .sm\:w-11\/12 {
-    width: 91.666667%;
-  }
-
-  .sm\:w-full {
-    width: 100%;
-  }
-
-  .sm\:w-screen {
-    width: 100vw;
-  }
-
-  .sm\:z-0 {
-    z-index: 0;
-  }
-
-  .sm\:z-10 {
-    z-index: 10;
-  }
-
-  .sm\:z-20 {
-    z-index: 20;
-  }
-
-  .sm\:z-30 {
-    z-index: 30;
-  }
-
-  .sm\:z-40 {
-    z-index: 40;
-  }
-
-  .sm\:z-50 {
-    z-index: 50;
-  }
-
-  .sm\:z-auto {
-    z-index: auto;
-  }
-
-  .sm\:focus-within\:z-0:focus-within {
-    z-index: 0;
-  }
-
-  .sm\:focus-within\:z-10:focus-within {
-    z-index: 10;
-  }
-
-  .sm\:focus-within\:z-20:focus-within {
-    z-index: 20;
-  }
-
-  .sm\:focus-within\:z-30:focus-within {
-    z-index: 30;
-  }
-
-  .sm\:focus-within\:z-40:focus-within {
-    z-index: 40;
-  }
-
-  .sm\:focus-within\:z-50:focus-within {
-    z-index: 50;
-  }
-
-  .sm\:focus-within\:z-auto:focus-within {
-    z-index: auto;
-  }
-
-  .sm\:focus\:z-0:focus {
-    z-index: 0;
-  }
-
-  .sm\:focus\:z-10:focus {
-    z-index: 10;
-  }
-
-  .sm\:focus\:z-20:focus {
-    z-index: 20;
-  }
-
-  .sm\:focus\:z-30:focus {
-    z-index: 30;
-  }
-
-  .sm\:focus\:z-40:focus {
-    z-index: 40;
-  }
-
-  .sm\:focus\:z-50:focus {
-    z-index: 50;
-  }
-
-  .sm\:focus\:z-auto:focus {
-    z-index: auto;
-  }
-
-  .sm\:gap-0 {
-    grid-gap: 0;
-    gap: 0;
-  }
-
-  .sm\:gap-1 {
-    grid-gap: 0.25rem;
-    gap: 0.25rem;
-  }
-
-  .sm\:gap-2 {
-    grid-gap: 0.5rem;
-    gap: 0.5rem;
-  }
-
-  .sm\:gap-3 {
-    grid-gap: 0.75rem;
-    gap: 0.75rem;
-  }
-
-  .sm\:gap-4 {
-    grid-gap: 1rem;
-    gap: 1rem;
-  }
-
-  .sm\:gap-5 {
-    grid-gap: 1.25rem;
-    gap: 1.25rem;
-  }
-
-  .sm\:gap-6 {
-    grid-gap: 1.5rem;
-    gap: 1.5rem;
-  }
-
-  .sm\:gap-7 {
-    grid-gap: 1.75rem;
-    gap: 1.75rem;
-  }
-
-  .sm\:gap-8 {
-    grid-gap: 2rem;
-    gap: 2rem;
-  }
-
-  .sm\:gap-9 {
-    grid-gap: 2.25rem;
-    gap: 2.25rem;
-  }
-
-  .sm\:gap-10 {
-    grid-gap: 2.5rem;
-    gap: 2.5rem;
-  }
-
-  .sm\:gap-11 {
-    grid-gap: 2.75rem;
-    gap: 2.75rem;
-  }
-
-  .sm\:gap-12 {
-    grid-gap: 3rem;
-    gap: 3rem;
-  }
-
-  .sm\:gap-13 {
-    grid-gap: 3.25rem;
-    gap: 3.25rem;
-  }
-
-  .sm\:gap-14 {
-    grid-gap: 3.5rem;
-    gap: 3.5rem;
-  }
-
-  .sm\:gap-15 {
-    grid-gap: 3.75rem;
-    gap: 3.75rem;
-  }
-
-  .sm\:gap-16 {
-    grid-gap: 4rem;
-    gap: 4rem;
-  }
-
-  .sm\:gap-20 {
-    grid-gap: 5rem;
-    gap: 5rem;
-  }
-
-  .sm\:gap-24 {
-    grid-gap: 6rem;
-    gap: 6rem;
-  }
-
-  .sm\:gap-28 {
-    grid-gap: 7rem;
-    gap: 7rem;
-  }
-
-  .sm\:gap-32 {
-    grid-gap: 8rem;
-    gap: 8rem;
-  }
-
-  .sm\:gap-36 {
-    grid-gap: 9rem;
-    gap: 9rem;
-  }
-
-  .sm\:gap-40 {
-    grid-gap: 10rem;
-    gap: 10rem;
-  }
-
-  .sm\:gap-48 {
-    grid-gap: 12rem;
-    gap: 12rem;
-  }
-
-  .sm\:gap-56 {
-    grid-gap: 14rem;
-    gap: 14rem;
-  }
-
-  .sm\:gap-60 {
-    grid-gap: 15rem;
-    gap: 15rem;
-  }
-
-  .sm\:gap-64 {
-    grid-gap: 16rem;
-    gap: 16rem;
-  }
-
-  .sm\:gap-72 {
-    grid-gap: 18rem;
-    gap: 18rem;
-  }
-
-  .sm\:gap-80 {
-    grid-gap: 20rem;
-    gap: 20rem;
-  }
-
-  .sm\:gap-96 {
-    grid-gap: 24rem;
-    gap: 24rem;
-  }
-
-  .sm\:gap-px {
-    grid-gap: 1px;
-    gap: 1px;
-  }
-
-  .sm\:gap-0\.5 {
-    grid-gap: 0.125rem;
-    gap: 0.125rem;
-  }
-
-  .sm\:gap-1\.5 {
-    grid-gap: 0.375rem;
-    gap: 0.375rem;
-  }
-
-  .sm\:gap-2\.5 {
-    grid-gap: 0.625rem;
-    gap: 0.625rem;
-  }
-
-  .sm\:gap-3\.5 {
-    grid-gap: 0.875rem;
-    gap: 0.875rem;
-  }
-
-  .sm\:gap-1\/2 {
-    grid-gap: 50%;
-    gap: 50%;
-  }
-
-  .sm\:gap-1\/3 {
-    grid-gap: 33.333333%;
-    gap: 33.333333%;
-  }
-
-  .sm\:gap-2\/3 {
-    grid-gap: 66.666667%;
-    gap: 66.666667%;
-  }
-
-  .sm\:gap-1\/4 {
-    grid-gap: 25%;
-    gap: 25%;
-  }
-
-  .sm\:gap-2\/4 {
-    grid-gap: 50%;
-    gap: 50%;
-  }
-
-  .sm\:gap-3\/4 {
-    grid-gap: 75%;
-    gap: 75%;
-  }
-
-  .sm\:gap-1\/5 {
-    grid-gap: 20%;
-    gap: 20%;
-  }
-
-  .sm\:gap-2\/5 {
-    grid-gap: 40%;
-    gap: 40%;
-  }
-
-  .sm\:gap-3\/5 {
-    grid-gap: 60%;
-    gap: 60%;
-  }
-
-  .sm\:gap-4\/5 {
-    grid-gap: 80%;
-    gap: 80%;
-  }
-
-  .sm\:gap-1\/6 {
-    grid-gap: 16.666667%;
-    gap: 16.666667%;
-  }
-
-  .sm\:gap-2\/6 {
-    grid-gap: 33.333333%;
-    gap: 33.333333%;
-  }
-
-  .sm\:gap-3\/6 {
-    grid-gap: 50%;
-    gap: 50%;
-  }
-
-  .sm\:gap-4\/6 {
-    grid-gap: 66.666667%;
-    gap: 66.666667%;
-  }
-
-  .sm\:gap-5\/6 {
-    grid-gap: 83.333333%;
-    gap: 83.333333%;
-  }
-
-  .sm\:gap-1\/12 {
-    grid-gap: 8.333333%;
-    gap: 8.333333%;
-  }
-
-  .sm\:gap-2\/12 {
-    grid-gap: 16.666667%;
-    gap: 16.666667%;
-  }
-
-  .sm\:gap-3\/12 {
-    grid-gap: 25%;
-    gap: 25%;
-  }
-
-  .sm\:gap-4\/12 {
-    grid-gap: 33.333333%;
-    gap: 33.333333%;
-  }
-
-  .sm\:gap-5\/12 {
-    grid-gap: 41.666667%;
-    gap: 41.666667%;
-  }
-
-  .sm\:gap-6\/12 {
-    grid-gap: 50%;
-    gap: 50%;
-  }
-
-  .sm\:gap-7\/12 {
-    grid-gap: 58.333333%;
-    gap: 58.333333%;
-  }
-
-  .sm\:gap-8\/12 {
-    grid-gap: 66.666667%;
-    gap: 66.666667%;
-  }
-
-  .sm\:gap-9\/12 {
-    grid-gap: 75%;
-    gap: 75%;
-  }
-
-  .sm\:gap-10\/12 {
-    grid-gap: 83.333333%;
-    gap: 83.333333%;
-  }
-
-  .sm\:gap-11\/12 {
-    grid-gap: 91.666667%;
-    gap: 91.666667%;
-  }
-
-  .sm\:gap-full {
-    grid-gap: 100%;
-    gap: 100%;
-  }
-
-  .sm\:col-gap-0 {
-    grid-column-gap: 0;
-    -moz-column-gap: 0;
-         column-gap: 0;
-  }
-
-  .sm\:col-gap-1 {
-    grid-column-gap: 0.25rem;
-    -moz-column-gap: 0.25rem;
-         column-gap: 0.25rem;
-  }
-
-  .sm\:col-gap-2 {
-    grid-column-gap: 0.5rem;
-    -moz-column-gap: 0.5rem;
-         column-gap: 0.5rem;
-  }
-
-  .sm\:col-gap-3 {
-    grid-column-gap: 0.75rem;
-    -moz-column-gap: 0.75rem;
-         column-gap: 0.75rem;
-  }
-
-  .sm\:col-gap-4 {
-    grid-column-gap: 1rem;
-    -moz-column-gap: 1rem;
-         column-gap: 1rem;
-  }
-
-  .sm\:col-gap-5 {
-    grid-column-gap: 1.25rem;
-    -moz-column-gap: 1.25rem;
-         column-gap: 1.25rem;
-  }
-
-  .sm\:col-gap-6 {
-    grid-column-gap: 1.5rem;
-    -moz-column-gap: 1.5rem;
-         column-gap: 1.5rem;
-  }
-
-  .sm\:col-gap-7 {
-    grid-column-gap: 1.75rem;
-    -moz-column-gap: 1.75rem;
-         column-gap: 1.75rem;
-  }
-
-  .sm\:col-gap-8 {
-    grid-column-gap: 2rem;
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
-  }
-
-  .sm\:col-gap-9 {
-    grid-column-gap: 2.25rem;
-    -moz-column-gap: 2.25rem;
-         column-gap: 2.25rem;
-  }
-
-  .sm\:col-gap-10 {
-    grid-column-gap: 2.5rem;
-    -moz-column-gap: 2.5rem;
-         column-gap: 2.5rem;
-  }
-
-  .sm\:col-gap-11 {
-    grid-column-gap: 2.75rem;
-    -moz-column-gap: 2.75rem;
-         column-gap: 2.75rem;
-  }
-
-  .sm\:col-gap-12 {
-    grid-column-gap: 3rem;
-    -moz-column-gap: 3rem;
-         column-gap: 3rem;
-  }
-
-  .sm\:col-gap-13 {
-    grid-column-gap: 3.25rem;
-    -moz-column-gap: 3.25rem;
-         column-gap: 3.25rem;
-  }
-
-  .sm\:col-gap-14 {
-    grid-column-gap: 3.5rem;
-    -moz-column-gap: 3.5rem;
-         column-gap: 3.5rem;
-  }
-
-  .sm\:col-gap-15 {
-    grid-column-gap: 3.75rem;
-    -moz-column-gap: 3.75rem;
-         column-gap: 3.75rem;
-  }
-
-  .sm\:col-gap-16 {
-    grid-column-gap: 4rem;
-    -moz-column-gap: 4rem;
-         column-gap: 4rem;
-  }
-
-  .sm\:col-gap-20 {
-    grid-column-gap: 5rem;
-    -moz-column-gap: 5rem;
-         column-gap: 5rem;
-  }
-
-  .sm\:col-gap-24 {
-    grid-column-gap: 6rem;
-    -moz-column-gap: 6rem;
-         column-gap: 6rem;
-  }
-
-  .sm\:col-gap-28 {
-    grid-column-gap: 7rem;
-    -moz-column-gap: 7rem;
-         column-gap: 7rem;
-  }
-
-  .sm\:col-gap-32 {
-    grid-column-gap: 8rem;
-    -moz-column-gap: 8rem;
-         column-gap: 8rem;
-  }
-
-  .sm\:col-gap-36 {
-    grid-column-gap: 9rem;
-    -moz-column-gap: 9rem;
-         column-gap: 9rem;
-  }
-
-  .sm\:col-gap-40 {
-    grid-column-gap: 10rem;
-    -moz-column-gap: 10rem;
-         column-gap: 10rem;
-  }
-
-  .sm\:col-gap-48 {
-    grid-column-gap: 12rem;
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .sm\:col-gap-56 {
-    grid-column-gap: 14rem;
-    -moz-column-gap: 14rem;
-         column-gap: 14rem;
-  }
-
-  .sm\:col-gap-60 {
-    grid-column-gap: 15rem;
-    -moz-column-gap: 15rem;
-         column-gap: 15rem;
-  }
-
-  .sm\:col-gap-64 {
-    grid-column-gap: 16rem;
-    -moz-column-gap: 16rem;
-         column-gap: 16rem;
-  }
-
-  .sm\:col-gap-72 {
-    grid-column-gap: 18rem;
-    -moz-column-gap: 18rem;
-         column-gap: 18rem;
-  }
-
-  .sm\:col-gap-80 {
-    grid-column-gap: 20rem;
-    -moz-column-gap: 20rem;
-         column-gap: 20rem;
-  }
-
-  .sm\:col-gap-96 {
-    grid-column-gap: 24rem;
-    -moz-column-gap: 24rem;
-         column-gap: 24rem;
-  }
-
-  .sm\:col-gap-px {
-    grid-column-gap: 1px;
-    -moz-column-gap: 1px;
-         column-gap: 1px;
-  }
-
-  .sm\:col-gap-0\.5 {
-    grid-column-gap: 0.125rem;
-    -moz-column-gap: 0.125rem;
-         column-gap: 0.125rem;
-  }
-
-  .sm\:col-gap-1\.5 {
-    grid-column-gap: 0.375rem;
-    -moz-column-gap: 0.375rem;
-         column-gap: 0.375rem;
-  }
-
-  .sm\:col-gap-2\.5 {
-    grid-column-gap: 0.625rem;
-    -moz-column-gap: 0.625rem;
-         column-gap: 0.625rem;
-  }
-
-  .sm\:col-gap-3\.5 {
-    grid-column-gap: 0.875rem;
-    -moz-column-gap: 0.875rem;
-         column-gap: 0.875rem;
-  }
-
-  .sm\:col-gap-1\/2 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .sm\:col-gap-1\/3 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .sm\:col-gap-2\/3 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .sm\:col-gap-1\/4 {
-    grid-column-gap: 25%;
-    -moz-column-gap: 25%;
-         column-gap: 25%;
-  }
-
-  .sm\:col-gap-2\/4 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .sm\:col-gap-3\/4 {
-    grid-column-gap: 75%;
-    -moz-column-gap: 75%;
-         column-gap: 75%;
-  }
-
-  .sm\:col-gap-1\/5 {
-    grid-column-gap: 20%;
-    -moz-column-gap: 20%;
-         column-gap: 20%;
-  }
-
-  .sm\:col-gap-2\/5 {
-    grid-column-gap: 40%;
-    -moz-column-gap: 40%;
-         column-gap: 40%;
-  }
-
-  .sm\:col-gap-3\/5 {
-    grid-column-gap: 60%;
-    -moz-column-gap: 60%;
-         column-gap: 60%;
-  }
-
-  .sm\:col-gap-4\/5 {
-    grid-column-gap: 80%;
-    -moz-column-gap: 80%;
-         column-gap: 80%;
-  }
-
-  .sm\:col-gap-1\/6 {
-    grid-column-gap: 16.666667%;
-    -moz-column-gap: 16.666667%;
-         column-gap: 16.666667%;
-  }
-
-  .sm\:col-gap-2\/6 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .sm\:col-gap-3\/6 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .sm\:col-gap-4\/6 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .sm\:col-gap-5\/6 {
-    grid-column-gap: 83.333333%;
-    -moz-column-gap: 83.333333%;
-         column-gap: 83.333333%;
-  }
-
-  .sm\:col-gap-1\/12 {
-    grid-column-gap: 8.333333%;
-    -moz-column-gap: 8.333333%;
-         column-gap: 8.333333%;
-  }
-
-  .sm\:col-gap-2\/12 {
-    grid-column-gap: 16.666667%;
-    -moz-column-gap: 16.666667%;
-         column-gap: 16.666667%;
-  }
-
-  .sm\:col-gap-3\/12 {
-    grid-column-gap: 25%;
-    -moz-column-gap: 25%;
-         column-gap: 25%;
-  }
-
-  .sm\:col-gap-4\/12 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .sm\:col-gap-5\/12 {
-    grid-column-gap: 41.666667%;
-    -moz-column-gap: 41.666667%;
-         column-gap: 41.666667%;
-  }
-
-  .sm\:col-gap-6\/12 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .sm\:col-gap-7\/12 {
-    grid-column-gap: 58.333333%;
-    -moz-column-gap: 58.333333%;
-         column-gap: 58.333333%;
-  }
-
-  .sm\:col-gap-8\/12 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .sm\:col-gap-9\/12 {
-    grid-column-gap: 75%;
-    -moz-column-gap: 75%;
-         column-gap: 75%;
-  }
-
-  .sm\:col-gap-10\/12 {
-    grid-column-gap: 83.333333%;
-    -moz-column-gap: 83.333333%;
-         column-gap: 83.333333%;
-  }
-
-  .sm\:col-gap-11\/12 {
-    grid-column-gap: 91.666667%;
-    -moz-column-gap: 91.666667%;
-         column-gap: 91.666667%;
-  }
-
-  .sm\:col-gap-full {
-    grid-column-gap: 100%;
-    -moz-column-gap: 100%;
-         column-gap: 100%;
-  }
-
-  .sm\:row-gap-0 {
-    grid-row-gap: 0;
-    row-gap: 0;
-  }
-
-  .sm\:row-gap-1 {
-    grid-row-gap: 0.25rem;
-    row-gap: 0.25rem;
-  }
-
-  .sm\:row-gap-2 {
-    grid-row-gap: 0.5rem;
-    row-gap: 0.5rem;
-  }
-
-  .sm\:row-gap-3 {
-    grid-row-gap: 0.75rem;
-    row-gap: 0.75rem;
-  }
-
-  .sm\:row-gap-4 {
-    grid-row-gap: 1rem;
-    row-gap: 1rem;
-  }
-
-  .sm\:row-gap-5 {
-    grid-row-gap: 1.25rem;
-    row-gap: 1.25rem;
-  }
-
-  .sm\:row-gap-6 {
-    grid-row-gap: 1.5rem;
-    row-gap: 1.5rem;
-  }
-
-  .sm\:row-gap-7 {
-    grid-row-gap: 1.75rem;
-    row-gap: 1.75rem;
-  }
-
-  .sm\:row-gap-8 {
-    grid-row-gap: 2rem;
-    row-gap: 2rem;
-  }
-
-  .sm\:row-gap-9 {
-    grid-row-gap: 2.25rem;
-    row-gap: 2.25rem;
-  }
-
-  .sm\:row-gap-10 {
-    grid-row-gap: 2.5rem;
-    row-gap: 2.5rem;
-  }
-
-  .sm\:row-gap-11 {
-    grid-row-gap: 2.75rem;
-    row-gap: 2.75rem;
-  }
-
-  .sm\:row-gap-12 {
-    grid-row-gap: 3rem;
-    row-gap: 3rem;
-  }
-
-  .sm\:row-gap-13 {
-    grid-row-gap: 3.25rem;
-    row-gap: 3.25rem;
-  }
-
-  .sm\:row-gap-14 {
-    grid-row-gap: 3.5rem;
-    row-gap: 3.5rem;
-  }
-
-  .sm\:row-gap-15 {
-    grid-row-gap: 3.75rem;
-    row-gap: 3.75rem;
-  }
-
-  .sm\:row-gap-16 {
-    grid-row-gap: 4rem;
-    row-gap: 4rem;
-  }
-
-  .sm\:row-gap-20 {
-    grid-row-gap: 5rem;
-    row-gap: 5rem;
-  }
-
-  .sm\:row-gap-24 {
-    grid-row-gap: 6rem;
-    row-gap: 6rem;
-  }
-
-  .sm\:row-gap-28 {
-    grid-row-gap: 7rem;
-    row-gap: 7rem;
-  }
-
-  .sm\:row-gap-32 {
-    grid-row-gap: 8rem;
-    row-gap: 8rem;
-  }
-
-  .sm\:row-gap-36 {
-    grid-row-gap: 9rem;
-    row-gap: 9rem;
-  }
-
-  .sm\:row-gap-40 {
-    grid-row-gap: 10rem;
-    row-gap: 10rem;
-  }
-
-  .sm\:row-gap-48 {
-    grid-row-gap: 12rem;
-    row-gap: 12rem;
-  }
-
-  .sm\:row-gap-56 {
-    grid-row-gap: 14rem;
-    row-gap: 14rem;
-  }
-
-  .sm\:row-gap-60 {
-    grid-row-gap: 15rem;
-    row-gap: 15rem;
-  }
-
-  .sm\:row-gap-64 {
-    grid-row-gap: 16rem;
-    row-gap: 16rem;
-  }
-
-  .sm\:row-gap-72 {
-    grid-row-gap: 18rem;
-    row-gap: 18rem;
-  }
-
-  .sm\:row-gap-80 {
-    grid-row-gap: 20rem;
-    row-gap: 20rem;
-  }
-
-  .sm\:row-gap-96 {
-    grid-row-gap: 24rem;
-    row-gap: 24rem;
-  }
-
-  .sm\:row-gap-px {
-    grid-row-gap: 1px;
-    row-gap: 1px;
-  }
-
-  .sm\:row-gap-0\.5 {
-    grid-row-gap: 0.125rem;
-    row-gap: 0.125rem;
-  }
-
-  .sm\:row-gap-1\.5 {
-    grid-row-gap: 0.375rem;
-    row-gap: 0.375rem;
-  }
-
-  .sm\:row-gap-2\.5 {
-    grid-row-gap: 0.625rem;
-    row-gap: 0.625rem;
-  }
-
-  .sm\:row-gap-3\.5 {
-    grid-row-gap: 0.875rem;
-    row-gap: 0.875rem;
-  }
-
-  .sm\:row-gap-1\/2 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .sm\:row-gap-1\/3 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .sm\:row-gap-2\/3 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .sm\:row-gap-1\/4 {
-    grid-row-gap: 25%;
-    row-gap: 25%;
-  }
-
-  .sm\:row-gap-2\/4 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .sm\:row-gap-3\/4 {
-    grid-row-gap: 75%;
-    row-gap: 75%;
-  }
-
-  .sm\:row-gap-1\/5 {
-    grid-row-gap: 20%;
-    row-gap: 20%;
-  }
-
-  .sm\:row-gap-2\/5 {
-    grid-row-gap: 40%;
-    row-gap: 40%;
-  }
-
-  .sm\:row-gap-3\/5 {
-    grid-row-gap: 60%;
-    row-gap: 60%;
-  }
-
-  .sm\:row-gap-4\/5 {
-    grid-row-gap: 80%;
-    row-gap: 80%;
-  }
-
-  .sm\:row-gap-1\/6 {
-    grid-row-gap: 16.666667%;
-    row-gap: 16.666667%;
-  }
-
-  .sm\:row-gap-2\/6 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .sm\:row-gap-3\/6 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .sm\:row-gap-4\/6 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .sm\:row-gap-5\/6 {
-    grid-row-gap: 83.333333%;
-    row-gap: 83.333333%;
-  }
-
-  .sm\:row-gap-1\/12 {
-    grid-row-gap: 8.333333%;
-    row-gap: 8.333333%;
-  }
-
-  .sm\:row-gap-2\/12 {
-    grid-row-gap: 16.666667%;
-    row-gap: 16.666667%;
-  }
-
-  .sm\:row-gap-3\/12 {
-    grid-row-gap: 25%;
-    row-gap: 25%;
-  }
-
-  .sm\:row-gap-4\/12 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .sm\:row-gap-5\/12 {
-    grid-row-gap: 41.666667%;
-    row-gap: 41.666667%;
-  }
-
-  .sm\:row-gap-6\/12 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .sm\:row-gap-7\/12 {
-    grid-row-gap: 58.333333%;
-    row-gap: 58.333333%;
-  }
-
-  .sm\:row-gap-8\/12 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .sm\:row-gap-9\/12 {
-    grid-row-gap: 75%;
-    row-gap: 75%;
-  }
-
-  .sm\:row-gap-10\/12 {
-    grid-row-gap: 83.333333%;
-    row-gap: 83.333333%;
-  }
-
-  .sm\:row-gap-11\/12 {
-    grid-row-gap: 91.666667%;
-    row-gap: 91.666667%;
-  }
-
-  .sm\:row-gap-full {
-    grid-row-gap: 100%;
-    row-gap: 100%;
-  }
-
-  .sm\:grid-flow-row {
-    grid-auto-flow: row;
-  }
-
-  .sm\:grid-flow-col {
-    grid-auto-flow: column;
-  }
-
-  .sm\:grid-flow-row-dense {
-    grid-auto-flow: row dense;
-  }
-
-  .sm\:grid-flow-col-dense {
-    grid-auto-flow: column dense;
-  }
-
-  .sm\:grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-
-  .sm\:grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .sm\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .sm\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
-  .sm\:grid-cols-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-
-  .sm\:grid-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-
-  .sm\:grid-cols-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-
-  .sm\:grid-cols-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-
-  .sm\:grid-cols-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-
-  .sm\:grid-cols-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-
-  .sm\:grid-cols-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-
-  .sm\:grid-cols-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-
-  .sm\:grid-cols-none {
-    grid-template-columns: none;
-  }
-
-  .sm\:col-auto {
-    grid-column: auto;
-  }
-
-  .sm\:col-span-1 {
-    grid-column: span 1 / span 1;
-  }
-
-  .sm\:col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-
-  .sm\:col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .sm\:col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-
-  .sm\:col-span-5 {
-    grid-column: span 5 / span 5;
-  }
-
-  .sm\:col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .sm\:col-span-7 {
-    grid-column: span 7 / span 7;
-  }
-
-  .sm\:col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-
-  .sm\:col-span-9 {
-    grid-column: span 9 / span 9;
-  }
-
-  .sm\:col-span-10 {
-    grid-column: span 10 / span 10;
-  }
-
-  .sm\:col-span-11 {
-    grid-column: span 11 / span 11;
-  }
-
-  .sm\:col-span-12 {
-    grid-column: span 12 / span 12;
-  }
-
-  .sm\:col-start-1 {
-    grid-column-start: 1;
-  }
-
-  .sm\:col-start-2 {
-    grid-column-start: 2;
-  }
-
-  .sm\:col-start-3 {
-    grid-column-start: 3;
-  }
-
-  .sm\:col-start-4 {
-    grid-column-start: 4;
-  }
-
-  .sm\:col-start-5 {
-    grid-column-start: 5;
-  }
-
-  .sm\:col-start-6 {
-    grid-column-start: 6;
-  }
-
-  .sm\:col-start-7 {
-    grid-column-start: 7;
-  }
-
-  .sm\:col-start-8 {
-    grid-column-start: 8;
-  }
-
-  .sm\:col-start-9 {
-    grid-column-start: 9;
-  }
-
-  .sm\:col-start-10 {
-    grid-column-start: 10;
-  }
-
-  .sm\:col-start-11 {
-    grid-column-start: 11;
-  }
-
-  .sm\:col-start-12 {
-    grid-column-start: 12;
-  }
-
-  .sm\:col-start-13 {
-    grid-column-start: 13;
-  }
-
-  .sm\:col-start-auto {
-    grid-column-start: auto;
-  }
-
-  .sm\:col-end-1 {
-    grid-column-end: 1;
-  }
-
-  .sm\:col-end-2 {
-    grid-column-end: 2;
-  }
-
-  .sm\:col-end-3 {
-    grid-column-end: 3;
-  }
-
-  .sm\:col-end-4 {
-    grid-column-end: 4;
-  }
-
-  .sm\:col-end-5 {
-    grid-column-end: 5;
-  }
-
-  .sm\:col-end-6 {
-    grid-column-end: 6;
-  }
-
-  .sm\:col-end-7 {
-    grid-column-end: 7;
-  }
-
-  .sm\:col-end-8 {
-    grid-column-end: 8;
-  }
-
-  .sm\:col-end-9 {
-    grid-column-end: 9;
-  }
-
-  .sm\:col-end-10 {
-    grid-column-end: 10;
-  }
-
-  .sm\:col-end-11 {
-    grid-column-end: 11;
-  }
-
-  .sm\:col-end-12 {
-    grid-column-end: 12;
-  }
-
-  .sm\:col-end-13 {
-    grid-column-end: 13;
-  }
-
-  .sm\:col-end-auto {
-    grid-column-end: auto;
-  }
-
-  .sm\:grid-rows-1 {
-    grid-template-rows: repeat(1, minmax(0, 1fr));
-  }
-
-  .sm\:grid-rows-2 {
-    grid-template-rows: repeat(2, minmax(0, 1fr));
-  }
-
-  .sm\:grid-rows-3 {
-    grid-template-rows: repeat(3, minmax(0, 1fr));
-  }
-
-  .sm\:grid-rows-4 {
-    grid-template-rows: repeat(4, minmax(0, 1fr));
-  }
-
-  .sm\:grid-rows-5 {
-    grid-template-rows: repeat(5, minmax(0, 1fr));
-  }
-
-  .sm\:grid-rows-6 {
-    grid-template-rows: repeat(6, minmax(0, 1fr));
-  }
-
-  .sm\:grid-rows-none {
-    grid-template-rows: none;
-  }
-
-  .sm\:row-auto {
-    grid-row: auto;
-  }
-
-  .sm\:row-span-1 {
-    grid-row: span 1 / span 1;
-  }
-
-  .sm\:row-span-2 {
-    grid-row: span 2 / span 2;
-  }
-
-  .sm\:row-span-3 {
-    grid-row: span 3 / span 3;
-  }
-
-  .sm\:row-span-4 {
-    grid-row: span 4 / span 4;
-  }
-
-  .sm\:row-span-5 {
-    grid-row: span 5 / span 5;
-  }
-
-  .sm\:row-span-6 {
-    grid-row: span 6 / span 6;
-  }
-
-  .sm\:row-start-1 {
-    grid-row-start: 1;
-  }
-
-  .sm\:row-start-2 {
-    grid-row-start: 2;
-  }
-
-  .sm\:row-start-3 {
-    grid-row-start: 3;
-  }
-
-  .sm\:row-start-4 {
-    grid-row-start: 4;
-  }
-
-  .sm\:row-start-5 {
-    grid-row-start: 5;
-  }
-
-  .sm\:row-start-6 {
-    grid-row-start: 6;
-  }
-
-  .sm\:row-start-7 {
-    grid-row-start: 7;
-  }
-
-  .sm\:row-start-auto {
-    grid-row-start: auto;
-  }
-
-  .sm\:row-end-1 {
-    grid-row-end: 1;
-  }
-
-  .sm\:row-end-2 {
-    grid-row-end: 2;
-  }
-
-  .sm\:row-end-3 {
-    grid-row-end: 3;
-  }
-
-  .sm\:row-end-4 {
-    grid-row-end: 4;
-  }
-
-  .sm\:row-end-5 {
-    grid-row-end: 5;
-  }
-
-  .sm\:row-end-6 {
-    grid-row-end: 6;
-  }
-
-  .sm\:row-end-7 {
-    grid-row-end: 7;
-  }
-
-  .sm\:row-end-auto {
-    grid-row-end: auto;
-  }
-
-  .sm\: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));
-  }
-
-  .sm\:transform-none {
-    transform: none;
-  }
-
-  .sm\:origin-center {
-    transform-origin: center;
-  }
-
-  .sm\:origin-top {
-    transform-origin: top;
-  }
-
-  .sm\:origin-top-right {
-    transform-origin: top right;
-  }
-
-  .sm\:origin-right {
-    transform-origin: right;
-  }
-
-  .sm\:origin-bottom-right {
-    transform-origin: bottom right;
-  }
-
-  .sm\:origin-bottom {
-    transform-origin: bottom;
-  }
-
-  .sm\:origin-bottom-left {
-    transform-origin: bottom left;
-  }
-
-  .sm\:origin-left {
-    transform-origin: left;
-  }
-
-  .sm\:origin-top-left {
-    transform-origin: top left;
-  }
-
-  .sm\:scale-0 {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .sm\:scale-50 {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .sm\:scale-75 {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .sm\:scale-90 {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .sm\:scale-95 {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .sm\:scale-100 {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .sm\:scale-105 {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .sm\:scale-110 {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .sm\:scale-125 {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .sm\:scale-150 {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .sm\:scale-x-0 {
-    --transform-scale-x: 0;
-  }
-
-  .sm\:scale-x-50 {
-    --transform-scale-x: .5;
-  }
-
-  .sm\:scale-x-75 {
-    --transform-scale-x: .75;
-  }
-
-  .sm\:scale-x-90 {
-    --transform-scale-x: .9;
-  }
-
-  .sm\:scale-x-95 {
-    --transform-scale-x: .95;
-  }
-
-  .sm\:scale-x-100 {
-    --transform-scale-x: 1;
-  }
-
-  .sm\:scale-x-105 {
-    --transform-scale-x: 1.05;
-  }
-
-  .sm\:scale-x-110 {
-    --transform-scale-x: 1.1;
-  }
-
-  .sm\:scale-x-125 {
-    --transform-scale-x: 1.25;
-  }
-
-  .sm\:scale-x-150 {
-    --transform-scale-x: 1.5;
-  }
-
-  .sm\:scale-y-0 {
-    --transform-scale-y: 0;
-  }
-
-  .sm\:scale-y-50 {
-    --transform-scale-y: .5;
-  }
-
-  .sm\:scale-y-75 {
-    --transform-scale-y: .75;
-  }
-
-  .sm\:scale-y-90 {
-    --transform-scale-y: .9;
-  }
-
-  .sm\:scale-y-95 {
-    --transform-scale-y: .95;
-  }
-
-  .sm\:scale-y-100 {
-    --transform-scale-y: 1;
-  }
-
-  .sm\:scale-y-105 {
-    --transform-scale-y: 1.05;
-  }
-
-  .sm\:scale-y-110 {
-    --transform-scale-y: 1.1;
-  }
-
-  .sm\:scale-y-125 {
-    --transform-scale-y: 1.25;
-  }
-
-  .sm\:scale-y-150 {
-    --transform-scale-y: 1.5;
-  }
-
-  .sm\:hover\:scale-0:hover {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .sm\:hover\:scale-50:hover {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .sm\:hover\:scale-75:hover {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .sm\:hover\:scale-90:hover {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .sm\:hover\:scale-95:hover {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .sm\:hover\:scale-100:hover {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .sm\:hover\:scale-105:hover {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .sm\:hover\:scale-110:hover {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .sm\:hover\:scale-125:hover {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .sm\:hover\:scale-150:hover {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .sm\:hover\:scale-x-0:hover {
-    --transform-scale-x: 0;
-  }
-
-  .sm\:hover\:scale-x-50:hover {
-    --transform-scale-x: .5;
-  }
-
-  .sm\:hover\:scale-x-75:hover {
-    --transform-scale-x: .75;
-  }
-
-  .sm\:hover\:scale-x-90:hover {
-    --transform-scale-x: .9;
-  }
-
-  .sm\:hover\:scale-x-95:hover {
-    --transform-scale-x: .95;
-  }
-
-  .sm\:hover\:scale-x-100:hover {
-    --transform-scale-x: 1;
-  }
-
-  .sm\:hover\:scale-x-105:hover {
-    --transform-scale-x: 1.05;
-  }
-
-  .sm\:hover\:scale-x-110:hover {
-    --transform-scale-x: 1.1;
-  }
-
-  .sm\:hover\:scale-x-125:hover {
-    --transform-scale-x: 1.25;
-  }
-
-  .sm\:hover\:scale-x-150:hover {
-    --transform-scale-x: 1.5;
-  }
-
-  .sm\:hover\:scale-y-0:hover {
-    --transform-scale-y: 0;
-  }
-
-  .sm\:hover\:scale-y-50:hover {
-    --transform-scale-y: .5;
-  }
-
-  .sm\:hover\:scale-y-75:hover {
-    --transform-scale-y: .75;
-  }
-
-  .sm\:hover\:scale-y-90:hover {
-    --transform-scale-y: .9;
-  }
-
-  .sm\:hover\:scale-y-95:hover {
-    --transform-scale-y: .95;
-  }
-
-  .sm\:hover\:scale-y-100:hover {
-    --transform-scale-y: 1;
-  }
-
-  .sm\:hover\:scale-y-105:hover {
-    --transform-scale-y: 1.05;
-  }
-
-  .sm\:hover\:scale-y-110:hover {
-    --transform-scale-y: 1.1;
-  }
-
-  .sm\:hover\:scale-y-125:hover {
-    --transform-scale-y: 1.25;
-  }
-
-  .sm\:hover\:scale-y-150:hover {
-    --transform-scale-y: 1.5;
-  }
-
-  .sm\:focus\:scale-0:focus {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .sm\:focus\:scale-50:focus {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .sm\:focus\:scale-75:focus {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .sm\:focus\:scale-90:focus {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .sm\:focus\:scale-95:focus {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .sm\:focus\:scale-100:focus {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .sm\:focus\:scale-105:focus {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .sm\:focus\:scale-110:focus {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .sm\:focus\:scale-125:focus {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .sm\:focus\:scale-150:focus {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .sm\:focus\:scale-x-0:focus {
-    --transform-scale-x: 0;
-  }
-
-  .sm\:focus\:scale-x-50:focus {
-    --transform-scale-x: .5;
-  }
-
-  .sm\:focus\:scale-x-75:focus {
-    --transform-scale-x: .75;
-  }
-
-  .sm\:focus\:scale-x-90:focus {
-    --transform-scale-x: .9;
-  }
-
-  .sm\:focus\:scale-x-95:focus {
-    --transform-scale-x: .95;
-  }
-
-  .sm\:focus\:scale-x-100:focus {
-    --transform-scale-x: 1;
-  }
-
-  .sm\:focus\:scale-x-105:focus {
-    --transform-scale-x: 1.05;
-  }
-
-  .sm\:focus\:scale-x-110:focus {
-    --transform-scale-x: 1.1;
-  }
-
-  .sm\:focus\:scale-x-125:focus {
-    --transform-scale-x: 1.25;
-  }
-
-  .sm\:focus\:scale-x-150:focus {
-    --transform-scale-x: 1.5;
-  }
-
-  .sm\:focus\:scale-y-0:focus {
-    --transform-scale-y: 0;
-  }
-
-  .sm\:focus\:scale-y-50:focus {
-    --transform-scale-y: .5;
-  }
-
-  .sm\:focus\:scale-y-75:focus {
-    --transform-scale-y: .75;
-  }
-
-  .sm\:focus\:scale-y-90:focus {
-    --transform-scale-y: .9;
-  }
-
-  .sm\:focus\:scale-y-95:focus {
-    --transform-scale-y: .95;
-  }
-
-  .sm\:focus\:scale-y-100:focus {
-    --transform-scale-y: 1;
-  }
-
-  .sm\:focus\:scale-y-105:focus {
-    --transform-scale-y: 1.05;
-  }
-
-  .sm\:focus\:scale-y-110:focus {
-    --transform-scale-y: 1.1;
-  }
-
-  .sm\:focus\:scale-y-125:focus {
-    --transform-scale-y: 1.25;
-  }
-
-  .sm\:focus\:scale-y-150:focus {
-    --transform-scale-y: 1.5;
-  }
-
-  .sm\:rotate-0 {
-    --transform-rotate: 0;
-  }
-
-  .sm\:rotate-45 {
-    --transform-rotate: 45deg;
-  }
-
-  .sm\:rotate-90 {
-    --transform-rotate: 90deg;
-  }
-
-  .sm\:rotate-180 {
-    --transform-rotate: 180deg;
-  }
-
-  .sm\:-rotate-180 {
-    --transform-rotate: -180deg;
-  }
-
-  .sm\:-rotate-90 {
-    --transform-rotate: -90deg;
-  }
-
-  .sm\:-rotate-45 {
-    --transform-rotate: -45deg;
-  }
-
-  .sm\:hover\:rotate-0:hover {
-    --transform-rotate: 0;
-  }
-
-  .sm\:hover\:rotate-45:hover {
-    --transform-rotate: 45deg;
-  }
-
-  .sm\:hover\:rotate-90:hover {
-    --transform-rotate: 90deg;
-  }
-
-  .sm\:hover\:rotate-180:hover {
-    --transform-rotate: 180deg;
-  }
-
-  .sm\:hover\:-rotate-180:hover {
-    --transform-rotate: -180deg;
-  }
-
-  .sm\:hover\:-rotate-90:hover {
-    --transform-rotate: -90deg;
-  }
-
-  .sm\:hover\:-rotate-45:hover {
-    --transform-rotate: -45deg;
-  }
-
-  .sm\:focus\:rotate-0:focus {
-    --transform-rotate: 0;
-  }
-
-  .sm\:focus\:rotate-45:focus {
-    --transform-rotate: 45deg;
-  }
-
-  .sm\:focus\:rotate-90:focus {
-    --transform-rotate: 90deg;
-  }
-
-  .sm\:focus\:rotate-180:focus {
-    --transform-rotate: 180deg;
-  }
-
-  .sm\:focus\:-rotate-180:focus {
-    --transform-rotate: -180deg;
-  }
-
-  .sm\:focus\:-rotate-90:focus {
-    --transform-rotate: -90deg;
-  }
-
-  .sm\:focus\:-rotate-45:focus {
-    --transform-rotate: -45deg;
-  }
-
-  .sm\:translate-x-0 {
-    --transform-translate-x: 0;
-  }
-
-  .sm\:translate-x-1 {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .sm\:translate-x-2 {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .sm\:translate-x-3 {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .sm\:translate-x-4 {
-    --transform-translate-x: 1rem;
-  }
-
-  .sm\:translate-x-5 {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .sm\:translate-x-6 {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .sm\:translate-x-7 {
-    --transform-translate-x: 1.75rem;
-  }
-
-  .sm\:translate-x-8 {
-    --transform-translate-x: 2rem;
-  }
-
-  .sm\:translate-x-9 {
-    --transform-translate-x: 2.25rem;
-  }
-
-  .sm\:translate-x-10 {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .sm\:translate-x-11 {
-    --transform-translate-x: 2.75rem;
-  }
-
-  .sm\:translate-x-12 {
-    --transform-translate-x: 3rem;
-  }
-
-  .sm\:translate-x-13 {
-    --transform-translate-x: 3.25rem;
-  }
-
-  .sm\:translate-x-14 {
-    --transform-translate-x: 3.5rem;
-  }
-
-  .sm\:translate-x-15 {
-    --transform-translate-x: 3.75rem;
-  }
-
-  .sm\:translate-x-16 {
-    --transform-translate-x: 4rem;
-  }
-
-  .sm\:translate-x-20 {
-    --transform-translate-x: 5rem;
-  }
-
-  .sm\:translate-x-24 {
-    --transform-translate-x: 6rem;
-  }
-
-  .sm\:translate-x-28 {
-    --transform-translate-x: 7rem;
-  }
-
-  .sm\:translate-x-32 {
-    --transform-translate-x: 8rem;
-  }
-
-  .sm\:translate-x-36 {
-    --transform-translate-x: 9rem;
-  }
-
-  .sm\:translate-x-40 {
-    --transform-translate-x: 10rem;
-  }
-
-  .sm\:translate-x-48 {
-    --transform-translate-x: 12rem;
-  }
-
-  .sm\:translate-x-56 {
-    --transform-translate-x: 14rem;
-  }
-
-  .sm\:translate-x-60 {
-    --transform-translate-x: 15rem;
-  }
-
-  .sm\:translate-x-64 {
-    --transform-translate-x: 16rem;
-  }
-
-  .sm\:translate-x-72 {
-    --transform-translate-x: 18rem;
-  }
-
-  .sm\:translate-x-80 {
-    --transform-translate-x: 20rem;
-  }
-
-  .sm\:translate-x-96 {
-    --transform-translate-x: 24rem;
-  }
-
-  .sm\:translate-x-px {
-    --transform-translate-x: 1px;
-  }
-
-  .sm\:translate-x-0\.5 {
-    --transform-translate-x: 0.125rem;
-  }
-
-  .sm\:translate-x-1\.5 {
-    --transform-translate-x: 0.375rem;
-  }
-
-  .sm\:translate-x-2\.5 {
-    --transform-translate-x: 0.625rem;
-  }
-
-  .sm\:translate-x-3\.5 {
-    --transform-translate-x: 0.875rem;
-  }
-
-  .sm\:translate-x-1\/2 {
-    --transform-translate-x: 50%;
-  }
-
-  .sm\:translate-x-1\/3 {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .sm\:translate-x-2\/3 {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .sm\:translate-x-1\/4 {
-    --transform-translate-x: 25%;
-  }
-
-  .sm\:translate-x-2\/4 {
-    --transform-translate-x: 50%;
-  }
-
-  .sm\:translate-x-3\/4 {
-    --transform-translate-x: 75%;
-  }
-
-  .sm\:translate-x-1\/5 {
-    --transform-translate-x: 20%;
-  }
-
-  .sm\:translate-x-2\/5 {
-    --transform-translate-x: 40%;
-  }
-
-  .sm\:translate-x-3\/5 {
-    --transform-translate-x: 60%;
-  }
-
-  .sm\:translate-x-4\/5 {
-    --transform-translate-x: 80%;
-  }
-
-  .sm\:translate-x-1\/6 {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .sm\:translate-x-2\/6 {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .sm\:translate-x-3\/6 {
-    --transform-translate-x: 50%;
-  }
-
-  .sm\:translate-x-4\/6 {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .sm\:translate-x-5\/6 {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .sm\:translate-x-1\/12 {
-    --transform-translate-x: 8.333333%;
-  }
-
-  .sm\:translate-x-2\/12 {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .sm\:translate-x-3\/12 {
-    --transform-translate-x: 25%;
-  }
-
-  .sm\:translate-x-4\/12 {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .sm\:translate-x-5\/12 {
-    --transform-translate-x: 41.666667%;
-  }
-
-  .sm\:translate-x-6\/12 {
-    --transform-translate-x: 50%;
-  }
-
-  .sm\:translate-x-7\/12 {
-    --transform-translate-x: 58.333333%;
-  }
-
-  .sm\:translate-x-8\/12 {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .sm\:translate-x-9\/12 {
-    --transform-translate-x: 75%;
-  }
-
-  .sm\:translate-x-10\/12 {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .sm\:translate-x-11\/12 {
-    --transform-translate-x: 91.666667%;
-  }
-
-  .sm\:translate-x-full {
-    --transform-translate-x: 100%;
-  }
-
-  .sm\:-translate-x-1 {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .sm\:-translate-x-2 {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .sm\:-translate-x-3 {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .sm\:-translate-x-4 {
-    --transform-translate-x: -1rem;
-  }
-
-  .sm\:-translate-x-5 {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .sm\:-translate-x-6 {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .sm\:-translate-x-7 {
-    --transform-translate-x: -1.75rem;
-  }
-
-  .sm\:-translate-x-8 {
-    --transform-translate-x: -2rem;
-  }
-
-  .sm\:-translate-x-9 {
-    --transform-translate-x: -2.25rem;
-  }
-
-  .sm\:-translate-x-10 {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .sm\:-translate-x-11 {
-    --transform-translate-x: -2.75rem;
-  }
-
-  .sm\:-translate-x-12 {
-    --transform-translate-x: -3rem;
-  }
-
-  .sm\:-translate-x-13 {
-    --transform-translate-x: -3.25rem;
-  }
-
-  .sm\:-translate-x-14 {
-    --transform-translate-x: -3.5rem;
-  }
-
-  .sm\:-translate-x-15 {
-    --transform-translate-x: -3.75rem;
-  }
-
-  .sm\:-translate-x-16 {
-    --transform-translate-x: -4rem;
-  }
-
-  .sm\:-translate-x-20 {
-    --transform-translate-x: -5rem;
-  }
-
-  .sm\:-translate-x-24 {
-    --transform-translate-x: -6rem;
-  }
-
-  .sm\:-translate-x-28 {
-    --transform-translate-x: -7rem;
-  }
-
-  .sm\:-translate-x-32 {
-    --transform-translate-x: -8rem;
-  }
-
-  .sm\:-translate-x-36 {
-    --transform-translate-x: -9rem;
-  }
-
-  .sm\:-translate-x-40 {
-    --transform-translate-x: -10rem;
-  }
-
-  .sm\:-translate-x-48 {
-    --transform-translate-x: -12rem;
-  }
-
-  .sm\:-translate-x-56 {
-    --transform-translate-x: -14rem;
-  }
-
-  .sm\:-translate-x-60 {
-    --transform-translate-x: -15rem;
-  }
-
-  .sm\:-translate-x-64 {
-    --transform-translate-x: -16rem;
-  }
-
-  .sm\:-translate-x-72 {
-    --transform-translate-x: -18rem;
-  }
-
-  .sm\:-translate-x-80 {
-    --transform-translate-x: -20rem;
-  }
-
-  .sm\:-translate-x-96 {
-    --transform-translate-x: -24rem;
-  }
-
-  .sm\:-translate-x-px {
-    --transform-translate-x: -1px;
-  }
-
-  .sm\:-translate-x-0\.5 {
-    --transform-translate-x: -0.125rem;
-  }
-
-  .sm\:-translate-x-1\.5 {
-    --transform-translate-x: -0.375rem;
-  }
-
-  .sm\:-translate-x-2\.5 {
-    --transform-translate-x: -0.625rem;
-  }
-
-  .sm\:-translate-x-3\.5 {
-    --transform-translate-x: -0.875rem;
-  }
-
-  .sm\:-translate-x-1\/2 {
-    --transform-translate-x: -50%;
-  }
-
-  .sm\:-translate-x-1\/3 {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .sm\:-translate-x-2\/3 {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .sm\:-translate-x-1\/4 {
-    --transform-translate-x: -25%;
-  }
-
-  .sm\:-translate-x-2\/4 {
-    --transform-translate-x: -50%;
-  }
-
-  .sm\:-translate-x-3\/4 {
-    --transform-translate-x: -75%;
-  }
-
-  .sm\:-translate-x-1\/5 {
-    --transform-translate-x: -20%;
-  }
-
-  .sm\:-translate-x-2\/5 {
-    --transform-translate-x: -40%;
-  }
-
-  .sm\:-translate-x-3\/5 {
-    --transform-translate-x: -60%;
-  }
-
-  .sm\:-translate-x-4\/5 {
-    --transform-translate-x: -80%;
-  }
-
-  .sm\:-translate-x-1\/6 {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .sm\:-translate-x-2\/6 {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .sm\:-translate-x-3\/6 {
-    --transform-translate-x: -50%;
-  }
-
-  .sm\:-translate-x-4\/6 {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .sm\:-translate-x-5\/6 {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .sm\:-translate-x-1\/12 {
-    --transform-translate-x: -8.33333%;
-  }
-
-  .sm\:-translate-x-2\/12 {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .sm\:-translate-x-3\/12 {
-    --transform-translate-x: -25%;
-  }
-
-  .sm\:-translate-x-4\/12 {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .sm\:-translate-x-5\/12 {
-    --transform-translate-x: -41.66667%;
-  }
-
-  .sm\:-translate-x-6\/12 {
-    --transform-translate-x: -50%;
-  }
-
-  .sm\:-translate-x-7\/12 {
-    --transform-translate-x: -58.33333%;
-  }
-
-  .sm\:-translate-x-8\/12 {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .sm\:-translate-x-9\/12 {
-    --transform-translate-x: -75%;
-  }
-
-  .sm\:-translate-x-10\/12 {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .sm\:-translate-x-11\/12 {
-    --transform-translate-x: -91.66667%;
-  }
-
-  .sm\:-translate-x-full {
-    --transform-translate-x: -100%;
-  }
-
-  .sm\:translate-y-0 {
-    --transform-translate-y: 0;
-  }
-
-  .sm\:translate-y-1 {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .sm\:translate-y-2 {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .sm\:translate-y-3 {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .sm\:translate-y-4 {
-    --transform-translate-y: 1rem;
-  }
-
-  .sm\:translate-y-5 {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .sm\:translate-y-6 {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .sm\:translate-y-7 {
-    --transform-translate-y: 1.75rem;
-  }
-
-  .sm\:translate-y-8 {
-    --transform-translate-y: 2rem;
-  }
-
-  .sm\:translate-y-9 {
-    --transform-translate-y: 2.25rem;
-  }
-
-  .sm\:translate-y-10 {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .sm\:translate-y-11 {
-    --transform-translate-y: 2.75rem;
-  }
-
-  .sm\:translate-y-12 {
-    --transform-translate-y: 3rem;
-  }
-
-  .sm\:translate-y-13 {
-    --transform-translate-y: 3.25rem;
-  }
-
-  .sm\:translate-y-14 {
-    --transform-translate-y: 3.5rem;
-  }
-
-  .sm\:translate-y-15 {
-    --transform-translate-y: 3.75rem;
-  }
-
-  .sm\:translate-y-16 {
-    --transform-translate-y: 4rem;
-  }
-
-  .sm\:translate-y-20 {
-    --transform-translate-y: 5rem;
-  }
-
-  .sm\:translate-y-24 {
-    --transform-translate-y: 6rem;
-  }
-
-  .sm\:translate-y-28 {
-    --transform-translate-y: 7rem;
-  }
-
-  .sm\:translate-y-32 {
-    --transform-translate-y: 8rem;
-  }
-
-  .sm\:translate-y-36 {
-    --transform-translate-y: 9rem;
-  }
-
-  .sm\:translate-y-40 {
-    --transform-translate-y: 10rem;
-  }
-
-  .sm\:translate-y-48 {
-    --transform-translate-y: 12rem;
-  }
-
-  .sm\:translate-y-56 {
-    --transform-translate-y: 14rem;
-  }
-
-  .sm\:translate-y-60 {
-    --transform-translate-y: 15rem;
-  }
-
-  .sm\:translate-y-64 {
-    --transform-translate-y: 16rem;
-  }
-
-  .sm\:translate-y-72 {
-    --transform-translate-y: 18rem;
-  }
-
-  .sm\:translate-y-80 {
-    --transform-translate-y: 20rem;
-  }
-
-  .sm\:translate-y-96 {
-    --transform-translate-y: 24rem;
-  }
-
-  .sm\:translate-y-px {
-    --transform-translate-y: 1px;
-  }
-
-  .sm\:translate-y-0\.5 {
-    --transform-translate-y: 0.125rem;
-  }
-
-  .sm\:translate-y-1\.5 {
-    --transform-translate-y: 0.375rem;
-  }
-
-  .sm\:translate-y-2\.5 {
-    --transform-translate-y: 0.625rem;
-  }
-
-  .sm\:translate-y-3\.5 {
-    --transform-translate-y: 0.875rem;
-  }
-
-  .sm\:translate-y-1\/2 {
-    --transform-translate-y: 50%;
-  }
-
-  .sm\:translate-y-1\/3 {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .sm\:translate-y-2\/3 {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .sm\:translate-y-1\/4 {
-    --transform-translate-y: 25%;
-  }
-
-  .sm\:translate-y-2\/4 {
-    --transform-translate-y: 50%;
-  }
-
-  .sm\:translate-y-3\/4 {
-    --transform-translate-y: 75%;
-  }
-
-  .sm\:translate-y-1\/5 {
-    --transform-translate-y: 20%;
-  }
-
-  .sm\:translate-y-2\/5 {
-    --transform-translate-y: 40%;
-  }
-
-  .sm\:translate-y-3\/5 {
-    --transform-translate-y: 60%;
-  }
-
-  .sm\:translate-y-4\/5 {
-    --transform-translate-y: 80%;
-  }
-
-  .sm\:translate-y-1\/6 {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .sm\:translate-y-2\/6 {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .sm\:translate-y-3\/6 {
-    --transform-translate-y: 50%;
-  }
-
-  .sm\:translate-y-4\/6 {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .sm\:translate-y-5\/6 {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .sm\:translate-y-1\/12 {
-    --transform-translate-y: 8.333333%;
-  }
-
-  .sm\:translate-y-2\/12 {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .sm\:translate-y-3\/12 {
-    --transform-translate-y: 25%;
-  }
-
-  .sm\:translate-y-4\/12 {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .sm\:translate-y-5\/12 {
-    --transform-translate-y: 41.666667%;
-  }
-
-  .sm\:translate-y-6\/12 {
-    --transform-translate-y: 50%;
-  }
-
-  .sm\:translate-y-7\/12 {
-    --transform-translate-y: 58.333333%;
-  }
-
-  .sm\:translate-y-8\/12 {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .sm\:translate-y-9\/12 {
-    --transform-translate-y: 75%;
-  }
-
-  .sm\:translate-y-10\/12 {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .sm\:translate-y-11\/12 {
-    --transform-translate-y: 91.666667%;
-  }
-
-  .sm\:translate-y-full {
-    --transform-translate-y: 100%;
-  }
-
-  .sm\:-translate-y-1 {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .sm\:-translate-y-2 {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .sm\:-translate-y-3 {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .sm\:-translate-y-4 {
-    --transform-translate-y: -1rem;
-  }
-
-  .sm\:-translate-y-5 {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .sm\:-translate-y-6 {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .sm\:-translate-y-7 {
-    --transform-translate-y: -1.75rem;
-  }
-
-  .sm\:-translate-y-8 {
-    --transform-translate-y: -2rem;
-  }
-
-  .sm\:-translate-y-9 {
-    --transform-translate-y: -2.25rem;
-  }
-
-  .sm\:-translate-y-10 {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .sm\:-translate-y-11 {
-    --transform-translate-y: -2.75rem;
-  }
-
-  .sm\:-translate-y-12 {
-    --transform-translate-y: -3rem;
-  }
-
-  .sm\:-translate-y-13 {
-    --transform-translate-y: -3.25rem;
-  }
-
-  .sm\:-translate-y-14 {
-    --transform-translate-y: -3.5rem;
-  }
-
-  .sm\:-translate-y-15 {
-    --transform-translate-y: -3.75rem;
-  }
-
-  .sm\:-translate-y-16 {
-    --transform-translate-y: -4rem;
-  }
-
-  .sm\:-translate-y-20 {
-    --transform-translate-y: -5rem;
-  }
-
-  .sm\:-translate-y-24 {
-    --transform-translate-y: -6rem;
-  }
-
-  .sm\:-translate-y-28 {
-    --transform-translate-y: -7rem;
-  }
-
-  .sm\:-translate-y-32 {
-    --transform-translate-y: -8rem;
-  }
-
-  .sm\:-translate-y-36 {
-    --transform-translate-y: -9rem;
-  }
-
-  .sm\:-translate-y-40 {
-    --transform-translate-y: -10rem;
-  }
-
-  .sm\:-translate-y-48 {
-    --transform-translate-y: -12rem;
-  }
-
-  .sm\:-translate-y-56 {
-    --transform-translate-y: -14rem;
-  }
-
-  .sm\:-translate-y-60 {
-    --transform-translate-y: -15rem;
-  }
-
-  .sm\:-translate-y-64 {
-    --transform-translate-y: -16rem;
-  }
-
-  .sm\:-translate-y-72 {
-    --transform-translate-y: -18rem;
-  }
-
-  .sm\:-translate-y-80 {
-    --transform-translate-y: -20rem;
-  }
-
-  .sm\:-translate-y-96 {
-    --transform-translate-y: -24rem;
-  }
-
-  .sm\:-translate-y-px {
-    --transform-translate-y: -1px;
-  }
-
-  .sm\:-translate-y-0\.5 {
-    --transform-translate-y: -0.125rem;
-  }
-
-  .sm\:-translate-y-1\.5 {
-    --transform-translate-y: -0.375rem;
-  }
-
-  .sm\:-translate-y-2\.5 {
-    --transform-translate-y: -0.625rem;
-  }
-
-  .sm\:-translate-y-3\.5 {
-    --transform-translate-y: -0.875rem;
-  }
-
-  .sm\:-translate-y-1\/2 {
-    --transform-translate-y: -50%;
-  }
-
-  .sm\:-translate-y-1\/3 {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .sm\:-translate-y-2\/3 {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .sm\:-translate-y-1\/4 {
-    --transform-translate-y: -25%;
-  }
-
-  .sm\:-translate-y-2\/4 {
-    --transform-translate-y: -50%;
-  }
-
-  .sm\:-translate-y-3\/4 {
-    --transform-translate-y: -75%;
-  }
-
-  .sm\:-translate-y-1\/5 {
-    --transform-translate-y: -20%;
-  }
-
-  .sm\:-translate-y-2\/5 {
-    --transform-translate-y: -40%;
-  }
-
-  .sm\:-translate-y-3\/5 {
-    --transform-translate-y: -60%;
-  }
-
-  .sm\:-translate-y-4\/5 {
-    --transform-translate-y: -80%;
-  }
-
-  .sm\:-translate-y-1\/6 {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .sm\:-translate-y-2\/6 {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .sm\:-translate-y-3\/6 {
-    --transform-translate-y: -50%;
-  }
-
-  .sm\:-translate-y-4\/6 {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .sm\:-translate-y-5\/6 {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .sm\:-translate-y-1\/12 {
-    --transform-translate-y: -8.33333%;
-  }
-
-  .sm\:-translate-y-2\/12 {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .sm\:-translate-y-3\/12 {
-    --transform-translate-y: -25%;
-  }
-
-  .sm\:-translate-y-4\/12 {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .sm\:-translate-y-5\/12 {
-    --transform-translate-y: -41.66667%;
-  }
-
-  .sm\:-translate-y-6\/12 {
-    --transform-translate-y: -50%;
-  }
-
-  .sm\:-translate-y-7\/12 {
-    --transform-translate-y: -58.33333%;
-  }
-
-  .sm\:-translate-y-8\/12 {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .sm\:-translate-y-9\/12 {
-    --transform-translate-y: -75%;
-  }
-
-  .sm\:-translate-y-10\/12 {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .sm\:-translate-y-11\/12 {
-    --transform-translate-y: -91.66667%;
-  }
-
-  .sm\:-translate-y-full {
-    --transform-translate-y: -100%;
-  }
-
-  .sm\:hover\:translate-x-0:hover {
-    --transform-translate-x: 0;
-  }
-
-  .sm\:hover\:translate-x-1:hover {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .sm\:hover\:translate-x-2:hover {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .sm\:hover\:translate-x-3:hover {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .sm\:hover\:translate-x-4:hover {
-    --transform-translate-x: 1rem;
-  }
-
-  .sm\:hover\:translate-x-5:hover {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .sm\:hover\:translate-x-6:hover {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .sm\:hover\:translate-x-7:hover {
-    --transform-translate-x: 1.75rem;
-  }
-
-  .sm\:hover\:translate-x-8:hover {
-    --transform-translate-x: 2rem;
-  }
-
-  .sm\:hover\:translate-x-9:hover {
-    --transform-translate-x: 2.25rem;
-  }
-
-  .sm\:hover\:translate-x-10:hover {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .sm\:hover\:translate-x-11:hover {
-    --transform-translate-x: 2.75rem;
-  }
-
-  .sm\:hover\:translate-x-12:hover {
-    --transform-translate-x: 3rem;
-  }
-
-  .sm\:hover\:translate-x-13:hover {
-    --transform-translate-x: 3.25rem;
-  }
-
-  .sm\:hover\:translate-x-14:hover {
-    --transform-translate-x: 3.5rem;
-  }
-
-  .sm\:hover\:translate-x-15:hover {
-    --transform-translate-x: 3.75rem;
-  }
-
-  .sm\:hover\:translate-x-16:hover {
-    --transform-translate-x: 4rem;
-  }
-
-  .sm\:hover\:translate-x-20:hover {
-    --transform-translate-x: 5rem;
-  }
-
-  .sm\:hover\:translate-x-24:hover {
-    --transform-translate-x: 6rem;
-  }
-
-  .sm\:hover\:translate-x-28:hover {
-    --transform-translate-x: 7rem;
-  }
-
-  .sm\:hover\:translate-x-32:hover {
-    --transform-translate-x: 8rem;
-  }
-
-  .sm\:hover\:translate-x-36:hover {
-    --transform-translate-x: 9rem;
-  }
-
-  .sm\:hover\:translate-x-40:hover {
-    --transform-translate-x: 10rem;
-  }
-
-  .sm\:hover\:translate-x-48:hover {
-    --transform-translate-x: 12rem;
-  }
-
-  .sm\:hover\:translate-x-56:hover {
-    --transform-translate-x: 14rem;
-  }
-
-  .sm\:hover\:translate-x-60:hover {
-    --transform-translate-x: 15rem;
-  }
-
-  .sm\:hover\:translate-x-64:hover {
-    --transform-translate-x: 16rem;
-  }
-
-  .sm\:hover\:translate-x-72:hover {
-    --transform-translate-x: 18rem;
-  }
-
-  .sm\:hover\:translate-x-80:hover {
-    --transform-translate-x: 20rem;
-  }
-
-  .sm\:hover\:translate-x-96:hover {
-    --transform-translate-x: 24rem;
-  }
-
-  .sm\:hover\:translate-x-px:hover {
-    --transform-translate-x: 1px;
-  }
-
-  .sm\:hover\:translate-x-0\.5:hover {
-    --transform-translate-x: 0.125rem;
-  }
-
-  .sm\:hover\:translate-x-1\.5:hover {
-    --transform-translate-x: 0.375rem;
-  }
-
-  .sm\:hover\:translate-x-2\.5:hover {
-    --transform-translate-x: 0.625rem;
-  }
-
-  .sm\:hover\:translate-x-3\.5:hover {
-    --transform-translate-x: 0.875rem;
-  }
-
-  .sm\:hover\:translate-x-1\/2:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .sm\:hover\:translate-x-1\/3:hover {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .sm\:hover\:translate-x-2\/3:hover {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .sm\:hover\:translate-x-1\/4:hover {
-    --transform-translate-x: 25%;
-  }
-
-  .sm\:hover\:translate-x-2\/4:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .sm\:hover\:translate-x-3\/4:hover {
-    --transform-translate-x: 75%;
-  }
-
-  .sm\:hover\:translate-x-1\/5:hover {
-    --transform-translate-x: 20%;
-  }
-
-  .sm\:hover\:translate-x-2\/5:hover {
-    --transform-translate-x: 40%;
-  }
-
-  .sm\:hover\:translate-x-3\/5:hover {
-    --transform-translate-x: 60%;
-  }
-
-  .sm\:hover\:translate-x-4\/5:hover {
-    --transform-translate-x: 80%;
-  }
-
-  .sm\:hover\:translate-x-1\/6:hover {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .sm\:hover\:translate-x-2\/6:hover {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .sm\:hover\:translate-x-3\/6:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .sm\:hover\:translate-x-4\/6:hover {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .sm\:hover\:translate-x-5\/6:hover {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .sm\:hover\:translate-x-1\/12:hover {
-    --transform-translate-x: 8.333333%;
-  }
-
-  .sm\:hover\:translate-x-2\/12:hover {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .sm\:hover\:translate-x-3\/12:hover {
-    --transform-translate-x: 25%;
-  }
-
-  .sm\:hover\:translate-x-4\/12:hover {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .sm\:hover\:translate-x-5\/12:hover {
-    --transform-translate-x: 41.666667%;
-  }
-
-  .sm\:hover\:translate-x-6\/12:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .sm\:hover\:translate-x-7\/12:hover {
-    --transform-translate-x: 58.333333%;
-  }
-
-  .sm\:hover\:translate-x-8\/12:hover {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .sm\:hover\:translate-x-9\/12:hover {
-    --transform-translate-x: 75%;
-  }
-
-  .sm\:hover\:translate-x-10\/12:hover {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .sm\:hover\:translate-x-11\/12:hover {
-    --transform-translate-x: 91.666667%;
-  }
-
-  .sm\:hover\:translate-x-full:hover {
-    --transform-translate-x: 100%;
-  }
-
-  .sm\:hover\:-translate-x-1:hover {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .sm\:hover\:-translate-x-2:hover {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .sm\:hover\:-translate-x-3:hover {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .sm\:hover\:-translate-x-4:hover {
-    --transform-translate-x: -1rem;
-  }
-
-  .sm\:hover\:-translate-x-5:hover {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .sm\:hover\:-translate-x-6:hover {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .sm\:hover\:-translate-x-7:hover {
-    --transform-translate-x: -1.75rem;
-  }
-
-  .sm\:hover\:-translate-x-8:hover {
-    --transform-translate-x: -2rem;
-  }
-
-  .sm\:hover\:-translate-x-9:hover {
-    --transform-translate-x: -2.25rem;
-  }
-
-  .sm\:hover\:-translate-x-10:hover {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .sm\:hover\:-translate-x-11:hover {
-    --transform-translate-x: -2.75rem;
-  }
-
-  .sm\:hover\:-translate-x-12:hover {
-    --transform-translate-x: -3rem;
-  }
-
-  .sm\:hover\:-translate-x-13:hover {
-    --transform-translate-x: -3.25rem;
-  }
-
-  .sm\:hover\:-translate-x-14:hover {
-    --transform-translate-x: -3.5rem;
-  }
-
-  .sm\:hover\:-translate-x-15:hover {
-    --transform-translate-x: -3.75rem;
-  }
-
-  .sm\:hover\:-translate-x-16:hover {
-    --transform-translate-x: -4rem;
-  }
-
-  .sm\:hover\:-translate-x-20:hover {
-    --transform-translate-x: -5rem;
-  }
-
-  .sm\:hover\:-translate-x-24:hover {
-    --transform-translate-x: -6rem;
-  }
-
-  .sm\:hover\:-translate-x-28:hover {
-    --transform-translate-x: -7rem;
-  }
-
-  .sm\:hover\:-translate-x-32:hover {
-    --transform-translate-x: -8rem;
-  }
-
-  .sm\:hover\:-translate-x-36:hover {
-    --transform-translate-x: -9rem;
-  }
-
-  .sm\:hover\:-translate-x-40:hover {
-    --transform-translate-x: -10rem;
-  }
-
-  .sm\:hover\:-translate-x-48:hover {
-    --transform-translate-x: -12rem;
-  }
-
-  .sm\:hover\:-translate-x-56:hover {
-    --transform-translate-x: -14rem;
-  }
-
-  .sm\:hover\:-translate-x-60:hover {
-    --transform-translate-x: -15rem;
-  }
-
-  .sm\:hover\:-translate-x-64:hover {
-    --transform-translate-x: -16rem;
-  }
-
-  .sm\:hover\:-translate-x-72:hover {
-    --transform-translate-x: -18rem;
-  }
-
-  .sm\:hover\:-translate-x-80:hover {
-    --transform-translate-x: -20rem;
-  }
-
-  .sm\:hover\:-translate-x-96:hover {
-    --transform-translate-x: -24rem;
-  }
-
-  .sm\:hover\:-translate-x-px:hover {
-    --transform-translate-x: -1px;
-  }
-
-  .sm\:hover\:-translate-x-0\.5:hover {
-    --transform-translate-x: -0.125rem;
-  }
-
-  .sm\:hover\:-translate-x-1\.5:hover {
-    --transform-translate-x: -0.375rem;
-  }
-
-  .sm\:hover\:-translate-x-2\.5:hover {
-    --transform-translate-x: -0.625rem;
-  }
-
-  .sm\:hover\:-translate-x-3\.5:hover {
-    --transform-translate-x: -0.875rem;
-  }
-
-  .sm\:hover\:-translate-x-1\/2:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .sm\:hover\:-translate-x-1\/3:hover {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .sm\:hover\:-translate-x-2\/3:hover {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .sm\:hover\:-translate-x-1\/4:hover {
-    --transform-translate-x: -25%;
-  }
-
-  .sm\:hover\:-translate-x-2\/4:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .sm\:hover\:-translate-x-3\/4:hover {
-    --transform-translate-x: -75%;
-  }
-
-  .sm\:hover\:-translate-x-1\/5:hover {
-    --transform-translate-x: -20%;
-  }
-
-  .sm\:hover\:-translate-x-2\/5:hover {
-    --transform-translate-x: -40%;
-  }
-
-  .sm\:hover\:-translate-x-3\/5:hover {
-    --transform-translate-x: -60%;
-  }
-
-  .sm\:hover\:-translate-x-4\/5:hover {
-    --transform-translate-x: -80%;
-  }
-
-  .sm\:hover\:-translate-x-1\/6:hover {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .sm\:hover\:-translate-x-2\/6:hover {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .sm\:hover\:-translate-x-3\/6:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .sm\:hover\:-translate-x-4\/6:hover {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .sm\:hover\:-translate-x-5\/6:hover {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .sm\:hover\:-translate-x-1\/12:hover {
-    --transform-translate-x: -8.33333%;
-  }
-
-  .sm\:hover\:-translate-x-2\/12:hover {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .sm\:hover\:-translate-x-3\/12:hover {
-    --transform-translate-x: -25%;
-  }
-
-  .sm\:hover\:-translate-x-4\/12:hover {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .sm\:hover\:-translate-x-5\/12:hover {
-    --transform-translate-x: -41.66667%;
-  }
-
-  .sm\:hover\:-translate-x-6\/12:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .sm\:hover\:-translate-x-7\/12:hover {
-    --transform-translate-x: -58.33333%;
-  }
-
-  .sm\:hover\:-translate-x-8\/12:hover {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .sm\:hover\:-translate-x-9\/12:hover {
-    --transform-translate-x: -75%;
-  }
-
-  .sm\:hover\:-translate-x-10\/12:hover {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .sm\:hover\:-translate-x-11\/12:hover {
-    --transform-translate-x: -91.66667%;
-  }
-
-  .sm\:hover\:-translate-x-full:hover {
-    --transform-translate-x: -100%;
-  }
-
-  .sm\:hover\:translate-y-0:hover {
-    --transform-translate-y: 0;
-  }
-
-  .sm\:hover\:translate-y-1:hover {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .sm\:hover\:translate-y-2:hover {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .sm\:hover\:translate-y-3:hover {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .sm\:hover\:translate-y-4:hover {
-    --transform-translate-y: 1rem;
-  }
-
-  .sm\:hover\:translate-y-5:hover {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .sm\:hover\:translate-y-6:hover {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .sm\:hover\:translate-y-7:hover {
-    --transform-translate-y: 1.75rem;
-  }
-
-  .sm\:hover\:translate-y-8:hover {
-    --transform-translate-y: 2rem;
-  }
-
-  .sm\:hover\:translate-y-9:hover {
-    --transform-translate-y: 2.25rem;
-  }
-
-  .sm\:hover\:translate-y-10:hover {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .sm\:hover\:translate-y-11:hover {
-    --transform-translate-y: 2.75rem;
-  }
-
-  .sm\:hover\:translate-y-12:hover {
-    --transform-translate-y: 3rem;
-  }
-
-  .sm\:hover\:translate-y-13:hover {
-    --transform-translate-y: 3.25rem;
-  }
-
-  .sm\:hover\:translate-y-14:hover {
-    --transform-translate-y: 3.5rem;
-  }
-
-  .sm\:hover\:translate-y-15:hover {
-    --transform-translate-y: 3.75rem;
-  }
-
-  .sm\:hover\:translate-y-16:hover {
-    --transform-translate-y: 4rem;
-  }
-
-  .sm\:hover\:translate-y-20:hover {
-    --transform-translate-y: 5rem;
-  }
-
-  .sm\:hover\:translate-y-24:hover {
-    --transform-translate-y: 6rem;
-  }
-
-  .sm\:hover\:translate-y-28:hover {
-    --transform-translate-y: 7rem;
-  }
-
-  .sm\:hover\:translate-y-32:hover {
-    --transform-translate-y: 8rem;
-  }
-
-  .sm\:hover\:translate-y-36:hover {
-    --transform-translate-y: 9rem;
-  }
-
-  .sm\:hover\:translate-y-40:hover {
-    --transform-translate-y: 10rem;
-  }
-
-  .sm\:hover\:translate-y-48:hover {
-    --transform-translate-y: 12rem;
-  }
-
-  .sm\:hover\:translate-y-56:hover {
-    --transform-translate-y: 14rem;
-  }
-
-  .sm\:hover\:translate-y-60:hover {
-    --transform-translate-y: 15rem;
-  }
-
-  .sm\:hover\:translate-y-64:hover {
-    --transform-translate-y: 16rem;
-  }
-
-  .sm\:hover\:translate-y-72:hover {
-    --transform-translate-y: 18rem;
-  }
-
-  .sm\:hover\:translate-y-80:hover {
-    --transform-translate-y: 20rem;
-  }
-
-  .sm\:hover\:translate-y-96:hover {
-    --transform-translate-y: 24rem;
-  }
-
-  .sm\:hover\:translate-y-px:hover {
-    --transform-translate-y: 1px;
-  }
-
-  .sm\:hover\:translate-y-0\.5:hover {
-    --transform-translate-y: 0.125rem;
-  }
-
-  .sm\:hover\:translate-y-1\.5:hover {
-    --transform-translate-y: 0.375rem;
-  }
-
-  .sm\:hover\:translate-y-2\.5:hover {
-    --transform-translate-y: 0.625rem;
-  }
-
-  .sm\:hover\:translate-y-3\.5:hover {
-    --transform-translate-y: 0.875rem;
-  }
-
-  .sm\:hover\:translate-y-1\/2:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .sm\:hover\:translate-y-1\/3:hover {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .sm\:hover\:translate-y-2\/3:hover {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .sm\:hover\:translate-y-1\/4:hover {
-    --transform-translate-y: 25%;
-  }
-
-  .sm\:hover\:translate-y-2\/4:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .sm\:hover\:translate-y-3\/4:hover {
-    --transform-translate-y: 75%;
-  }
-
-  .sm\:hover\:translate-y-1\/5:hover {
-    --transform-translate-y: 20%;
-  }
-
-  .sm\:hover\:translate-y-2\/5:hover {
-    --transform-translate-y: 40%;
-  }
-
-  .sm\:hover\:translate-y-3\/5:hover {
-    --transform-translate-y: 60%;
-  }
-
-  .sm\:hover\:translate-y-4\/5:hover {
-    --transform-translate-y: 80%;
-  }
-
-  .sm\:hover\:translate-y-1\/6:hover {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .sm\:hover\:translate-y-2\/6:hover {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .sm\:hover\:translate-y-3\/6:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .sm\:hover\:translate-y-4\/6:hover {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .sm\:hover\:translate-y-5\/6:hover {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .sm\:hover\:translate-y-1\/12:hover {
-    --transform-translate-y: 8.333333%;
-  }
-
-  .sm\:hover\:translate-y-2\/12:hover {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .sm\:hover\:translate-y-3\/12:hover {
-    --transform-translate-y: 25%;
-  }
-
-  .sm\:hover\:translate-y-4\/12:hover {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .sm\:hover\:translate-y-5\/12:hover {
-    --transform-translate-y: 41.666667%;
-  }
-
-  .sm\:hover\:translate-y-6\/12:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .sm\:hover\:translate-y-7\/12:hover {
-    --transform-translate-y: 58.333333%;
-  }
-
-  .sm\:hover\:translate-y-8\/12:hover {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .sm\:hover\:translate-y-9\/12:hover {
-    --transform-translate-y: 75%;
-  }
-
-  .sm\:hover\:translate-y-10\/12:hover {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .sm\:hover\:translate-y-11\/12:hover {
-    --transform-translate-y: 91.666667%;
-  }
-
-  .sm\:hover\:translate-y-full:hover {
-    --transform-translate-y: 100%;
-  }
-
-  .sm\:hover\:-translate-y-1:hover {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .sm\:hover\:-translate-y-2:hover {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .sm\:hover\:-translate-y-3:hover {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .sm\:hover\:-translate-y-4:hover {
-    --transform-translate-y: -1rem;
-  }
-
-  .sm\:hover\:-translate-y-5:hover {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .sm\:hover\:-translate-y-6:hover {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .sm\:hover\:-translate-y-7:hover {
-    --transform-translate-y: -1.75rem;
-  }
-
-  .sm\:hover\:-translate-y-8:hover {
-    --transform-translate-y: -2rem;
-  }
-
-  .sm\:hover\:-translate-y-9:hover {
-    --transform-translate-y: -2.25rem;
-  }
-
-  .sm\:hover\:-translate-y-10:hover {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .sm\:hover\:-translate-y-11:hover {
-    --transform-translate-y: -2.75rem;
-  }
-
-  .sm\:hover\:-translate-y-12:hover {
-    --transform-translate-y: -3rem;
-  }
-
-  .sm\:hover\:-translate-y-13:hover {
-    --transform-translate-y: -3.25rem;
-  }
-
-  .sm\:hover\:-translate-y-14:hover {
-    --transform-translate-y: -3.5rem;
-  }
-
-  .sm\:hover\:-translate-y-15:hover {
-    --transform-translate-y: -3.75rem;
-  }
-
-  .sm\:hover\:-translate-y-16:hover {
-    --transform-translate-y: -4rem;
-  }
-
-  .sm\:hover\:-translate-y-20:hover {
-    --transform-translate-y: -5rem;
-  }
-
-  .sm\:hover\:-translate-y-24:hover {
-    --transform-translate-y: -6rem;
-  }
-
-  .sm\:hover\:-translate-y-28:hover {
-    --transform-translate-y: -7rem;
-  }
-
-  .sm\:hover\:-translate-y-32:hover {
-    --transform-translate-y: -8rem;
-  }
-
-  .sm\:hover\:-translate-y-36:hover {
-    --transform-translate-y: -9rem;
-  }
-
-  .sm\:hover\:-translate-y-40:hover {
-    --transform-translate-y: -10rem;
-  }
-
-  .sm\:hover\:-translate-y-48:hover {
-    --transform-translate-y: -12rem;
-  }
-
-  .sm\:hover\:-translate-y-56:hover {
-    --transform-translate-y: -14rem;
-  }
-
-  .sm\:hover\:-translate-y-60:hover {
-    --transform-translate-y: -15rem;
-  }
-
-  .sm\:hover\:-translate-y-64:hover {
-    --transform-translate-y: -16rem;
-  }
-
-  .sm\:hover\:-translate-y-72:hover {
-    --transform-translate-y: -18rem;
-  }
-
-  .sm\:hover\:-translate-y-80:hover {
-    --transform-translate-y: -20rem;
-  }
-
-  .sm\:hover\:-translate-y-96:hover {
-    --transform-translate-y: -24rem;
-  }
-
-  .sm\:hover\:-translate-y-px:hover {
-    --transform-translate-y: -1px;
-  }
-
-  .sm\:hover\:-translate-y-0\.5:hover {
-    --transform-translate-y: -0.125rem;
-  }
-
-  .sm\:hover\:-translate-y-1\.5:hover {
-    --transform-translate-y: -0.375rem;
-  }
-
-  .sm\:hover\:-translate-y-2\.5:hover {
-    --transform-translate-y: -0.625rem;
-  }
-
-  .sm\:hover\:-translate-y-3\.5:hover {
-    --transform-translate-y: -0.875rem;
-  }
-
-  .sm\:hover\:-translate-y-1\/2:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .sm\:hover\:-translate-y-1\/3:hover {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .sm\:hover\:-translate-y-2\/3:hover {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .sm\:hover\:-translate-y-1\/4:hover {
-    --transform-translate-y: -25%;
-  }
-
-  .sm\:hover\:-translate-y-2\/4:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .sm\:hover\:-translate-y-3\/4:hover {
-    --transform-translate-y: -75%;
-  }
-
-  .sm\:hover\:-translate-y-1\/5:hover {
-    --transform-translate-y: -20%;
-  }
-
-  .sm\:hover\:-translate-y-2\/5:hover {
-    --transform-translate-y: -40%;
-  }
-
-  .sm\:hover\:-translate-y-3\/5:hover {
-    --transform-translate-y: -60%;
-  }
-
-  .sm\:hover\:-translate-y-4\/5:hover {
-    --transform-translate-y: -80%;
-  }
-
-  .sm\:hover\:-translate-y-1\/6:hover {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .sm\:hover\:-translate-y-2\/6:hover {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .sm\:hover\:-translate-y-3\/6:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .sm\:hover\:-translate-y-4\/6:hover {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .sm\:hover\:-translate-y-5\/6:hover {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .sm\:hover\:-translate-y-1\/12:hover {
-    --transform-translate-y: -8.33333%;
-  }
-
-  .sm\:hover\:-translate-y-2\/12:hover {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .sm\:hover\:-translate-y-3\/12:hover {
-    --transform-translate-y: -25%;
-  }
-
-  .sm\:hover\:-translate-y-4\/12:hover {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .sm\:hover\:-translate-y-5\/12:hover {
-    --transform-translate-y: -41.66667%;
-  }
-
-  .sm\:hover\:-translate-y-6\/12:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .sm\:hover\:-translate-y-7\/12:hover {
-    --transform-translate-y: -58.33333%;
-  }
-
-  .sm\:hover\:-translate-y-8\/12:hover {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .sm\:hover\:-translate-y-9\/12:hover {
-    --transform-translate-y: -75%;
-  }
-
-  .sm\:hover\:-translate-y-10\/12:hover {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .sm\:hover\:-translate-y-11\/12:hover {
-    --transform-translate-y: -91.66667%;
-  }
-
-  .sm\:hover\:-translate-y-full:hover {
-    --transform-translate-y: -100%;
-  }
-
-  .sm\:focus\:translate-x-0:focus {
-    --transform-translate-x: 0;
-  }
-
-  .sm\:focus\:translate-x-1:focus {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .sm\:focus\:translate-x-2:focus {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .sm\:focus\:translate-x-3:focus {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .sm\:focus\:translate-x-4:focus {
-    --transform-translate-x: 1rem;
-  }
-
-  .sm\:focus\:translate-x-5:focus {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .sm\:focus\:translate-x-6:focus {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .sm\:focus\:translate-x-7:focus {
-    --transform-translate-x: 1.75rem;
-  }
-
-  .sm\:focus\:translate-x-8:focus {
-    --transform-translate-x: 2rem;
-  }
-
-  .sm\:focus\:translate-x-9:focus {
-    --transform-translate-x: 2.25rem;
-  }
-
-  .sm\:focus\:translate-x-10:focus {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .sm\:focus\:translate-x-11:focus {
-    --transform-translate-x: 2.75rem;
-  }
-
-  .sm\:focus\:translate-x-12:focus {
-    --transform-translate-x: 3rem;
-  }
-
-  .sm\:focus\:translate-x-13:focus {
-    --transform-translate-x: 3.25rem;
-  }
-
-  .sm\:focus\:translate-x-14:focus {
-    --transform-translate-x: 3.5rem;
-  }
-
-  .sm\:focus\:translate-x-15:focus {
-    --transform-translate-x: 3.75rem;
-  }
-
-  .sm\:focus\:translate-x-16:focus {
-    --transform-translate-x: 4rem;
-  }
-
-  .sm\:focus\:translate-x-20:focus {
-    --transform-translate-x: 5rem;
-  }
-
-  .sm\:focus\:translate-x-24:focus {
-    --transform-translate-x: 6rem;
-  }
-
-  .sm\:focus\:translate-x-28:focus {
-    --transform-translate-x: 7rem;
-  }
-
-  .sm\:focus\:translate-x-32:focus {
-    --transform-translate-x: 8rem;
-  }
-
-  .sm\:focus\:translate-x-36:focus {
-    --transform-translate-x: 9rem;
-  }
-
-  .sm\:focus\:translate-x-40:focus {
-    --transform-translate-x: 10rem;
-  }
-
-  .sm\:focus\:translate-x-48:focus {
-    --transform-translate-x: 12rem;
-  }
-
-  .sm\:focus\:translate-x-56:focus {
-    --transform-translate-x: 14rem;
-  }
-
-  .sm\:focus\:translate-x-60:focus {
-    --transform-translate-x: 15rem;
-  }
-
-  .sm\:focus\:translate-x-64:focus {
-    --transform-translate-x: 16rem;
-  }
-
-  .sm\:focus\:translate-x-72:focus {
-    --transform-translate-x: 18rem;
-  }
-
-  .sm\:focus\:translate-x-80:focus {
-    --transform-translate-x: 20rem;
-  }
-
-  .sm\:focus\:translate-x-96:focus {
-    --transform-translate-x: 24rem;
-  }
-
-  .sm\:focus\:translate-x-px:focus {
-    --transform-translate-x: 1px;
-  }
-
-  .sm\:focus\:translate-x-0\.5:focus {
-    --transform-translate-x: 0.125rem;
-  }
-
-  .sm\:focus\:translate-x-1\.5:focus {
-    --transform-translate-x: 0.375rem;
-  }
-
-  .sm\:focus\:translate-x-2\.5:focus {
-    --transform-translate-x: 0.625rem;
-  }
-
-  .sm\:focus\:translate-x-3\.5:focus {
-    --transform-translate-x: 0.875rem;
-  }
-
-  .sm\:focus\:translate-x-1\/2:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .sm\:focus\:translate-x-1\/3:focus {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .sm\:focus\:translate-x-2\/3:focus {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .sm\:focus\:translate-x-1\/4:focus {
-    --transform-translate-x: 25%;
-  }
-
-  .sm\:focus\:translate-x-2\/4:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .sm\:focus\:translate-x-3\/4:focus {
-    --transform-translate-x: 75%;
-  }
-
-  .sm\:focus\:translate-x-1\/5:focus {
-    --transform-translate-x: 20%;
-  }
-
-  .sm\:focus\:translate-x-2\/5:focus {
-    --transform-translate-x: 40%;
-  }
-
-  .sm\:focus\:translate-x-3\/5:focus {
-    --transform-translate-x: 60%;
-  }
-
-  .sm\:focus\:translate-x-4\/5:focus {
-    --transform-translate-x: 80%;
-  }
-
-  .sm\:focus\:translate-x-1\/6:focus {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .sm\:focus\:translate-x-2\/6:focus {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .sm\:focus\:translate-x-3\/6:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .sm\:focus\:translate-x-4\/6:focus {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .sm\:focus\:translate-x-5\/6:focus {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .sm\:focus\:translate-x-1\/12:focus {
-    --transform-translate-x: 8.333333%;
-  }
-
-  .sm\:focus\:translate-x-2\/12:focus {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .sm\:focus\:translate-x-3\/12:focus {
-    --transform-translate-x: 25%;
-  }
-
-  .sm\:focus\:translate-x-4\/12:focus {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .sm\:focus\:translate-x-5\/12:focus {
-    --transform-translate-x: 41.666667%;
-  }
-
-  .sm\:focus\:translate-x-6\/12:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .sm\:focus\:translate-x-7\/12:focus {
-    --transform-translate-x: 58.333333%;
-  }
-
-  .sm\:focus\:translate-x-8\/12:focus {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .sm\:focus\:translate-x-9\/12:focus {
-    --transform-translate-x: 75%;
-  }
-
-  .sm\:focus\:translate-x-10\/12:focus {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .sm\:focus\:translate-x-11\/12:focus {
-    --transform-translate-x: 91.666667%;
-  }
-
-  .sm\:focus\:translate-x-full:focus {
-    --transform-translate-x: 100%;
-  }
-
-  .sm\:focus\:-translate-x-1:focus {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .sm\:focus\:-translate-x-2:focus {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .sm\:focus\:-translate-x-3:focus {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .sm\:focus\:-translate-x-4:focus {
-    --transform-translate-x: -1rem;
-  }
-
-  .sm\:focus\:-translate-x-5:focus {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .sm\:focus\:-translate-x-6:focus {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .sm\:focus\:-translate-x-7:focus {
-    --transform-translate-x: -1.75rem;
-  }
-
-  .sm\:focus\:-translate-x-8:focus {
-    --transform-translate-x: -2rem;
-  }
-
-  .sm\:focus\:-translate-x-9:focus {
-    --transform-translate-x: -2.25rem;
-  }
-
-  .sm\:focus\:-translate-x-10:focus {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .sm\:focus\:-translate-x-11:focus {
-    --transform-translate-x: -2.75rem;
-  }
-
-  .sm\:focus\:-translate-x-12:focus {
-    --transform-translate-x: -3rem;
-  }
-
-  .sm\:focus\:-translate-x-13:focus {
-    --transform-translate-x: -3.25rem;
-  }
-
-  .sm\:focus\:-translate-x-14:focus {
-    --transform-translate-x: -3.5rem;
-  }
-
-  .sm\:focus\:-translate-x-15:focus {
-    --transform-translate-x: -3.75rem;
-  }
-
-  .sm\:focus\:-translate-x-16:focus {
-    --transform-translate-x: -4rem;
-  }
-
-  .sm\:focus\:-translate-x-20:focus {
-    --transform-translate-x: -5rem;
-  }
-
-  .sm\:focus\:-translate-x-24:focus {
-    --transform-translate-x: -6rem;
-  }
-
-  .sm\:focus\:-translate-x-28:focus {
-    --transform-translate-x: -7rem;
-  }
-
-  .sm\:focus\:-translate-x-32:focus {
-    --transform-translate-x: -8rem;
-  }
-
-  .sm\:focus\:-translate-x-36:focus {
-    --transform-translate-x: -9rem;
-  }
-
-  .sm\:focus\:-translate-x-40:focus {
-    --transform-translate-x: -10rem;
-  }
-
-  .sm\:focus\:-translate-x-48:focus {
-    --transform-translate-x: -12rem;
-  }
-
-  .sm\:focus\:-translate-x-56:focus {
-    --transform-translate-x: -14rem;
-  }
-
-  .sm\:focus\:-translate-x-60:focus {
-    --transform-translate-x: -15rem;
-  }
-
-  .sm\:focus\:-translate-x-64:focus {
-    --transform-translate-x: -16rem;
-  }
-
-  .sm\:focus\:-translate-x-72:focus {
-    --transform-translate-x: -18rem;
-  }
-
-  .sm\:focus\:-translate-x-80:focus {
-    --transform-translate-x: -20rem;
-  }
-
-  .sm\:focus\:-translate-x-96:focus {
-    --transform-translate-x: -24rem;
-  }
-
-  .sm\:focus\:-translate-x-px:focus {
-    --transform-translate-x: -1px;
-  }
-
-  .sm\:focus\:-translate-x-0\.5:focus {
-    --transform-translate-x: -0.125rem;
-  }
-
-  .sm\:focus\:-translate-x-1\.5:focus {
-    --transform-translate-x: -0.375rem;
-  }
-
-  .sm\:focus\:-translate-x-2\.5:focus {
-    --transform-translate-x: -0.625rem;
-  }
-
-  .sm\:focus\:-translate-x-3\.5:focus {
-    --transform-translate-x: -0.875rem;
-  }
-
-  .sm\:focus\:-translate-x-1\/2:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .sm\:focus\:-translate-x-1\/3:focus {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .sm\:focus\:-translate-x-2\/3:focus {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .sm\:focus\:-translate-x-1\/4:focus {
-    --transform-translate-x: -25%;
-  }
-
-  .sm\:focus\:-translate-x-2\/4:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .sm\:focus\:-translate-x-3\/4:focus {
-    --transform-translate-x: -75%;
-  }
-
-  .sm\:focus\:-translate-x-1\/5:focus {
-    --transform-translate-x: -20%;
-  }
-
-  .sm\:focus\:-translate-x-2\/5:focus {
-    --transform-translate-x: -40%;
-  }
-
-  .sm\:focus\:-translate-x-3\/5:focus {
-    --transform-translate-x: -60%;
-  }
-
-  .sm\:focus\:-translate-x-4\/5:focus {
-    --transform-translate-x: -80%;
-  }
-
-  .sm\:focus\:-translate-x-1\/6:focus {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .sm\:focus\:-translate-x-2\/6:focus {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .sm\:focus\:-translate-x-3\/6:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .sm\:focus\:-translate-x-4\/6:focus {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .sm\:focus\:-translate-x-5\/6:focus {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .sm\:focus\:-translate-x-1\/12:focus {
-    --transform-translate-x: -8.33333%;
-  }
-
-  .sm\:focus\:-translate-x-2\/12:focus {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .sm\:focus\:-translate-x-3\/12:focus {
-    --transform-translate-x: -25%;
-  }
-
-  .sm\:focus\:-translate-x-4\/12:focus {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .sm\:focus\:-translate-x-5\/12:focus {
-    --transform-translate-x: -41.66667%;
-  }
-
-  .sm\:focus\:-translate-x-6\/12:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .sm\:focus\:-translate-x-7\/12:focus {
-    --transform-translate-x: -58.33333%;
-  }
-
-  .sm\:focus\:-translate-x-8\/12:focus {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .sm\:focus\:-translate-x-9\/12:focus {
-    --transform-translate-x: -75%;
-  }
-
-  .sm\:focus\:-translate-x-10\/12:focus {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .sm\:focus\:-translate-x-11\/12:focus {
-    --transform-translate-x: -91.66667%;
-  }
-
-  .sm\:focus\:-translate-x-full:focus {
-    --transform-translate-x: -100%;
-  }
-
-  .sm\:focus\:translate-y-0:focus {
-    --transform-translate-y: 0;
-  }
-
-  .sm\:focus\:translate-y-1:focus {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .sm\:focus\:translate-y-2:focus {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .sm\:focus\:translate-y-3:focus {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .sm\:focus\:translate-y-4:focus {
-    --transform-translate-y: 1rem;
-  }
-
-  .sm\:focus\:translate-y-5:focus {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .sm\:focus\:translate-y-6:focus {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .sm\:focus\:translate-y-7:focus {
-    --transform-translate-y: 1.75rem;
-  }
-
-  .sm\:focus\:translate-y-8:focus {
-    --transform-translate-y: 2rem;
-  }
-
-  .sm\:focus\:translate-y-9:focus {
-    --transform-translate-y: 2.25rem;
-  }
-
-  .sm\:focus\:translate-y-10:focus {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .sm\:focus\:translate-y-11:focus {
-    --transform-translate-y: 2.75rem;
-  }
-
-  .sm\:focus\:translate-y-12:focus {
-    --transform-translate-y: 3rem;
-  }
-
-  .sm\:focus\:translate-y-13:focus {
-    --transform-translate-y: 3.25rem;
-  }
-
-  .sm\:focus\:translate-y-14:focus {
-    --transform-translate-y: 3.5rem;
-  }
-
-  .sm\:focus\:translate-y-15:focus {
-    --transform-translate-y: 3.75rem;
-  }
-
-  .sm\:focus\:translate-y-16:focus {
-    --transform-translate-y: 4rem;
-  }
-
-  .sm\:focus\:translate-y-20:focus {
-    --transform-translate-y: 5rem;
-  }
-
-  .sm\:focus\:translate-y-24:focus {
-    --transform-translate-y: 6rem;
-  }
-
-  .sm\:focus\:translate-y-28:focus {
-    --transform-translate-y: 7rem;
-  }
-
-  .sm\:focus\:translate-y-32:focus {
-    --transform-translate-y: 8rem;
-  }
-
-  .sm\:focus\:translate-y-36:focus {
-    --transform-translate-y: 9rem;
-  }
-
-  .sm\:focus\:translate-y-40:focus {
-    --transform-translate-y: 10rem;
-  }
-
-  .sm\:focus\:translate-y-48:focus {
-    --transform-translate-y: 12rem;
-  }
-
-  .sm\:focus\:translate-y-56:focus {
-    --transform-translate-y: 14rem;
-  }
-
-  .sm\:focus\:translate-y-60:focus {
-    --transform-translate-y: 15rem;
-  }
-
-  .sm\:focus\:translate-y-64:focus {
-    --transform-translate-y: 16rem;
-  }
-
-  .sm\:focus\:translate-y-72:focus {
-    --transform-translate-y: 18rem;
-  }
-
-  .sm\:focus\:translate-y-80:focus {
-    --transform-translate-y: 20rem;
-  }
-
-  .sm\:focus\:translate-y-96:focus {
-    --transform-translate-y: 24rem;
-  }
-
-  .sm\:focus\:translate-y-px:focus {
-    --transform-translate-y: 1px;
-  }
-
-  .sm\:focus\:translate-y-0\.5:focus {
-    --transform-translate-y: 0.125rem;
-  }
-
-  .sm\:focus\:translate-y-1\.5:focus {
-    --transform-translate-y: 0.375rem;
-  }
-
-  .sm\:focus\:translate-y-2\.5:focus {
-    --transform-translate-y: 0.625rem;
-  }
-
-  .sm\:focus\:translate-y-3\.5:focus {
-    --transform-translate-y: 0.875rem;
-  }
-
-  .sm\:focus\:translate-y-1\/2:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .sm\:focus\:translate-y-1\/3:focus {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .sm\:focus\:translate-y-2\/3:focus {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .sm\:focus\:translate-y-1\/4:focus {
-    --transform-translate-y: 25%;
-  }
-
-  .sm\:focus\:translate-y-2\/4:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .sm\:focus\:translate-y-3\/4:focus {
-    --transform-translate-y: 75%;
-  }
-
-  .sm\:focus\:translate-y-1\/5:focus {
-    --transform-translate-y: 20%;
-  }
-
-  .sm\:focus\:translate-y-2\/5:focus {
-    --transform-translate-y: 40%;
-  }
-
-  .sm\:focus\:translate-y-3\/5:focus {
-    --transform-translate-y: 60%;
-  }
-
-  .sm\:focus\:translate-y-4\/5:focus {
-    --transform-translate-y: 80%;
-  }
-
-  .sm\:focus\:translate-y-1\/6:focus {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .sm\:focus\:translate-y-2\/6:focus {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .sm\:focus\:translate-y-3\/6:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .sm\:focus\:translate-y-4\/6:focus {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .sm\:focus\:translate-y-5\/6:focus {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .sm\:focus\:translate-y-1\/12:focus {
-    --transform-translate-y: 8.333333%;
-  }
-
-  .sm\:focus\:translate-y-2\/12:focus {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .sm\:focus\:translate-y-3\/12:focus {
-    --transform-translate-y: 25%;
-  }
-
-  .sm\:focus\:translate-y-4\/12:focus {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .sm\:focus\:translate-y-5\/12:focus {
-    --transform-translate-y: 41.666667%;
-  }
-
-  .sm\:focus\:translate-y-6\/12:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .sm\:focus\:translate-y-7\/12:focus {
-    --transform-translate-y: 58.333333%;
-  }
-
-  .sm\:focus\:translate-y-8\/12:focus {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .sm\:focus\:translate-y-9\/12:focus {
-    --transform-translate-y: 75%;
-  }
-
-  .sm\:focus\:translate-y-10\/12:focus {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .sm\:focus\:translate-y-11\/12:focus {
-    --transform-translate-y: 91.666667%;
-  }
-
-  .sm\:focus\:translate-y-full:focus {
-    --transform-translate-y: 100%;
-  }
-
-  .sm\:focus\:-translate-y-1:focus {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .sm\:focus\:-translate-y-2:focus {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .sm\:focus\:-translate-y-3:focus {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .sm\:focus\:-translate-y-4:focus {
-    --transform-translate-y: -1rem;
-  }
-
-  .sm\:focus\:-translate-y-5:focus {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .sm\:focus\:-translate-y-6:focus {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .sm\:focus\:-translate-y-7:focus {
-    --transform-translate-y: -1.75rem;
-  }
-
-  .sm\:focus\:-translate-y-8:focus {
-    --transform-translate-y: -2rem;
-  }
-
-  .sm\:focus\:-translate-y-9:focus {
-    --transform-translate-y: -2.25rem;
-  }
-
-  .sm\:focus\:-translate-y-10:focus {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .sm\:focus\:-translate-y-11:focus {
-    --transform-translate-y: -2.75rem;
-  }
-
-  .sm\:focus\:-translate-y-12:focus {
-    --transform-translate-y: -3rem;
-  }
-
-  .sm\:focus\:-translate-y-13:focus {
-    --transform-translate-y: -3.25rem;
-  }
-
-  .sm\:focus\:-translate-y-14:focus {
-    --transform-translate-y: -3.5rem;
-  }
-
-  .sm\:focus\:-translate-y-15:focus {
-    --transform-translate-y: -3.75rem;
-  }
-
-  .sm\:focus\:-translate-y-16:focus {
-    --transform-translate-y: -4rem;
-  }
-
-  .sm\:focus\:-translate-y-20:focus {
-    --transform-translate-y: -5rem;
-  }
-
-  .sm\:focus\:-translate-y-24:focus {
-    --transform-translate-y: -6rem;
-  }
-
-  .sm\:focus\:-translate-y-28:focus {
-    --transform-translate-y: -7rem;
-  }
-
-  .sm\:focus\:-translate-y-32:focus {
-    --transform-translate-y: -8rem;
-  }
-
-  .sm\:focus\:-translate-y-36:focus {
-    --transform-translate-y: -9rem;
-  }
-
-  .sm\:focus\:-translate-y-40:focus {
-    --transform-translate-y: -10rem;
-  }
-
-  .sm\:focus\:-translate-y-48:focus {
-    --transform-translate-y: -12rem;
-  }
-
-  .sm\:focus\:-translate-y-56:focus {
-    --transform-translate-y: -14rem;
-  }
-
-  .sm\:focus\:-translate-y-60:focus {
-    --transform-translate-y: -15rem;
-  }
-
-  .sm\:focus\:-translate-y-64:focus {
-    --transform-translate-y: -16rem;
-  }
-
-  .sm\:focus\:-translate-y-72:focus {
-    --transform-translate-y: -18rem;
-  }
-
-  .sm\:focus\:-translate-y-80:focus {
-    --transform-translate-y: -20rem;
-  }
-
-  .sm\:focus\:-translate-y-96:focus {
-    --transform-translate-y: -24rem;
-  }
-
-  .sm\:focus\:-translate-y-px:focus {
-    --transform-translate-y: -1px;
-  }
-
-  .sm\:focus\:-translate-y-0\.5:focus {
-    --transform-translate-y: -0.125rem;
-  }
-
-  .sm\:focus\:-translate-y-1\.5:focus {
-    --transform-translate-y: -0.375rem;
-  }
-
-  .sm\:focus\:-translate-y-2\.5:focus {
-    --transform-translate-y: -0.625rem;
-  }
-
-  .sm\:focus\:-translate-y-3\.5:focus {
-    --transform-translate-y: -0.875rem;
-  }
-
-  .sm\:focus\:-translate-y-1\/2:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .sm\:focus\:-translate-y-1\/3:focus {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .sm\:focus\:-translate-y-2\/3:focus {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .sm\:focus\:-translate-y-1\/4:focus {
-    --transform-translate-y: -25%;
-  }
-
-  .sm\:focus\:-translate-y-2\/4:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .sm\:focus\:-translate-y-3\/4:focus {
-    --transform-translate-y: -75%;
-  }
-
-  .sm\:focus\:-translate-y-1\/5:focus {
-    --transform-translate-y: -20%;
-  }
-
-  .sm\:focus\:-translate-y-2\/5:focus {
-    --transform-translate-y: -40%;
-  }
-
-  .sm\:focus\:-translate-y-3\/5:focus {
-    --transform-translate-y: -60%;
-  }
-
-  .sm\:focus\:-translate-y-4\/5:focus {
-    --transform-translate-y: -80%;
-  }
-
-  .sm\:focus\:-translate-y-1\/6:focus {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .sm\:focus\:-translate-y-2\/6:focus {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .sm\:focus\:-translate-y-3\/6:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .sm\:focus\:-translate-y-4\/6:focus {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .sm\:focus\:-translate-y-5\/6:focus {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .sm\:focus\:-translate-y-1\/12:focus {
-    --transform-translate-y: -8.33333%;
-  }
-
-  .sm\:focus\:-translate-y-2\/12:focus {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .sm\:focus\:-translate-y-3\/12:focus {
-    --transform-translate-y: -25%;
-  }
-
-  .sm\:focus\:-translate-y-4\/12:focus {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .sm\:focus\:-translate-y-5\/12:focus {
-    --transform-translate-y: -41.66667%;
-  }
-
-  .sm\:focus\:-translate-y-6\/12:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .sm\:focus\:-translate-y-7\/12:focus {
-    --transform-translate-y: -58.33333%;
-  }
-
-  .sm\:focus\:-translate-y-8\/12:focus {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .sm\:focus\:-translate-y-9\/12:focus {
-    --transform-translate-y: -75%;
-  }
-
-  .sm\:focus\:-translate-y-10\/12:focus {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .sm\:focus\:-translate-y-11\/12:focus {
-    --transform-translate-y: -91.66667%;
-  }
-
-  .sm\:focus\:-translate-y-full:focus {
-    --transform-translate-y: -100%;
-  }
-
-  .sm\:skew-x-0 {
-    --transform-skew-x: 0;
-  }
-
-  .sm\:skew-x-3 {
-    --transform-skew-x: 3deg;
-  }
-
-  .sm\:skew-x-6 {
-    --transform-skew-x: 6deg;
-  }
-
-  .sm\:skew-x-12 {
-    --transform-skew-x: 12deg;
-  }
-
-  .sm\:-skew-x-12 {
-    --transform-skew-x: -12deg;
-  }
-
-  .sm\:-skew-x-6 {
-    --transform-skew-x: -6deg;
-  }
-
-  .sm\:-skew-x-3 {
-    --transform-skew-x: -3deg;
-  }
-
-  .sm\:skew-y-0 {
-    --transform-skew-y: 0;
-  }
-
-  .sm\:skew-y-3 {
-    --transform-skew-y: 3deg;
-  }
-
-  .sm\:skew-y-6 {
-    --transform-skew-y: 6deg;
-  }
-
-  .sm\:skew-y-12 {
-    --transform-skew-y: 12deg;
-  }
-
-  .sm\:-skew-y-12 {
-    --transform-skew-y: -12deg;
-  }
-
-  .sm\:-skew-y-6 {
-    --transform-skew-y: -6deg;
-  }
-
-  .sm\:-skew-y-3 {
-    --transform-skew-y: -3deg;
-  }
-
-  .sm\:hover\:skew-x-0:hover {
-    --transform-skew-x: 0;
-  }
-
-  .sm\:hover\:skew-x-3:hover {
-    --transform-skew-x: 3deg;
-  }
-
-  .sm\:hover\:skew-x-6:hover {
-    --transform-skew-x: 6deg;
-  }
-
-  .sm\:hover\:skew-x-12:hover {
-    --transform-skew-x: 12deg;
-  }
-
-  .sm\:hover\:-skew-x-12:hover {
-    --transform-skew-x: -12deg;
-  }
-
-  .sm\:hover\:-skew-x-6:hover {
-    --transform-skew-x: -6deg;
-  }
-
-  .sm\:hover\:-skew-x-3:hover {
-    --transform-skew-x: -3deg;
-  }
-
-  .sm\:hover\:skew-y-0:hover {
-    --transform-skew-y: 0;
-  }
-
-  .sm\:hover\:skew-y-3:hover {
-    --transform-skew-y: 3deg;
-  }
-
-  .sm\:hover\:skew-y-6:hover {
-    --transform-skew-y: 6deg;
-  }
-
-  .sm\:hover\:skew-y-12:hover {
-    --transform-skew-y: 12deg;
-  }
-
-  .sm\:hover\:-skew-y-12:hover {
-    --transform-skew-y: -12deg;
-  }
-
-  .sm\:hover\:-skew-y-6:hover {
-    --transform-skew-y: -6deg;
-  }
-
-  .sm\:hover\:-skew-y-3:hover {
-    --transform-skew-y: -3deg;
-  }
-
-  .sm\:focus\:skew-x-0:focus {
-    --transform-skew-x: 0;
-  }
-
-  .sm\:focus\:skew-x-3:focus {
-    --transform-skew-x: 3deg;
-  }
-
-  .sm\:focus\:skew-x-6:focus {
-    --transform-skew-x: 6deg;
-  }
-
-  .sm\:focus\:skew-x-12:focus {
-    --transform-skew-x: 12deg;
-  }
-
-  .sm\:focus\:-skew-x-12:focus {
-    --transform-skew-x: -12deg;
-  }
-
-  .sm\:focus\:-skew-x-6:focus {
-    --transform-skew-x: -6deg;
-  }
-
-  .sm\:focus\:-skew-x-3:focus {
-    --transform-skew-x: -3deg;
-  }
-
-  .sm\:focus\:skew-y-0:focus {
-    --transform-skew-y: 0;
-  }
-
-  .sm\:focus\:skew-y-3:focus {
-    --transform-skew-y: 3deg;
-  }
-
-  .sm\:focus\:skew-y-6:focus {
-    --transform-skew-y: 6deg;
-  }
-
-  .sm\:focus\:skew-y-12:focus {
-    --transform-skew-y: 12deg;
-  }
-
-  .sm\:focus\:-skew-y-12:focus {
-    --transform-skew-y: -12deg;
-  }
-
-  .sm\:focus\:-skew-y-6:focus {
-    --transform-skew-y: -6deg;
-  }
-
-  .sm\:focus\:-skew-y-3:focus {
-    --transform-skew-y: -3deg;
-  }
-
-  .sm\:transition-none {
-    transition-property: none;
-  }
-
-  .sm\:transition-all {
-    transition-property: all;
-  }
-
-  .sm\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-  }
-
-  .sm\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
-  }
-
-  .sm\:transition-opacity {
-    transition-property: opacity;
-  }
-
-  .sm\:transition-shadow {
-    transition-property: box-shadow;
-  }
-
-  .sm\:transition-transform {
-    transition-property: transform;
-  }
-
-  .sm\:ease-linear {
-    transition-timing-function: linear;
-  }
-
-  .sm\:ease-in {
-    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-  }
-
-  .sm\:ease-out {
-    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  }
-
-  .sm\:ease-in-out {
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  .sm\:duration-75 {
-    transition-duration: 75ms;
-  }
-
-  .sm\:duration-100 {
-    transition-duration: 100ms;
-  }
-
-  .sm\:duration-150 {
-    transition-duration: 150ms;
-  }
-
-  .sm\:duration-200 {
-    transition-duration: 200ms;
-  }
-
-  .sm\:duration-300 {
-    transition-duration: 300ms;
-  }
-
-  .sm\:duration-500 {
-    transition-duration: 500ms;
-  }
-
-  .sm\:duration-700 {
-    transition-duration: 700ms;
-  }
-
-  .sm\:duration-1000 {
-    transition-duration: 1000ms;
-  }
-
-  .sm\:delay-75 {
-    transition-delay: 75ms;
-  }
-
-  .sm\:delay-100 {
-    transition-delay: 100ms;
-  }
-
-  .sm\:delay-150 {
-    transition-delay: 150ms;
-  }
-
-  .sm\:delay-200 {
-    transition-delay: 200ms;
-  }
-
-  .sm\:delay-300 {
-    transition-delay: 300ms;
-  }
-
-  .sm\:delay-500 {
-    transition-delay: 500ms;
-  }
-
-  .sm\:delay-700 {
-    transition-delay: 700ms;
-  }
-
-  .sm\:delay-1000 {
-    transition-delay: 1000ms;
-  }
-
-  .sm\:animate-none {
-    -webkit-animation: none;
-            animation: none;
-  }
-
-  .sm\:animate-spin {
-    -webkit-animation: spin 1s linear infinite;
-            animation: spin 1s linear infinite;
-  }
-
-  .sm\:animate-ping {
-    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-  }
-
-  .sm\:animate-pulse {
-    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-  }
-
-  .sm\:animate-bounce {
-    -webkit-animation: bounce 1s infinite;
-            animation: bounce 1s infinite;
-  }
-}
-
-@media (min-width: 768px) {
-  .md\:container {
-    width: 100%;
-  }
-
-  @media (min-width: 640px) {
-    .md\:container {
-      max-width: 640px;
-    }
-  }
-
-  @media (min-width: 768px) {
-    .md\:container {
-      max-width: 768px;
-    }
-  }
-
-  @media (min-width: 1024px) {
-    .md\:container {
-      max-width: 1024px;
-    }
-  }
-
-  @media (min-width: 1280px) {
-    .md\:container {
-      max-width: 1280px;
-    }
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\:space-y-7 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(1.75rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-7 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(1.75rem * var(--space-x-reverse));
-    margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\:space-y-9 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(2.25rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-9 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(2.25rem * var(--space-x-reverse));
-    margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\:space-y-11 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(2.75rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-11 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(2.75rem * var(--space-x-reverse));
-    margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\:space-y-13 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(3.25rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-13 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(3.25rem * var(--space-x-reverse));
-    margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-14 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(3.5rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-14 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(3.5rem * var(--space-x-reverse));
-    margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-15 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(3.75rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-15 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(3.75rem * var(--space-x-reverse));
-    margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\:space-y-28 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(7rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(7rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-28 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(7rem * var(--space-x-reverse));
-    margin-left: calc(7rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\:space-y-36 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(9rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(9rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-36 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(9rem * var(--space-x-reverse));
-    margin-left: calc(9rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\:space-y-60 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(15rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(15rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-60 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(15rem * var(--space-x-reverse));
-    margin-left: calc(15rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\:space-y-72 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(18rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(18rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-72 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(18rem * var(--space-x-reverse));
-    margin-left: calc(18rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-80 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(20rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(20rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-80 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(20rem * var(--space-x-reverse));
-    margin-left: calc(20rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-96 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(24rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(24rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-96 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(24rem * var(--space-x-reverse));
-    margin-left: calc(24rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\:space-y-0\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.125rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-0\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.125rem * var(--space-x-reverse));
-    margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-1\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.375rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-1\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.375rem * var(--space-x-reverse));
-    margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-2\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.625rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-2\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.625rem * var(--space-x-reverse));
-    margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-3\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.875rem * var(--space-y-reverse));
-  }
-
-  .md\:space-x-3\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.875rem * var(--space-x-reverse));
-    margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-1\/2 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(50% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-1\/2 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(50% * var(--space-x-reverse));
-    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-1\/3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(33.333333% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-1\/3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(33.333333% * var(--space-x-reverse));
-    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-2\/3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(66.666667% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-2\/3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(66.666667% * var(--space-x-reverse));
-    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-1\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(25% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-1\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(25% * var(--space-x-reverse));
-    margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-2\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(50% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-2\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(50% * var(--space-x-reverse));
-    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-3\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(75% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-3\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(75% * var(--space-x-reverse));
-    margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-1\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(20% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(20% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-1\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(20% * var(--space-x-reverse));
-    margin-left: calc(20% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-2\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(40% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(40% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-2\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(40% * var(--space-x-reverse));
-    margin-left: calc(40% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-3\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(60% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(60% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-3\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(60% * var(--space-x-reverse));
-    margin-left: calc(60% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-4\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(80% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(80% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-4\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(80% * var(--space-x-reverse));
-    margin-left: calc(80% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-1\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(16.666667% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-1\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(16.666667% * var(--space-x-reverse));
-    margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-2\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(33.333333% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-2\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(33.333333% * var(--space-x-reverse));
-    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-3\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(50% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-3\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(50% * var(--space-x-reverse));
-    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-4\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(66.666667% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-4\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(66.666667% * var(--space-x-reverse));
-    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-5\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(83.333333% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-5\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(83.333333% * var(--space-x-reverse));
-    margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-1\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(8.333333% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-1\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(8.333333% * var(--space-x-reverse));
-    margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-2\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(16.666667% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-2\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(16.666667% * var(--space-x-reverse));
-    margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-3\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(25% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-3\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(25% * var(--space-x-reverse));
-    margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-4\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(33.333333% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-4\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(33.333333% * var(--space-x-reverse));
-    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-5\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(41.666667% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-5\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(41.666667% * var(--space-x-reverse));
-    margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-6\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(50% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-6\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(50% * var(--space-x-reverse));
-    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-7\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(58.333333% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-7\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(58.333333% * var(--space-x-reverse));
-    margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-8\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(66.666667% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-8\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(66.666667% * var(--space-x-reverse));
-    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-9\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(75% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-9\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(75% * var(--space-x-reverse));
-    margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-10\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(83.333333% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-10\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(83.333333% * var(--space-x-reverse));
-    margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-11\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(91.666667% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-11\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(91.666667% * var(--space-x-reverse));
-    margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-full > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(100% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(100% * var(--space-y-reverse));
-  }
-
-  .md\:space-x-full > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(100% * var(--space-x-reverse));
-    margin-left: calc(100% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-space-y-7 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-1.75rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-7 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-1.75rem * var(--space-x-reverse));
-    margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-space-y-9 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-2.25rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-9 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-2.25rem * var(--space-x-reverse));
-    margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-space-y-11 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-2.75rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-11 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-2.75rem * var(--space-x-reverse));
-    margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-space-y-13 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-3.25rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-13 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-3.25rem * var(--space-x-reverse));
-    margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-14 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-3.5rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-14 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-3.5rem * var(--space-x-reverse));
-    margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-15 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-3.75rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-15 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-3.75rem * var(--space-x-reverse));
-    margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-space-y-28 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-7rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-7rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-28 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-7rem * var(--space-x-reverse));
-    margin-left: calc(-7rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-space-y-36 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-9rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-9rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-36 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-9rem * var(--space-x-reverse));
-    margin-left: calc(-9rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-space-y-60 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-15rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-15rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-60 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-15rem * var(--space-x-reverse));
-    margin-left: calc(-15rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-space-y-72 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-18rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-18rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-72 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-18rem * var(--space-x-reverse));
-    margin-left: calc(-18rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-80 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-20rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-20rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-80 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-20rem * var(--space-x-reverse));
-    margin-left: calc(-20rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-96 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-24rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-24rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-96 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-24rem * var(--space-x-reverse));
-    margin-left: calc(-24rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-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));
-  }
-
-  .md\:-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)));
-  }
-
-  .md\:-space-y-0\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.125rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-0\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.125rem * var(--space-x-reverse));
-    margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-1\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.375rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-1\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.375rem * var(--space-x-reverse));
-    margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-2\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.625rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-2\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.625rem * var(--space-x-reverse));
-    margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-3\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.875rem * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-3\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.875rem * var(--space-x-reverse));
-    margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-1\/2 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-50% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-1\/2 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-50% * var(--space-x-reverse));
-    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-1\/3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-1\/3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-33.33333% * var(--space-x-reverse));
-    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-2\/3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-2\/3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-66.66667% * var(--space-x-reverse));
-    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-1\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-25% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-1\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-25% * var(--space-x-reverse));
-    margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-2\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-50% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-2\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-50% * var(--space-x-reverse));
-    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-3\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-75% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-3\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-75% * var(--space-x-reverse));
-    margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-1\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-20% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-20% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-1\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-20% * var(--space-x-reverse));
-    margin-left: calc(-20% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-2\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-40% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-40% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-2\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-40% * var(--space-x-reverse));
-    margin-left: calc(-40% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-3\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-60% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-60% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-3\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-60% * var(--space-x-reverse));
-    margin-left: calc(-60% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-4\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-80% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-80% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-4\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-80% * var(--space-x-reverse));
-    margin-left: calc(-80% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-1\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-16.66667% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-1\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-16.66667% * var(--space-x-reverse));
-    margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-2\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-2\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-33.33333% * var(--space-x-reverse));
-    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-3\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-50% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-3\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-50% * var(--space-x-reverse));
-    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-4\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-4\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-66.66667% * var(--space-x-reverse));
-    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-5\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-83.33333% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-5\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-83.33333% * var(--space-x-reverse));
-    margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-1\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-8.33333% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-1\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-8.33333% * var(--space-x-reverse));
-    margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-2\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-16.66667% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-2\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-16.66667% * var(--space-x-reverse));
-    margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-3\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-25% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-3\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-25% * var(--space-x-reverse));
-    margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-4\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-4\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-33.33333% * var(--space-x-reverse));
-    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-5\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-41.66667% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-5\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-41.66667% * var(--space-x-reverse));
-    margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-6\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-50% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-6\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-50% * var(--space-x-reverse));
-    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-7\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-58.33333% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-7\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-58.33333% * var(--space-x-reverse));
-    margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-8\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-8\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-66.66667% * var(--space-x-reverse));
-    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-9\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-75% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-9\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-75% * var(--space-x-reverse));
-    margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-10\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-83.33333% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-10\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-83.33333% * var(--space-x-reverse));
-    margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-11\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-91.66667% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-11\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-91.66667% * var(--space-x-reverse));
-    margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:-space-y-full > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-100% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-100% * var(--space-y-reverse));
-  }
-
-  .md\:-space-x-full > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-100% * var(--space-x-reverse));
-    margin-left: calc(-100% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .md\:space-y-reverse > :not(template) ~ :not(template) {
-    --space-y-reverse: 1;
-  }
-
-  .md\:space-x-reverse > :not(template) ~ :not(template) {
-    --space-x-reverse: 1;
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\: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));
-  }
-
-  .md\: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)));
-  }
-
-  .md\:divide-y-reverse > :not(template) ~ :not(template) {
-    --divide-y-reverse: 1;
-  }
-
-  .md\:divide-x-reverse > :not(template) ~ :not(template) {
-    --divide-x-reverse: 1;
-  }
-
-  .md\:divide-transparent > :not(template) ~ :not(template) {
-    border-color: transparent;
-  }
-
-  .md\:divide-white > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--divide-opacity));
-  }
-
-  .md\:divide-black > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--divide-opacity));
-  }
-
-  .md\:divide-gray-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--divide-opacity));
-  }
-
-  .md\:divide-gray-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--divide-opacity));
-  }
-
-  .md\:divide-gray-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--divide-opacity));
-  }
-
-  .md\:divide-gray-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--divide-opacity));
-  }
-
-  .md\:divide-gray-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--divide-opacity));
-  }
-
-  .md\:divide-gray-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--divide-opacity));
-  }
-
-  .md\:divide-gray-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--divide-opacity));
-  }
-
-  .md\:divide-gray-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--divide-opacity));
-  }
-
-  .md\:divide-gray-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--divide-opacity));
-  }
-
-  .md\:divide-gray-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--divide-opacity));
-  }
-
-  .md\:divide-cool-gray-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--divide-opacity));
-  }
-
-  .md\:divide-cool-gray-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--divide-opacity));
-  }
-
-  .md\:divide-cool-gray-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--divide-opacity));
-  }
-
-  .md\:divide-cool-gray-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--divide-opacity));
-  }
-
-  .md\:divide-cool-gray-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--divide-opacity));
-  }
-
-  .md\:divide-cool-gray-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--divide-opacity));
-  }
-
-  .md\:divide-cool-gray-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--divide-opacity));
-  }
-
-  .md\:divide-cool-gray-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--divide-opacity));
-  }
-
-  .md\:divide-cool-gray-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--divide-opacity));
-  }
-
-  .md\:divide-cool-gray-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--divide-opacity));
-  }
-
-  .md\:divide-red-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--divide-opacity));
-  }
-
-  .md\:divide-red-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--divide-opacity));
-  }
-
-  .md\:divide-red-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--divide-opacity));
-  }
-
-  .md\:divide-red-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--divide-opacity));
-  }
-
-  .md\:divide-red-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--divide-opacity));
-  }
-
-  .md\:divide-red-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--divide-opacity));
-  }
-
-  .md\:divide-red-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--divide-opacity));
-  }
-
-  .md\:divide-red-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--divide-opacity));
-  }
-
-  .md\:divide-red-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--divide-opacity));
-  }
-
-  .md\:divide-red-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--divide-opacity));
-  }
-
-  .md\:divide-orange-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--divide-opacity));
-  }
-
-  .md\:divide-orange-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--divide-opacity));
-  }
-
-  .md\:divide-orange-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--divide-opacity));
-  }
-
-  .md\:divide-orange-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--divide-opacity));
-  }
-
-  .md\:divide-orange-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--divide-opacity));
-  }
-
-  .md\:divide-orange-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--divide-opacity));
-  }
-
-  .md\:divide-orange-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--divide-opacity));
-  }
-
-  .md\:divide-orange-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--divide-opacity));
-  }
-
-  .md\:divide-orange-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--divide-opacity));
-  }
-
-  .md\:divide-orange-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--divide-opacity));
-  }
-
-  .md\:divide-yellow-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--divide-opacity));
-  }
-
-  .md\:divide-yellow-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--divide-opacity));
-  }
-
-  .md\:divide-yellow-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--divide-opacity));
-  }
-
-  .md\:divide-yellow-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--divide-opacity));
-  }
-
-  .md\:divide-yellow-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--divide-opacity));
-  }
-
-  .md\:divide-yellow-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--divide-opacity));
-  }
-
-  .md\:divide-yellow-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--divide-opacity));
-  }
-
-  .md\:divide-yellow-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--divide-opacity));
-  }
-
-  .md\:divide-yellow-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--divide-opacity));
-  }
-
-  .md\:divide-yellow-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--divide-opacity));
-  }
-
-  .md\:divide-green-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--divide-opacity));
-  }
-
-  .md\:divide-green-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--divide-opacity));
-  }
-
-  .md\:divide-green-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--divide-opacity));
-  }
-
-  .md\:divide-green-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--divide-opacity));
-  }
-
-  .md\:divide-green-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--divide-opacity));
-  }
-
-  .md\:divide-green-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--divide-opacity));
-  }
-
-  .md\:divide-green-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--divide-opacity));
-  }
-
-  .md\:divide-green-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--divide-opacity));
-  }
-
-  .md\:divide-green-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--divide-opacity));
-  }
-
-  .md\:divide-green-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--divide-opacity));
-  }
-
-  .md\:divide-teal-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--divide-opacity));
-  }
-
-  .md\:divide-teal-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--divide-opacity));
-  }
-
-  .md\:divide-teal-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--divide-opacity));
-  }
-
-  .md\:divide-teal-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--divide-opacity));
-  }
-
-  .md\:divide-teal-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--divide-opacity));
-  }
-
-  .md\:divide-teal-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--divide-opacity));
-  }
-
-  .md\:divide-teal-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--divide-opacity));
-  }
-
-  .md\:divide-teal-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--divide-opacity));
-  }
-
-  .md\:divide-teal-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--divide-opacity));
-  }
-
-  .md\:divide-teal-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--divide-opacity));
-  }
-
-  .md\:divide-blue-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--divide-opacity));
-  }
-
-  .md\:divide-blue-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--divide-opacity));
-  }
-
-  .md\:divide-blue-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--divide-opacity));
-  }
-
-  .md\:divide-blue-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--divide-opacity));
-  }
-
-  .md\:divide-blue-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--divide-opacity));
-  }
-
-  .md\:divide-blue-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--divide-opacity));
-  }
-
-  .md\:divide-blue-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--divide-opacity));
-  }
-
-  .md\:divide-blue-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--divide-opacity));
-  }
-
-  .md\:divide-blue-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--divide-opacity));
-  }
-
-  .md\:divide-blue-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--divide-opacity));
-  }
-
-  .md\:divide-indigo-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--divide-opacity));
-  }
-
-  .md\:divide-indigo-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--divide-opacity));
-  }
-
-  .md\:divide-indigo-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--divide-opacity));
-  }
-
-  .md\:divide-indigo-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--divide-opacity));
-  }
-
-  .md\:divide-indigo-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--divide-opacity));
-  }
-
-  .md\:divide-indigo-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--divide-opacity));
-  }
-
-  .md\:divide-indigo-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--divide-opacity));
-  }
-
-  .md\:divide-indigo-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--divide-opacity));
-  }
-
-  .md\:divide-indigo-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--divide-opacity));
-  }
-
-  .md\:divide-indigo-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--divide-opacity));
-  }
-
-  .md\:divide-purple-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--divide-opacity));
-  }
-
-  .md\:divide-purple-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--divide-opacity));
-  }
-
-  .md\:divide-purple-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--divide-opacity));
-  }
-
-  .md\:divide-purple-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--divide-opacity));
-  }
-
-  .md\:divide-purple-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--divide-opacity));
-  }
-
-  .md\:divide-purple-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--divide-opacity));
-  }
-
-  .md\:divide-purple-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--divide-opacity));
-  }
-
-  .md\:divide-purple-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--divide-opacity));
-  }
-
-  .md\:divide-purple-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--divide-opacity));
-  }
-
-  .md\:divide-purple-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--divide-opacity));
-  }
-
-  .md\:divide-pink-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--divide-opacity));
-  }
-
-  .md\:divide-pink-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--divide-opacity));
-  }
-
-  .md\:divide-pink-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--divide-opacity));
-  }
-
-  .md\:divide-pink-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--divide-opacity));
-  }
-
-  .md\:divide-pink-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--divide-opacity));
-  }
-
-  .md\:divide-pink-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--divide-opacity));
-  }
-
-  .md\:divide-pink-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--divide-opacity));
-  }
-
-  .md\:divide-pink-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--divide-opacity));
-  }
-
-  .md\:divide-pink-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--divide-opacity));
-  }
-
-  .md\:divide-pink-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--divide-opacity));
-  }
-
-  .md\:divide-opacity-0 > :not(template) ~ :not(template) {
-    --divide-opacity: 0;
-  }
-
-  .md\:divide-opacity-25 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.25;
-  }
-
-  .md\:divide-opacity-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.5;
-  }
-
-  .md\:divide-opacity-75 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.75;
-  }
-
-  .md\:divide-opacity-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-  }
-
-  .md\: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;
-  }
-
-  .md\:not-sr-only {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-  }
-
-  .md\: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;
-  }
-
-  .md\:focus\:not-sr-only:focus {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-  }
-
-  .md\:appearance-none {
-    -webkit-appearance: none;
-       -moz-appearance: none;
-            appearance: none;
-  }
-
-  .md\:bg-fixed {
-    background-attachment: fixed;
-  }
-
-  .md\:bg-local {
-    background-attachment: local;
-  }
-
-  .md\:bg-scroll {
-    background-attachment: scroll;
-  }
-
-  .md\:bg-transparent {
-    background-color: transparent;
-  }
-
-  .md\:bg-white {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .md\:bg-black {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .md\:bg-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .md\:bg-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .md\:bg-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .md\:bg-gray-300 {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .md\:bg-gray-400 {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .md\:bg-gray-500 {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .md\:bg-gray-600 {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .md\:bg-gray-700 {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .md\:bg-gray-800 {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .md\:bg-gray-900 {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .md\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .md\:bg-cool-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .md\:bg-cool-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .md\:bg-cool-gray-300 {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .md\:bg-cool-gray-400 {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .md\:bg-cool-gray-500 {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .md\:bg-cool-gray-600 {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .md\:bg-cool-gray-700 {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .md\:bg-cool-gray-800 {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .md\:bg-cool-gray-900 {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .md\:bg-red-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .md\:bg-red-100 {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .md\:bg-red-200 {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .md\:bg-red-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .md\:bg-red-400 {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .md\:bg-red-500 {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .md\:bg-red-600 {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .md\:bg-red-700 {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .md\:bg-red-800 {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .md\:bg-red-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .md\:bg-orange-50 {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .md\:bg-orange-100 {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .md\:bg-orange-200 {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .md\:bg-orange-300 {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .md\:bg-orange-400 {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .md\:bg-orange-500 {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .md\:bg-orange-600 {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .md\:bg-orange-700 {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .md\:bg-orange-800 {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .md\:bg-orange-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .md\:bg-yellow-50 {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .md\:bg-yellow-100 {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .md\:bg-yellow-200 {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .md\:bg-yellow-300 {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .md\:bg-yellow-400 {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .md\:bg-yellow-500 {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .md\:bg-yellow-600 {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .md\:bg-yellow-700 {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .md\:bg-yellow-800 {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .md\:bg-yellow-900 {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .md\:bg-green-50 {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .md\:bg-green-100 {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .md\:bg-green-200 {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .md\:bg-green-300 {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .md\:bg-green-400 {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .md\:bg-green-500 {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .md\:bg-green-600 {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .md\:bg-green-700 {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .md\:bg-green-800 {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .md\:bg-green-900 {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .md\:bg-teal-50 {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .md\:bg-teal-100 {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .md\:bg-teal-200 {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .md\:bg-teal-300 {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .md\:bg-teal-400 {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .md\:bg-teal-500 {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .md\:bg-teal-600 {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .md\:bg-teal-700 {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .md\:bg-teal-800 {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .md\:bg-teal-900 {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .md\:bg-blue-50 {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .md\:bg-blue-100 {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .md\:bg-blue-200 {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .md\:bg-blue-300 {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .md\:bg-blue-400 {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .md\:bg-blue-500 {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .md\:bg-blue-600 {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .md\:bg-blue-700 {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .md\:bg-blue-800 {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .md\:bg-blue-900 {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .md\:bg-indigo-50 {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .md\:bg-indigo-100 {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .md\:bg-indigo-200 {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .md\:bg-indigo-300 {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .md\:bg-indigo-400 {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .md\:bg-indigo-500 {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .md\:bg-indigo-600 {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .md\:bg-indigo-700 {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .md\:bg-indigo-800 {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .md\:bg-indigo-900 {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .md\:bg-purple-50 {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .md\:bg-purple-100 {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .md\:bg-purple-200 {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .md\:bg-purple-300 {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .md\:bg-purple-400 {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .md\:bg-purple-500 {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .md\:bg-purple-600 {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .md\:bg-purple-700 {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .md\:bg-purple-800 {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .md\:bg-purple-900 {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .md\:bg-pink-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .md\:bg-pink-100 {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .md\:bg-pink-200 {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .md\:bg-pink-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .md\:bg-pink-400 {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .md\:bg-pink-500 {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .md\:bg-pink-600 {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .md\:bg-pink-700 {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .md\:bg-pink-800 {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .md\:bg-pink-900 {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-transparent {
-    background-color: transparent;
-  }
-
-  .group:hover .md\:group-hover\:bg-white {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-black {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-300 {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-400 {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-500 {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-600 {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-700 {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-800 {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-gray-900 {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-cool-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-cool-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-cool-gray-300 {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-cool-gray-400 {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-cool-gray-500 {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-cool-gray-600 {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-cool-gray-700 {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-cool-gray-800 {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-cool-gray-900 {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-100 {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-200 {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-400 {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-500 {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-600 {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-700 {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-800 {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-red-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-orange-50 {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-orange-100 {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-orange-200 {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-orange-300 {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-orange-400 {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-orange-500 {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-orange-600 {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-orange-700 {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-orange-800 {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-orange-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-50 {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-100 {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-200 {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-300 {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-400 {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-500 {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-600 {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-700 {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-800 {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-yellow-900 {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-50 {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-100 {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-200 {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-300 {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-400 {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-500 {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-600 {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-700 {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-800 {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-green-900 {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-teal-50 {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-teal-100 {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-teal-200 {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-teal-300 {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-teal-400 {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-teal-500 {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-teal-600 {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-teal-700 {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-teal-800 {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-teal-900 {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-50 {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-100 {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-200 {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-300 {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-400 {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-500 {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-600 {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-700 {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-800 {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-blue-900 {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-50 {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-100 {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-200 {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-300 {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-400 {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-500 {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-600 {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-700 {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-800 {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-indigo-900 {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-purple-50 {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-purple-100 {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-purple-200 {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-purple-300 {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-purple-400 {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-purple-500 {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-purple-600 {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-purple-700 {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-purple-800 {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-purple-900 {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-pink-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-pink-100 {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-pink-200 {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-pink-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-pink-400 {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-pink-500 {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-pink-600 {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-pink-700 {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-pink-800 {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .group:hover .md\:group-hover\:bg-pink-900 {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-transparent {
-    background-color: transparent;
-  }
-
-  .group:focus .md\:group-focus\:bg-white {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-black {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-gray-300 {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-gray-400 {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-gray-500 {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-gray-600 {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-gray-700 {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-gray-800 {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-gray-900 {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-cool-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-cool-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-cool-gray-300 {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-cool-gray-400 {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-cool-gray-500 {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-cool-gray-600 {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-cool-gray-700 {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-cool-gray-800 {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-cool-gray-900 {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-red-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-red-100 {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-red-200 {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-red-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-red-400 {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-red-500 {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-red-600 {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-red-700 {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-red-800 {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-red-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-orange-50 {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-orange-100 {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-orange-200 {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-orange-300 {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-orange-400 {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-orange-500 {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-orange-600 {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-orange-700 {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-orange-800 {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-orange-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-yellow-50 {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-yellow-100 {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-yellow-200 {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-yellow-300 {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-yellow-400 {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-yellow-500 {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-yellow-600 {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-yellow-700 {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-yellow-800 {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-yellow-900 {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-green-50 {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-green-100 {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-green-200 {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-green-300 {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-green-400 {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-green-500 {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-green-600 {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-green-700 {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-green-800 {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-green-900 {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-teal-50 {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-teal-100 {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-teal-200 {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-teal-300 {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-teal-400 {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-teal-500 {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-teal-600 {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-teal-700 {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-teal-800 {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-teal-900 {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-blue-50 {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-blue-100 {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-blue-200 {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-blue-300 {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-blue-400 {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-blue-500 {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-blue-600 {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-blue-700 {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-blue-800 {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-blue-900 {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-indigo-50 {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-indigo-100 {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-indigo-200 {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-indigo-300 {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-indigo-400 {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-indigo-500 {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-indigo-600 {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-indigo-700 {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-indigo-800 {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-indigo-900 {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-purple-50 {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-purple-100 {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-purple-200 {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-purple-300 {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-purple-400 {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-purple-500 {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-purple-600 {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-purple-700 {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-purple-800 {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-purple-900 {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-pink-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-pink-100 {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-pink-200 {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-pink-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-pink-400 {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-pink-500 {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-pink-600 {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-pink-700 {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-pink-800 {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .group:focus .md\:group-focus\:bg-pink-900 {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-transparent:hover {
-    background-color: transparent;
-  }
-
-  .md\:hover\:bg-white:hover {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-black:hover {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-50:hover {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-100:hover {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-200:hover {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-300:hover {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-400:hover {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-500:hover {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-600:hover {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-700:hover {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-800:hover {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-gray-900:hover {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-cool-gray-50:hover {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-cool-gray-100:hover {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-cool-gray-200:hover {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-cool-gray-300:hover {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-cool-gray-400:hover {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-cool-gray-500:hover {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-cool-gray-600:hover {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-cool-gray-700:hover {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-cool-gray-800:hover {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-cool-gray-900:hover {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-red-50:hover {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-red-100:hover {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-red-200:hover {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-red-300:hover {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-red-400:hover {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-red-500:hover {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-red-600:hover {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-red-700:hover {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-red-800:hover {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-red-900:hover {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-orange-50:hover {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-orange-100:hover {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-orange-200:hover {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-orange-300:hover {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-orange-400:hover {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-orange-500:hover {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-orange-600:hover {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-orange-700:hover {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-orange-800:hover {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-orange-900:hover {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-50:hover {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-100:hover {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-200:hover {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-300:hover {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-400:hover {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-500:hover {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-600:hover {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-700:hover {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-800:hover {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-yellow-900:hover {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-green-50:hover {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-green-100:hover {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-green-200:hover {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-green-300:hover {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-green-400:hover {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-green-500:hover {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-green-600:hover {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-green-700:hover {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-green-800:hover {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-green-900:hover {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-teal-50:hover {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-teal-100:hover {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-teal-200:hover {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-teal-300:hover {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-teal-400:hover {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-teal-500:hover {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-teal-600:hover {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-teal-700:hover {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-teal-800:hover {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-teal-900:hover {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-50:hover {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-100:hover {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-200:hover {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-300:hover {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-400:hover {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-500:hover {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-600:hover {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-700:hover {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-800:hover {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-blue-900:hover {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-50:hover {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-100:hover {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-200:hover {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-300:hover {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-400:hover {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-500:hover {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-600:hover {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-700:hover {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-800:hover {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-indigo-900:hover {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-purple-50:hover {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-purple-100:hover {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-purple-200:hover {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-purple-300:hover {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-purple-400:hover {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-purple-500:hover {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-purple-600:hover {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-purple-700:hover {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-purple-800:hover {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-purple-900:hover {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-pink-50:hover {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-pink-100:hover {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-pink-200:hover {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-pink-300:hover {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-pink-400:hover {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-pink-500:hover {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-pink-600:hover {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-pink-700:hover {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-pink-800:hover {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .md\:hover\:bg-pink-900:hover {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-transparent:focus {
-    background-color: transparent;
-  }
-
-  .md\:focus\:bg-white:focus {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-black:focus {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-50:focus {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-100:focus {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-200:focus {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-300:focus {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-400:focus {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-500:focus {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-600:focus {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-700:focus {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-800:focus {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-gray-900:focus {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-cool-gray-50:focus {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-cool-gray-100:focus {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-cool-gray-200:focus {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-cool-gray-300:focus {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-cool-gray-400:focus {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-cool-gray-500:focus {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-cool-gray-600:focus {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-cool-gray-700:focus {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-cool-gray-800:focus {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-cool-gray-900:focus {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-red-50:focus {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-red-100:focus {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-red-200:focus {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-red-300:focus {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-red-400:focus {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-red-500:focus {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-red-600:focus {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-red-700:focus {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-red-800:focus {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-red-900:focus {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-orange-50:focus {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-orange-100:focus {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-orange-200:focus {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-orange-300:focus {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-orange-400:focus {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-orange-500:focus {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-orange-600:focus {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-orange-700:focus {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-orange-800:focus {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-orange-900:focus {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-50:focus {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-100:focus {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-200:focus {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-300:focus {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-400:focus {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-500:focus {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-600:focus {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-700:focus {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-800:focus {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-yellow-900:focus {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-green-50:focus {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-green-100:focus {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-green-200:focus {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-green-300:focus {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-green-400:focus {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-green-500:focus {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-green-600:focus {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-green-700:focus {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-green-800:focus {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-green-900:focus {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-teal-50:focus {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-teal-100:focus {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-teal-200:focus {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-teal-300:focus {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-teal-400:focus {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-teal-500:focus {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-teal-600:focus {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-teal-700:focus {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-teal-800:focus {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-teal-900:focus {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-50:focus {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-100:focus {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-200:focus {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-300:focus {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-400:focus {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-500:focus {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-600:focus {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-700:focus {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-800:focus {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-blue-900:focus {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-50:focus {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-100:focus {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-200:focus {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-300:focus {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-400:focus {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-500:focus {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-600:focus {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-700:focus {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-800:focus {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-indigo-900:focus {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-purple-50:focus {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-purple-100:focus {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-purple-200:focus {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-purple-300:focus {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-purple-400:focus {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-purple-500:focus {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-purple-600:focus {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-purple-700:focus {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-purple-800:focus {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-purple-900:focus {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-pink-50:focus {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-pink-100:focus {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-pink-200:focus {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-pink-300:focus {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-pink-400:focus {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-pink-500:focus {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-pink-600:focus {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-pink-700:focus {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-pink-800:focus {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .md\:focus\:bg-pink-900:focus {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-transparent:active {
-    background-color: transparent;
-  }
-
-  .md\:active\:bg-white:active {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-black:active {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-gray-50:active {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-gray-100:active {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-gray-200:active {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-gray-300:active {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-gray-400:active {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-gray-500:active {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-gray-600:active {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-gray-700:active {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-gray-800:active {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-gray-900:active {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-cool-gray-50:active {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-cool-gray-100:active {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-cool-gray-200:active {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-cool-gray-300:active {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-cool-gray-400:active {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-cool-gray-500:active {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-cool-gray-600:active {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-cool-gray-700:active {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-cool-gray-800:active {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-cool-gray-900:active {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-red-50:active {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-red-100:active {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-red-200:active {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-red-300:active {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-red-400:active {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-red-500:active {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-red-600:active {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-red-700:active {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-red-800:active {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-red-900:active {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-orange-50:active {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-orange-100:active {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-orange-200:active {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-orange-300:active {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-orange-400:active {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-orange-500:active {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-orange-600:active {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-orange-700:active {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-orange-800:active {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-orange-900:active {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-yellow-50:active {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-yellow-100:active {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-yellow-200:active {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-yellow-300:active {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-yellow-400:active {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-yellow-500:active {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-yellow-600:active {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-yellow-700:active {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-yellow-800:active {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-yellow-900:active {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-green-50:active {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-green-100:active {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-green-200:active {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-green-300:active {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-green-400:active {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-green-500:active {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-green-600:active {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-green-700:active {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-green-800:active {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-green-900:active {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-teal-50:active {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-teal-100:active {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-teal-200:active {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-teal-300:active {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-teal-400:active {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-teal-500:active {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-teal-600:active {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-teal-700:active {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-teal-800:active {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-teal-900:active {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-blue-50:active {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-blue-100:active {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-blue-200:active {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-blue-300:active {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-blue-400:active {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-blue-500:active {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-blue-600:active {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-blue-700:active {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-blue-800:active {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-blue-900:active {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-indigo-50:active {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-indigo-100:active {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-indigo-200:active {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-indigo-300:active {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-indigo-400:active {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-indigo-500:active {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-indigo-600:active {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-indigo-700:active {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-indigo-800:active {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-indigo-900:active {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-purple-50:active {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-purple-100:active {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-purple-200:active {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-purple-300:active {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-purple-400:active {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-purple-500:active {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-purple-600:active {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-purple-700:active {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-purple-800:active {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-purple-900:active {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-pink-50:active {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-pink-100:active {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-pink-200:active {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-pink-300:active {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-pink-400:active {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-pink-500:active {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-pink-600:active {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-pink-700:active {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-pink-800:active {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .md\:active\:bg-pink-900:active {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .md\:bg-opacity-0 {
-    --bg-opacity: 0;
-  }
-
-  .md\:bg-opacity-25 {
-    --bg-opacity: 0.25;
-  }
-
-  .md\:bg-opacity-50 {
-    --bg-opacity: 0.5;
-  }
-
-  .md\:bg-opacity-75 {
-    --bg-opacity: 0.75;
-  }
-
-  .md\:bg-opacity-100 {
-    --bg-opacity: 1;
-  }
-
-  .md\:hover\:bg-opacity-0:hover {
-    --bg-opacity: 0;
-  }
-
-  .md\:hover\:bg-opacity-25:hover {
-    --bg-opacity: 0.25;
-  }
-
-  .md\:hover\:bg-opacity-50:hover {
-    --bg-opacity: 0.5;
-  }
-
-  .md\:hover\:bg-opacity-75:hover {
-    --bg-opacity: 0.75;
-  }
-
-  .md\:hover\:bg-opacity-100:hover {
-    --bg-opacity: 1;
-  }
-
-  .md\:focus\:bg-opacity-0:focus {
-    --bg-opacity: 0;
-  }
-
-  .md\:focus\:bg-opacity-25:focus {
-    --bg-opacity: 0.25;
-  }
-
-  .md\:focus\:bg-opacity-50:focus {
-    --bg-opacity: 0.5;
-  }
-
-  .md\:focus\:bg-opacity-75:focus {
-    --bg-opacity: 0.75;
-  }
-
-  .md\:focus\:bg-opacity-100:focus {
-    --bg-opacity: 1;
-  }
-
-  .md\:bg-bottom {
-    background-position: bottom;
-  }
-
-  .md\:bg-center {
-    background-position: center;
-  }
-
-  .md\:bg-left {
-    background-position: left;
-  }
-
-  .md\:bg-left-bottom {
-    background-position: left bottom;
-  }
-
-  .md\:bg-left-top {
-    background-position: left top;
-  }
-
-  .md\:bg-right {
-    background-position: right;
-  }
-
-  .md\:bg-right-bottom {
-    background-position: right bottom;
-  }
-
-  .md\:bg-right-top {
-    background-position: right top;
-  }
-
-  .md\:bg-top {
-    background-position: top;
-  }
-
-  .md\:bg-repeat {
-    background-repeat: repeat;
-  }
-
-  .md\:bg-no-repeat {
-    background-repeat: no-repeat;
-  }
-
-  .md\:bg-repeat-x {
-    background-repeat: repeat-x;
-  }
-
-  .md\:bg-repeat-y {
-    background-repeat: repeat-y;
-  }
-
-  .md\:bg-repeat-round {
-    background-repeat: round;
-  }
-
-  .md\:bg-repeat-space {
-    background-repeat: space;
-  }
-
-  .md\:bg-auto {
-    background-size: auto;
-  }
-
-  .md\:bg-cover {
-    background-size: cover;
-  }
-
-  .md\:bg-contain {
-    background-size: contain;
-  }
-
-  .md\:border-collapse {
-    border-collapse: collapse;
-  }
-
-  .md\:border-separate {
-    border-collapse: separate;
-  }
-
-  .md\:border-transparent {
-    border-color: transparent;
-  }
-
-  .md\:border-white {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .md\:border-black {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .md\:border-gray-50 {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .md\:border-gray-100 {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .md\:border-gray-200 {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .md\:border-gray-300 {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .md\:border-gray-400 {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .md\:border-gray-500 {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .md\:border-gray-600 {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .md\:border-gray-700 {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .md\:border-gray-800 {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .md\:border-gray-900 {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .md\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .md\:border-cool-gray-100 {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .md\:border-cool-gray-200 {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .md\:border-cool-gray-300 {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .md\:border-cool-gray-400 {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .md\:border-cool-gray-500 {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .md\:border-cool-gray-600 {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .md\:border-cool-gray-700 {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .md\:border-cool-gray-800 {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .md\:border-cool-gray-900 {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .md\:border-red-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .md\:border-red-100 {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .md\:border-red-200 {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .md\:border-red-300 {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .md\:border-red-400 {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .md\:border-red-500 {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .md\:border-red-600 {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .md\:border-red-700 {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .md\:border-red-800 {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .md\:border-red-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .md\:border-orange-50 {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .md\:border-orange-100 {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .md\:border-orange-200 {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .md\:border-orange-300 {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .md\:border-orange-400 {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .md\:border-orange-500 {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .md\:border-orange-600 {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .md\:border-orange-700 {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .md\:border-orange-800 {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .md\:border-orange-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .md\:border-yellow-50 {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .md\:border-yellow-100 {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .md\:border-yellow-200 {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .md\:border-yellow-300 {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .md\:border-yellow-400 {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .md\:border-yellow-500 {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .md\:border-yellow-600 {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .md\:border-yellow-700 {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .md\:border-yellow-800 {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .md\:border-yellow-900 {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .md\:border-green-50 {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .md\:border-green-100 {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .md\:border-green-200 {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .md\:border-green-300 {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .md\:border-green-400 {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .md\:border-green-500 {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .md\:border-green-600 {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .md\:border-green-700 {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .md\:border-green-800 {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .md\:border-green-900 {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .md\:border-teal-50 {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .md\:border-teal-100 {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .md\:border-teal-200 {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .md\:border-teal-300 {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .md\:border-teal-400 {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .md\:border-teal-500 {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .md\:border-teal-600 {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .md\:border-teal-700 {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .md\:border-teal-800 {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .md\:border-teal-900 {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .md\:border-blue-50 {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .md\:border-blue-100 {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .md\:border-blue-200 {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .md\:border-blue-300 {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .md\:border-blue-400 {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .md\:border-blue-500 {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .md\:border-blue-600 {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .md\:border-blue-700 {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .md\:border-blue-800 {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .md\:border-blue-900 {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .md\:border-indigo-50 {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .md\:border-indigo-100 {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .md\:border-indigo-200 {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .md\:border-indigo-300 {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .md\:border-indigo-400 {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .md\:border-indigo-500 {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .md\:border-indigo-600 {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .md\:border-indigo-700 {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .md\:border-indigo-800 {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .md\:border-indigo-900 {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .md\:border-purple-50 {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .md\:border-purple-100 {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .md\:border-purple-200 {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .md\:border-purple-300 {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .md\:border-purple-400 {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .md\:border-purple-500 {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .md\:border-purple-600 {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .md\:border-purple-700 {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .md\:border-purple-800 {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .md\:border-purple-900 {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .md\:border-pink-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .md\:border-pink-100 {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .md\:border-pink-200 {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .md\:border-pink-300 {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .md\:border-pink-400 {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .md\:border-pink-500 {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .md\:border-pink-600 {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .md\:border-pink-700 {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .md\:border-pink-800 {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .md\:border-pink-900 {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-transparent {
-    border-color: transparent;
-  }
-
-  .group:hover .md\:group-hover\:border-white {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-black {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-50 {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-100 {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-200 {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-300 {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-400 {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-500 {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-600 {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-700 {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-800 {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-gray-900 {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-cool-gray-100 {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-cool-gray-200 {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-cool-gray-300 {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-cool-gray-400 {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-cool-gray-500 {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-cool-gray-600 {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-cool-gray-700 {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-cool-gray-800 {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-cool-gray-900 {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-100 {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-200 {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-300 {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-400 {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-500 {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-600 {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-700 {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-800 {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-red-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-orange-50 {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-orange-100 {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-orange-200 {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-orange-300 {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-orange-400 {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-orange-500 {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-orange-600 {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-orange-700 {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-orange-800 {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-orange-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-50 {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-100 {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-200 {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-300 {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-400 {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-500 {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-600 {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-700 {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-800 {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-yellow-900 {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-50 {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-100 {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-200 {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-300 {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-400 {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-500 {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-600 {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-700 {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-800 {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-green-900 {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-teal-50 {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-teal-100 {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-teal-200 {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-teal-300 {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-teal-400 {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-teal-500 {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-teal-600 {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-teal-700 {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-teal-800 {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-teal-900 {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-50 {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-100 {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-200 {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-300 {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-400 {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-500 {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-600 {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-700 {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-800 {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-blue-900 {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-50 {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-100 {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-200 {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-300 {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-400 {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-500 {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-600 {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-700 {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-800 {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-indigo-900 {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-purple-50 {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-purple-100 {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-purple-200 {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-purple-300 {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-purple-400 {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-purple-500 {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-purple-600 {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-purple-700 {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-purple-800 {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-purple-900 {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-pink-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-pink-100 {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-pink-200 {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-pink-300 {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-pink-400 {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-pink-500 {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-pink-600 {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-pink-700 {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-pink-800 {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .group:hover .md\:group-hover\:border-pink-900 {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-transparent {
-    border-color: transparent;
-  }
-
-  .group:focus .md\:group-focus\:border-white {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-black {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-gray-50 {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-gray-100 {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-gray-200 {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-gray-300 {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-gray-400 {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-gray-500 {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-gray-600 {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-gray-700 {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-gray-800 {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-gray-900 {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-cool-gray-100 {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-cool-gray-200 {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-cool-gray-300 {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-cool-gray-400 {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-cool-gray-500 {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-cool-gray-600 {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-cool-gray-700 {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-cool-gray-800 {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-cool-gray-900 {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-red-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-red-100 {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-red-200 {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-red-300 {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-red-400 {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-red-500 {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-red-600 {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-red-700 {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-red-800 {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-red-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-orange-50 {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-orange-100 {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-orange-200 {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-orange-300 {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-orange-400 {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-orange-500 {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-orange-600 {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-orange-700 {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-orange-800 {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-orange-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-yellow-50 {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-yellow-100 {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-yellow-200 {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-yellow-300 {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-yellow-400 {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-yellow-500 {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-yellow-600 {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-yellow-700 {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-yellow-800 {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-yellow-900 {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-green-50 {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-green-100 {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-green-200 {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-green-300 {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-green-400 {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-green-500 {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-green-600 {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-green-700 {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-green-800 {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-green-900 {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-teal-50 {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-teal-100 {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-teal-200 {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-teal-300 {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-teal-400 {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-teal-500 {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-teal-600 {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-teal-700 {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-teal-800 {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-teal-900 {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-blue-50 {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-blue-100 {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-blue-200 {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-blue-300 {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-blue-400 {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-blue-500 {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-blue-600 {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-blue-700 {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-blue-800 {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-blue-900 {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-indigo-50 {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-indigo-100 {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-indigo-200 {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-indigo-300 {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-indigo-400 {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-indigo-500 {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-indigo-600 {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-indigo-700 {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-indigo-800 {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-indigo-900 {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-purple-50 {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-purple-100 {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-purple-200 {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-purple-300 {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-purple-400 {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-purple-500 {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-purple-600 {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-purple-700 {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-purple-800 {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-purple-900 {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-pink-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-pink-100 {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-pink-200 {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-pink-300 {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-pink-400 {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-pink-500 {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-pink-600 {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-pink-700 {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-pink-800 {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .group:focus .md\:group-focus\:border-pink-900 {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .md\:hover\:border-transparent:hover {
-    border-color: transparent;
-  }
-
-  .md\:hover\:border-white:hover {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .md\:hover\:border-black:hover {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .md\:hover\:border-gray-50:hover {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .md\:hover\:border-gray-100:hover {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .md\:hover\:border-gray-200:hover {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .md\:hover\:border-gray-300:hover {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .md\:hover\:border-gray-400:hover {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .md\:hover\:border-gray-500:hover {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .md\:hover\:border-gray-600:hover {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .md\:hover\:border-gray-700:hover {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .md\:hover\:border-gray-800:hover {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .md\:hover\:border-gray-900:hover {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .md\:hover\:border-cool-gray-50:hover {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .md\:hover\:border-cool-gray-100:hover {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .md\:hover\:border-cool-gray-200:hover {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .md\:hover\:border-cool-gray-300:hover {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .md\:hover\:border-cool-gray-400:hover {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .md\:hover\:border-cool-gray-500:hover {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .md\:hover\:border-cool-gray-600:hover {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .md\:hover\:border-cool-gray-700:hover {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .md\:hover\:border-cool-gray-800:hover {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .md\:hover\:border-cool-gray-900:hover {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .md\:hover\:border-red-50:hover {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .md\:hover\:border-red-100:hover {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .md\:hover\:border-red-200:hover {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .md\:hover\:border-red-300:hover {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .md\:hover\:border-red-400:hover {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .md\:hover\:border-red-500:hover {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .md\:hover\:border-red-600:hover {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .md\:hover\:border-red-700:hover {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .md\:hover\:border-red-800:hover {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .md\:hover\:border-red-900:hover {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .md\:hover\:border-orange-50:hover {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .md\:hover\:border-orange-100:hover {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .md\:hover\:border-orange-200:hover {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .md\:hover\:border-orange-300:hover {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .md\:hover\:border-orange-400:hover {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .md\:hover\:border-orange-500:hover {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .md\:hover\:border-orange-600:hover {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .md\:hover\:border-orange-700:hover {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .md\:hover\:border-orange-800:hover {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .md\:hover\:border-orange-900:hover {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .md\:hover\:border-yellow-50:hover {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .md\:hover\:border-yellow-100:hover {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .md\:hover\:border-yellow-200:hover {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .md\:hover\:border-yellow-300:hover {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .md\:hover\:border-yellow-400:hover {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .md\:hover\:border-yellow-500:hover {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .md\:hover\:border-yellow-600:hover {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .md\:hover\:border-yellow-700:hover {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .md\:hover\:border-yellow-800:hover {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .md\:hover\:border-yellow-900:hover {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .md\:hover\:border-green-50:hover {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .md\:hover\:border-green-100:hover {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .md\:hover\:border-green-200:hover {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .md\:hover\:border-green-300:hover {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .md\:hover\:border-green-400:hover {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .md\:hover\:border-green-500:hover {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .md\:hover\:border-green-600:hover {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .md\:hover\:border-green-700:hover {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .md\:hover\:border-green-800:hover {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .md\:hover\:border-green-900:hover {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .md\:hover\:border-teal-50:hover {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .md\:hover\:border-teal-100:hover {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .md\:hover\:border-teal-200:hover {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .md\:hover\:border-teal-300:hover {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .md\:hover\:border-teal-400:hover {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .md\:hover\:border-teal-500:hover {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .md\:hover\:border-teal-600:hover {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .md\:hover\:border-teal-700:hover {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .md\:hover\:border-teal-800:hover {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .md\:hover\:border-teal-900:hover {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .md\:hover\:border-blue-50:hover {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .md\:hover\:border-blue-100:hover {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .md\:hover\:border-blue-200:hover {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .md\:hover\:border-blue-300:hover {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .md\:hover\:border-blue-400:hover {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .md\:hover\:border-blue-500:hover {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .md\:hover\:border-blue-600:hover {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .md\:hover\:border-blue-700:hover {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .md\:hover\:border-blue-800:hover {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .md\:hover\:border-blue-900:hover {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .md\:hover\:border-indigo-50:hover {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .md\:hover\:border-indigo-100:hover {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .md\:hover\:border-indigo-200:hover {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .md\:hover\:border-indigo-300:hover {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .md\:hover\:border-indigo-400:hover {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .md\:hover\:border-indigo-500:hover {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .md\:hover\:border-indigo-600:hover {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .md\:hover\:border-indigo-700:hover {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .md\:hover\:border-indigo-800:hover {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .md\:hover\:border-indigo-900:hover {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .md\:hover\:border-purple-50:hover {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .md\:hover\:border-purple-100:hover {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .md\:hover\:border-purple-200:hover {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .md\:hover\:border-purple-300:hover {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .md\:hover\:border-purple-400:hover {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .md\:hover\:border-purple-500:hover {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .md\:hover\:border-purple-600:hover {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .md\:hover\:border-purple-700:hover {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .md\:hover\:border-purple-800:hover {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .md\:hover\:border-purple-900:hover {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .md\:hover\:border-pink-50:hover {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .md\:hover\:border-pink-100:hover {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .md\:hover\:border-pink-200:hover {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .md\:hover\:border-pink-300:hover {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .md\:hover\:border-pink-400:hover {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .md\:hover\:border-pink-500:hover {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .md\:hover\:border-pink-600:hover {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .md\:hover\:border-pink-700:hover {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .md\:hover\:border-pink-800:hover {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .md\:hover\:border-pink-900:hover {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .md\:focus\:border-transparent:focus {
-    border-color: transparent;
-  }
-
-  .md\:focus\:border-white:focus {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .md\:focus\:border-black:focus {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .md\:focus\:border-gray-50:focus {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .md\:focus\:border-gray-100:focus {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .md\:focus\:border-gray-200:focus {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .md\:focus\:border-gray-300:focus {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .md\:focus\:border-gray-400:focus {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .md\:focus\:border-gray-500:focus {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .md\:focus\:border-gray-600:focus {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .md\:focus\:border-gray-700:focus {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .md\:focus\:border-gray-800:focus {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .md\:focus\:border-gray-900:focus {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .md\:focus\:border-cool-gray-50:focus {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .md\:focus\:border-cool-gray-100:focus {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .md\:focus\:border-cool-gray-200:focus {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .md\:focus\:border-cool-gray-300:focus {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .md\:focus\:border-cool-gray-400:focus {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .md\:focus\:border-cool-gray-500:focus {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .md\:focus\:border-cool-gray-600:focus {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .md\:focus\:border-cool-gray-700:focus {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .md\:focus\:border-cool-gray-800:focus {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .md\:focus\:border-cool-gray-900:focus {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .md\:focus\:border-red-50:focus {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .md\:focus\:border-red-100:focus {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .md\:focus\:border-red-200:focus {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .md\:focus\:border-red-300:focus {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .md\:focus\:border-red-400:focus {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .md\:focus\:border-red-500:focus {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .md\:focus\:border-red-600:focus {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .md\:focus\:border-red-700:focus {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .md\:focus\:border-red-800:focus {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .md\:focus\:border-red-900:focus {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .md\:focus\:border-orange-50:focus {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .md\:focus\:border-orange-100:focus {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .md\:focus\:border-orange-200:focus {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .md\:focus\:border-orange-300:focus {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .md\:focus\:border-orange-400:focus {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .md\:focus\:border-orange-500:focus {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .md\:focus\:border-orange-600:focus {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .md\:focus\:border-orange-700:focus {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .md\:focus\:border-orange-800:focus {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .md\:focus\:border-orange-900:focus {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .md\:focus\:border-yellow-50:focus {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .md\:focus\:border-yellow-100:focus {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .md\:focus\:border-yellow-200:focus {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .md\:focus\:border-yellow-300:focus {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .md\:focus\:border-yellow-400:focus {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .md\:focus\:border-yellow-500:focus {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .md\:focus\:border-yellow-600:focus {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .md\:focus\:border-yellow-700:focus {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .md\:focus\:border-yellow-800:focus {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .md\:focus\:border-yellow-900:focus {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .md\:focus\:border-green-50:focus {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .md\:focus\:border-green-100:focus {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .md\:focus\:border-green-200:focus {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .md\:focus\:border-green-300:focus {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .md\:focus\:border-green-400:focus {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .md\:focus\:border-green-500:focus {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .md\:focus\:border-green-600:focus {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .md\:focus\:border-green-700:focus {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .md\:focus\:border-green-800:focus {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .md\:focus\:border-green-900:focus {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .md\:focus\:border-teal-50:focus {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .md\:focus\:border-teal-100:focus {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .md\:focus\:border-teal-200:focus {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .md\:focus\:border-teal-300:focus {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .md\:focus\:border-teal-400:focus {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .md\:focus\:border-teal-500:focus {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .md\:focus\:border-teal-600:focus {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .md\:focus\:border-teal-700:focus {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .md\:focus\:border-teal-800:focus {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .md\:focus\:border-teal-900:focus {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .md\:focus\:border-blue-50:focus {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .md\:focus\:border-blue-100:focus {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .md\:focus\:border-blue-200:focus {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .md\:focus\:border-blue-300:focus {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .md\:focus\:border-blue-400:focus {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .md\:focus\:border-blue-500:focus {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .md\:focus\:border-blue-600:focus {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .md\:focus\:border-blue-700:focus {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .md\:focus\:border-blue-800:focus {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .md\:focus\:border-blue-900:focus {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .md\:focus\:border-indigo-50:focus {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .md\:focus\:border-indigo-100:focus {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .md\:focus\:border-indigo-200:focus {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .md\:focus\:border-indigo-300:focus {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .md\:focus\:border-indigo-400:focus {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .md\:focus\:border-indigo-500:focus {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .md\:focus\:border-indigo-600:focus {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .md\:focus\:border-indigo-700:focus {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .md\:focus\:border-indigo-800:focus {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .md\:focus\:border-indigo-900:focus {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .md\:focus\:border-purple-50:focus {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .md\:focus\:border-purple-100:focus {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .md\:focus\:border-purple-200:focus {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .md\:focus\:border-purple-300:focus {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .md\:focus\:border-purple-400:focus {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .md\:focus\:border-purple-500:focus {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .md\:focus\:border-purple-600:focus {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .md\:focus\:border-purple-700:focus {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .md\:focus\:border-purple-800:focus {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .md\:focus\:border-purple-900:focus {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .md\:focus\:border-pink-50:focus {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .md\:focus\:border-pink-100:focus {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .md\:focus\:border-pink-200:focus {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .md\:focus\:border-pink-300:focus {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .md\:focus\:border-pink-400:focus {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .md\:focus\:border-pink-500:focus {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .md\:focus\:border-pink-600:focus {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .md\:focus\:border-pink-700:focus {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .md\:focus\:border-pink-800:focus {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .md\:focus\:border-pink-900:focus {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .md\:border-opacity-0 {
-    --border-opacity: 0;
-  }
-
-  .md\:border-opacity-25 {
-    --border-opacity: 0.25;
-  }
-
-  .md\:border-opacity-50 {
-    --border-opacity: 0.5;
-  }
-
-  .md\:border-opacity-75 {
-    --border-opacity: 0.75;
-  }
-
-  .md\:border-opacity-100 {
-    --border-opacity: 1;
-  }
-
-  .md\:hover\:border-opacity-0:hover {
-    --border-opacity: 0;
-  }
-
-  .md\:hover\:border-opacity-25:hover {
-    --border-opacity: 0.25;
-  }
-
-  .md\:hover\:border-opacity-50:hover {
-    --border-opacity: 0.5;
-  }
-
-  .md\:hover\:border-opacity-75:hover {
-    --border-opacity: 0.75;
-  }
-
-  .md\:hover\:border-opacity-100:hover {
-    --border-opacity: 1;
-  }
-
-  .md\:focus\:border-opacity-0:focus {
-    --border-opacity: 0;
-  }
-
-  .md\:focus\:border-opacity-25:focus {
-    --border-opacity: 0.25;
-  }
-
-  .md\:focus\:border-opacity-50:focus {
-    --border-opacity: 0.5;
-  }
-
-  .md\:focus\:border-opacity-75:focus {
-    --border-opacity: 0.75;
-  }
-
-  .md\:focus\:border-opacity-100:focus {
-    --border-opacity: 1;
-  }
-
-  .md\:rounded-none {
-    border-radius: 0;
-  }
-
-  .md\:rounded-sm {
-    border-radius: 0.125rem;
-  }
-
-  .md\:rounded {
-    border-radius: 0.25rem;
-  }
-
-  .md\:rounded-md {
-    border-radius: 0.375rem;
-  }
-
-  .md\:rounded-lg {
-    border-radius: 0.5rem;
-  }
-
-  .md\:rounded-full {
-    border-radius: 9999px;
-  }
-
-  .md\:rounded-t-none {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-
-  .md\:rounded-r-none {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  .md\:rounded-b-none {
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .md\:rounded-l-none {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .md\:rounded-t-sm {
-    border-top-left-radius: 0.125rem;
-    border-top-right-radius: 0.125rem;
-  }
-
-  .md\:rounded-r-sm {
-    border-top-right-radius: 0.125rem;
-    border-bottom-right-radius: 0.125rem;
-  }
-
-  .md\:rounded-b-sm {
-    border-bottom-right-radius: 0.125rem;
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .md\:rounded-l-sm {
-    border-top-left-radius: 0.125rem;
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .md\:rounded-t {
-    border-top-left-radius: 0.25rem;
-    border-top-right-radius: 0.25rem;
-  }
-
-  .md\:rounded-r {
-    border-top-right-radius: 0.25rem;
-    border-bottom-right-radius: 0.25rem;
-  }
-
-  .md\:rounded-b {
-    border-bottom-right-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .md\:rounded-l {
-    border-top-left-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .md\:rounded-t-md {
-    border-top-left-radius: 0.375rem;
-    border-top-right-radius: 0.375rem;
-  }
-
-  .md\:rounded-r-md {
-    border-top-right-radius: 0.375rem;
-    border-bottom-right-radius: 0.375rem;
-  }
-
-  .md\:rounded-b-md {
-    border-bottom-right-radius: 0.375rem;
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .md\:rounded-l-md {
-    border-top-left-radius: 0.375rem;
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .md\:rounded-t-lg {
-    border-top-left-radius: 0.5rem;
-    border-top-right-radius: 0.5rem;
-  }
-
-  .md\:rounded-r-lg {
-    border-top-right-radius: 0.5rem;
-    border-bottom-right-radius: 0.5rem;
-  }
-
-  .md\:rounded-b-lg {
-    border-bottom-right-radius: 0.5rem;
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .md\:rounded-l-lg {
-    border-top-left-radius: 0.5rem;
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .md\:rounded-t-full {
-    border-top-left-radius: 9999px;
-    border-top-right-radius: 9999px;
-  }
-
-  .md\:rounded-r-full {
-    border-top-right-radius: 9999px;
-    border-bottom-right-radius: 9999px;
-  }
-
-  .md\:rounded-b-full {
-    border-bottom-right-radius: 9999px;
-    border-bottom-left-radius: 9999px;
-  }
-
-  .md\:rounded-l-full {
-    border-top-left-radius: 9999px;
-    border-bottom-left-radius: 9999px;
-  }
-
-  .md\:rounded-tl-none {
-    border-top-left-radius: 0;
-  }
-
-  .md\:rounded-tr-none {
-    border-top-right-radius: 0;
-  }
-
-  .md\:rounded-br-none {
-    border-bottom-right-radius: 0;
-  }
-
-  .md\:rounded-bl-none {
-    border-bottom-left-radius: 0;
-  }
-
-  .md\:rounded-tl-sm {
-    border-top-left-radius: 0.125rem;
-  }
-
-  .md\:rounded-tr-sm {
-    border-top-right-radius: 0.125rem;
-  }
-
-  .md\:rounded-br-sm {
-    border-bottom-right-radius: 0.125rem;
-  }
-
-  .md\:rounded-bl-sm {
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .md\:rounded-tl {
-    border-top-left-radius: 0.25rem;
-  }
-
-  .md\:rounded-tr {
-    border-top-right-radius: 0.25rem;
-  }
-
-  .md\:rounded-br {
-    border-bottom-right-radius: 0.25rem;
-  }
-
-  .md\:rounded-bl {
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .md\:rounded-tl-md {
-    border-top-left-radius: 0.375rem;
-  }
-
-  .md\:rounded-tr-md {
-    border-top-right-radius: 0.375rem;
-  }
-
-  .md\:rounded-br-md {
-    border-bottom-right-radius: 0.375rem;
-  }
-
-  .md\:rounded-bl-md {
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .md\:rounded-tl-lg {
-    border-top-left-radius: 0.5rem;
-  }
-
-  .md\:rounded-tr-lg {
-    border-top-right-radius: 0.5rem;
-  }
-
-  .md\:rounded-br-lg {
-    border-bottom-right-radius: 0.5rem;
-  }
-
-  .md\:rounded-bl-lg {
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .md\:rounded-tl-full {
-    border-top-left-radius: 9999px;
-  }
-
-  .md\:rounded-tr-full {
-    border-top-right-radius: 9999px;
-  }
-
-  .md\:rounded-br-full {
-    border-bottom-right-radius: 9999px;
-  }
-
-  .md\:rounded-bl-full {
-    border-bottom-left-radius: 9999px;
-  }
-
-  .md\:border-solid {
-    border-style: solid;
-  }
-
-  .md\:border-dashed {
-    border-style: dashed;
-  }
-
-  .md\:border-dotted {
-    border-style: dotted;
-  }
-
-  .md\:border-double {
-    border-style: double;
-  }
-
-  .md\:border-none {
-    border-style: none;
-  }
-
-  .md\:border-0 {
-    border-width: 0;
-  }
-
-  .md\:border-2 {
-    border-width: 2px;
-  }
-
-  .md\:border-4 {
-    border-width: 4px;
-  }
-
-  .md\:border-8 {
-    border-width: 8px;
-  }
-
-  .md\:border {
-    border-width: 1px;
-  }
-
-  .md\:border-t-0 {
-    border-top-width: 0;
-  }
-
-  .md\:border-r-0 {
-    border-right-width: 0;
-  }
-
-  .md\:border-b-0 {
-    border-bottom-width: 0;
-  }
-
-  .md\:border-l-0 {
-    border-left-width: 0;
-  }
-
-  .md\:border-t-2 {
-    border-top-width: 2px;
-  }
-
-  .md\:border-r-2 {
-    border-right-width: 2px;
-  }
-
-  .md\:border-b-2 {
-    border-bottom-width: 2px;
-  }
-
-  .md\:border-l-2 {
-    border-left-width: 2px;
-  }
-
-  .md\:border-t-4 {
-    border-top-width: 4px;
-  }
-
-  .md\:border-r-4 {
-    border-right-width: 4px;
-  }
-
-  .md\:border-b-4 {
-    border-bottom-width: 4px;
-  }
-
-  .md\:border-l-4 {
-    border-left-width: 4px;
-  }
-
-  .md\:border-t-8 {
-    border-top-width: 8px;
-  }
-
-  .md\:border-r-8 {
-    border-right-width: 8px;
-  }
-
-  .md\:border-b-8 {
-    border-bottom-width: 8px;
-  }
-
-  .md\:border-l-8 {
-    border-left-width: 8px;
-  }
-
-  .md\:border-t {
-    border-top-width: 1px;
-  }
-
-  .md\:border-r {
-    border-right-width: 1px;
-  }
-
-  .md\:border-b {
-    border-bottom-width: 1px;
-  }
-
-  .md\:border-l {
-    border-left-width: 1px;
-  }
-
-  .md\:box-border {
-    box-sizing: border-box;
-  }
-
-  .md\:box-content {
-    box-sizing: content-box;
-  }
-
-  .md\:cursor-auto {
-    cursor: auto;
-  }
-
-  .md\:cursor-default {
-    cursor: default;
-  }
-
-  .md\:cursor-pointer {
-    cursor: pointer;
-  }
-
-  .md\:cursor-wait {
-    cursor: wait;
-  }
-
-  .md\:cursor-text {
-    cursor: text;
-  }
-
-  .md\:cursor-move {
-    cursor: move;
-  }
-
-  .md\:cursor-not-allowed {
-    cursor: not-allowed;
-  }
-
-  .md\:block {
-    display: block;
-  }
-
-  .md\:inline-block {
-    display: inline-block;
-  }
-
-  .md\:inline {
-    display: inline;
-  }
-
-  .md\:flex {
-    display: flex;
-  }
-
-  .md\:inline-flex {
-    display: inline-flex;
-  }
-
-  .md\:table {
-    display: table;
-  }
-
-  .md\:table-caption {
-    display: table-caption;
-  }
-
-  .md\:table-cell {
-    display: table-cell;
-  }
-
-  .md\:table-column {
-    display: table-column;
-  }
-
-  .md\:table-column-group {
-    display: table-column-group;
-  }
-
-  .md\:table-footer-group {
-    display: table-footer-group;
-  }
-
-  .md\:table-header-group {
-    display: table-header-group;
-  }
-
-  .md\:table-row-group {
-    display: table-row-group;
-  }
-
-  .md\:table-row {
-    display: table-row;
-  }
-
-  .md\:flow-root {
-    display: flow-root;
-  }
-
-  .md\:grid {
-    display: grid;
-  }
-
-  .md\:inline-grid {
-    display: inline-grid;
-  }
-
-  .md\:hidden {
-    display: none;
-  }
-
-  .md\:flex-row {
-    flex-direction: row;
-  }
-
-  .md\:flex-row-reverse {
-    flex-direction: row-reverse;
-  }
-
-  .md\:flex-col {
-    flex-direction: column;
-  }
-
-  .md\:flex-col-reverse {
-    flex-direction: column-reverse;
-  }
-
-  .md\:flex-wrap {
-    flex-wrap: wrap;
-  }
-
-  .md\:flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
-  }
-
-  .md\:flex-no-wrap {
-    flex-wrap: nowrap;
-  }
-
-  .md\:items-start {
-    align-items: flex-start;
-  }
-
-  .md\:items-end {
-    align-items: flex-end;
-  }
-
-  .md\:items-center {
-    align-items: center;
-  }
-
-  .md\:items-baseline {
-    align-items: baseline;
-  }
-
-  .md\:items-stretch {
-    align-items: stretch;
-  }
-
-  .md\:self-auto {
-    align-self: auto;
-  }
-
-  .md\:self-start {
-    align-self: flex-start;
-  }
-
-  .md\:self-end {
-    align-self: flex-end;
-  }
-
-  .md\:self-center {
-    align-self: center;
-  }
-
-  .md\:self-stretch {
-    align-self: stretch;
-  }
-
-  .md\:justify-start {
-    justify-content: flex-start;
-  }
-
-  .md\:justify-end {
-    justify-content: flex-end;
-  }
-
-  .md\:justify-center {
-    justify-content: center;
-  }
-
-  .md\:justify-between {
-    justify-content: space-between;
-  }
-
-  .md\:justify-around {
-    justify-content: space-around;
-  }
-
-  .md\:justify-evenly {
-    justify-content: space-evenly;
-  }
-
-  .md\:content-center {
-    align-content: center;
-  }
-
-  .md\:content-start {
-    align-content: flex-start;
-  }
-
-  .md\:content-end {
-    align-content: flex-end;
-  }
-
-  .md\:content-between {
-    align-content: space-between;
-  }
-
-  .md\:content-around {
-    align-content: space-around;
-  }
-
-  .md\:flex-1 {
-    flex: 1 1 0%;
-  }
-
-  .md\:flex-auto {
-    flex: 1 1 auto;
-  }
-
-  .md\:flex-initial {
-    flex: 0 1 auto;
-  }
-
-  .md\:flex-none {
-    flex: none;
-  }
-
-  .md\:flex-grow-0 {
-    flex-grow: 0;
-  }
-
-  .md\:flex-grow {
-    flex-grow: 1;
-  }
-
-  .md\:flex-shrink-0 {
-    flex-shrink: 0;
-  }
-
-  .md\:flex-shrink {
-    flex-shrink: 1;
-  }
-
-  .md\:order-1 {
-    order: 1;
-  }
-
-  .md\:order-2 {
-    order: 2;
-  }
-
-  .md\:order-3 {
-    order: 3;
-  }
-
-  .md\:order-4 {
-    order: 4;
-  }
-
-  .md\:order-5 {
-    order: 5;
-  }
-
-  .md\:order-6 {
-    order: 6;
-  }
-
-  .md\:order-7 {
-    order: 7;
-  }
-
-  .md\:order-8 {
-    order: 8;
-  }
-
-  .md\:order-9 {
-    order: 9;
-  }
-
-  .md\:order-10 {
-    order: 10;
-  }
-
-  .md\:order-11 {
-    order: 11;
-  }
-
-  .md\:order-12 {
-    order: 12;
-  }
-
-  .md\:order-first {
-    order: -9999;
-  }
-
-  .md\:order-last {
-    order: 9999;
-  }
-
-  .md\:order-none {
-    order: 0;
-  }
-
-  .md\:float-right {
-    float: right;
-  }
-
-  .md\:float-left {
-    float: left;
-  }
-
-  .md\:float-none {
-    float: none;
-  }
-
-  .md\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
-  .md\:clear-left {
-    clear: left;
-  }
-
-  .md\:clear-right {
-    clear: right;
-  }
-
-  .md\:clear-both {
-    clear: both;
-  }
-
-  .md\:clear-none {
-    clear: none;
-  }
-
-  .md\:font-sans {
-    font-family: Open Sans, 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";
-  }
-
-  .md\:font-serif {
-    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
-  }
-
-  .md\:font-mono {
-    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  }
-
-  .md\:font-hairline {
-    font-weight: 100;
-  }
-
-  .md\:font-thin {
-    font-weight: 200;
-  }
-
-  .md\:font-light {
-    font-weight: 300;
-  }
-
-  .md\:font-normal {
-    font-weight: 400;
-  }
-
-  .md\:font-medium {
-    font-weight: 500;
-  }
-
-  .md\:font-semibold {
-    font-weight: 600;
-  }
-
-  .md\:font-bold {
-    font-weight: 700;
-  }
-
-  .md\:font-extrabold {
-    font-weight: 800;
-  }
-
-  .md\:font-black {
-    font-weight: 900;
-  }
-
-  .md\:hover\:font-hairline:hover {
-    font-weight: 100;
-  }
-
-  .md\:hover\:font-thin:hover {
-    font-weight: 200;
-  }
-
-  .md\:hover\:font-light:hover {
-    font-weight: 300;
-  }
-
-  .md\:hover\:font-normal:hover {
-    font-weight: 400;
-  }
-
-  .md\:hover\:font-medium:hover {
-    font-weight: 500;
-  }
-
-  .md\:hover\:font-semibold:hover {
-    font-weight: 600;
-  }
-
-  .md\:hover\:font-bold:hover {
-    font-weight: 700;
-  }
-
-  .md\:hover\:font-extrabold:hover {
-    font-weight: 800;
-  }
-
-  .md\:hover\:font-black:hover {
-    font-weight: 900;
-  }
-
-  .md\:focus\:font-hairline:focus {
-    font-weight: 100;
-  }
-
-  .md\:focus\:font-thin:focus {
-    font-weight: 200;
-  }
-
-  .md\:focus\:font-light:focus {
-    font-weight: 300;
-  }
-
-  .md\:focus\:font-normal:focus {
-    font-weight: 400;
-  }
-
-  .md\:focus\:font-medium:focus {
-    font-weight: 500;
-  }
-
-  .md\:focus\:font-semibold:focus {
-    font-weight: 600;
-  }
-
-  .md\:focus\:font-bold:focus {
-    font-weight: 700;
-  }
-
-  .md\:focus\:font-extrabold:focus {
-    font-weight: 800;
-  }
-
-  .md\:focus\:font-black:focus {
-    font-weight: 900;
-  }
-
-  .md\:h-0 {
-    height: 0;
-  }
-
-  .md\:h-1 {
-    height: 0.25rem;
-  }
-
-  .md\:h-2 {
-    height: 0.5rem;
-  }
-
-  .md\:h-3 {
-    height: 0.75rem;
-  }
-
-  .md\:h-4 {
-    height: 1rem;
-  }
-
-  .md\:h-5 {
-    height: 1.25rem;
-  }
-
-  .md\:h-6 {
-    height: 1.5rem;
-  }
-
-  .md\:h-7 {
-    height: 1.75rem;
-  }
-
-  .md\:h-8 {
-    height: 2rem;
-  }
-
-  .md\:h-9 {
-    height: 2.25rem;
-  }
-
-  .md\:h-10 {
-    height: 2.5rem;
-  }
-
-  .md\:h-11 {
-    height: 2.75rem;
-  }
-
-  .md\:h-12 {
-    height: 3rem;
-  }
-
-  .md\:h-13 {
-    height: 3.25rem;
-  }
-
-  .md\:h-14 {
-    height: 3.5rem;
-  }
-
-  .md\:h-15 {
-    height: 3.75rem;
-  }
-
-  .md\:h-16 {
-    height: 4rem;
-  }
-
-  .md\:h-20 {
-    height: 5rem;
-  }
-
-  .md\:h-24 {
-    height: 6rem;
-  }
-
-  .md\:h-28 {
-    height: 7rem;
-  }
-
-  .md\:h-32 {
-    height: 8rem;
-  }
-
-  .md\:h-36 {
-    height: 9rem;
-  }
-
-  .md\:h-40 {
-    height: 10rem;
-  }
-
-  .md\:h-48 {
-    height: 12rem;
-  }
-
-  .md\:h-56 {
-    height: 14rem;
-  }
-
-  .md\:h-60 {
-    height: 15rem;
-  }
-
-  .md\:h-64 {
-    height: 16rem;
-  }
-
-  .md\:h-72 {
-    height: 18rem;
-  }
-
-  .md\:h-80 {
-    height: 20rem;
-  }
-
-  .md\:h-96 {
-    height: 24rem;
-  }
-
-  .md\:h-auto {
-    height: auto;
-  }
-
-  .md\:h-px {
-    height: 1px;
-  }
-
-  .md\:h-0\.5 {
-    height: 0.125rem;
-  }
-
-  .md\:h-1\.5 {
-    height: 0.375rem;
-  }
-
-  .md\:h-2\.5 {
-    height: 0.625rem;
-  }
-
-  .md\:h-3\.5 {
-    height: 0.875rem;
-  }
-
-  .md\:h-1\/2 {
-    height: 50%;
-  }
-
-  .md\:h-1\/3 {
-    height: 33.333333%;
-  }
-
-  .md\:h-2\/3 {
-    height: 66.666667%;
-  }
-
-  .md\:h-1\/4 {
-    height: 25%;
-  }
-
-  .md\:h-2\/4 {
-    height: 50%;
-  }
-
-  .md\:h-3\/4 {
-    height: 75%;
-  }
-
-  .md\:h-1\/5 {
-    height: 20%;
-  }
-
-  .md\:h-2\/5 {
-    height: 40%;
-  }
-
-  .md\:h-3\/5 {
-    height: 60%;
-  }
-
-  .md\:h-4\/5 {
-    height: 80%;
-  }
-
-  .md\:h-1\/6 {
-    height: 16.666667%;
-  }
-
-  .md\:h-2\/6 {
-    height: 33.333333%;
-  }
-
-  .md\:h-3\/6 {
-    height: 50%;
-  }
-
-  .md\:h-4\/6 {
-    height: 66.666667%;
-  }
-
-  .md\:h-5\/6 {
-    height: 83.333333%;
-  }
-
-  .md\:h-1\/12 {
-    height: 8.333333%;
-  }
-
-  .md\:h-2\/12 {
-    height: 16.666667%;
-  }
-
-  .md\:h-3\/12 {
-    height: 25%;
-  }
-
-  .md\:h-4\/12 {
-    height: 33.333333%;
-  }
-
-  .md\:h-5\/12 {
-    height: 41.666667%;
-  }
-
-  .md\:h-6\/12 {
-    height: 50%;
-  }
-
-  .md\:h-7\/12 {
-    height: 58.333333%;
-  }
-
-  .md\:h-8\/12 {
-    height: 66.666667%;
-  }
-
-  .md\:h-9\/12 {
-    height: 75%;
-  }
-
-  .md\:h-10\/12 {
-    height: 83.333333%;
-  }
-
-  .md\:h-11\/12 {
-    height: 91.666667%;
-  }
-
-  .md\:h-full {
-    height: 100%;
-  }
-
-  .md\:h-screen {
-    height: 100vh;
-  }
-
-  .md\:text-xs {
-    font-size: 0.75rem;
-  }
-
-  .md\:text-sm {
-    font-size: 0.875rem;
-  }
-
-  .md\:text-base {
-    font-size: 1rem;
-  }
-
-  .md\:text-lg {
-    font-size: 1.125rem;
-  }
-
-  .md\:text-xl {
-    font-size: 1.25rem;
-  }
-
-  .md\:text-2xl {
-    font-size: 1.5rem;
-  }
-
-  .md\:text-3xl {
-    font-size: 1.875rem;
-  }
-
-  .md\:text-4xl {
-    font-size: 2.25rem;
-  }
-
-  .md\:text-5xl {
-    font-size: 3rem;
-  }
-
-  .md\:text-6xl {
-    font-size: 4rem;
-  }
-
-  .md\:leading-3 {
-    line-height: .75rem;
-  }
-
-  .md\:leading-4 {
-    line-height: 1rem;
-  }
-
-  .md\:leading-5 {
-    line-height: 1.25rem;
-  }
-
-  .md\:leading-6 {
-    line-height: 1.5rem;
-  }
-
-  .md\:leading-7 {
-    line-height: 1.75rem;
-  }
-
-  .md\:leading-8 {
-    line-height: 2rem;
-  }
-
-  .md\:leading-9 {
-    line-height: 2.25rem;
-  }
-
-  .md\:leading-10 {
-    line-height: 2.5rem;
-  }
-
-  .md\:leading-none {
-    line-height: 1;
-  }
-
-  .md\:leading-tight {
-    line-height: 1.25;
-  }
-
-  .md\:leading-snug {
-    line-height: 1.375;
-  }
-
-  .md\:leading-normal {
-    line-height: 1.5;
-  }
-
-  .md\:leading-relaxed {
-    line-height: 1.625;
-  }
-
-  .md\:leading-loose {
-    line-height: 2;
-  }
-
-  .md\:list-inside {
-    list-style-position: inside;
-  }
-
-  .md\:list-outside {
-    list-style-position: outside;
-  }
-
-  .md\:list-none {
-    list-style-type: none;
-  }
-
-  .md\:list-disc {
-    list-style-type: disc;
-  }
-
-  .md\:list-decimal {
-    list-style-type: decimal;
-  }
-
-  .md\:m-0 {
-    margin: 0;
-  }
-
-  .md\:m-1 {
-    margin: 0.25rem;
-  }
-
-  .md\:m-2 {
-    margin: 0.5rem;
-  }
-
-  .md\:m-3 {
-    margin: 0.75rem;
-  }
-
-  .md\:m-4 {
-    margin: 1rem;
-  }
-
-  .md\:m-5 {
-    margin: 1.25rem;
-  }
-
-  .md\:m-6 {
-    margin: 1.5rem;
-  }
-
-  .md\:m-7 {
-    margin: 1.75rem;
-  }
-
-  .md\:m-8 {
-    margin: 2rem;
-  }
-
-  .md\:m-9 {
-    margin: 2.25rem;
-  }
-
-  .md\:m-10 {
-    margin: 2.5rem;
-  }
-
-  .md\:m-11 {
-    margin: 2.75rem;
-  }
-
-  .md\:m-12 {
-    margin: 3rem;
-  }
-
-  .md\:m-13 {
-    margin: 3.25rem;
-  }
-
-  .md\:m-14 {
-    margin: 3.5rem;
-  }
-
-  .md\:m-15 {
-    margin: 3.75rem;
-  }
-
-  .md\:m-16 {
-    margin: 4rem;
-  }
-
-  .md\:m-20 {
-    margin: 5rem;
-  }
-
-  .md\:m-24 {
-    margin: 6rem;
-  }
-
-  .md\:m-28 {
-    margin: 7rem;
-  }
-
-  .md\:m-32 {
-    margin: 8rem;
-  }
-
-  .md\:m-36 {
-    margin: 9rem;
-  }
-
-  .md\:m-40 {
-    margin: 10rem;
-  }
-
-  .md\:m-48 {
-    margin: 12rem;
-  }
-
-  .md\:m-56 {
-    margin: 14rem;
-  }
-
-  .md\:m-60 {
-    margin: 15rem;
-  }
-
-  .md\:m-64 {
-    margin: 16rem;
-  }
-
-  .md\:m-72 {
-    margin: 18rem;
-  }
-
-  .md\:m-80 {
-    margin: 20rem;
-  }
-
-  .md\:m-96 {
-    margin: 24rem;
-  }
-
-  .md\:m-auto {
-    margin: auto;
-  }
-
-  .md\:m-px {
-    margin: 1px;
-  }
-
-  .md\:m-0\.5 {
-    margin: 0.125rem;
-  }
-
-  .md\:m-1\.5 {
-    margin: 0.375rem;
-  }
-
-  .md\:m-2\.5 {
-    margin: 0.625rem;
-  }
-
-  .md\:m-3\.5 {
-    margin: 0.875rem;
-  }
-
-  .md\:m-1\/2 {
-    margin: 50%;
-  }
-
-  .md\:m-1\/3 {
-    margin: 33.333333%;
-  }
-
-  .md\:m-2\/3 {
-    margin: 66.666667%;
-  }
-
-  .md\:m-1\/4 {
-    margin: 25%;
-  }
-
-  .md\:m-2\/4 {
-    margin: 50%;
-  }
-
-  .md\:m-3\/4 {
-    margin: 75%;
-  }
-
-  .md\:m-1\/5 {
-    margin: 20%;
-  }
-
-  .md\:m-2\/5 {
-    margin: 40%;
-  }
-
-  .md\:m-3\/5 {
-    margin: 60%;
-  }
-
-  .md\:m-4\/5 {
-    margin: 80%;
-  }
-
-  .md\:m-1\/6 {
-    margin: 16.666667%;
-  }
-
-  .md\:m-2\/6 {
-    margin: 33.333333%;
-  }
-
-  .md\:m-3\/6 {
-    margin: 50%;
-  }
-
-  .md\:m-4\/6 {
-    margin: 66.666667%;
-  }
-
-  .md\:m-5\/6 {
-    margin: 83.333333%;
-  }
-
-  .md\:m-1\/12 {
-    margin: 8.333333%;
-  }
-
-  .md\:m-2\/12 {
-    margin: 16.666667%;
-  }
-
-  .md\:m-3\/12 {
-    margin: 25%;
-  }
-
-  .md\:m-4\/12 {
-    margin: 33.333333%;
-  }
-
-  .md\:m-5\/12 {
-    margin: 41.666667%;
-  }
-
-  .md\:m-6\/12 {
-    margin: 50%;
-  }
-
-  .md\:m-7\/12 {
-    margin: 58.333333%;
-  }
-
-  .md\:m-8\/12 {
-    margin: 66.666667%;
-  }
-
-  .md\:m-9\/12 {
-    margin: 75%;
-  }
-
-  .md\:m-10\/12 {
-    margin: 83.333333%;
-  }
-
-  .md\:m-11\/12 {
-    margin: 91.666667%;
-  }
-
-  .md\:m-full {
-    margin: 100%;
-  }
-
-  .md\:-m-1 {
-    margin: -0.25rem;
-  }
-
-  .md\:-m-2 {
-    margin: -0.5rem;
-  }
-
-  .md\:-m-3 {
-    margin: -0.75rem;
-  }
-
-  .md\:-m-4 {
-    margin: -1rem;
-  }
-
-  .md\:-m-5 {
-    margin: -1.25rem;
-  }
-
-  .md\:-m-6 {
-    margin: -1.5rem;
-  }
-
-  .md\:-m-7 {
-    margin: -1.75rem;
-  }
-
-  .md\:-m-8 {
-    margin: -2rem;
-  }
-
-  .md\:-m-9 {
-    margin: -2.25rem;
-  }
-
-  .md\:-m-10 {
-    margin: -2.5rem;
-  }
-
-  .md\:-m-11 {
-    margin: -2.75rem;
-  }
-
-  .md\:-m-12 {
-    margin: -3rem;
-  }
-
-  .md\:-m-13 {
-    margin: -3.25rem;
-  }
-
-  .md\:-m-14 {
-    margin: -3.5rem;
-  }
-
-  .md\:-m-15 {
-    margin: -3.75rem;
-  }
-
-  .md\:-m-16 {
-    margin: -4rem;
-  }
-
-  .md\:-m-20 {
-    margin: -5rem;
-  }
-
-  .md\:-m-24 {
-    margin: -6rem;
-  }
-
-  .md\:-m-28 {
-    margin: -7rem;
-  }
-
-  .md\:-m-32 {
-    margin: -8rem;
-  }
-
-  .md\:-m-36 {
-    margin: -9rem;
-  }
-
-  .md\:-m-40 {
-    margin: -10rem;
-  }
-
-  .md\:-m-48 {
-    margin: -12rem;
-  }
-
-  .md\:-m-56 {
-    margin: -14rem;
-  }
-
-  .md\:-m-60 {
-    margin: -15rem;
-  }
-
-  .md\:-m-64 {
-    margin: -16rem;
-  }
-
-  .md\:-m-72 {
-    margin: -18rem;
-  }
-
-  .md\:-m-80 {
-    margin: -20rem;
-  }
-
-  .md\:-m-96 {
-    margin: -24rem;
-  }
-
-  .md\:-m-px {
-    margin: -1px;
-  }
-
-  .md\:-m-0\.5 {
-    margin: -0.125rem;
-  }
-
-  .md\:-m-1\.5 {
-    margin: -0.375rem;
-  }
-
-  .md\:-m-2\.5 {
-    margin: -0.625rem;
-  }
-
-  .md\:-m-3\.5 {
-    margin: -0.875rem;
-  }
-
-  .md\:-m-1\/2 {
-    margin: -50%;
-  }
-
-  .md\:-m-1\/3 {
-    margin: -33.33333%;
-  }
-
-  .md\:-m-2\/3 {
-    margin: -66.66667%;
-  }
-
-  .md\:-m-1\/4 {
-    margin: -25%;
-  }
-
-  .md\:-m-2\/4 {
-    margin: -50%;
-  }
-
-  .md\:-m-3\/4 {
-    margin: -75%;
-  }
-
-  .md\:-m-1\/5 {
-    margin: -20%;
-  }
-
-  .md\:-m-2\/5 {
-    margin: -40%;
-  }
-
-  .md\:-m-3\/5 {
-    margin: -60%;
-  }
-
-  .md\:-m-4\/5 {
-    margin: -80%;
-  }
-
-  .md\:-m-1\/6 {
-    margin: -16.66667%;
-  }
-
-  .md\:-m-2\/6 {
-    margin: -33.33333%;
-  }
-
-  .md\:-m-3\/6 {
-    margin: -50%;
-  }
-
-  .md\:-m-4\/6 {
-    margin: -66.66667%;
-  }
-
-  .md\:-m-5\/6 {
-    margin: -83.33333%;
-  }
-
-  .md\:-m-1\/12 {
-    margin: -8.33333%;
-  }
-
-  .md\:-m-2\/12 {
-    margin: -16.66667%;
-  }
-
-  .md\:-m-3\/12 {
-    margin: -25%;
-  }
-
-  .md\:-m-4\/12 {
-    margin: -33.33333%;
-  }
-
-  .md\:-m-5\/12 {
-    margin: -41.66667%;
-  }
-
-  .md\:-m-6\/12 {
-    margin: -50%;
-  }
-
-  .md\:-m-7\/12 {
-    margin: -58.33333%;
-  }
-
-  .md\:-m-8\/12 {
-    margin: -66.66667%;
-  }
-
-  .md\:-m-9\/12 {
-    margin: -75%;
-  }
-
-  .md\:-m-10\/12 {
-    margin: -83.33333%;
-  }
-
-  .md\:-m-11\/12 {
-    margin: -91.66667%;
-  }
-
-  .md\:-m-full {
-    margin: -100%;
-  }
-
-  .md\:my-0 {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .md\:mx-0 {
-    margin-left: 0;
-    margin-right: 0;
-  }
-
-  .md\:my-1 {
-    margin-top: 0.25rem;
-    margin-bottom: 0.25rem;
-  }
-
-  .md\:mx-1 {
-    margin-left: 0.25rem;
-    margin-right: 0.25rem;
-  }
-
-  .md\:my-2 {
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
-  }
-
-  .md\:mx-2 {
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
-  }
-
-  .md\:my-3 {
-    margin-top: 0.75rem;
-    margin-bottom: 0.75rem;
-  }
-
-  .md\:mx-3 {
-    margin-left: 0.75rem;
-    margin-right: 0.75rem;
-  }
-
-  .md\:my-4 {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-  }
-
-  .md\:mx-4 {
-    margin-left: 1rem;
-    margin-right: 1rem;
-  }
-
-  .md\:my-5 {
-    margin-top: 1.25rem;
-    margin-bottom: 1.25rem;
-  }
-
-  .md\:mx-5 {
-    margin-left: 1.25rem;
-    margin-right: 1.25rem;
-  }
-
-  .md\:my-6 {
-    margin-top: 1.5rem;
-    margin-bottom: 1.5rem;
-  }
-
-  .md\:mx-6 {
-    margin-left: 1.5rem;
-    margin-right: 1.5rem;
-  }
-
-  .md\:my-7 {
-    margin-top: 1.75rem;
-    margin-bottom: 1.75rem;
-  }
-
-  .md\:mx-7 {
-    margin-left: 1.75rem;
-    margin-right: 1.75rem;
-  }
-
-  .md\:my-8 {
-    margin-top: 2rem;
-    margin-bottom: 2rem;
-  }
-
-  .md\:mx-8 {
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-
-  .md\:my-9 {
-    margin-top: 2.25rem;
-    margin-bottom: 2.25rem;
-  }
-
-  .md\:mx-9 {
-    margin-left: 2.25rem;
-    margin-right: 2.25rem;
-  }
-
-  .md\:my-10 {
-    margin-top: 2.5rem;
-    margin-bottom: 2.5rem;
-  }
-
-  .md\:mx-10 {
-    margin-left: 2.5rem;
-    margin-right: 2.5rem;
-  }
-
-  .md\:my-11 {
-    margin-top: 2.75rem;
-    margin-bottom: 2.75rem;
-  }
-
-  .md\:mx-11 {
-    margin-left: 2.75rem;
-    margin-right: 2.75rem;
-  }
-
-  .md\:my-12 {
-    margin-top: 3rem;
-    margin-bottom: 3rem;
-  }
-
-  .md\:mx-12 {
-    margin-left: 3rem;
-    margin-right: 3rem;
-  }
-
-  .md\:my-13 {
-    margin-top: 3.25rem;
-    margin-bottom: 3.25rem;
-  }
-
-  .md\:mx-13 {
-    margin-left: 3.25rem;
-    margin-right: 3.25rem;
-  }
-
-  .md\:my-14 {
-    margin-top: 3.5rem;
-    margin-bottom: 3.5rem;
-  }
-
-  .md\:mx-14 {
-    margin-left: 3.5rem;
-    margin-right: 3.5rem;
-  }
-
-  .md\:my-15 {
-    margin-top: 3.75rem;
-    margin-bottom: 3.75rem;
-  }
-
-  .md\:mx-15 {
-    margin-left: 3.75rem;
-    margin-right: 3.75rem;
-  }
-
-  .md\:my-16 {
-    margin-top: 4rem;
-    margin-bottom: 4rem;
-  }
-
-  .md\:mx-16 {
-    margin-left: 4rem;
-    margin-right: 4rem;
-  }
-
-  .md\:my-20 {
-    margin-top: 5rem;
-    margin-bottom: 5rem;
-  }
-
-  .md\:mx-20 {
-    margin-left: 5rem;
-    margin-right: 5rem;
-  }
-
-  .md\:my-24 {
-    margin-top: 6rem;
-    margin-bottom: 6rem;
-  }
-
-  .md\:mx-24 {
-    margin-left: 6rem;
-    margin-right: 6rem;
-  }
-
-  .md\:my-28 {
-    margin-top: 7rem;
-    margin-bottom: 7rem;
-  }
-
-  .md\:mx-28 {
-    margin-left: 7rem;
-    margin-right: 7rem;
-  }
-
-  .md\:my-32 {
-    margin-top: 8rem;
-    margin-bottom: 8rem;
-  }
-
-  .md\:mx-32 {
-    margin-left: 8rem;
-    margin-right: 8rem;
-  }
-
-  .md\:my-36 {
-    margin-top: 9rem;
-    margin-bottom: 9rem;
-  }
-
-  .md\:mx-36 {
-    margin-left: 9rem;
-    margin-right: 9rem;
-  }
-
-  .md\:my-40 {
-    margin-top: 10rem;
-    margin-bottom: 10rem;
-  }
-
-  .md\:mx-40 {
-    margin-left: 10rem;
-    margin-right: 10rem;
-  }
-
-  .md\:my-48 {
-    margin-top: 12rem;
-    margin-bottom: 12rem;
-  }
-
-  .md\:mx-48 {
-    margin-left: 12rem;
-    margin-right: 12rem;
-  }
-
-  .md\:my-56 {
-    margin-top: 14rem;
-    margin-bottom: 14rem;
-  }
-
-  .md\:mx-56 {
-    margin-left: 14rem;
-    margin-right: 14rem;
-  }
-
-  .md\:my-60 {
-    margin-top: 15rem;
-    margin-bottom: 15rem;
-  }
-
-  .md\:mx-60 {
-    margin-left: 15rem;
-    margin-right: 15rem;
-  }
-
-  .md\:my-64 {
-    margin-top: 16rem;
-    margin-bottom: 16rem;
-  }
-
-  .md\:mx-64 {
-    margin-left: 16rem;
-    margin-right: 16rem;
-  }
-
-  .md\:my-72 {
-    margin-top: 18rem;
-    margin-bottom: 18rem;
-  }
-
-  .md\:mx-72 {
-    margin-left: 18rem;
-    margin-right: 18rem;
-  }
-
-  .md\:my-80 {
-    margin-top: 20rem;
-    margin-bottom: 20rem;
-  }
-
-  .md\:mx-80 {
-    margin-left: 20rem;
-    margin-right: 20rem;
-  }
-
-  .md\:my-96 {
-    margin-top: 24rem;
-    margin-bottom: 24rem;
-  }
-
-  .md\:mx-96 {
-    margin-left: 24rem;
-    margin-right: 24rem;
-  }
-
-  .md\:my-auto {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-
-  .md\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .md\:my-px {
-    margin-top: 1px;
-    margin-bottom: 1px;
-  }
-
-  .md\:mx-px {
-    margin-left: 1px;
-    margin-right: 1px;
-  }
-
-  .md\:my-0\.5 {
-    margin-top: 0.125rem;
-    margin-bottom: 0.125rem;
-  }
-
-  .md\:mx-0\.5 {
-    margin-left: 0.125rem;
-    margin-right: 0.125rem;
-  }
-
-  .md\:my-1\.5 {
-    margin-top: 0.375rem;
-    margin-bottom: 0.375rem;
-  }
-
-  .md\:mx-1\.5 {
-    margin-left: 0.375rem;
-    margin-right: 0.375rem;
-  }
-
-  .md\:my-2\.5 {
-    margin-top: 0.625rem;
-    margin-bottom: 0.625rem;
-  }
-
-  .md\:mx-2\.5 {
-    margin-left: 0.625rem;
-    margin-right: 0.625rem;
-  }
-
-  .md\:my-3\.5 {
-    margin-top: 0.875rem;
-    margin-bottom: 0.875rem;
-  }
-
-  .md\:mx-3\.5 {
-    margin-left: 0.875rem;
-    margin-right: 0.875rem;
-  }
-
-  .md\:my-1\/2 {
-    margin-top: 50%;
-    margin-bottom: 50%;
-  }
-
-  .md\:mx-1\/2 {
-    margin-left: 50%;
-    margin-right: 50%;
-  }
-
-  .md\:my-1\/3 {
-    margin-top: 33.333333%;
-    margin-bottom: 33.333333%;
-  }
-
-  .md\:mx-1\/3 {
-    margin-left: 33.333333%;
-    margin-right: 33.333333%;
-  }
-
-  .md\:my-2\/3 {
-    margin-top: 66.666667%;
-    margin-bottom: 66.666667%;
-  }
-
-  .md\:mx-2\/3 {
-    margin-left: 66.666667%;
-    margin-right: 66.666667%;
-  }
-
-  .md\:my-1\/4 {
-    margin-top: 25%;
-    margin-bottom: 25%;
-  }
-
-  .md\:mx-1\/4 {
-    margin-left: 25%;
-    margin-right: 25%;
-  }
-
-  .md\:my-2\/4 {
-    margin-top: 50%;
-    margin-bottom: 50%;
-  }
-
-  .md\:mx-2\/4 {
-    margin-left: 50%;
-    margin-right: 50%;
-  }
-
-  .md\:my-3\/4 {
-    margin-top: 75%;
-    margin-bottom: 75%;
-  }
-
-  .md\:mx-3\/4 {
-    margin-left: 75%;
-    margin-right: 75%;
-  }
-
-  .md\:my-1\/5 {
-    margin-top: 20%;
-    margin-bottom: 20%;
-  }
-
-  .md\:mx-1\/5 {
-    margin-left: 20%;
-    margin-right: 20%;
-  }
-
-  .md\:my-2\/5 {
-    margin-top: 40%;
-    margin-bottom: 40%;
-  }
-
-  .md\:mx-2\/5 {
-    margin-left: 40%;
-    margin-right: 40%;
-  }
-
-  .md\:my-3\/5 {
-    margin-top: 60%;
-    margin-bottom: 60%;
-  }
-
-  .md\:mx-3\/5 {
-    margin-left: 60%;
-    margin-right: 60%;
-  }
-
-  .md\:my-4\/5 {
-    margin-top: 80%;
-    margin-bottom: 80%;
-  }
-
-  .md\:mx-4\/5 {
-    margin-left: 80%;
-    margin-right: 80%;
-  }
-
-  .md\:my-1\/6 {
-    margin-top: 16.666667%;
-    margin-bottom: 16.666667%;
-  }
-
-  .md\:mx-1\/6 {
-    margin-left: 16.666667%;
-    margin-right: 16.666667%;
-  }
-
-  .md\:my-2\/6 {
-    margin-top: 33.333333%;
-    margin-bottom: 33.333333%;
-  }
-
-  .md\:mx-2\/6 {
-    margin-left: 33.333333%;
-    margin-right: 33.333333%;
-  }
-
-  .md\:my-3\/6 {
-    margin-top: 50%;
-    margin-bottom: 50%;
-  }
-
-  .md\:mx-3\/6 {
-    margin-left: 50%;
-    margin-right: 50%;
-  }
-
-  .md\:my-4\/6 {
-    margin-top: 66.666667%;
-    margin-bottom: 66.666667%;
-  }
-
-  .md\:mx-4\/6 {
-    margin-left: 66.666667%;
-    margin-right: 66.666667%;
-  }
-
-  .md\:my-5\/6 {
-    margin-top: 83.333333%;
-    margin-bottom: 83.333333%;
-  }
-
-  .md\:mx-5\/6 {
-    margin-left: 83.333333%;
-    margin-right: 83.333333%;
-  }
-
-  .md\:my-1\/12 {
-    margin-top: 8.333333%;
-    margin-bottom: 8.333333%;
-  }
-
-  .md\:mx-1\/12 {
-    margin-left: 8.333333%;
-    margin-right: 8.333333%;
-  }
-
-  .md\:my-2\/12 {
-    margin-top: 16.666667%;
-    margin-bottom: 16.666667%;
-  }
-
-  .md\:mx-2\/12 {
-    margin-left: 16.666667%;
-    margin-right: 16.666667%;
-  }
-
-  .md\:my-3\/12 {
-    margin-top: 25%;
-    margin-bottom: 25%;
-  }
-
-  .md\:mx-3\/12 {
-    margin-left: 25%;
-    margin-right: 25%;
-  }
-
-  .md\:my-4\/12 {
-    margin-top: 33.333333%;
-    margin-bottom: 33.333333%;
-  }
-
-  .md\:mx-4\/12 {
-    margin-left: 33.333333%;
-    margin-right: 33.333333%;
-  }
-
-  .md\:my-5\/12 {
-    margin-top: 41.666667%;
-    margin-bottom: 41.666667%;
-  }
-
-  .md\:mx-5\/12 {
-    margin-left: 41.666667%;
-    margin-right: 41.666667%;
-  }
-
-  .md\:my-6\/12 {
-    margin-top: 50%;
-    margin-bottom: 50%;
-  }
-
-  .md\:mx-6\/12 {
-    margin-left: 50%;
-    margin-right: 50%;
-  }
-
-  .md\:my-7\/12 {
-    margin-top: 58.333333%;
-    margin-bottom: 58.333333%;
-  }
-
-  .md\:mx-7\/12 {
-    margin-left: 58.333333%;
-    margin-right: 58.333333%;
-  }
-
-  .md\:my-8\/12 {
-    margin-top: 66.666667%;
-    margin-bottom: 66.666667%;
-  }
-
-  .md\:mx-8\/12 {
-    margin-left: 66.666667%;
-    margin-right: 66.666667%;
-  }
-
-  .md\:my-9\/12 {
-    margin-top: 75%;
-    margin-bottom: 75%;
-  }
-
-  .md\:mx-9\/12 {
-    margin-left: 75%;
-    margin-right: 75%;
-  }
-
-  .md\:my-10\/12 {
-    margin-top: 83.333333%;
-    margin-bottom: 83.333333%;
-  }
-
-  .md\:mx-10\/12 {
-    margin-left: 83.333333%;
-    margin-right: 83.333333%;
-  }
-
-  .md\:my-11\/12 {
-    margin-top: 91.666667%;
-    margin-bottom: 91.666667%;
-  }
-
-  .md\:mx-11\/12 {
-    margin-left: 91.666667%;
-    margin-right: 91.666667%;
-  }
-
-  .md\:my-full {
-    margin-top: 100%;
-    margin-bottom: 100%;
-  }
-
-  .md\:mx-full {
-    margin-left: 100%;
-    margin-right: 100%;
-  }
-
-  .md\:-my-1 {
-    margin-top: -0.25rem;
-    margin-bottom: -0.25rem;
-  }
-
-  .md\:-mx-1 {
-    margin-left: -0.25rem;
-    margin-right: -0.25rem;
-  }
-
-  .md\:-my-2 {
-    margin-top: -0.5rem;
-    margin-bottom: -0.5rem;
-  }
-
-  .md\:-mx-2 {
-    margin-left: -0.5rem;
-    margin-right: -0.5rem;
-  }
-
-  .md\:-my-3 {
-    margin-top: -0.75rem;
-    margin-bottom: -0.75rem;
-  }
-
-  .md\:-mx-3 {
-    margin-left: -0.75rem;
-    margin-right: -0.75rem;
-  }
-
-  .md\:-my-4 {
-    margin-top: -1rem;
-    margin-bottom: -1rem;
-  }
-
-  .md\:-mx-4 {
-    margin-left: -1rem;
-    margin-right: -1rem;
-  }
-
-  .md\:-my-5 {
-    margin-top: -1.25rem;
-    margin-bottom: -1.25rem;
-  }
-
-  .md\:-mx-5 {
-    margin-left: -1.25rem;
-    margin-right: -1.25rem;
-  }
-
-  .md\:-my-6 {
-    margin-top: -1.5rem;
-    margin-bottom: -1.5rem;
-  }
-
-  .md\:-mx-6 {
-    margin-left: -1.5rem;
-    margin-right: -1.5rem;
-  }
-
-  .md\:-my-7 {
-    margin-top: -1.75rem;
-    margin-bottom: -1.75rem;
-  }
-
-  .md\:-mx-7 {
-    margin-left: -1.75rem;
-    margin-right: -1.75rem;
-  }
-
-  .md\:-my-8 {
-    margin-top: -2rem;
-    margin-bottom: -2rem;
-  }
-
-  .md\:-mx-8 {
-    margin-left: -2rem;
-    margin-right: -2rem;
-  }
-
-  .md\:-my-9 {
-    margin-top: -2.25rem;
-    margin-bottom: -2.25rem;
-  }
-
-  .md\:-mx-9 {
-    margin-left: -2.25rem;
-    margin-right: -2.25rem;
-  }
-
-  .md\:-my-10 {
-    margin-top: -2.5rem;
-    margin-bottom: -2.5rem;
-  }
-
-  .md\:-mx-10 {
-    margin-left: -2.5rem;
-    margin-right: -2.5rem;
-  }
-
-  .md\:-my-11 {
-    margin-top: -2.75rem;
-    margin-bottom: -2.75rem;
-  }
-
-  .md\:-mx-11 {
-    margin-left: -2.75rem;
-    margin-right: -2.75rem;
-  }
-
-  .md\:-my-12 {
-    margin-top: -3rem;
-    margin-bottom: -3rem;
-  }
-
-  .md\:-mx-12 {
-    margin-left: -3rem;
-    margin-right: -3rem;
-  }
-
-  .md\:-my-13 {
-    margin-top: -3.25rem;
-    margin-bottom: -3.25rem;
-  }
-
-  .md\:-mx-13 {
-    margin-left: -3.25rem;
-    margin-right: -3.25rem;
-  }
-
-  .md\:-my-14 {
-    margin-top: -3.5rem;
-    margin-bottom: -3.5rem;
-  }
-
-  .md\:-mx-14 {
-    margin-left: -3.5rem;
-    margin-right: -3.5rem;
-  }
-
-  .md\:-my-15 {
-    margin-top: -3.75rem;
-    margin-bottom: -3.75rem;
-  }
-
-  .md\:-mx-15 {
-    margin-left: -3.75rem;
-    margin-right: -3.75rem;
-  }
-
-  .md\:-my-16 {
-    margin-top: -4rem;
-    margin-bottom: -4rem;
-  }
-
-  .md\:-mx-16 {
-    margin-left: -4rem;
-    margin-right: -4rem;
-  }
-
-  .md\:-my-20 {
-    margin-top: -5rem;
-    margin-bottom: -5rem;
-  }
-
-  .md\:-mx-20 {
-    margin-left: -5rem;
-    margin-right: -5rem;
-  }
-
-  .md\:-my-24 {
-    margin-top: -6rem;
-    margin-bottom: -6rem;
-  }
-
-  .md\:-mx-24 {
-    margin-left: -6rem;
-    margin-right: -6rem;
-  }
-
-  .md\:-my-28 {
-    margin-top: -7rem;
-    margin-bottom: -7rem;
-  }
-
-  .md\:-mx-28 {
-    margin-left: -7rem;
-    margin-right: -7rem;
-  }
-
-  .md\:-my-32 {
-    margin-top: -8rem;
-    margin-bottom: -8rem;
-  }
-
-  .md\:-mx-32 {
-    margin-left: -8rem;
-    margin-right: -8rem;
-  }
-
-  .md\:-my-36 {
-    margin-top: -9rem;
-    margin-bottom: -9rem;
-  }
-
-  .md\:-mx-36 {
-    margin-left: -9rem;
-    margin-right: -9rem;
-  }
-
-  .md\:-my-40 {
-    margin-top: -10rem;
-    margin-bottom: -10rem;
-  }
-
-  .md\:-mx-40 {
-    margin-left: -10rem;
-    margin-right: -10rem;
-  }
-
-  .md\:-my-48 {
-    margin-top: -12rem;
-    margin-bottom: -12rem;
-  }
-
-  .md\:-mx-48 {
-    margin-left: -12rem;
-    margin-right: -12rem;
-  }
-
-  .md\:-my-56 {
-    margin-top: -14rem;
-    margin-bottom: -14rem;
-  }
-
-  .md\:-mx-56 {
-    margin-left: -14rem;
-    margin-right: -14rem;
-  }
-
-  .md\:-my-60 {
-    margin-top: -15rem;
-    margin-bottom: -15rem;
-  }
-
-  .md\:-mx-60 {
-    margin-left: -15rem;
-    margin-right: -15rem;
-  }
-
-  .md\:-my-64 {
-    margin-top: -16rem;
-    margin-bottom: -16rem;
-  }
-
-  .md\:-mx-64 {
-    margin-left: -16rem;
-    margin-right: -16rem;
-  }
-
-  .md\:-my-72 {
-    margin-top: -18rem;
-    margin-bottom: -18rem;
-  }
-
-  .md\:-mx-72 {
-    margin-left: -18rem;
-    margin-right: -18rem;
-  }
-
-  .md\:-my-80 {
-    margin-top: -20rem;
-    margin-bottom: -20rem;
-  }
-
-  .md\:-mx-80 {
-    margin-left: -20rem;
-    margin-right: -20rem;
-  }
-
-  .md\:-my-96 {
-    margin-top: -24rem;
-    margin-bottom: -24rem;
-  }
-
-  .md\:-mx-96 {
-    margin-left: -24rem;
-    margin-right: -24rem;
-  }
-
-  .md\:-my-px {
-    margin-top: -1px;
-    margin-bottom: -1px;
-  }
-
-  .md\:-mx-px {
-    margin-left: -1px;
-    margin-right: -1px;
-  }
-
-  .md\:-my-0\.5 {
-    margin-top: -0.125rem;
-    margin-bottom: -0.125rem;
-  }
-
-  .md\:-mx-0\.5 {
-    margin-left: -0.125rem;
-    margin-right: -0.125rem;
-  }
-
-  .md\:-my-1\.5 {
-    margin-top: -0.375rem;
-    margin-bottom: -0.375rem;
-  }
-
-  .md\:-mx-1\.5 {
-    margin-left: -0.375rem;
-    margin-right: -0.375rem;
-  }
-
-  .md\:-my-2\.5 {
-    margin-top: -0.625rem;
-    margin-bottom: -0.625rem;
-  }
-
-  .md\:-mx-2\.5 {
-    margin-left: -0.625rem;
-    margin-right: -0.625rem;
-  }
-
-  .md\:-my-3\.5 {
-    margin-top: -0.875rem;
-    margin-bottom: -0.875rem;
-  }
-
-  .md\:-mx-3\.5 {
-    margin-left: -0.875rem;
-    margin-right: -0.875rem;
-  }
-
-  .md\:-my-1\/2 {
-    margin-top: -50%;
-    margin-bottom: -50%;
-  }
-
-  .md\:-mx-1\/2 {
-    margin-left: -50%;
-    margin-right: -50%;
-  }
-
-  .md\:-my-1\/3 {
-    margin-top: -33.33333%;
-    margin-bottom: -33.33333%;
-  }
-
-  .md\:-mx-1\/3 {
-    margin-left: -33.33333%;
-    margin-right: -33.33333%;
-  }
-
-  .md\:-my-2\/3 {
-    margin-top: -66.66667%;
-    margin-bottom: -66.66667%;
-  }
-
-  .md\:-mx-2\/3 {
-    margin-left: -66.66667%;
-    margin-right: -66.66667%;
-  }
-
-  .md\:-my-1\/4 {
-    margin-top: -25%;
-    margin-bottom: -25%;
-  }
-
-  .md\:-mx-1\/4 {
-    margin-left: -25%;
-    margin-right: -25%;
-  }
-
-  .md\:-my-2\/4 {
-    margin-top: -50%;
-    margin-bottom: -50%;
-  }
-
-  .md\:-mx-2\/4 {
-    margin-left: -50%;
-    margin-right: -50%;
-  }
-
-  .md\:-my-3\/4 {
-    margin-top: -75%;
-    margin-bottom: -75%;
-  }
-
-  .md\:-mx-3\/4 {
-    margin-left: -75%;
-    margin-right: -75%;
-  }
-
-  .md\:-my-1\/5 {
-    margin-top: -20%;
-    margin-bottom: -20%;
-  }
-
-  .md\:-mx-1\/5 {
-    margin-left: -20%;
-    margin-right: -20%;
-  }
-
-  .md\:-my-2\/5 {
-    margin-top: -40%;
-    margin-bottom: -40%;
-  }
-
-  .md\:-mx-2\/5 {
-    margin-left: -40%;
-    margin-right: -40%;
-  }
-
-  .md\:-my-3\/5 {
-    margin-top: -60%;
-    margin-bottom: -60%;
-  }
-
-  .md\:-mx-3\/5 {
-    margin-left: -60%;
-    margin-right: -60%;
-  }
-
-  .md\:-my-4\/5 {
-    margin-top: -80%;
-    margin-bottom: -80%;
-  }
-
-  .md\:-mx-4\/5 {
-    margin-left: -80%;
-    margin-right: -80%;
-  }
-
-  .md\:-my-1\/6 {
-    margin-top: -16.66667%;
-    margin-bottom: -16.66667%;
-  }
-
-  .md\:-mx-1\/6 {
-    margin-left: -16.66667%;
-    margin-right: -16.66667%;
-  }
-
-  .md\:-my-2\/6 {
-    margin-top: -33.33333%;
-    margin-bottom: -33.33333%;
-  }
-
-  .md\:-mx-2\/6 {
-    margin-left: -33.33333%;
-    margin-right: -33.33333%;
-  }
-
-  .md\:-my-3\/6 {
-    margin-top: -50%;
-    margin-bottom: -50%;
-  }
-
-  .md\:-mx-3\/6 {
-    margin-left: -50%;
-    margin-right: -50%;
-  }
-
-  .md\:-my-4\/6 {
-    margin-top: -66.66667%;
-    margin-bottom: -66.66667%;
-  }
-
-  .md\:-mx-4\/6 {
-    margin-left: -66.66667%;
-    margin-right: -66.66667%;
-  }
-
-  .md\:-my-5\/6 {
-    margin-top: -83.33333%;
-    margin-bottom: -83.33333%;
-  }
-
-  .md\:-mx-5\/6 {
-    margin-left: -83.33333%;
-    margin-right: -83.33333%;
-  }
-
-  .md\:-my-1\/12 {
-    margin-top: -8.33333%;
-    margin-bottom: -8.33333%;
-  }
-
-  .md\:-mx-1\/12 {
-    margin-left: -8.33333%;
-    margin-right: -8.33333%;
-  }
-
-  .md\:-my-2\/12 {
-    margin-top: -16.66667%;
-    margin-bottom: -16.66667%;
-  }
-
-  .md\:-mx-2\/12 {
-    margin-left: -16.66667%;
-    margin-right: -16.66667%;
-  }
-
-  .md\:-my-3\/12 {
-    margin-top: -25%;
-    margin-bottom: -25%;
-  }
-
-  .md\:-mx-3\/12 {
-    margin-left: -25%;
-    margin-right: -25%;
-  }
-
-  .md\:-my-4\/12 {
-    margin-top: -33.33333%;
-    margin-bottom: -33.33333%;
-  }
-
-  .md\:-mx-4\/12 {
-    margin-left: -33.33333%;
-    margin-right: -33.33333%;
-  }
-
-  .md\:-my-5\/12 {
-    margin-top: -41.66667%;
-    margin-bottom: -41.66667%;
-  }
-
-  .md\:-mx-5\/12 {
-    margin-left: -41.66667%;
-    margin-right: -41.66667%;
-  }
-
-  .md\:-my-6\/12 {
-    margin-top: -50%;
-    margin-bottom: -50%;
-  }
-
-  .md\:-mx-6\/12 {
-    margin-left: -50%;
-    margin-right: -50%;
-  }
-
-  .md\:-my-7\/12 {
-    margin-top: -58.33333%;
-    margin-bottom: -58.33333%;
-  }
-
-  .md\:-mx-7\/12 {
-    margin-left: -58.33333%;
-    margin-right: -58.33333%;
-  }
-
-  .md\:-my-8\/12 {
-    margin-top: -66.66667%;
-    margin-bottom: -66.66667%;
-  }
-
-  .md\:-mx-8\/12 {
-    margin-left: -66.66667%;
-    margin-right: -66.66667%;
-  }
-
-  .md\:-my-9\/12 {
-    margin-top: -75%;
-    margin-bottom: -75%;
-  }
-
-  .md\:-mx-9\/12 {
-    margin-left: -75%;
-    margin-right: -75%;
-  }
-
-  .md\:-my-10\/12 {
-    margin-top: -83.33333%;
-    margin-bottom: -83.33333%;
-  }
-
-  .md\:-mx-10\/12 {
-    margin-left: -83.33333%;
-    margin-right: -83.33333%;
-  }
-
-  .md\:-my-11\/12 {
-    margin-top: -91.66667%;
-    margin-bottom: -91.66667%;
-  }
-
-  .md\:-mx-11\/12 {
-    margin-left: -91.66667%;
-    margin-right: -91.66667%;
-  }
-
-  .md\:-my-full {
-    margin-top: -100%;
-    margin-bottom: -100%;
-  }
-
-  .md\:-mx-full {
-    margin-left: -100%;
-    margin-right: -100%;
-  }
-
-  .md\:mt-0 {
-    margin-top: 0;
-  }
-
-  .md\:mr-0 {
-    margin-right: 0;
-  }
-
-  .md\:mb-0 {
-    margin-bottom: 0;
-  }
-
-  .md\:ml-0 {
-    margin-left: 0;
-  }
-
-  .md\:mt-1 {
-    margin-top: 0.25rem;
-  }
-
-  .md\:mr-1 {
-    margin-right: 0.25rem;
-  }
-
-  .md\:mb-1 {
-    margin-bottom: 0.25rem;
-  }
-
-  .md\:ml-1 {
-    margin-left: 0.25rem;
-  }
-
-  .md\:mt-2 {
-    margin-top: 0.5rem;
-  }
-
-  .md\:mr-2 {
-    margin-right: 0.5rem;
-  }
-
-  .md\:mb-2 {
-    margin-bottom: 0.5rem;
-  }
-
-  .md\:ml-2 {
-    margin-left: 0.5rem;
-  }
-
-  .md\:mt-3 {
-    margin-top: 0.75rem;
-  }
-
-  .md\:mr-3 {
-    margin-right: 0.75rem;
-  }
-
-  .md\:mb-3 {
-    margin-bottom: 0.75rem;
-  }
-
-  .md\:ml-3 {
-    margin-left: 0.75rem;
-  }
-
-  .md\:mt-4 {
-    margin-top: 1rem;
-  }
-
-  .md\:mr-4 {
-    margin-right: 1rem;
-  }
-
-  .md\:mb-4 {
-    margin-bottom: 1rem;
-  }
-
-  .md\:ml-4 {
-    margin-left: 1rem;
-  }
-
-  .md\:mt-5 {
-    margin-top: 1.25rem;
-  }
-
-  .md\:mr-5 {
-    margin-right: 1.25rem;
-  }
-
-  .md\:mb-5 {
-    margin-bottom: 1.25rem;
-  }
-
-  .md\:ml-5 {
-    margin-left: 1.25rem;
-  }
-
-  .md\:mt-6 {
-    margin-top: 1.5rem;
-  }
-
-  .md\:mr-6 {
-    margin-right: 1.5rem;
-  }
-
-  .md\:mb-6 {
-    margin-bottom: 1.5rem;
-  }
-
-  .md\:ml-6 {
-    margin-left: 1.5rem;
-  }
-
-  .md\:mt-7 {
-    margin-top: 1.75rem;
-  }
-
-  .md\:mr-7 {
-    margin-right: 1.75rem;
-  }
-
-  .md\:mb-7 {
-    margin-bottom: 1.75rem;
-  }
-
-  .md\:ml-7 {
-    margin-left: 1.75rem;
-  }
-
-  .md\:mt-8 {
-    margin-top: 2rem;
-  }
-
-  .md\:mr-8 {
-    margin-right: 2rem;
-  }
-
-  .md\:mb-8 {
-    margin-bottom: 2rem;
-  }
-
-  .md\:ml-8 {
-    margin-left: 2rem;
-  }
-
-  .md\:mt-9 {
-    margin-top: 2.25rem;
-  }
-
-  .md\:mr-9 {
-    margin-right: 2.25rem;
-  }
-
-  .md\:mb-9 {
-    margin-bottom: 2.25rem;
-  }
-
-  .md\:ml-9 {
-    margin-left: 2.25rem;
-  }
-
-  .md\:mt-10 {
-    margin-top: 2.5rem;
-  }
-
-  .md\:mr-10 {
-    margin-right: 2.5rem;
-  }
-
-  .md\:mb-10 {
-    margin-bottom: 2.5rem;
-  }
-
-  .md\:ml-10 {
-    margin-left: 2.5rem;
-  }
-
-  .md\:mt-11 {
-    margin-top: 2.75rem;
-  }
-
-  .md\:mr-11 {
-    margin-right: 2.75rem;
-  }
-
-  .md\:mb-11 {
-    margin-bottom: 2.75rem;
-  }
-
-  .md\:ml-11 {
-    margin-left: 2.75rem;
-  }
-
-  .md\:mt-12 {
-    margin-top: 3rem;
-  }
-
-  .md\:mr-12 {
-    margin-right: 3rem;
-  }
-
-  .md\:mb-12 {
-    margin-bottom: 3rem;
-  }
-
-  .md\:ml-12 {
-    margin-left: 3rem;
-  }
-
-  .md\:mt-13 {
-    margin-top: 3.25rem;
-  }
-
-  .md\:mr-13 {
-    margin-right: 3.25rem;
-  }
-
-  .md\:mb-13 {
-    margin-bottom: 3.25rem;
-  }
-
-  .md\:ml-13 {
-    margin-left: 3.25rem;
-  }
-
-  .md\:mt-14 {
-    margin-top: 3.5rem;
-  }
-
-  .md\:mr-14 {
-    margin-right: 3.5rem;
-  }
-
-  .md\:mb-14 {
-    margin-bottom: 3.5rem;
-  }
-
-  .md\:ml-14 {
-    margin-left: 3.5rem;
-  }
-
-  .md\:mt-15 {
-    margin-top: 3.75rem;
-  }
-
-  .md\:mr-15 {
-    margin-right: 3.75rem;
-  }
-
-  .md\:mb-15 {
-    margin-bottom: 3.75rem;
-  }
-
-  .md\:ml-15 {
-    margin-left: 3.75rem;
-  }
-
-  .md\:mt-16 {
-    margin-top: 4rem;
-  }
-
-  .md\:mr-16 {
-    margin-right: 4rem;
-  }
-
-  .md\:mb-16 {
-    margin-bottom: 4rem;
-  }
-
-  .md\:ml-16 {
-    margin-left: 4rem;
-  }
-
-  .md\:mt-20 {
-    margin-top: 5rem;
-  }
-
-  .md\:mr-20 {
-    margin-right: 5rem;
-  }
-
-  .md\:mb-20 {
-    margin-bottom: 5rem;
-  }
-
-  .md\:ml-20 {
-    margin-left: 5rem;
-  }
-
-  .md\:mt-24 {
-    margin-top: 6rem;
-  }
-
-  .md\:mr-24 {
-    margin-right: 6rem;
-  }
-
-  .md\:mb-24 {
-    margin-bottom: 6rem;
-  }
-
-  .md\:ml-24 {
-    margin-left: 6rem;
-  }
-
-  .md\:mt-28 {
-    margin-top: 7rem;
-  }
-
-  .md\:mr-28 {
-    margin-right: 7rem;
-  }
-
-  .md\:mb-28 {
-    margin-bottom: 7rem;
-  }
-
-  .md\:ml-28 {
-    margin-left: 7rem;
-  }
-
-  .md\:mt-32 {
-    margin-top: 8rem;
-  }
-
-  .md\:mr-32 {
-    margin-right: 8rem;
-  }
-
-  .md\:mb-32 {
-    margin-bottom: 8rem;
-  }
-
-  .md\:ml-32 {
-    margin-left: 8rem;
-  }
-
-  .md\:mt-36 {
-    margin-top: 9rem;
-  }
-
-  .md\:mr-36 {
-    margin-right: 9rem;
-  }
-
-  .md\:mb-36 {
-    margin-bottom: 9rem;
-  }
-
-  .md\:ml-36 {
-    margin-left: 9rem;
-  }
-
-  .md\:mt-40 {
-    margin-top: 10rem;
-  }
-
-  .md\:mr-40 {
-    margin-right: 10rem;
-  }
-
-  .md\:mb-40 {
-    margin-bottom: 10rem;
-  }
-
-  .md\:ml-40 {
-    margin-left: 10rem;
-  }
-
-  .md\:mt-48 {
-    margin-top: 12rem;
-  }
-
-  .md\:mr-48 {
-    margin-right: 12rem;
-  }
-
-  .md\:mb-48 {
-    margin-bottom: 12rem;
-  }
-
-  .md\:ml-48 {
-    margin-left: 12rem;
-  }
-
-  .md\:mt-56 {
-    margin-top: 14rem;
-  }
-
-  .md\:mr-56 {
-    margin-right: 14rem;
-  }
-
-  .md\:mb-56 {
-    margin-bottom: 14rem;
-  }
-
-  .md\:ml-56 {
-    margin-left: 14rem;
-  }
-
-  .md\:mt-60 {
-    margin-top: 15rem;
-  }
-
-  .md\:mr-60 {
-    margin-right: 15rem;
-  }
-
-  .md\:mb-60 {
-    margin-bottom: 15rem;
-  }
-
-  .md\:ml-60 {
-    margin-left: 15rem;
-  }
-
-  .md\:mt-64 {
-    margin-top: 16rem;
-  }
-
-  .md\:mr-64 {
-    margin-right: 16rem;
-  }
-
-  .md\:mb-64 {
-    margin-bottom: 16rem;
-  }
-
-  .md\:ml-64 {
-    margin-left: 16rem;
-  }
-
-  .md\:mt-72 {
-    margin-top: 18rem;
-  }
-
-  .md\:mr-72 {
-    margin-right: 18rem;
-  }
-
-  .md\:mb-72 {
-    margin-bottom: 18rem;
-  }
-
-  .md\:ml-72 {
-    margin-left: 18rem;
-  }
-
-  .md\:mt-80 {
-    margin-top: 20rem;
-  }
-
-  .md\:mr-80 {
-    margin-right: 20rem;
-  }
-
-  .md\:mb-80 {
-    margin-bottom: 20rem;
-  }
-
-  .md\:ml-80 {
-    margin-left: 20rem;
-  }
-
-  .md\:mt-96 {
-    margin-top: 24rem;
-  }
-
-  .md\:mr-96 {
-    margin-right: 24rem;
-  }
-
-  .md\:mb-96 {
-    margin-bottom: 24rem;
-  }
-
-  .md\:ml-96 {
-    margin-left: 24rem;
-  }
-
-  .md\:mt-auto {
-    margin-top: auto;
-  }
-
-  .md\:mr-auto {
-    margin-right: auto;
-  }
-
-  .md\:mb-auto {
-    margin-bottom: auto;
-  }
-
-  .md\:ml-auto {
-    margin-left: auto;
-  }
-
-  .md\:mt-px {
-    margin-top: 1px;
-  }
-
-  .md\:mr-px {
-    margin-right: 1px;
-  }
-
-  .md\:mb-px {
-    margin-bottom: 1px;
-  }
-
-  .md\:ml-px {
-    margin-left: 1px;
-  }
-
-  .md\:mt-0\.5 {
-    margin-top: 0.125rem;
-  }
-
-  .md\:mr-0\.5 {
-    margin-right: 0.125rem;
-  }
-
-  .md\:mb-0\.5 {
-    margin-bottom: 0.125rem;
-  }
-
-  .md\:ml-0\.5 {
-    margin-left: 0.125rem;
-  }
-
-  .md\:mt-1\.5 {
-    margin-top: 0.375rem;
-  }
-
-  .md\:mr-1\.5 {
-    margin-right: 0.375rem;
-  }
-
-  .md\:mb-1\.5 {
-    margin-bottom: 0.375rem;
-  }
-
-  .md\:ml-1\.5 {
-    margin-left: 0.375rem;
-  }
-
-  .md\:mt-2\.5 {
-    margin-top: 0.625rem;
-  }
-
-  .md\:mr-2\.5 {
-    margin-right: 0.625rem;
-  }
-
-  .md\:mb-2\.5 {
-    margin-bottom: 0.625rem;
-  }
-
-  .md\:ml-2\.5 {
-    margin-left: 0.625rem;
-  }
-
-  .md\:mt-3\.5 {
-    margin-top: 0.875rem;
-  }
-
-  .md\:mr-3\.5 {
-    margin-right: 0.875rem;
-  }
-
-  .md\:mb-3\.5 {
-    margin-bottom: 0.875rem;
-  }
-
-  .md\:ml-3\.5 {
-    margin-left: 0.875rem;
-  }
-
-  .md\:mt-1\/2 {
-    margin-top: 50%;
-  }
-
-  .md\:mr-1\/2 {
-    margin-right: 50%;
-  }
-
-  .md\:mb-1\/2 {
-    margin-bottom: 50%;
-  }
-
-  .md\:ml-1\/2 {
-    margin-left: 50%;
-  }
-
-  .md\:mt-1\/3 {
-    margin-top: 33.333333%;
-  }
-
-  .md\:mr-1\/3 {
-    margin-right: 33.333333%;
-  }
-
-  .md\:mb-1\/3 {
-    margin-bottom: 33.333333%;
-  }
-
-  .md\:ml-1\/3 {
-    margin-left: 33.333333%;
-  }
-
-  .md\:mt-2\/3 {
-    margin-top: 66.666667%;
-  }
-
-  .md\:mr-2\/3 {
-    margin-right: 66.666667%;
-  }
-
-  .md\:mb-2\/3 {
-    margin-bottom: 66.666667%;
-  }
-
-  .md\:ml-2\/3 {
-    margin-left: 66.666667%;
-  }
-
-  .md\:mt-1\/4 {
-    margin-top: 25%;
-  }
-
-  .md\:mr-1\/4 {
-    margin-right: 25%;
-  }
-
-  .md\:mb-1\/4 {
-    margin-bottom: 25%;
-  }
-
-  .md\:ml-1\/4 {
-    margin-left: 25%;
-  }
-
-  .md\:mt-2\/4 {
-    margin-top: 50%;
-  }
-
-  .md\:mr-2\/4 {
-    margin-right: 50%;
-  }
-
-  .md\:mb-2\/4 {
-    margin-bottom: 50%;
-  }
-
-  .md\:ml-2\/4 {
-    margin-left: 50%;
-  }
-
-  .md\:mt-3\/4 {
-    margin-top: 75%;
-  }
-
-  .md\:mr-3\/4 {
-    margin-right: 75%;
-  }
-
-  .md\:mb-3\/4 {
-    margin-bottom: 75%;
-  }
-
-  .md\:ml-3\/4 {
-    margin-left: 75%;
-  }
-
-  .md\:mt-1\/5 {
-    margin-top: 20%;
-  }
-
-  .md\:mr-1\/5 {
-    margin-right: 20%;
-  }
-
-  .md\:mb-1\/5 {
-    margin-bottom: 20%;
-  }
-
-  .md\:ml-1\/5 {
-    margin-left: 20%;
-  }
-
-  .md\:mt-2\/5 {
-    margin-top: 40%;
-  }
-
-  .md\:mr-2\/5 {
-    margin-right: 40%;
-  }
-
-  .md\:mb-2\/5 {
-    margin-bottom: 40%;
-  }
-
-  .md\:ml-2\/5 {
-    margin-left: 40%;
-  }
-
-  .md\:mt-3\/5 {
-    margin-top: 60%;
-  }
-
-  .md\:mr-3\/5 {
-    margin-right: 60%;
-  }
-
-  .md\:mb-3\/5 {
-    margin-bottom: 60%;
-  }
-
-  .md\:ml-3\/5 {
-    margin-left: 60%;
-  }
-
-  .md\:mt-4\/5 {
-    margin-top: 80%;
-  }
-
-  .md\:mr-4\/5 {
-    margin-right: 80%;
-  }
-
-  .md\:mb-4\/5 {
-    margin-bottom: 80%;
-  }
-
-  .md\:ml-4\/5 {
-    margin-left: 80%;
-  }
-
-  .md\:mt-1\/6 {
-    margin-top: 16.666667%;
-  }
-
-  .md\:mr-1\/6 {
-    margin-right: 16.666667%;
-  }
-
-  .md\:mb-1\/6 {
-    margin-bottom: 16.666667%;
-  }
-
-  .md\:ml-1\/6 {
-    margin-left: 16.666667%;
-  }
-
-  .md\:mt-2\/6 {
-    margin-top: 33.333333%;
-  }
-
-  .md\:mr-2\/6 {
-    margin-right: 33.333333%;
-  }
-
-  .md\:mb-2\/6 {
-    margin-bottom: 33.333333%;
-  }
-
-  .md\:ml-2\/6 {
-    margin-left: 33.333333%;
-  }
-
-  .md\:mt-3\/6 {
-    margin-top: 50%;
-  }
-
-  .md\:mr-3\/6 {
-    margin-right: 50%;
-  }
-
-  .md\:mb-3\/6 {
-    margin-bottom: 50%;
-  }
-
-  .md\:ml-3\/6 {
-    margin-left: 50%;
-  }
-
-  .md\:mt-4\/6 {
-    margin-top: 66.666667%;
-  }
-
-  .md\:mr-4\/6 {
-    margin-right: 66.666667%;
-  }
-
-  .md\:mb-4\/6 {
-    margin-bottom: 66.666667%;
-  }
-
-  .md\:ml-4\/6 {
-    margin-left: 66.666667%;
-  }
-
-  .md\:mt-5\/6 {
-    margin-top: 83.333333%;
-  }
-
-  .md\:mr-5\/6 {
-    margin-right: 83.333333%;
-  }
-
-  .md\:mb-5\/6 {
-    margin-bottom: 83.333333%;
-  }
-
-  .md\:ml-5\/6 {
-    margin-left: 83.333333%;
-  }
-
-  .md\:mt-1\/12 {
-    margin-top: 8.333333%;
-  }
-
-  .md\:mr-1\/12 {
-    margin-right: 8.333333%;
-  }
-
-  .md\:mb-1\/12 {
-    margin-bottom: 8.333333%;
-  }
-
-  .md\:ml-1\/12 {
-    margin-left: 8.333333%;
-  }
-
-  .md\:mt-2\/12 {
-    margin-top: 16.666667%;
-  }
-
-  .md\:mr-2\/12 {
-    margin-right: 16.666667%;
-  }
-
-  .md\:mb-2\/12 {
-    margin-bottom: 16.666667%;
-  }
-
-  .md\:ml-2\/12 {
-    margin-left: 16.666667%;
-  }
-
-  .md\:mt-3\/12 {
-    margin-top: 25%;
-  }
-
-  .md\:mr-3\/12 {
-    margin-right: 25%;
-  }
-
-  .md\:mb-3\/12 {
-    margin-bottom: 25%;
-  }
-
-  .md\:ml-3\/12 {
-    margin-left: 25%;
-  }
-
-  .md\:mt-4\/12 {
-    margin-top: 33.333333%;
-  }
-
-  .md\:mr-4\/12 {
-    margin-right: 33.333333%;
-  }
-
-  .md\:mb-4\/12 {
-    margin-bottom: 33.333333%;
-  }
-
-  .md\:ml-4\/12 {
-    margin-left: 33.333333%;
-  }
-
-  .md\:mt-5\/12 {
-    margin-top: 41.666667%;
-  }
-
-  .md\:mr-5\/12 {
-    margin-right: 41.666667%;
-  }
-
-  .md\:mb-5\/12 {
-    margin-bottom: 41.666667%;
-  }
-
-  .md\:ml-5\/12 {
-    margin-left: 41.666667%;
-  }
-
-  .md\:mt-6\/12 {
-    margin-top: 50%;
-  }
-
-  .md\:mr-6\/12 {
-    margin-right: 50%;
-  }
-
-  .md\:mb-6\/12 {
-    margin-bottom: 50%;
-  }
-
-  .md\:ml-6\/12 {
-    margin-left: 50%;
-  }
-
-  .md\:mt-7\/12 {
-    margin-top: 58.333333%;
-  }
-
-  .md\:mr-7\/12 {
-    margin-right: 58.333333%;
-  }
-
-  .md\:mb-7\/12 {
-    margin-bottom: 58.333333%;
-  }
-
-  .md\:ml-7\/12 {
-    margin-left: 58.333333%;
-  }
-
-  .md\:mt-8\/12 {
-    margin-top: 66.666667%;
-  }
-
-  .md\:mr-8\/12 {
-    margin-right: 66.666667%;
-  }
-
-  .md\:mb-8\/12 {
-    margin-bottom: 66.666667%;
-  }
-
-  .md\:ml-8\/12 {
-    margin-left: 66.666667%;
-  }
-
-  .md\:mt-9\/12 {
-    margin-top: 75%;
-  }
-
-  .md\:mr-9\/12 {
-    margin-right: 75%;
-  }
-
-  .md\:mb-9\/12 {
-    margin-bottom: 75%;
-  }
-
-  .md\:ml-9\/12 {
-    margin-left: 75%;
-  }
-
-  .md\:mt-10\/12 {
-    margin-top: 83.333333%;
-  }
-
-  .md\:mr-10\/12 {
-    margin-right: 83.333333%;
-  }
-
-  .md\:mb-10\/12 {
-    margin-bottom: 83.333333%;
-  }
-
-  .md\:ml-10\/12 {
-    margin-left: 83.333333%;
-  }
-
-  .md\:mt-11\/12 {
-    margin-top: 91.666667%;
-  }
-
-  .md\:mr-11\/12 {
-    margin-right: 91.666667%;
-  }
-
-  .md\:mb-11\/12 {
-    margin-bottom: 91.666667%;
-  }
-
-  .md\:ml-11\/12 {
-    margin-left: 91.666667%;
-  }
-
-  .md\:mt-full {
-    margin-top: 100%;
-  }
-
-  .md\:mr-full {
-    margin-right: 100%;
-  }
-
-  .md\:mb-full {
-    margin-bottom: 100%;
-  }
-
-  .md\:ml-full {
-    margin-left: 100%;
-  }
-
-  .md\:-mt-1 {
-    margin-top: -0.25rem;
-  }
-
-  .md\:-mr-1 {
-    margin-right: -0.25rem;
-  }
-
-  .md\:-mb-1 {
-    margin-bottom: -0.25rem;
-  }
-
-  .md\:-ml-1 {
-    margin-left: -0.25rem;
-  }
-
-  .md\:-mt-2 {
-    margin-top: -0.5rem;
-  }
-
-  .md\:-mr-2 {
-    margin-right: -0.5rem;
-  }
-
-  .md\:-mb-2 {
-    margin-bottom: -0.5rem;
-  }
-
-  .md\:-ml-2 {
-    margin-left: -0.5rem;
-  }
-
-  .md\:-mt-3 {
-    margin-top: -0.75rem;
-  }
-
-  .md\:-mr-3 {
-    margin-right: -0.75rem;
-  }
-
-  .md\:-mb-3 {
-    margin-bottom: -0.75rem;
-  }
-
-  .md\:-ml-3 {
-    margin-left: -0.75rem;
-  }
-
-  .md\:-mt-4 {
-    margin-top: -1rem;
-  }
-
-  .md\:-mr-4 {
-    margin-right: -1rem;
-  }
-
-  .md\:-mb-4 {
-    margin-bottom: -1rem;
-  }
-
-  .md\:-ml-4 {
-    margin-left: -1rem;
-  }
-
-  .md\:-mt-5 {
-    margin-top: -1.25rem;
-  }
-
-  .md\:-mr-5 {
-    margin-right: -1.25rem;
-  }
-
-  .md\:-mb-5 {
-    margin-bottom: -1.25rem;
-  }
-
-  .md\:-ml-5 {
-    margin-left: -1.25rem;
-  }
-
-  .md\:-mt-6 {
-    margin-top: -1.5rem;
-  }
-
-  .md\:-mr-6 {
-    margin-right: -1.5rem;
-  }
-
-  .md\:-mb-6 {
-    margin-bottom: -1.5rem;
-  }
-
-  .md\:-ml-6 {
-    margin-left: -1.5rem;
-  }
-
-  .md\:-mt-7 {
-    margin-top: -1.75rem;
-  }
-
-  .md\:-mr-7 {
-    margin-right: -1.75rem;
-  }
-
-  .md\:-mb-7 {
-    margin-bottom: -1.75rem;
-  }
-
-  .md\:-ml-7 {
-    margin-left: -1.75rem;
-  }
-
-  .md\:-mt-8 {
-    margin-top: -2rem;
-  }
-
-  .md\:-mr-8 {
-    margin-right: -2rem;
-  }
-
-  .md\:-mb-8 {
-    margin-bottom: -2rem;
-  }
-
-  .md\:-ml-8 {
-    margin-left: -2rem;
-  }
-
-  .md\:-mt-9 {
-    margin-top: -2.25rem;
-  }
-
-  .md\:-mr-9 {
-    margin-right: -2.25rem;
-  }
-
-  .md\:-mb-9 {
-    margin-bottom: -2.25rem;
-  }
-
-  .md\:-ml-9 {
-    margin-left: -2.25rem;
-  }
-
-  .md\:-mt-10 {
-    margin-top: -2.5rem;
-  }
-
-  .md\:-mr-10 {
-    margin-right: -2.5rem;
-  }
-
-  .md\:-mb-10 {
-    margin-bottom: -2.5rem;
-  }
-
-  .md\:-ml-10 {
-    margin-left: -2.5rem;
-  }
-
-  .md\:-mt-11 {
-    margin-top: -2.75rem;
-  }
-
-  .md\:-mr-11 {
-    margin-right: -2.75rem;
-  }
-
-  .md\:-mb-11 {
-    margin-bottom: -2.75rem;
-  }
-
-  .md\:-ml-11 {
-    margin-left: -2.75rem;
-  }
-
-  .md\:-mt-12 {
-    margin-top: -3rem;
-  }
-
-  .md\:-mr-12 {
-    margin-right: -3rem;
-  }
-
-  .md\:-mb-12 {
-    margin-bottom: -3rem;
-  }
-
-  .md\:-ml-12 {
-    margin-left: -3rem;
-  }
-
-  .md\:-mt-13 {
-    margin-top: -3.25rem;
-  }
-
-  .md\:-mr-13 {
-    margin-right: -3.25rem;
-  }
-
-  .md\:-mb-13 {
-    margin-bottom: -3.25rem;
-  }
-
-  .md\:-ml-13 {
-    margin-left: -3.25rem;
-  }
-
-  .md\:-mt-14 {
-    margin-top: -3.5rem;
-  }
-
-  .md\:-mr-14 {
-    margin-right: -3.5rem;
-  }
-
-  .md\:-mb-14 {
-    margin-bottom: -3.5rem;
-  }
-
-  .md\:-ml-14 {
-    margin-left: -3.5rem;
-  }
-
-  .md\:-mt-15 {
-    margin-top: -3.75rem;
-  }
-
-  .md\:-mr-15 {
-    margin-right: -3.75rem;
-  }
-
-  .md\:-mb-15 {
-    margin-bottom: -3.75rem;
-  }
-
-  .md\:-ml-15 {
-    margin-left: -3.75rem;
-  }
-
-  .md\:-mt-16 {
-    margin-top: -4rem;
-  }
-
-  .md\:-mr-16 {
-    margin-right: -4rem;
-  }
-
-  .md\:-mb-16 {
-    margin-bottom: -4rem;
-  }
-
-  .md\:-ml-16 {
-    margin-left: -4rem;
-  }
-
-  .md\:-mt-20 {
-    margin-top: -5rem;
-  }
-
-  .md\:-mr-20 {
-    margin-right: -5rem;
-  }
-
-  .md\:-mb-20 {
-    margin-bottom: -5rem;
-  }
-
-  .md\:-ml-20 {
-    margin-left: -5rem;
-  }
-
-  .md\:-mt-24 {
-    margin-top: -6rem;
-  }
-
-  .md\:-mr-24 {
-    margin-right: -6rem;
-  }
-
-  .md\:-mb-24 {
-    margin-bottom: -6rem;
-  }
-
-  .md\:-ml-24 {
-    margin-left: -6rem;
-  }
-
-  .md\:-mt-28 {
-    margin-top: -7rem;
-  }
-
-  .md\:-mr-28 {
-    margin-right: -7rem;
-  }
-
-  .md\:-mb-28 {
-    margin-bottom: -7rem;
-  }
-
-  .md\:-ml-28 {
-    margin-left: -7rem;
-  }
-
-  .md\:-mt-32 {
-    margin-top: -8rem;
-  }
-
-  .md\:-mr-32 {
-    margin-right: -8rem;
-  }
-
-  .md\:-mb-32 {
-    margin-bottom: -8rem;
-  }
-
-  .md\:-ml-32 {
-    margin-left: -8rem;
-  }
-
-  .md\:-mt-36 {
-    margin-top: -9rem;
-  }
-
-  .md\:-mr-36 {
-    margin-right: -9rem;
-  }
-
-  .md\:-mb-36 {
-    margin-bottom: -9rem;
-  }
-
-  .md\:-ml-36 {
-    margin-left: -9rem;
-  }
-
-  .md\:-mt-40 {
-    margin-top: -10rem;
-  }
-
-  .md\:-mr-40 {
-    margin-right: -10rem;
-  }
-
-  .md\:-mb-40 {
-    margin-bottom: -10rem;
-  }
-
-  .md\:-ml-40 {
-    margin-left: -10rem;
-  }
-
-  .md\:-mt-48 {
-    margin-top: -12rem;
-  }
-
-  .md\:-mr-48 {
-    margin-right: -12rem;
-  }
-
-  .md\:-mb-48 {
-    margin-bottom: -12rem;
-  }
-
-  .md\:-ml-48 {
-    margin-left: -12rem;
-  }
-
-  .md\:-mt-56 {
-    margin-top: -14rem;
-  }
-
-  .md\:-mr-56 {
-    margin-right: -14rem;
-  }
-
-  .md\:-mb-56 {
-    margin-bottom: -14rem;
-  }
-
-  .md\:-ml-56 {
-    margin-left: -14rem;
-  }
-
-  .md\:-mt-60 {
-    margin-top: -15rem;
-  }
-
-  .md\:-mr-60 {
-    margin-right: -15rem;
-  }
-
-  .md\:-mb-60 {
-    margin-bottom: -15rem;
-  }
-
-  .md\:-ml-60 {
-    margin-left: -15rem;
-  }
-
-  .md\:-mt-64 {
-    margin-top: -16rem;
-  }
-
-  .md\:-mr-64 {
-    margin-right: -16rem;
-  }
-
-  .md\:-mb-64 {
-    margin-bottom: -16rem;
-  }
-
-  .md\:-ml-64 {
-    margin-left: -16rem;
-  }
-
-  .md\:-mt-72 {
-    margin-top: -18rem;
-  }
-
-  .md\:-mr-72 {
-    margin-right: -18rem;
-  }
-
-  .md\:-mb-72 {
-    margin-bottom: -18rem;
-  }
-
-  .md\:-ml-72 {
-    margin-left: -18rem;
-  }
-
-  .md\:-mt-80 {
-    margin-top: -20rem;
-  }
-
-  .md\:-mr-80 {
-    margin-right: -20rem;
-  }
-
-  .md\:-mb-80 {
-    margin-bottom: -20rem;
-  }
-
-  .md\:-ml-80 {
-    margin-left: -20rem;
-  }
-
-  .md\:-mt-96 {
-    margin-top: -24rem;
-  }
-
-  .md\:-mr-96 {
-    margin-right: -24rem;
-  }
-
-  .md\:-mb-96 {
-    margin-bottom: -24rem;
-  }
-
-  .md\:-ml-96 {
-    margin-left: -24rem;
-  }
-
-  .md\:-mt-px {
-    margin-top: -1px;
-  }
-
-  .md\:-mr-px {
-    margin-right: -1px;
-  }
-
-  .md\:-mb-px {
-    margin-bottom: -1px;
-  }
-
-  .md\:-ml-px {
-    margin-left: -1px;
-  }
-
-  .md\:-mt-0\.5 {
-    margin-top: -0.125rem;
-  }
-
-  .md\:-mr-0\.5 {
-    margin-right: -0.125rem;
-  }
-
-  .md\:-mb-0\.5 {
-    margin-bottom: -0.125rem;
-  }
-
-  .md\:-ml-0\.5 {
-    margin-left: -0.125rem;
-  }
-
-  .md\:-mt-1\.5 {
-    margin-top: -0.375rem;
-  }
-
-  .md\:-mr-1\.5 {
-    margin-right: -0.375rem;
-  }
-
-  .md\:-mb-1\.5 {
-    margin-bottom: -0.375rem;
-  }
-
-  .md\:-ml-1\.5 {
-    margin-left: -0.375rem;
-  }
-
-  .md\:-mt-2\.5 {
-    margin-top: -0.625rem;
-  }
-
-  .md\:-mr-2\.5 {
-    margin-right: -0.625rem;
-  }
-
-  .md\:-mb-2\.5 {
-    margin-bottom: -0.625rem;
-  }
-
-  .md\:-ml-2\.5 {
-    margin-left: -0.625rem;
-  }
-
-  .md\:-mt-3\.5 {
-    margin-top: -0.875rem;
-  }
-
-  .md\:-mr-3\.5 {
-    margin-right: -0.875rem;
-  }
-
-  .md\:-mb-3\.5 {
-    margin-bottom: -0.875rem;
-  }
-
-  .md\:-ml-3\.5 {
-    margin-left: -0.875rem;
-  }
-
-  .md\:-mt-1\/2 {
-    margin-top: -50%;
-  }
-
-  .md\:-mr-1\/2 {
-    margin-right: -50%;
-  }
-
-  .md\:-mb-1\/2 {
-    margin-bottom: -50%;
-  }
-
-  .md\:-ml-1\/2 {
-    margin-left: -50%;
-  }
-
-  .md\:-mt-1\/3 {
-    margin-top: -33.33333%;
-  }
-
-  .md\:-mr-1\/3 {
-    margin-right: -33.33333%;
-  }
-
-  .md\:-mb-1\/3 {
-    margin-bottom: -33.33333%;
-  }
-
-  .md\:-ml-1\/3 {
-    margin-left: -33.33333%;
-  }
-
-  .md\:-mt-2\/3 {
-    margin-top: -66.66667%;
-  }
-
-  .md\:-mr-2\/3 {
-    margin-right: -66.66667%;
-  }
-
-  .md\:-mb-2\/3 {
-    margin-bottom: -66.66667%;
-  }
-
-  .md\:-ml-2\/3 {
-    margin-left: -66.66667%;
-  }
-
-  .md\:-mt-1\/4 {
-    margin-top: -25%;
-  }
-
-  .md\:-mr-1\/4 {
-    margin-right: -25%;
-  }
-
-  .md\:-mb-1\/4 {
-    margin-bottom: -25%;
-  }
-
-  .md\:-ml-1\/4 {
-    margin-left: -25%;
-  }
-
-  .md\:-mt-2\/4 {
-    margin-top: -50%;
-  }
-
-  .md\:-mr-2\/4 {
-    margin-right: -50%;
-  }
-
-  .md\:-mb-2\/4 {
-    margin-bottom: -50%;
-  }
-
-  .md\:-ml-2\/4 {
-    margin-left: -50%;
-  }
-
-  .md\:-mt-3\/4 {
-    margin-top: -75%;
-  }
-
-  .md\:-mr-3\/4 {
-    margin-right: -75%;
-  }
-
-  .md\:-mb-3\/4 {
-    margin-bottom: -75%;
-  }
-
-  .md\:-ml-3\/4 {
-    margin-left: -75%;
-  }
-
-  .md\:-mt-1\/5 {
-    margin-top: -20%;
-  }
-
-  .md\:-mr-1\/5 {
-    margin-right: -20%;
-  }
-
-  .md\:-mb-1\/5 {
-    margin-bottom: -20%;
-  }
-
-  .md\:-ml-1\/5 {
-    margin-left: -20%;
-  }
-
-  .md\:-mt-2\/5 {
-    margin-top: -40%;
-  }
-
-  .md\:-mr-2\/5 {
-    margin-right: -40%;
-  }
-
-  .md\:-mb-2\/5 {
-    margin-bottom: -40%;
-  }
-
-  .md\:-ml-2\/5 {
-    margin-left: -40%;
-  }
-
-  .md\:-mt-3\/5 {
-    margin-top: -60%;
-  }
-
-  .md\:-mr-3\/5 {
-    margin-right: -60%;
-  }
-
-  .md\:-mb-3\/5 {
-    margin-bottom: -60%;
-  }
-
-  .md\:-ml-3\/5 {
-    margin-left: -60%;
-  }
-
-  .md\:-mt-4\/5 {
-    margin-top: -80%;
-  }
-
-  .md\:-mr-4\/5 {
-    margin-right: -80%;
-  }
-
-  .md\:-mb-4\/5 {
-    margin-bottom: -80%;
-  }
-
-  .md\:-ml-4\/5 {
-    margin-left: -80%;
-  }
-
-  .md\:-mt-1\/6 {
-    margin-top: -16.66667%;
-  }
-
-  .md\:-mr-1\/6 {
-    margin-right: -16.66667%;
-  }
-
-  .md\:-mb-1\/6 {
-    margin-bottom: -16.66667%;
-  }
-
-  .md\:-ml-1\/6 {
-    margin-left: -16.66667%;
-  }
-
-  .md\:-mt-2\/6 {
-    margin-top: -33.33333%;
-  }
-
-  .md\:-mr-2\/6 {
-    margin-right: -33.33333%;
-  }
-
-  .md\:-mb-2\/6 {
-    margin-bottom: -33.33333%;
-  }
-
-  .md\:-ml-2\/6 {
-    margin-left: -33.33333%;
-  }
-
-  .md\:-mt-3\/6 {
-    margin-top: -50%;
-  }
-
-  .md\:-mr-3\/6 {
-    margin-right: -50%;
-  }
-
-  .md\:-mb-3\/6 {
-    margin-bottom: -50%;
-  }
-
-  .md\:-ml-3\/6 {
-    margin-left: -50%;
-  }
-
-  .md\:-mt-4\/6 {
-    margin-top: -66.66667%;
-  }
-
-  .md\:-mr-4\/6 {
-    margin-right: -66.66667%;
-  }
-
-  .md\:-mb-4\/6 {
-    margin-bottom: -66.66667%;
-  }
-
-  .md\:-ml-4\/6 {
-    margin-left: -66.66667%;
-  }
-
-  .md\:-mt-5\/6 {
-    margin-top: -83.33333%;
-  }
-
-  .md\:-mr-5\/6 {
-    margin-right: -83.33333%;
-  }
-
-  .md\:-mb-5\/6 {
-    margin-bottom: -83.33333%;
-  }
-
-  .md\:-ml-5\/6 {
-    margin-left: -83.33333%;
-  }
-
-  .md\:-mt-1\/12 {
-    margin-top: -8.33333%;
-  }
-
-  .md\:-mr-1\/12 {
-    margin-right: -8.33333%;
-  }
-
-  .md\:-mb-1\/12 {
-    margin-bottom: -8.33333%;
-  }
-
-  .md\:-ml-1\/12 {
-    margin-left: -8.33333%;
-  }
-
-  .md\:-mt-2\/12 {
-    margin-top: -16.66667%;
-  }
-
-  .md\:-mr-2\/12 {
-    margin-right: -16.66667%;
-  }
-
-  .md\:-mb-2\/12 {
-    margin-bottom: -16.66667%;
-  }
-
-  .md\:-ml-2\/12 {
-    margin-left: -16.66667%;
-  }
-
-  .md\:-mt-3\/12 {
-    margin-top: -25%;
-  }
-
-  .md\:-mr-3\/12 {
-    margin-right: -25%;
-  }
-
-  .md\:-mb-3\/12 {
-    margin-bottom: -25%;
-  }
-
-  .md\:-ml-3\/12 {
-    margin-left: -25%;
-  }
-
-  .md\:-mt-4\/12 {
-    margin-top: -33.33333%;
-  }
-
-  .md\:-mr-4\/12 {
-    margin-right: -33.33333%;
-  }
-
-  .md\:-mb-4\/12 {
-    margin-bottom: -33.33333%;
-  }
-
-  .md\:-ml-4\/12 {
-    margin-left: -33.33333%;
-  }
-
-  .md\:-mt-5\/12 {
-    margin-top: -41.66667%;
-  }
-
-  .md\:-mr-5\/12 {
-    margin-right: -41.66667%;
-  }
-
-  .md\:-mb-5\/12 {
-    margin-bottom: -41.66667%;
-  }
-
-  .md\:-ml-5\/12 {
-    margin-left: -41.66667%;
-  }
-
-  .md\:-mt-6\/12 {
-    margin-top: -50%;
-  }
-
-  .md\:-mr-6\/12 {
-    margin-right: -50%;
-  }
-
-  .md\:-mb-6\/12 {
-    margin-bottom: -50%;
-  }
-
-  .md\:-ml-6\/12 {
-    margin-left: -50%;
-  }
-
-  .md\:-mt-7\/12 {
-    margin-top: -58.33333%;
-  }
-
-  .md\:-mr-7\/12 {
-    margin-right: -58.33333%;
-  }
-
-  .md\:-mb-7\/12 {
-    margin-bottom: -58.33333%;
-  }
-
-  .md\:-ml-7\/12 {
-    margin-left: -58.33333%;
-  }
-
-  .md\:-mt-8\/12 {
-    margin-top: -66.66667%;
-  }
-
-  .md\:-mr-8\/12 {
-    margin-right: -66.66667%;
-  }
-
-  .md\:-mb-8\/12 {
-    margin-bottom: -66.66667%;
-  }
-
-  .md\:-ml-8\/12 {
-    margin-left: -66.66667%;
-  }
-
-  .md\:-mt-9\/12 {
-    margin-top: -75%;
-  }
-
-  .md\:-mr-9\/12 {
-    margin-right: -75%;
-  }
-
-  .md\:-mb-9\/12 {
-    margin-bottom: -75%;
-  }
-
-  .md\:-ml-9\/12 {
-    margin-left: -75%;
-  }
-
-  .md\:-mt-10\/12 {
-    margin-top: -83.33333%;
-  }
-
-  .md\:-mr-10\/12 {
-    margin-right: -83.33333%;
-  }
-
-  .md\:-mb-10\/12 {
-    margin-bottom: -83.33333%;
-  }
-
-  .md\:-ml-10\/12 {
-    margin-left: -83.33333%;
-  }
-
-  .md\:-mt-11\/12 {
-    margin-top: -91.66667%;
-  }
-
-  .md\:-mr-11\/12 {
-    margin-right: -91.66667%;
-  }
-
-  .md\:-mb-11\/12 {
-    margin-bottom: -91.66667%;
-  }
-
-  .md\:-ml-11\/12 {
-    margin-left: -91.66667%;
-  }
-
-  .md\:-mt-full {
-    margin-top: -100%;
-  }
-
-  .md\:-mr-full {
-    margin-right: -100%;
-  }
-
-  .md\:-mb-full {
-    margin-bottom: -100%;
-  }
-
-  .md\:-ml-full {
-    margin-left: -100%;
-  }
-
-  .md\:max-h-0 {
-    max-height: 0;
-  }
-
-  .md\:max-h-1 {
-    max-height: 0.25rem;
-  }
-
-  .md\:max-h-2 {
-    max-height: 0.5rem;
-  }
-
-  .md\:max-h-3 {
-    max-height: 0.75rem;
-  }
-
-  .md\:max-h-4 {
-    max-height: 1rem;
-  }
-
-  .md\:max-h-5 {
-    max-height: 1.25rem;
-  }
-
-  .md\:max-h-6 {
-    max-height: 1.5rem;
-  }
-
-  .md\:max-h-7 {
-    max-height: 1.75rem;
-  }
-
-  .md\:max-h-8 {
-    max-height: 2rem;
-  }
-
-  .md\:max-h-9 {
-    max-height: 2.25rem;
-  }
-
-  .md\:max-h-10 {
-    max-height: 2.5rem;
-  }
-
-  .md\:max-h-11 {
-    max-height: 2.75rem;
-  }
-
-  .md\:max-h-12 {
-    max-height: 3rem;
-  }
-
-  .md\:max-h-13 {
-    max-height: 3.25rem;
-  }
-
-  .md\:max-h-14 {
-    max-height: 3.5rem;
-  }
-
-  .md\:max-h-15 {
-    max-height: 3.75rem;
-  }
-
-  .md\:max-h-16 {
-    max-height: 4rem;
-  }
-
-  .md\:max-h-20 {
-    max-height: 5rem;
-  }
-
-  .md\:max-h-24 {
-    max-height: 6rem;
-  }
-
-  .md\:max-h-28 {
-    max-height: 7rem;
-  }
-
-  .md\:max-h-32 {
-    max-height: 8rem;
-  }
-
-  .md\:max-h-36 {
-    max-height: 9rem;
-  }
-
-  .md\:max-h-40 {
-    max-height: 10rem;
-  }
-
-  .md\:max-h-48 {
-    max-height: 12rem;
-  }
-
-  .md\:max-h-56 {
-    max-height: 14rem;
-  }
-
-  .md\:max-h-60 {
-    max-height: 15rem;
-  }
-
-  .md\:max-h-64 {
-    max-height: 16rem;
-  }
-
-  .md\:max-h-72 {
-    max-height: 18rem;
-  }
-
-  .md\:max-h-80 {
-    max-height: 20rem;
-  }
-
-  .md\:max-h-96 {
-    max-height: 24rem;
-  }
-
-  .md\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .md\:max-h-px {
-    max-height: 1px;
-  }
-
-  .md\:max-h-0\.5 {
-    max-height: 0.125rem;
-  }
-
-  .md\:max-h-1\.5 {
-    max-height: 0.375rem;
-  }
-
-  .md\:max-h-2\.5 {
-    max-height: 0.625rem;
-  }
-
-  .md\:max-h-3\.5 {
-    max-height: 0.875rem;
-  }
-
-  .md\:max-h-1\/2 {
-    max-height: 50%;
-  }
-
-  .md\:max-h-1\/3 {
-    max-height: 33.333333%;
-  }
-
-  .md\:max-h-2\/3 {
-    max-height: 66.666667%;
-  }
-
-  .md\:max-h-1\/4 {
-    max-height: 25%;
-  }
-
-  .md\:max-h-2\/4 {
-    max-height: 50%;
-  }
-
-  .md\:max-h-3\/4 {
-    max-height: 75%;
-  }
-
-  .md\:max-h-1\/5 {
-    max-height: 20%;
-  }
-
-  .md\:max-h-2\/5 {
-    max-height: 40%;
-  }
-
-  .md\:max-h-3\/5 {
-    max-height: 60%;
-  }
-
-  .md\:max-h-4\/5 {
-    max-height: 80%;
-  }
-
-  .md\:max-h-1\/6 {
-    max-height: 16.666667%;
-  }
-
-  .md\:max-h-2\/6 {
-    max-height: 33.333333%;
-  }
-
-  .md\:max-h-3\/6 {
-    max-height: 50%;
-  }
-
-  .md\:max-h-4\/6 {
-    max-height: 66.666667%;
-  }
-
-  .md\:max-h-5\/6 {
-    max-height: 83.333333%;
-  }
-
-  .md\:max-h-1\/12 {
-    max-height: 8.333333%;
-  }
-
-  .md\:max-h-2\/12 {
-    max-height: 16.666667%;
-  }
-
-  .md\:max-h-3\/12 {
-    max-height: 25%;
-  }
-
-  .md\:max-h-4\/12 {
-    max-height: 33.333333%;
-  }
-
-  .md\:max-h-5\/12 {
-    max-height: 41.666667%;
-  }
-
-  .md\:max-h-6\/12 {
-    max-height: 50%;
-  }
-
-  .md\:max-h-7\/12 {
-    max-height: 58.333333%;
-  }
-
-  .md\:max-h-8\/12 {
-    max-height: 66.666667%;
-  }
-
-  .md\:max-h-9\/12 {
-    max-height: 75%;
-  }
-
-  .md\:max-h-10\/12 {
-    max-height: 83.333333%;
-  }
-
-  .md\:max-h-11\/12 {
-    max-height: 91.666667%;
-  }
-
-  .md\:max-h-full {
-    max-height: 100%;
-  }
-
-  .md\:max-w-none {
-    max-width: none;
-  }
-
-  .md\:max-w-xs {
-    max-width: 20rem;
-  }
-
-  .md\:max-w-sm {
-    max-width: 24rem;
-  }
-
-  .md\:max-w-md {
-    max-width: 28rem;
-  }
-
-  .md\:max-w-lg {
-    max-width: 32rem;
-  }
-
-  .md\:max-w-xl {
-    max-width: 36rem;
-  }
-
-  .md\:max-w-2xl {
-    max-width: 42rem;
-  }
-
-  .md\:max-w-3xl {
-    max-width: 48rem;
-  }
-
-  .md\:max-w-4xl {
-    max-width: 56rem;
-  }
-
-  .md\:max-w-5xl {
-    max-width: 64rem;
-  }
-
-  .md\:max-w-6xl {
-    max-width: 72rem;
-  }
-
-  .md\:max-w-7xl {
-    max-width: 80rem;
-  }
-
-  .md\:max-w-full {
-    max-width: 100%;
-  }
-
-  .md\:max-w-screen-sm {
-    max-width: 640px;
-  }
-
-  .md\:max-w-screen-md {
-    max-width: 768px;
-  }
-
-  .md\:max-w-screen-lg {
-    max-width: 1024px;
-  }
-
-  .md\:max-w-screen-xl {
-    max-width: 1280px;
-  }
-
-  .md\:min-h-0 {
-    min-height: 0;
-  }
-
-  .md\:min-h-full {
-    min-height: 100%;
-  }
-
-  .md\:min-h-screen {
-    min-height: 100vh;
-  }
-
-  .md\:min-w-0 {
-    min-width: 0;
-  }
-
-  .md\:min-w-full {
-    min-width: 100%;
-  }
-
-  .md\:object-contain {
-    -o-object-fit: contain;
-       object-fit: contain;
-  }
-
-  .md\:object-cover {
-    -o-object-fit: cover;
-       object-fit: cover;
-  }
-
-  .md\:object-fill {
-    -o-object-fit: fill;
-       object-fit: fill;
-  }
-
-  .md\:object-none {
-    -o-object-fit: none;
-       object-fit: none;
-  }
-
-  .md\:object-scale-down {
-    -o-object-fit: scale-down;
-       object-fit: scale-down;
-  }
-
-  .md\:object-bottom {
-    -o-object-position: bottom;
-       object-position: bottom;
-  }
-
-  .md\:object-center {
-    -o-object-position: center;
-       object-position: center;
-  }
-
-  .md\:object-left {
-    -o-object-position: left;
-       object-position: left;
-  }
-
-  .md\:object-left-bottom {
-    -o-object-position: left bottom;
-       object-position: left bottom;
-  }
-
-  .md\:object-left-top {
-    -o-object-position: left top;
-       object-position: left top;
-  }
-
-  .md\:object-right {
-    -o-object-position: right;
-       object-position: right;
-  }
-
-  .md\:object-right-bottom {
-    -o-object-position: right bottom;
-       object-position: right bottom;
-  }
-
-  .md\:object-right-top {
-    -o-object-position: right top;
-       object-position: right top;
-  }
-
-  .md\:object-top {
-    -o-object-position: top;
-       object-position: top;
-  }
-
-  .md\:opacity-0 {
-    opacity: 0;
-  }
-
-  .md\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .md\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .md\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .md\:opacity-100 {
-    opacity: 1;
-  }
-
-  .md\:hover\:opacity-0:hover {
-    opacity: 0;
-  }
-
-  .md\:hover\:opacity-25:hover {
-    opacity: 0.25;
-  }
-
-  .md\:hover\:opacity-50:hover {
-    opacity: 0.5;
-  }
-
-  .md\:hover\:opacity-75:hover {
-    opacity: 0.75;
-  }
-
-  .md\:hover\:opacity-100:hover {
-    opacity: 1;
-  }
-
-  .md\:focus\:opacity-0:focus {
-    opacity: 0;
-  }
-
-  .md\:focus\:opacity-25:focus {
-    opacity: 0.25;
-  }
-
-  .md\:focus\:opacity-50:focus {
-    opacity: 0.5;
-  }
-
-  .md\:focus\:opacity-75:focus {
-    opacity: 0.75;
-  }
-
-  .md\:focus\:opacity-100:focus {
-    opacity: 1;
-  }
-
-  .md\:outline-none {
-    outline: 0;
-  }
-
-  .md\:focus\:outline-none:focus {
-    outline: 0;
-  }
-
-  .md\:overflow-auto {
-    overflow: auto;
-  }
-
-  .md\:overflow-hidden {
-    overflow: hidden;
-  }
-
-  .md\:overflow-visible {
-    overflow: visible;
-  }
-
-  .md\:overflow-scroll {
-    overflow: scroll;
-  }
-
-  .md\:overflow-x-auto {
-    overflow-x: auto;
-  }
-
-  .md\:overflow-y-auto {
-    overflow-y: auto;
-  }
-
-  .md\:overflow-x-hidden {
-    overflow-x: hidden;
-  }
-
-  .md\:overflow-y-hidden {
-    overflow-y: hidden;
-  }
-
-  .md\:overflow-x-visible {
-    overflow-x: visible;
-  }
-
-  .md\:overflow-y-visible {
-    overflow-y: visible;
-  }
-
-  .md\:overflow-x-scroll {
-    overflow-x: scroll;
-  }
-
-  .md\:overflow-y-scroll {
-    overflow-y: scroll;
-  }
-
-  .md\:scrolling-touch {
-    -webkit-overflow-scrolling: touch;
-  }
-
-  .md\:scrolling-auto {
-    -webkit-overflow-scrolling: auto;
-  }
-
-  .md\:overscroll-auto {
-    -ms-scroll-chaining: chained;
-        overscroll-behavior: auto;
-  }
-
-  .md\:overscroll-contain {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: contain;
-  }
-
-  .md\:overscroll-none {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: none;
-  }
-
-  .md\:overscroll-y-auto {
-    overscroll-behavior-y: auto;
-  }
-
-  .md\:overscroll-y-contain {
-    overscroll-behavior-y: contain;
-  }
-
-  .md\:overscroll-y-none {
-    overscroll-behavior-y: none;
-  }
-
-  .md\:overscroll-x-auto {
-    overscroll-behavior-x: auto;
-  }
-
-  .md\:overscroll-x-contain {
-    overscroll-behavior-x: contain;
-  }
-
-  .md\:overscroll-x-none {
-    overscroll-behavior-x: none;
-  }
-
-  .md\:p-0 {
-    padding: 0;
-  }
-
-  .md\:p-1 {
-    padding: 0.25rem;
-  }
-
-  .md\:p-2 {
-    padding: 0.5rem;
-  }
-
-  .md\:p-3 {
-    padding: 0.75rem;
-  }
-
-  .md\:p-4 {
-    padding: 1rem;
-  }
-
-  .md\:p-5 {
-    padding: 1.25rem;
-  }
-
-  .md\:p-6 {
-    padding: 1.5rem;
-  }
-
-  .md\:p-7 {
-    padding: 1.75rem;
-  }
-
-  .md\:p-8 {
-    padding: 2rem;
-  }
-
-  .md\:p-9 {
-    padding: 2.25rem;
-  }
-
-  .md\:p-10 {
-    padding: 2.5rem;
-  }
-
-  .md\:p-11 {
-    padding: 2.75rem;
-  }
-
-  .md\:p-12 {
-    padding: 3rem;
-  }
-
-  .md\:p-13 {
-    padding: 3.25rem;
-  }
-
-  .md\:p-14 {
-    padding: 3.5rem;
-  }
-
-  .md\:p-15 {
-    padding: 3.75rem;
-  }
-
-  .md\:p-16 {
-    padding: 4rem;
-  }
-
-  .md\:p-20 {
-    padding: 5rem;
-  }
-
-  .md\:p-24 {
-    padding: 6rem;
-  }
-
-  .md\:p-28 {
-    padding: 7rem;
-  }
-
-  .md\:p-32 {
-    padding: 8rem;
-  }
-
-  .md\:p-36 {
-    padding: 9rem;
-  }
-
-  .md\:p-40 {
-    padding: 10rem;
-  }
-
-  .md\:p-48 {
-    padding: 12rem;
-  }
-
-  .md\:p-56 {
-    padding: 14rem;
-  }
-
-  .md\:p-60 {
-    padding: 15rem;
-  }
-
-  .md\:p-64 {
-    padding: 16rem;
-  }
-
-  .md\:p-72 {
-    padding: 18rem;
-  }
-
-  .md\:p-80 {
-    padding: 20rem;
-  }
-
-  .md\:p-96 {
-    padding: 24rem;
-  }
-
-  .md\:p-px {
-    padding: 1px;
-  }
-
-  .md\:p-0\.5 {
-    padding: 0.125rem;
-  }
-
-  .md\:p-1\.5 {
-    padding: 0.375rem;
-  }
-
-  .md\:p-2\.5 {
-    padding: 0.625rem;
-  }
-
-  .md\:p-3\.5 {
-    padding: 0.875rem;
-  }
-
-  .md\:p-1\/2 {
-    padding: 50%;
-  }
-
-  .md\:p-1\/3 {
-    padding: 33.333333%;
-  }
-
-  .md\:p-2\/3 {
-    padding: 66.666667%;
-  }
-
-  .md\:p-1\/4 {
-    padding: 25%;
-  }
-
-  .md\:p-2\/4 {
-    padding: 50%;
-  }
-
-  .md\:p-3\/4 {
-    padding: 75%;
-  }
-
-  .md\:p-1\/5 {
-    padding: 20%;
-  }
-
-  .md\:p-2\/5 {
-    padding: 40%;
-  }
-
-  .md\:p-3\/5 {
-    padding: 60%;
-  }
-
-  .md\:p-4\/5 {
-    padding: 80%;
-  }
-
-  .md\:p-1\/6 {
-    padding: 16.666667%;
-  }
-
-  .md\:p-2\/6 {
-    padding: 33.333333%;
-  }
-
-  .md\:p-3\/6 {
-    padding: 50%;
-  }
-
-  .md\:p-4\/6 {
-    padding: 66.666667%;
-  }
-
-  .md\:p-5\/6 {
-    padding: 83.333333%;
-  }
-
-  .md\:p-1\/12 {
-    padding: 8.333333%;
-  }
-
-  .md\:p-2\/12 {
-    padding: 16.666667%;
-  }
-
-  .md\:p-3\/12 {
-    padding: 25%;
-  }
-
-  .md\:p-4\/12 {
-    padding: 33.333333%;
-  }
-
-  .md\:p-5\/12 {
-    padding: 41.666667%;
-  }
-
-  .md\:p-6\/12 {
-    padding: 50%;
-  }
-
-  .md\:p-7\/12 {
-    padding: 58.333333%;
-  }
-
-  .md\:p-8\/12 {
-    padding: 66.666667%;
-  }
-
-  .md\:p-9\/12 {
-    padding: 75%;
-  }
-
-  .md\:p-10\/12 {
-    padding: 83.333333%;
-  }
-
-  .md\:p-11\/12 {
-    padding: 91.666667%;
-  }
-
-  .md\:p-full {
-    padding: 100%;
-  }
-
-  .md\:py-0 {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  .md\:px-0 {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .md\:py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
-
-  .md\:px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-  }
-
-  .md\:py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-  }
-
-  .md\:px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-  }
-
-  .md\:py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
-  }
-
-  .md\:px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-  }
-
-  .md\:py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-
-  .md\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .md\:py-5 {
-    padding-top: 1.25rem;
-    padding-bottom: 1.25rem;
-  }
-
-  .md\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
-  .md\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-
-  .md\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  .md\:py-7 {
-    padding-top: 1.75rem;
-    padding-bottom: 1.75rem;
-  }
-
-  .md\:px-7 {
-    padding-left: 1.75rem;
-    padding-right: 1.75rem;
-  }
-
-  .md\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-
-  .md\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .md\:py-9 {
-    padding-top: 2.25rem;
-    padding-bottom: 2.25rem;
-  }
-
-  .md\:px-9 {
-    padding-left: 2.25rem;
-    padding-right: 2.25rem;
-  }
-
-  .md\:py-10 {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
-  }
-
-  .md\:px-10 {
-    padding-left: 2.5rem;
-    padding-right: 2.5rem;
-  }
-
-  .md\:py-11 {
-    padding-top: 2.75rem;
-    padding-bottom: 2.75rem;
-  }
-
-  .md\:px-11 {
-    padding-left: 2.75rem;
-    padding-right: 2.75rem;
-  }
-
-  .md\:py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
-  }
-
-  .md\:px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-
-  .md\:py-13 {
-    padding-top: 3.25rem;
-    padding-bottom: 3.25rem;
-  }
-
-  .md\:px-13 {
-    padding-left: 3.25rem;
-    padding-right: 3.25rem;
-  }
-
-  .md\:py-14 {
-    padding-top: 3.5rem;
-    padding-bottom: 3.5rem;
-  }
-
-  .md\:px-14 {
-    padding-left: 3.5rem;
-    padding-right: 3.5rem;
-  }
-
-  .md\:py-15 {
-    padding-top: 3.75rem;
-    padding-bottom: 3.75rem;
-  }
-
-  .md\:px-15 {
-    padding-left: 3.75rem;
-    padding-right: 3.75rem;
-  }
-
-  .md\:py-16 {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-
-  .md\:px-16 {
-    padding-left: 4rem;
-    padding-right: 4rem;
-  }
-
-  .md\:py-20 {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
-  }
-
-  .md\:px-20 {
-    padding-left: 5rem;
-    padding-right: 5rem;
-  }
-
-  .md\:py-24 {
-    padding-top: 6rem;
-    padding-bottom: 6rem;
-  }
-
-  .md\:px-24 {
-    padding-left: 6rem;
-    padding-right: 6rem;
-  }
-
-  .md\:py-28 {
-    padding-top: 7rem;
-    padding-bottom: 7rem;
-  }
-
-  .md\:px-28 {
-    padding-left: 7rem;
-    padding-right: 7rem;
-  }
-
-  .md\:py-32 {
-    padding-top: 8rem;
-    padding-bottom: 8rem;
-  }
-
-  .md\:px-32 {
-    padding-left: 8rem;
-    padding-right: 8rem;
-  }
-
-  .md\:py-36 {
-    padding-top: 9rem;
-    padding-bottom: 9rem;
-  }
-
-  .md\:px-36 {
-    padding-left: 9rem;
-    padding-right: 9rem;
-  }
-
-  .md\:py-40 {
-    padding-top: 10rem;
-    padding-bottom: 10rem;
-  }
-
-  .md\:px-40 {
-    padding-left: 10rem;
-    padding-right: 10rem;
-  }
-
-  .md\:py-48 {
-    padding-top: 12rem;
-    padding-bottom: 12rem;
-  }
-
-  .md\:px-48 {
-    padding-left: 12rem;
-    padding-right: 12rem;
-  }
-
-  .md\:py-56 {
-    padding-top: 14rem;
-    padding-bottom: 14rem;
-  }
-
-  .md\:px-56 {
-    padding-left: 14rem;
-    padding-right: 14rem;
-  }
-
-  .md\:py-60 {
-    padding-top: 15rem;
-    padding-bottom: 15rem;
-  }
-
-  .md\:px-60 {
-    padding-left: 15rem;
-    padding-right: 15rem;
-  }
-
-  .md\:py-64 {
-    padding-top: 16rem;
-    padding-bottom: 16rem;
-  }
-
-  .md\:px-64 {
-    padding-left: 16rem;
-    padding-right: 16rem;
-  }
-
-  .md\:py-72 {
-    padding-top: 18rem;
-    padding-bottom: 18rem;
-  }
-
-  .md\:px-72 {
-    padding-left: 18rem;
-    padding-right: 18rem;
-  }
-
-  .md\:py-80 {
-    padding-top: 20rem;
-    padding-bottom: 20rem;
-  }
-
-  .md\:px-80 {
-    padding-left: 20rem;
-    padding-right: 20rem;
-  }
-
-  .md\:py-96 {
-    padding-top: 24rem;
-    padding-bottom: 24rem;
-  }
-
-  .md\:px-96 {
-    padding-left: 24rem;
-    padding-right: 24rem;
-  }
-
-  .md\:py-px {
-    padding-top: 1px;
-    padding-bottom: 1px;
-  }
-
-  .md\:px-px {
-    padding-left: 1px;
-    padding-right: 1px;
-  }
-
-  .md\:py-0\.5 {
-    padding-top: 0.125rem;
-    padding-bottom: 0.125rem;
-  }
-
-  .md\:px-0\.5 {
-    padding-left: 0.125rem;
-    padding-right: 0.125rem;
-  }
-
-  .md\:py-1\.5 {
-    padding-top: 0.375rem;
-    padding-bottom: 0.375rem;
-  }
-
-  .md\:px-1\.5 {
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
-  }
-
-  .md\:py-2\.5 {
-    padding-top: 0.625rem;
-    padding-bottom: 0.625rem;
-  }
-
-  .md\:px-2\.5 {
-    padding-left: 0.625rem;
-    padding-right: 0.625rem;
-  }
-
-  .md\:py-3\.5 {
-    padding-top: 0.875rem;
-    padding-bottom: 0.875rem;
-  }
-
-  .md\:px-3\.5 {
-    padding-left: 0.875rem;
-    padding-right: 0.875rem;
-  }
-
-  .md\:py-1\/2 {
-    padding-top: 50%;
-    padding-bottom: 50%;
-  }
-
-  .md\:px-1\/2 {
-    padding-left: 50%;
-    padding-right: 50%;
-  }
-
-  .md\:py-1\/3 {
-    padding-top: 33.333333%;
-    padding-bottom: 33.333333%;
-  }
-
-  .md\:px-1\/3 {
-    padding-left: 33.333333%;
-    padding-right: 33.333333%;
-  }
-
-  .md\:py-2\/3 {
-    padding-top: 66.666667%;
-    padding-bottom: 66.666667%;
-  }
-
-  .md\:px-2\/3 {
-    padding-left: 66.666667%;
-    padding-right: 66.666667%;
-  }
-
-  .md\:py-1\/4 {
-    padding-top: 25%;
-    padding-bottom: 25%;
-  }
-
-  .md\:px-1\/4 {
-    padding-left: 25%;
-    padding-right: 25%;
-  }
-
-  .md\:py-2\/4 {
-    padding-top: 50%;
-    padding-bottom: 50%;
-  }
-
-  .md\:px-2\/4 {
-    padding-left: 50%;
-    padding-right: 50%;
-  }
-
-  .md\:py-3\/4 {
-    padding-top: 75%;
-    padding-bottom: 75%;
-  }
-
-  .md\:px-3\/4 {
-    padding-left: 75%;
-    padding-right: 75%;
-  }
-
-  .md\:py-1\/5 {
-    padding-top: 20%;
-    padding-bottom: 20%;
-  }
-
-  .md\:px-1\/5 {
-    padding-left: 20%;
-    padding-right: 20%;
-  }
-
-  .md\:py-2\/5 {
-    padding-top: 40%;
-    padding-bottom: 40%;
-  }
-
-  .md\:px-2\/5 {
-    padding-left: 40%;
-    padding-right: 40%;
-  }
-
-  .md\:py-3\/5 {
-    padding-top: 60%;
-    padding-bottom: 60%;
-  }
-
-  .md\:px-3\/5 {
-    padding-left: 60%;
-    padding-right: 60%;
-  }
-
-  .md\:py-4\/5 {
-    padding-top: 80%;
-    padding-bottom: 80%;
-  }
-
-  .md\:px-4\/5 {
-    padding-left: 80%;
-    padding-right: 80%;
-  }
-
-  .md\:py-1\/6 {
-    padding-top: 16.666667%;
-    padding-bottom: 16.666667%;
-  }
-
-  .md\:px-1\/6 {
-    padding-left: 16.666667%;
-    padding-right: 16.666667%;
-  }
-
-  .md\:py-2\/6 {
-    padding-top: 33.333333%;
-    padding-bottom: 33.333333%;
-  }
-
-  .md\:px-2\/6 {
-    padding-left: 33.333333%;
-    padding-right: 33.333333%;
-  }
-
-  .md\:py-3\/6 {
-    padding-top: 50%;
-    padding-bottom: 50%;
-  }
-
-  .md\:px-3\/6 {
-    padding-left: 50%;
-    padding-right: 50%;
-  }
-
-  .md\:py-4\/6 {
-    padding-top: 66.666667%;
-    padding-bottom: 66.666667%;
-  }
-
-  .md\:px-4\/6 {
-    padding-left: 66.666667%;
-    padding-right: 66.666667%;
-  }
-
-  .md\:py-5\/6 {
-    padding-top: 83.333333%;
-    padding-bottom: 83.333333%;
-  }
-
-  .md\:px-5\/6 {
-    padding-left: 83.333333%;
-    padding-right: 83.333333%;
-  }
-
-  .md\:py-1\/12 {
-    padding-top: 8.333333%;
-    padding-bottom: 8.333333%;
-  }
-
-  .md\:px-1\/12 {
-    padding-left: 8.333333%;
-    padding-right: 8.333333%;
-  }
-
-  .md\:py-2\/12 {
-    padding-top: 16.666667%;
-    padding-bottom: 16.666667%;
-  }
-
-  .md\:px-2\/12 {
-    padding-left: 16.666667%;
-    padding-right: 16.666667%;
-  }
-
-  .md\:py-3\/12 {
-    padding-top: 25%;
-    padding-bottom: 25%;
-  }
-
-  .md\:px-3\/12 {
-    padding-left: 25%;
-    padding-right: 25%;
-  }
-
-  .md\:py-4\/12 {
-    padding-top: 33.333333%;
-    padding-bottom: 33.333333%;
-  }
-
-  .md\:px-4\/12 {
-    padding-left: 33.333333%;
-    padding-right: 33.333333%;
-  }
-
-  .md\:py-5\/12 {
-    padding-top: 41.666667%;
-    padding-bottom: 41.666667%;
-  }
-
-  .md\:px-5\/12 {
-    padding-left: 41.666667%;
-    padding-right: 41.666667%;
-  }
-
-  .md\:py-6\/12 {
-    padding-top: 50%;
-    padding-bottom: 50%;
-  }
-
-  .md\:px-6\/12 {
-    padding-left: 50%;
-    padding-right: 50%;
-  }
-
-  .md\:py-7\/12 {
-    padding-top: 58.333333%;
-    padding-bottom: 58.333333%;
-  }
-
-  .md\:px-7\/12 {
-    padding-left: 58.333333%;
-    padding-right: 58.333333%;
-  }
-
-  .md\:py-8\/12 {
-    padding-top: 66.666667%;
-    padding-bottom: 66.666667%;
-  }
-
-  .md\:px-8\/12 {
-    padding-left: 66.666667%;
-    padding-right: 66.666667%;
-  }
-
-  .md\:py-9\/12 {
-    padding-top: 75%;
-    padding-bottom: 75%;
-  }
-
-  .md\:px-9\/12 {
-    padding-left: 75%;
-    padding-right: 75%;
-  }
-
-  .md\:py-10\/12 {
-    padding-top: 83.333333%;
-    padding-bottom: 83.333333%;
-  }
-
-  .md\:px-10\/12 {
-    padding-left: 83.333333%;
-    padding-right: 83.333333%;
-  }
-
-  .md\:py-11\/12 {
-    padding-top: 91.666667%;
-    padding-bottom: 91.666667%;
-  }
-
-  .md\:px-11\/12 {
-    padding-left: 91.666667%;
-    padding-right: 91.666667%;
-  }
-
-  .md\:py-full {
-    padding-top: 100%;
-    padding-bottom: 100%;
-  }
-
-  .md\:px-full {
-    padding-left: 100%;
-    padding-right: 100%;
-  }
-
-  .md\:pt-0 {
-    padding-top: 0;
-  }
-
-  .md\:pr-0 {
-    padding-right: 0;
-  }
-
-  .md\:pb-0 {
-    padding-bottom: 0;
-  }
-
-  .md\:pl-0 {
-    padding-left: 0;
-  }
-
-  .md\:pt-1 {
-    padding-top: 0.25rem;
-  }
-
-  .md\:pr-1 {
-    padding-right: 0.25rem;
-  }
-
-  .md\:pb-1 {
-    padding-bottom: 0.25rem;
-  }
-
-  .md\:pl-1 {
-    padding-left: 0.25rem;
-  }
-
-  .md\:pt-2 {
-    padding-top: 0.5rem;
-  }
-
-  .md\:pr-2 {
-    padding-right: 0.5rem;
-  }
-
-  .md\:pb-2 {
-    padding-bottom: 0.5rem;
-  }
-
-  .md\:pl-2 {
-    padding-left: 0.5rem;
-  }
-
-  .md\:pt-3 {
-    padding-top: 0.75rem;
-  }
-
-  .md\:pr-3 {
-    padding-right: 0.75rem;
-  }
-
-  .md\:pb-3 {
-    padding-bottom: 0.75rem;
-  }
-
-  .md\:pl-3 {
-    padding-left: 0.75rem;
-  }
-
-  .md\:pt-4 {
-    padding-top: 1rem;
-  }
-
-  .md\:pr-4 {
-    padding-right: 1rem;
-  }
-
-  .md\:pb-4 {
-    padding-bottom: 1rem;
-  }
-
-  .md\:pl-4 {
-    padding-left: 1rem;
-  }
-
-  .md\:pt-5 {
-    padding-top: 1.25rem;
-  }
-
-  .md\:pr-5 {
-    padding-right: 1.25rem;
-  }
-
-  .md\:pb-5 {
-    padding-bottom: 1.25rem;
-  }
-
-  .md\:pl-5 {
-    padding-left: 1.25rem;
-  }
-
-  .md\:pt-6 {
-    padding-top: 1.5rem;
-  }
-
-  .md\:pr-6 {
-    padding-right: 1.5rem;
-  }
-
-  .md\:pb-6 {
-    padding-bottom: 1.5rem;
-  }
-
-  .md\:pl-6 {
-    padding-left: 1.5rem;
-  }
-
-  .md\:pt-7 {
-    padding-top: 1.75rem;
-  }
-
-  .md\:pr-7 {
-    padding-right: 1.75rem;
-  }
-
-  .md\:pb-7 {
-    padding-bottom: 1.75rem;
-  }
-
-  .md\:pl-7 {
-    padding-left: 1.75rem;
-  }
-
-  .md\:pt-8 {
-    padding-top: 2rem;
-  }
-
-  .md\:pr-8 {
-    padding-right: 2rem;
-  }
-
-  .md\:pb-8 {
-    padding-bottom: 2rem;
-  }
-
-  .md\:pl-8 {
-    padding-left: 2rem;
-  }
-
-  .md\:pt-9 {
-    padding-top: 2.25rem;
-  }
-
-  .md\:pr-9 {
-    padding-right: 2.25rem;
-  }
-
-  .md\:pb-9 {
-    padding-bottom: 2.25rem;
-  }
-
-  .md\:pl-9 {
-    padding-left: 2.25rem;
-  }
-
-  .md\:pt-10 {
-    padding-top: 2.5rem;
-  }
-
-  .md\:pr-10 {
-    padding-right: 2.5rem;
-  }
-
-  .md\:pb-10 {
-    padding-bottom: 2.5rem;
-  }
-
-  .md\:pl-10 {
-    padding-left: 2.5rem;
-  }
-
-  .md\:pt-11 {
-    padding-top: 2.75rem;
-  }
-
-  .md\:pr-11 {
-    padding-right: 2.75rem;
-  }
-
-  .md\:pb-11 {
-    padding-bottom: 2.75rem;
-  }
-
-  .md\:pl-11 {
-    padding-left: 2.75rem;
-  }
-
-  .md\:pt-12 {
-    padding-top: 3rem;
-  }
-
-  .md\:pr-12 {
-    padding-right: 3rem;
-  }
-
-  .md\:pb-12 {
-    padding-bottom: 3rem;
-  }
-
-  .md\:pl-12 {
-    padding-left: 3rem;
-  }
-
-  .md\:pt-13 {
-    padding-top: 3.25rem;
-  }
-
-  .md\:pr-13 {
-    padding-right: 3.25rem;
-  }
-
-  .md\:pb-13 {
-    padding-bottom: 3.25rem;
-  }
-
-  .md\:pl-13 {
-    padding-left: 3.25rem;
-  }
-
-  .md\:pt-14 {
-    padding-top: 3.5rem;
-  }
-
-  .md\:pr-14 {
-    padding-right: 3.5rem;
-  }
-
-  .md\:pb-14 {
-    padding-bottom: 3.5rem;
-  }
-
-  .md\:pl-14 {
-    padding-left: 3.5rem;
-  }
-
-  .md\:pt-15 {
-    padding-top: 3.75rem;
-  }
-
-  .md\:pr-15 {
-    padding-right: 3.75rem;
-  }
-
-  .md\:pb-15 {
-    padding-bottom: 3.75rem;
-  }
-
-  .md\:pl-15 {
-    padding-left: 3.75rem;
-  }
-
-  .md\:pt-16 {
-    padding-top: 4rem;
-  }
-
-  .md\:pr-16 {
-    padding-right: 4rem;
-  }
-
-  .md\:pb-16 {
-    padding-bottom: 4rem;
-  }
-
-  .md\:pl-16 {
-    padding-left: 4rem;
-  }
-
-  .md\:pt-20 {
-    padding-top: 5rem;
-  }
-
-  .md\:pr-20 {
-    padding-right: 5rem;
-  }
-
-  .md\:pb-20 {
-    padding-bottom: 5rem;
-  }
-
-  .md\:pl-20 {
-    padding-left: 5rem;
-  }
-
-  .md\:pt-24 {
-    padding-top: 6rem;
-  }
-
-  .md\:pr-24 {
-    padding-right: 6rem;
-  }
-
-  .md\:pb-24 {
-    padding-bottom: 6rem;
-  }
-
-  .md\:pl-24 {
-    padding-left: 6rem;
-  }
-
-  .md\:pt-28 {
-    padding-top: 7rem;
-  }
-
-  .md\:pr-28 {
-    padding-right: 7rem;
-  }
-
-  .md\:pb-28 {
-    padding-bottom: 7rem;
-  }
-
-  .md\:pl-28 {
-    padding-left: 7rem;
-  }
-
-  .md\:pt-32 {
-    padding-top: 8rem;
-  }
-
-  .md\:pr-32 {
-    padding-right: 8rem;
-  }
-
-  .md\:pb-32 {
-    padding-bottom: 8rem;
-  }
-
-  .md\:pl-32 {
-    padding-left: 8rem;
-  }
-
-  .md\:pt-36 {
-    padding-top: 9rem;
-  }
-
-  .md\:pr-36 {
-    padding-right: 9rem;
-  }
-
-  .md\:pb-36 {
-    padding-bottom: 9rem;
-  }
-
-  .md\:pl-36 {
-    padding-left: 9rem;
-  }
-
-  .md\:pt-40 {
-    padding-top: 10rem;
-  }
-
-  .md\:pr-40 {
-    padding-right: 10rem;
-  }
-
-  .md\:pb-40 {
-    padding-bottom: 10rem;
-  }
-
-  .md\:pl-40 {
-    padding-left: 10rem;
-  }
-
-  .md\:pt-48 {
-    padding-top: 12rem;
-  }
-
-  .md\:pr-48 {
-    padding-right: 12rem;
-  }
-
-  .md\:pb-48 {
-    padding-bottom: 12rem;
-  }
-
-  .md\:pl-48 {
-    padding-left: 12rem;
-  }
-
-  .md\:pt-56 {
-    padding-top: 14rem;
-  }
-
-  .md\:pr-56 {
-    padding-right: 14rem;
-  }
-
-  .md\:pb-56 {
-    padding-bottom: 14rem;
-  }
-
-  .md\:pl-56 {
-    padding-left: 14rem;
-  }
-
-  .md\:pt-60 {
-    padding-top: 15rem;
-  }
-
-  .md\:pr-60 {
-    padding-right: 15rem;
-  }
-
-  .md\:pb-60 {
-    padding-bottom: 15rem;
-  }
-
-  .md\:pl-60 {
-    padding-left: 15rem;
-  }
-
-  .md\:pt-64 {
-    padding-top: 16rem;
-  }
-
-  .md\:pr-64 {
-    padding-right: 16rem;
-  }
-
-  .md\:pb-64 {
-    padding-bottom: 16rem;
-  }
-
-  .md\:pl-64 {
-    padding-left: 16rem;
-  }
-
-  .md\:pt-72 {
-    padding-top: 18rem;
-  }
-
-  .md\:pr-72 {
-    padding-right: 18rem;
-  }
-
-  .md\:pb-72 {
-    padding-bottom: 18rem;
-  }
-
-  .md\:pl-72 {
-    padding-left: 18rem;
-  }
-
-  .md\:pt-80 {
-    padding-top: 20rem;
-  }
-
-  .md\:pr-80 {
-    padding-right: 20rem;
-  }
-
-  .md\:pb-80 {
-    padding-bottom: 20rem;
-  }
-
-  .md\:pl-80 {
-    padding-left: 20rem;
-  }
-
-  .md\:pt-96 {
-    padding-top: 24rem;
-  }
-
-  .md\:pr-96 {
-    padding-right: 24rem;
-  }
-
-  .md\:pb-96 {
-    padding-bottom: 24rem;
-  }
-
-  .md\:pl-96 {
-    padding-left: 24rem;
-  }
-
-  .md\:pt-px {
-    padding-top: 1px;
-  }
-
-  .md\:pr-px {
-    padding-right: 1px;
-  }
-
-  .md\:pb-px {
-    padding-bottom: 1px;
-  }
-
-  .md\:pl-px {
-    padding-left: 1px;
-  }
-
-  .md\:pt-0\.5 {
-    padding-top: 0.125rem;
-  }
-
-  .md\:pr-0\.5 {
-    padding-right: 0.125rem;
-  }
-
-  .md\:pb-0\.5 {
-    padding-bottom: 0.125rem;
-  }
-
-  .md\:pl-0\.5 {
-    padding-left: 0.125rem;
-  }
-
-  .md\:pt-1\.5 {
-    padding-top: 0.375rem;
-  }
-
-  .md\:pr-1\.5 {
-    padding-right: 0.375rem;
-  }
-
-  .md\:pb-1\.5 {
-    padding-bottom: 0.375rem;
-  }
-
-  .md\:pl-1\.5 {
-    padding-left: 0.375rem;
-  }
-
-  .md\:pt-2\.5 {
-    padding-top: 0.625rem;
-  }
-
-  .md\:pr-2\.5 {
-    padding-right: 0.625rem;
-  }
-
-  .md\:pb-2\.5 {
-    padding-bottom: 0.625rem;
-  }
-
-  .md\:pl-2\.5 {
-    padding-left: 0.625rem;
-  }
-
-  .md\:pt-3\.5 {
-    padding-top: 0.875rem;
-  }
-
-  .md\:pr-3\.5 {
-    padding-right: 0.875rem;
-  }
-
-  .md\:pb-3\.5 {
-    padding-bottom: 0.875rem;
-  }
-
-  .md\:pl-3\.5 {
-    padding-left: 0.875rem;
-  }
-
-  .md\:pt-1\/2 {
-    padding-top: 50%;
-  }
-
-  .md\:pr-1\/2 {
-    padding-right: 50%;
-  }
-
-  .md\:pb-1\/2 {
-    padding-bottom: 50%;
-  }
-
-  .md\:pl-1\/2 {
-    padding-left: 50%;
-  }
-
-  .md\:pt-1\/3 {
-    padding-top: 33.333333%;
-  }
-
-  .md\:pr-1\/3 {
-    padding-right: 33.333333%;
-  }
-
-  .md\:pb-1\/3 {
-    padding-bottom: 33.333333%;
-  }
-
-  .md\:pl-1\/3 {
-    padding-left: 33.333333%;
-  }
-
-  .md\:pt-2\/3 {
-    padding-top: 66.666667%;
-  }
-
-  .md\:pr-2\/3 {
-    padding-right: 66.666667%;
-  }
-
-  .md\:pb-2\/3 {
-    padding-bottom: 66.666667%;
-  }
-
-  .md\:pl-2\/3 {
-    padding-left: 66.666667%;
-  }
-
-  .md\:pt-1\/4 {
-    padding-top: 25%;
-  }
-
-  .md\:pr-1\/4 {
-    padding-right: 25%;
-  }
-
-  .md\:pb-1\/4 {
-    padding-bottom: 25%;
-  }
-
-  .md\:pl-1\/4 {
-    padding-left: 25%;
-  }
-
-  .md\:pt-2\/4 {
-    padding-top: 50%;
-  }
-
-  .md\:pr-2\/4 {
-    padding-right: 50%;
-  }
-
-  .md\:pb-2\/4 {
-    padding-bottom: 50%;
-  }
-
-  .md\:pl-2\/4 {
-    padding-left: 50%;
-  }
-
-  .md\:pt-3\/4 {
-    padding-top: 75%;
-  }
-
-  .md\:pr-3\/4 {
-    padding-right: 75%;
-  }
-
-  .md\:pb-3\/4 {
-    padding-bottom: 75%;
-  }
-
-  .md\:pl-3\/4 {
-    padding-left: 75%;
-  }
-
-  .md\:pt-1\/5 {
-    padding-top: 20%;
-  }
-
-  .md\:pr-1\/5 {
-    padding-right: 20%;
-  }
-
-  .md\:pb-1\/5 {
-    padding-bottom: 20%;
-  }
-
-  .md\:pl-1\/5 {
-    padding-left: 20%;
-  }
-
-  .md\:pt-2\/5 {
-    padding-top: 40%;
-  }
-
-  .md\:pr-2\/5 {
-    padding-right: 40%;
-  }
-
-  .md\:pb-2\/5 {
-    padding-bottom: 40%;
-  }
-
-  .md\:pl-2\/5 {
-    padding-left: 40%;
-  }
-
-  .md\:pt-3\/5 {
-    padding-top: 60%;
-  }
-
-  .md\:pr-3\/5 {
-    padding-right: 60%;
-  }
-
-  .md\:pb-3\/5 {
-    padding-bottom: 60%;
-  }
-
-  .md\:pl-3\/5 {
-    padding-left: 60%;
-  }
-
-  .md\:pt-4\/5 {
-    padding-top: 80%;
-  }
-
-  .md\:pr-4\/5 {
-    padding-right: 80%;
-  }
-
-  .md\:pb-4\/5 {
-    padding-bottom: 80%;
-  }
-
-  .md\:pl-4\/5 {
-    padding-left: 80%;
-  }
-
-  .md\:pt-1\/6 {
-    padding-top: 16.666667%;
-  }
-
-  .md\:pr-1\/6 {
-    padding-right: 16.666667%;
-  }
-
-  .md\:pb-1\/6 {
-    padding-bottom: 16.666667%;
-  }
-
-  .md\:pl-1\/6 {
-    padding-left: 16.666667%;
-  }
-
-  .md\:pt-2\/6 {
-    padding-top: 33.333333%;
-  }
-
-  .md\:pr-2\/6 {
-    padding-right: 33.333333%;
-  }
-
-  .md\:pb-2\/6 {
-    padding-bottom: 33.333333%;
-  }
-
-  .md\:pl-2\/6 {
-    padding-left: 33.333333%;
-  }
-
-  .md\:pt-3\/6 {
-    padding-top: 50%;
-  }
-
-  .md\:pr-3\/6 {
-    padding-right: 50%;
-  }
-
-  .md\:pb-3\/6 {
-    padding-bottom: 50%;
-  }
-
-  .md\:pl-3\/6 {
-    padding-left: 50%;
-  }
-
-  .md\:pt-4\/6 {
-    padding-top: 66.666667%;
-  }
-
-  .md\:pr-4\/6 {
-    padding-right: 66.666667%;
-  }
-
-  .md\:pb-4\/6 {
-    padding-bottom: 66.666667%;
-  }
-
-  .md\:pl-4\/6 {
-    padding-left: 66.666667%;
-  }
-
-  .md\:pt-5\/6 {
-    padding-top: 83.333333%;
-  }
-
-  .md\:pr-5\/6 {
-    padding-right: 83.333333%;
-  }
-
-  .md\:pb-5\/6 {
-    padding-bottom: 83.333333%;
-  }
-
-  .md\:pl-5\/6 {
-    padding-left: 83.333333%;
-  }
-
-  .md\:pt-1\/12 {
-    padding-top: 8.333333%;
-  }
-
-  .md\:pr-1\/12 {
-    padding-right: 8.333333%;
-  }
-
-  .md\:pb-1\/12 {
-    padding-bottom: 8.333333%;
-  }
-
-  .md\:pl-1\/12 {
-    padding-left: 8.333333%;
-  }
-
-  .md\:pt-2\/12 {
-    padding-top: 16.666667%;
-  }
-
-  .md\:pr-2\/12 {
-    padding-right: 16.666667%;
-  }
-
-  .md\:pb-2\/12 {
-    padding-bottom: 16.666667%;
-  }
-
-  .md\:pl-2\/12 {
-    padding-left: 16.666667%;
-  }
-
-  .md\:pt-3\/12 {
-    padding-top: 25%;
-  }
-
-  .md\:pr-3\/12 {
-    padding-right: 25%;
-  }
-
-  .md\:pb-3\/12 {
-    padding-bottom: 25%;
-  }
-
-  .md\:pl-3\/12 {
-    padding-left: 25%;
-  }
-
-  .md\:pt-4\/12 {
-    padding-top: 33.333333%;
-  }
-
-  .md\:pr-4\/12 {
-    padding-right: 33.333333%;
-  }
-
-  .md\:pb-4\/12 {
-    padding-bottom: 33.333333%;
-  }
-
-  .md\:pl-4\/12 {
-    padding-left: 33.333333%;
-  }
-
-  .md\:pt-5\/12 {
-    padding-top: 41.666667%;
-  }
-
-  .md\:pr-5\/12 {
-    padding-right: 41.666667%;
-  }
-
-  .md\:pb-5\/12 {
-    padding-bottom: 41.666667%;
-  }
-
-  .md\:pl-5\/12 {
-    padding-left: 41.666667%;
-  }
-
-  .md\:pt-6\/12 {
-    padding-top: 50%;
-  }
-
-  .md\:pr-6\/12 {
-    padding-right: 50%;
-  }
-
-  .md\:pb-6\/12 {
-    padding-bottom: 50%;
-  }
-
-  .md\:pl-6\/12 {
-    padding-left: 50%;
-  }
-
-  .md\:pt-7\/12 {
-    padding-top: 58.333333%;
-  }
-
-  .md\:pr-7\/12 {
-    padding-right: 58.333333%;
-  }
-
-  .md\:pb-7\/12 {
-    padding-bottom: 58.333333%;
-  }
-
-  .md\:pl-7\/12 {
-    padding-left: 58.333333%;
-  }
-
-  .md\:pt-8\/12 {
-    padding-top: 66.666667%;
-  }
-
-  .md\:pr-8\/12 {
-    padding-right: 66.666667%;
-  }
-
-  .md\:pb-8\/12 {
-    padding-bottom: 66.666667%;
-  }
-
-  .md\:pl-8\/12 {
-    padding-left: 66.666667%;
-  }
-
-  .md\:pt-9\/12 {
-    padding-top: 75%;
-  }
-
-  .md\:pr-9\/12 {
-    padding-right: 75%;
-  }
-
-  .md\:pb-9\/12 {
-    padding-bottom: 75%;
-  }
-
-  .md\:pl-9\/12 {
-    padding-left: 75%;
-  }
-
-  .md\:pt-10\/12 {
-    padding-top: 83.333333%;
-  }
-
-  .md\:pr-10\/12 {
-    padding-right: 83.333333%;
-  }
-
-  .md\:pb-10\/12 {
-    padding-bottom: 83.333333%;
-  }
-
-  .md\:pl-10\/12 {
-    padding-left: 83.333333%;
-  }
-
-  .md\:pt-11\/12 {
-    padding-top: 91.666667%;
-  }
-
-  .md\:pr-11\/12 {
-    padding-right: 91.666667%;
-  }
-
-  .md\:pb-11\/12 {
-    padding-bottom: 91.666667%;
-  }
-
-  .md\:pl-11\/12 {
-    padding-left: 91.666667%;
-  }
-
-  .md\:pt-full {
-    padding-top: 100%;
-  }
-
-  .md\:pr-full {
-    padding-right: 100%;
-  }
-
-  .md\:pb-full {
-    padding-bottom: 100%;
-  }
-
-  .md\:pl-full {
-    padding-left: 100%;
-  }
-
-  .md\:placeholder-transparent::-moz-placeholder {
-    color: transparent;
-  }
-
-  .md\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .md\:placeholder-transparent::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .md\:placeholder-transparent::placeholder {
-    color: transparent;
-  }
-
-  .md\:placeholder-white::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-white:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-white::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-white::placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-black::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-black:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-black::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-black::placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-cool-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-red-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-orange-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-yellow-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-green-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-teal-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-blue-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-indigo-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-purple-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-pink-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-transparent:focus::-moz-placeholder {
-    color: transparent;
-  }
-
-  .md\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .md\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .md\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
-  }
-
-  .md\:focus\:placeholder-white:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-white:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-white:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-black:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-black:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-black:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-cool-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-red-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-orange-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-yellow-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-green-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-teal-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-blue-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-indigo-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-purple-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .md\:focus\:placeholder-pink-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .md\:placeholder-opacity-0::-moz-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .md\:placeholder-opacity-0:-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .md\:placeholder-opacity-0::-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .md\:placeholder-opacity-0::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .md\:placeholder-opacity-25::-moz-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .md\:placeholder-opacity-25:-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .md\:placeholder-opacity-25::-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .md\:placeholder-opacity-25::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .md\:placeholder-opacity-50::-moz-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .md\:placeholder-opacity-50:-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .md\:placeholder-opacity-50::-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .md\:placeholder-opacity-50::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .md\:placeholder-opacity-75::-moz-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .md\:placeholder-opacity-75:-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .md\:placeholder-opacity-75::-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .md\:placeholder-opacity-75::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .md\:placeholder-opacity-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .md\:placeholder-opacity-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .md\:placeholder-opacity-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .md\:placeholder-opacity-100::placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .md\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .md\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .md\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .md\:focus\:placeholder-opacity-0:focus::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .md\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .md\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .md\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .md\:focus\:placeholder-opacity-25:focus::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .md\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .md\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .md\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .md\:focus\:placeholder-opacity-50:focus::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .md\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .md\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .md\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .md\:focus\:placeholder-opacity-75:focus::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .md\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .md\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .md\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .md\:focus\:placeholder-opacity-100:focus::placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .md\:pointer-events-none {
-    pointer-events: none;
-  }
-
-  .md\:pointer-events-auto {
-    pointer-events: auto;
-  }
-
-  .md\:static {
-    position: static;
-  }
-
-  .md\:fixed {
-    position: fixed;
-  }
-
-  .md\:absolute {
-    position: absolute;
-  }
-
-  .md\:relative {
-    position: relative;
-  }
-
-  .md\:sticky {
-    position: -webkit-sticky;
-    position: sticky;
-  }
-
-  .md\:inset-0 {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-  }
-
-  .md\:inset-1 {
-    top: 0.25rem;
-    right: 0.25rem;
-    bottom: 0.25rem;
-    left: 0.25rem;
-  }
-
-  .md\:inset-2 {
-    top: 0.5rem;
-    right: 0.5rem;
-    bottom: 0.5rem;
-    left: 0.5rem;
-  }
-
-  .md\:inset-3 {
-    top: 0.75rem;
-    right: 0.75rem;
-    bottom: 0.75rem;
-    left: 0.75rem;
-  }
-
-  .md\:inset-4 {
-    top: 1rem;
-    right: 1rem;
-    bottom: 1rem;
-    left: 1rem;
-  }
-
-  .md\:inset-5 {
-    top: 1.25rem;
-    right: 1.25rem;
-    bottom: 1.25rem;
-    left: 1.25rem;
-  }
-
-  .md\:inset-6 {
-    top: 1.5rem;
-    right: 1.5rem;
-    bottom: 1.5rem;
-    left: 1.5rem;
-  }
-
-  .md\:inset-7 {
-    top: 1.75rem;
-    right: 1.75rem;
-    bottom: 1.75rem;
-    left: 1.75rem;
-  }
-
-  .md\:inset-8 {
-    top: 2rem;
-    right: 2rem;
-    bottom: 2rem;
-    left: 2rem;
-  }
-
-  .md\:inset-9 {
-    top: 2.25rem;
-    right: 2.25rem;
-    bottom: 2.25rem;
-    left: 2.25rem;
-  }
-
-  .md\:inset-10 {
-    top: 2.5rem;
-    right: 2.5rem;
-    bottom: 2.5rem;
-    left: 2.5rem;
-  }
-
-  .md\:inset-11 {
-    top: 2.75rem;
-    right: 2.75rem;
-    bottom: 2.75rem;
-    left: 2.75rem;
-  }
-
-  .md\:inset-12 {
-    top: 3rem;
-    right: 3rem;
-    bottom: 3rem;
-    left: 3rem;
-  }
-
-  .md\:inset-13 {
-    top: 3.25rem;
-    right: 3.25rem;
-    bottom: 3.25rem;
-    left: 3.25rem;
-  }
-
-  .md\:inset-14 {
-    top: 3.5rem;
-    right: 3.5rem;
-    bottom: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .md\:inset-15 {
-    top: 3.75rem;
-    right: 3.75rem;
-    bottom: 3.75rem;
-    left: 3.75rem;
-  }
-
-  .md\:inset-16 {
-    top: 4rem;
-    right: 4rem;
-    bottom: 4rem;
-    left: 4rem;
-  }
-
-  .md\:inset-20 {
-    top: 5rem;
-    right: 5rem;
-    bottom: 5rem;
-    left: 5rem;
-  }
-
-  .md\:inset-24 {
-    top: 6rem;
-    right: 6rem;
-    bottom: 6rem;
-    left: 6rem;
-  }
-
-  .md\:inset-28 {
-    top: 7rem;
-    right: 7rem;
-    bottom: 7rem;
-    left: 7rem;
-  }
-
-  .md\:inset-32 {
-    top: 8rem;
-    right: 8rem;
-    bottom: 8rem;
-    left: 8rem;
-  }
-
-  .md\:inset-36 {
-    top: 9rem;
-    right: 9rem;
-    bottom: 9rem;
-    left: 9rem;
-  }
-
-  .md\:inset-40 {
-    top: 10rem;
-    right: 10rem;
-    bottom: 10rem;
-    left: 10rem;
-  }
-
-  .md\:inset-48 {
-    top: 12rem;
-    right: 12rem;
-    bottom: 12rem;
-    left: 12rem;
-  }
-
-  .md\:inset-56 {
-    top: 14rem;
-    right: 14rem;
-    bottom: 14rem;
-    left: 14rem;
-  }
-
-  .md\:inset-60 {
-    top: 15rem;
-    right: 15rem;
-    bottom: 15rem;
-    left: 15rem;
-  }
-
-  .md\:inset-64 {
-    top: 16rem;
-    right: 16rem;
-    bottom: 16rem;
-    left: 16rem;
-  }
-
-  .md\:inset-72 {
-    top: 18rem;
-    right: 18rem;
-    bottom: 18rem;
-    left: 18rem;
-  }
-
-  .md\:inset-80 {
-    top: 20rem;
-    right: 20rem;
-    bottom: 20rem;
-    left: 20rem;
-  }
-
-  .md\:inset-96 {
-    top: 24rem;
-    right: 24rem;
-    bottom: 24rem;
-    left: 24rem;
-  }
-
-  .md\:inset-auto {
-    top: auto;
-    right: auto;
-    bottom: auto;
-    left: auto;
-  }
-
-  .md\:inset-px {
-    top: 1px;
-    right: 1px;
-    bottom: 1px;
-    left: 1px;
-  }
-
-  .md\:inset-0\.5 {
-    top: 0.125rem;
-    right: 0.125rem;
-    bottom: 0.125rem;
-    left: 0.125rem;
-  }
-
-  .md\:inset-1\.5 {
-    top: 0.375rem;
-    right: 0.375rem;
-    bottom: 0.375rem;
-    left: 0.375rem;
-  }
-
-  .md\:inset-2\.5 {
-    top: 0.625rem;
-    right: 0.625rem;
-    bottom: 0.625rem;
-    left: 0.625rem;
-  }
-
-  .md\:inset-3\.5 {
-    top: 0.875rem;
-    right: 0.875rem;
-    bottom: 0.875rem;
-    left: 0.875rem;
-  }
-
-  .md\:inset-1\/2 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .md\:inset-1\/3 {
-    top: 33.333333%;
-    right: 33.333333%;
-    bottom: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .md\:inset-2\/3 {
-    top: 66.666667%;
-    right: 66.666667%;
-    bottom: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .md\:inset-1\/4 {
-    top: 25%;
-    right: 25%;
-    bottom: 25%;
-    left: 25%;
-  }
-
-  .md\:inset-2\/4 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .md\:inset-3\/4 {
-    top: 75%;
-    right: 75%;
-    bottom: 75%;
-    left: 75%;
-  }
-
-  .md\:inset-1\/5 {
-    top: 20%;
-    right: 20%;
-    bottom: 20%;
-    left: 20%;
-  }
-
-  .md\:inset-2\/5 {
-    top: 40%;
-    right: 40%;
-    bottom: 40%;
-    left: 40%;
-  }
-
-  .md\:inset-3\/5 {
-    top: 60%;
-    right: 60%;
-    bottom: 60%;
-    left: 60%;
-  }
-
-  .md\:inset-4\/5 {
-    top: 80%;
-    right: 80%;
-    bottom: 80%;
-    left: 80%;
-  }
-
-  .md\:inset-1\/6 {
-    top: 16.666667%;
-    right: 16.666667%;
-    bottom: 16.666667%;
-    left: 16.666667%;
-  }
-
-  .md\:inset-2\/6 {
-    top: 33.333333%;
-    right: 33.333333%;
-    bottom: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .md\:inset-3\/6 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .md\:inset-4\/6 {
-    top: 66.666667%;
-    right: 66.666667%;
-    bottom: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .md\:inset-5\/6 {
-    top: 83.333333%;
-    right: 83.333333%;
-    bottom: 83.333333%;
-    left: 83.333333%;
-  }
-
-  .md\:inset-1\/12 {
-    top: 8.333333%;
-    right: 8.333333%;
-    bottom: 8.333333%;
-    left: 8.333333%;
-  }
-
-  .md\:inset-2\/12 {
-    top: 16.666667%;
-    right: 16.666667%;
-    bottom: 16.666667%;
-    left: 16.666667%;
-  }
-
-  .md\:inset-3\/12 {
-    top: 25%;
-    right: 25%;
-    bottom: 25%;
-    left: 25%;
-  }
-
-  .md\:inset-4\/12 {
-    top: 33.333333%;
-    right: 33.333333%;
-    bottom: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .md\:inset-5\/12 {
-    top: 41.666667%;
-    right: 41.666667%;
-    bottom: 41.666667%;
-    left: 41.666667%;
-  }
-
-  .md\:inset-6\/12 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .md\:inset-7\/12 {
-    top: 58.333333%;
-    right: 58.333333%;
-    bottom: 58.333333%;
-    left: 58.333333%;
-  }
-
-  .md\:inset-8\/12 {
-    top: 66.666667%;
-    right: 66.666667%;
-    bottom: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .md\:inset-9\/12 {
-    top: 75%;
-    right: 75%;
-    bottom: 75%;
-    left: 75%;
-  }
-
-  .md\:inset-10\/12 {
-    top: 83.333333%;
-    right: 83.333333%;
-    bottom: 83.333333%;
-    left: 83.333333%;
-  }
-
-  .md\:inset-11\/12 {
-    top: 91.666667%;
-    right: 91.666667%;
-    bottom: 91.666667%;
-    left: 91.666667%;
-  }
-
-  .md\:inset-full {
-    top: 100%;
-    right: 100%;
-    bottom: 100%;
-    left: 100%;
-  }
-
-  .md\:inset-y-0 {
-    top: 0;
-    bottom: 0;
-  }
-
-  .md\:inset-x-0 {
-    right: 0;
-    left: 0;
-  }
-
-  .md\:inset-y-1 {
-    top: 0.25rem;
-    bottom: 0.25rem;
-  }
-
-  .md\:inset-x-1 {
-    right: 0.25rem;
-    left: 0.25rem;
-  }
-
-  .md\:inset-y-2 {
-    top: 0.5rem;
-    bottom: 0.5rem;
-  }
-
-  .md\:inset-x-2 {
-    right: 0.5rem;
-    left: 0.5rem;
-  }
-
-  .md\:inset-y-3 {
-    top: 0.75rem;
-    bottom: 0.75rem;
-  }
-
-  .md\:inset-x-3 {
-    right: 0.75rem;
-    left: 0.75rem;
-  }
-
-  .md\:inset-y-4 {
-    top: 1rem;
-    bottom: 1rem;
-  }
-
-  .md\:inset-x-4 {
-    right: 1rem;
-    left: 1rem;
-  }
-
-  .md\:inset-y-5 {
-    top: 1.25rem;
-    bottom: 1.25rem;
-  }
-
-  .md\:inset-x-5 {
-    right: 1.25rem;
-    left: 1.25rem;
-  }
-
-  .md\:inset-y-6 {
-    top: 1.5rem;
-    bottom: 1.5rem;
-  }
-
-  .md\:inset-x-6 {
-    right: 1.5rem;
-    left: 1.5rem;
-  }
-
-  .md\:inset-y-7 {
-    top: 1.75rem;
-    bottom: 1.75rem;
-  }
-
-  .md\:inset-x-7 {
-    right: 1.75rem;
-    left: 1.75rem;
-  }
-
-  .md\:inset-y-8 {
-    top: 2rem;
-    bottom: 2rem;
-  }
-
-  .md\:inset-x-8 {
-    right: 2rem;
-    left: 2rem;
-  }
-
-  .md\:inset-y-9 {
-    top: 2.25rem;
-    bottom: 2.25rem;
-  }
-
-  .md\:inset-x-9 {
-    right: 2.25rem;
-    left: 2.25rem;
-  }
-
-  .md\:inset-y-10 {
-    top: 2.5rem;
-    bottom: 2.5rem;
-  }
-
-  .md\:inset-x-10 {
-    right: 2.5rem;
-    left: 2.5rem;
-  }
-
-  .md\:inset-y-11 {
-    top: 2.75rem;
-    bottom: 2.75rem;
-  }
-
-  .md\:inset-x-11 {
-    right: 2.75rem;
-    left: 2.75rem;
-  }
-
-  .md\:inset-y-12 {
-    top: 3rem;
-    bottom: 3rem;
-  }
-
-  .md\:inset-x-12 {
-    right: 3rem;
-    left: 3rem;
-  }
-
-  .md\:inset-y-13 {
-    top: 3.25rem;
-    bottom: 3.25rem;
-  }
-
-  .md\:inset-x-13 {
-    right: 3.25rem;
-    left: 3.25rem;
-  }
-
-  .md\:inset-y-14 {
-    top: 3.5rem;
-    bottom: 3.5rem;
-  }
-
-  .md\:inset-x-14 {
-    right: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .md\:inset-y-15 {
-    top: 3.75rem;
-    bottom: 3.75rem;
-  }
-
-  .md\:inset-x-15 {
-    right: 3.75rem;
-    left: 3.75rem;
-  }
-
-  .md\:inset-y-16 {
-    top: 4rem;
-    bottom: 4rem;
-  }
-
-  .md\:inset-x-16 {
-    right: 4rem;
-    left: 4rem;
-  }
-
-  .md\:inset-y-20 {
-    top: 5rem;
-    bottom: 5rem;
-  }
-
-  .md\:inset-x-20 {
-    right: 5rem;
-    left: 5rem;
-  }
-
-  .md\:inset-y-24 {
-    top: 6rem;
-    bottom: 6rem;
-  }
-
-  .md\:inset-x-24 {
-    right: 6rem;
-    left: 6rem;
-  }
-
-  .md\:inset-y-28 {
-    top: 7rem;
-    bottom: 7rem;
-  }
-
-  .md\:inset-x-28 {
-    right: 7rem;
-    left: 7rem;
-  }
-
-  .md\:inset-y-32 {
-    top: 8rem;
-    bottom: 8rem;
-  }
-
-  .md\:inset-x-32 {
-    right: 8rem;
-    left: 8rem;
-  }
-
-  .md\:inset-y-36 {
-    top: 9rem;
-    bottom: 9rem;
-  }
-
-  .md\:inset-x-36 {
-    right: 9rem;
-    left: 9rem;
-  }
-
-  .md\:inset-y-40 {
-    top: 10rem;
-    bottom: 10rem;
-  }
-
-  .md\:inset-x-40 {
-    right: 10rem;
-    left: 10rem;
-  }
-
-  .md\:inset-y-48 {
-    top: 12rem;
-    bottom: 12rem;
-  }
-
-  .md\:inset-x-48 {
-    right: 12rem;
-    left: 12rem;
-  }
-
-  .md\:inset-y-56 {
-    top: 14rem;
-    bottom: 14rem;
-  }
-
-  .md\:inset-x-56 {
-    right: 14rem;
-    left: 14rem;
-  }
-
-  .md\:inset-y-60 {
-    top: 15rem;
-    bottom: 15rem;
-  }
-
-  .md\:inset-x-60 {
-    right: 15rem;
-    left: 15rem;
-  }
-
-  .md\:inset-y-64 {
-    top: 16rem;
-    bottom: 16rem;
-  }
-
-  .md\:inset-x-64 {
-    right: 16rem;
-    left: 16rem;
-  }
-
-  .md\:inset-y-72 {
-    top: 18rem;
-    bottom: 18rem;
-  }
-
-  .md\:inset-x-72 {
-    right: 18rem;
-    left: 18rem;
-  }
-
-  .md\:inset-y-80 {
-    top: 20rem;
-    bottom: 20rem;
-  }
-
-  .md\:inset-x-80 {
-    right: 20rem;
-    left: 20rem;
-  }
-
-  .md\:inset-y-96 {
-    top: 24rem;
-    bottom: 24rem;
-  }
-
-  .md\:inset-x-96 {
-    right: 24rem;
-    left: 24rem;
-  }
-
-  .md\:inset-y-auto {
-    top: auto;
-    bottom: auto;
-  }
-
-  .md\:inset-x-auto {
-    right: auto;
-    left: auto;
-  }
-
-  .md\:inset-y-px {
-    top: 1px;
-    bottom: 1px;
-  }
-
-  .md\:inset-x-px {
-    right: 1px;
-    left: 1px;
-  }
-
-  .md\:inset-y-0\.5 {
-    top: 0.125rem;
-    bottom: 0.125rem;
-  }
-
-  .md\:inset-x-0\.5 {
-    right: 0.125rem;
-    left: 0.125rem;
-  }
-
-  .md\:inset-y-1\.5 {
-    top: 0.375rem;
-    bottom: 0.375rem;
-  }
-
-  .md\:inset-x-1\.5 {
-    right: 0.375rem;
-    left: 0.375rem;
-  }
-
-  .md\:inset-y-2\.5 {
-    top: 0.625rem;
-    bottom: 0.625rem;
-  }
-
-  .md\:inset-x-2\.5 {
-    right: 0.625rem;
-    left: 0.625rem;
-  }
-
-  .md\:inset-y-3\.5 {
-    top: 0.875rem;
-    bottom: 0.875rem;
-  }
-
-  .md\:inset-x-3\.5 {
-    right: 0.875rem;
-    left: 0.875rem;
-  }
-
-  .md\:inset-y-1\/2 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .md\:inset-x-1\/2 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .md\:inset-y-1\/3 {
-    top: 33.333333%;
-    bottom: 33.333333%;
-  }
-
-  .md\:inset-x-1\/3 {
-    right: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .md\:inset-y-2\/3 {
-    top: 66.666667%;
-    bottom: 66.666667%;
-  }
-
-  .md\:inset-x-2\/3 {
-    right: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .md\:inset-y-1\/4 {
-    top: 25%;
-    bottom: 25%;
-  }
-
-  .md\:inset-x-1\/4 {
-    right: 25%;
-    left: 25%;
-  }
-
-  .md\:inset-y-2\/4 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .md\:inset-x-2\/4 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .md\:inset-y-3\/4 {
-    top: 75%;
-    bottom: 75%;
-  }
-
-  .md\:inset-x-3\/4 {
-    right: 75%;
-    left: 75%;
-  }
-
-  .md\:inset-y-1\/5 {
-    top: 20%;
-    bottom: 20%;
-  }
-
-  .md\:inset-x-1\/5 {
-    right: 20%;
-    left: 20%;
-  }
-
-  .md\:inset-y-2\/5 {
-    top: 40%;
-    bottom: 40%;
-  }
-
-  .md\:inset-x-2\/5 {
-    right: 40%;
-    left: 40%;
-  }
-
-  .md\:inset-y-3\/5 {
-    top: 60%;
-    bottom: 60%;
-  }
-
-  .md\:inset-x-3\/5 {
-    right: 60%;
-    left: 60%;
-  }
-
-  .md\:inset-y-4\/5 {
-    top: 80%;
-    bottom: 80%;
-  }
-
-  .md\:inset-x-4\/5 {
-    right: 80%;
-    left: 80%;
-  }
-
-  .md\:inset-y-1\/6 {
-    top: 16.666667%;
-    bottom: 16.666667%;
-  }
-
-  .md\:inset-x-1\/6 {
-    right: 16.666667%;
-    left: 16.666667%;
-  }
-
-  .md\:inset-y-2\/6 {
-    top: 33.333333%;
-    bottom: 33.333333%;
-  }
-
-  .md\:inset-x-2\/6 {
-    right: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .md\:inset-y-3\/6 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .md\:inset-x-3\/6 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .md\:inset-y-4\/6 {
-    top: 66.666667%;
-    bottom: 66.666667%;
-  }
-
-  .md\:inset-x-4\/6 {
-    right: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .md\:inset-y-5\/6 {
-    top: 83.333333%;
-    bottom: 83.333333%;
-  }
-
-  .md\:inset-x-5\/6 {
-    right: 83.333333%;
-    left: 83.333333%;
-  }
-
-  .md\:inset-y-1\/12 {
-    top: 8.333333%;
-    bottom: 8.333333%;
-  }
-
-  .md\:inset-x-1\/12 {
-    right: 8.333333%;
-    left: 8.333333%;
-  }
-
-  .md\:inset-y-2\/12 {
-    top: 16.666667%;
-    bottom: 16.666667%;
-  }
-
-  .md\:inset-x-2\/12 {
-    right: 16.666667%;
-    left: 16.666667%;
-  }
-
-  .md\:inset-y-3\/12 {
-    top: 25%;
-    bottom: 25%;
-  }
-
-  .md\:inset-x-3\/12 {
-    right: 25%;
-    left: 25%;
-  }
-
-  .md\:inset-y-4\/12 {
-    top: 33.333333%;
-    bottom: 33.333333%;
-  }
-
-  .md\:inset-x-4\/12 {
-    right: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .md\:inset-y-5\/12 {
-    top: 41.666667%;
-    bottom: 41.666667%;
-  }
-
-  .md\:inset-x-5\/12 {
-    right: 41.666667%;
-    left: 41.666667%;
-  }
-
-  .md\:inset-y-6\/12 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .md\:inset-x-6\/12 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .md\:inset-y-7\/12 {
-    top: 58.333333%;
-    bottom: 58.333333%;
-  }
-
-  .md\:inset-x-7\/12 {
-    right: 58.333333%;
-    left: 58.333333%;
-  }
-
-  .md\:inset-y-8\/12 {
-    top: 66.666667%;
-    bottom: 66.666667%;
-  }
-
-  .md\:inset-x-8\/12 {
-    right: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .md\:inset-y-9\/12 {
-    top: 75%;
-    bottom: 75%;
-  }
-
-  .md\:inset-x-9\/12 {
-    right: 75%;
-    left: 75%;
-  }
-
-  .md\:inset-y-10\/12 {
-    top: 83.333333%;
-    bottom: 83.333333%;
-  }
-
-  .md\:inset-x-10\/12 {
-    right: 83.333333%;
-    left: 83.333333%;
-  }
-
-  .md\:inset-y-11\/12 {
-    top: 91.666667%;
-    bottom: 91.666667%;
-  }
-
-  .md\:inset-x-11\/12 {
-    right: 91.666667%;
-    left: 91.666667%;
-  }
-
-  .md\:inset-y-full {
-    top: 100%;
-    bottom: 100%;
-  }
-
-  .md\:inset-x-full {
-    right: 100%;
-    left: 100%;
-  }
-
-  .md\:top-0 {
-    top: 0;
-  }
-
-  .md\:right-0 {
-    right: 0;
-  }
-
-  .md\:bottom-0 {
-    bottom: 0;
-  }
-
-  .md\:left-0 {
-    left: 0;
-  }
-
-  .md\:top-1 {
-    top: 0.25rem;
-  }
-
-  .md\:right-1 {
-    right: 0.25rem;
-  }
-
-  .md\:bottom-1 {
-    bottom: 0.25rem;
-  }
-
-  .md\:left-1 {
-    left: 0.25rem;
-  }
-
-  .md\:top-2 {
-    top: 0.5rem;
-  }
-
-  .md\:right-2 {
-    right: 0.5rem;
-  }
-
-  .md\:bottom-2 {
-    bottom: 0.5rem;
-  }
-
-  .md\:left-2 {
-    left: 0.5rem;
-  }
-
-  .md\:top-3 {
-    top: 0.75rem;
-  }
-
-  .md\:right-3 {
-    right: 0.75rem;
-  }
-
-  .md\:bottom-3 {
-    bottom: 0.75rem;
-  }
-
-  .md\:left-3 {
-    left: 0.75rem;
-  }
-
-  .md\:top-4 {
-    top: 1rem;
-  }
-
-  .md\:right-4 {
-    right: 1rem;
-  }
-
-  .md\:bottom-4 {
-    bottom: 1rem;
-  }
-
-  .md\:left-4 {
-    left: 1rem;
-  }
-
-  .md\:top-5 {
-    top: 1.25rem;
-  }
-
-  .md\:right-5 {
-    right: 1.25rem;
-  }
-
-  .md\:bottom-5 {
-    bottom: 1.25rem;
-  }
-
-  .md\:left-5 {
-    left: 1.25rem;
-  }
-
-  .md\:top-6 {
-    top: 1.5rem;
-  }
-
-  .md\:right-6 {
-    right: 1.5rem;
-  }
-
-  .md\:bottom-6 {
-    bottom: 1.5rem;
-  }
-
-  .md\:left-6 {
-    left: 1.5rem;
-  }
-
-  .md\:top-7 {
-    top: 1.75rem;
-  }
-
-  .md\:right-7 {
-    right: 1.75rem;
-  }
-
-  .md\:bottom-7 {
-    bottom: 1.75rem;
-  }
-
-  .md\:left-7 {
-    left: 1.75rem;
-  }
-
-  .md\:top-8 {
-    top: 2rem;
-  }
-
-  .md\:right-8 {
-    right: 2rem;
-  }
-
-  .md\:bottom-8 {
-    bottom: 2rem;
-  }
-
-  .md\:left-8 {
-    left: 2rem;
-  }
-
-  .md\:top-9 {
-    top: 2.25rem;
-  }
-
-  .md\:right-9 {
-    right: 2.25rem;
-  }
-
-  .md\:bottom-9 {
-    bottom: 2.25rem;
-  }
-
-  .md\:left-9 {
-    left: 2.25rem;
-  }
-
-  .md\:top-10 {
-    top: 2.5rem;
-  }
-
-  .md\:right-10 {
-    right: 2.5rem;
-  }
-
-  .md\:bottom-10 {
-    bottom: 2.5rem;
-  }
-
-  .md\:left-10 {
-    left: 2.5rem;
-  }
-
-  .md\:top-11 {
-    top: 2.75rem;
-  }
-
-  .md\:right-11 {
-    right: 2.75rem;
-  }
-
-  .md\:bottom-11 {
-    bottom: 2.75rem;
-  }
-
-  .md\:left-11 {
-    left: 2.75rem;
-  }
-
-  .md\:top-12 {
-    top: 3rem;
-  }
-
-  .md\:right-12 {
-    right: 3rem;
-  }
-
-  .md\:bottom-12 {
-    bottom: 3rem;
-  }
-
-  .md\:left-12 {
-    left: 3rem;
-  }
-
-  .md\:top-13 {
-    top: 3.25rem;
-  }
-
-  .md\:right-13 {
-    right: 3.25rem;
-  }
-
-  .md\:bottom-13 {
-    bottom: 3.25rem;
-  }
-
-  .md\:left-13 {
-    left: 3.25rem;
-  }
-
-  .md\:top-14 {
-    top: 3.5rem;
-  }
-
-  .md\:right-14 {
-    right: 3.5rem;
-  }
-
-  .md\:bottom-14 {
-    bottom: 3.5rem;
-  }
-
-  .md\:left-14 {
-    left: 3.5rem;
-  }
-
-  .md\:top-15 {
-    top: 3.75rem;
-  }
-
-  .md\:right-15 {
-    right: 3.75rem;
-  }
-
-  .md\:bottom-15 {
-    bottom: 3.75rem;
-  }
-
-  .md\:left-15 {
-    left: 3.75rem;
-  }
-
-  .md\:top-16 {
-    top: 4rem;
-  }
-
-  .md\:right-16 {
-    right: 4rem;
-  }
-
-  .md\:bottom-16 {
-    bottom: 4rem;
-  }
-
-  .md\:left-16 {
-    left: 4rem;
-  }
-
-  .md\:top-20 {
-    top: 5rem;
-  }
-
-  .md\:right-20 {
-    right: 5rem;
-  }
-
-  .md\:bottom-20 {
-    bottom: 5rem;
-  }
-
-  .md\:left-20 {
-    left: 5rem;
-  }
-
-  .md\:top-24 {
-    top: 6rem;
-  }
-
-  .md\:right-24 {
-    right: 6rem;
-  }
-
-  .md\:bottom-24 {
-    bottom: 6rem;
-  }
-
-  .md\:left-24 {
-    left: 6rem;
-  }
-
-  .md\:top-28 {
-    top: 7rem;
-  }
-
-  .md\:right-28 {
-    right: 7rem;
-  }
-
-  .md\:bottom-28 {
-    bottom: 7rem;
-  }
-
-  .md\:left-28 {
-    left: 7rem;
-  }
-
-  .md\:top-32 {
-    top: 8rem;
-  }
-
-  .md\:right-32 {
-    right: 8rem;
-  }
-
-  .md\:bottom-32 {
-    bottom: 8rem;
-  }
-
-  .md\:left-32 {
-    left: 8rem;
-  }
-
-  .md\:top-36 {
-    top: 9rem;
-  }
-
-  .md\:right-36 {
-    right: 9rem;
-  }
-
-  .md\:bottom-36 {
-    bottom: 9rem;
-  }
-
-  .md\:left-36 {
-    left: 9rem;
-  }
-
-  .md\:top-40 {
-    top: 10rem;
-  }
-
-  .md\:right-40 {
-    right: 10rem;
-  }
-
-  .md\:bottom-40 {
-    bottom: 10rem;
-  }
-
-  .md\:left-40 {
-    left: 10rem;
-  }
-
-  .md\:top-48 {
-    top: 12rem;
-  }
-
-  .md\:right-48 {
-    right: 12rem;
-  }
-
-  .md\:bottom-48 {
-    bottom: 12rem;
-  }
-
-  .md\:left-48 {
-    left: 12rem;
-  }
-
-  .md\:top-56 {
-    top: 14rem;
-  }
-
-  .md\:right-56 {
-    right: 14rem;
-  }
-
-  .md\:bottom-56 {
-    bottom: 14rem;
-  }
-
-  .md\:left-56 {
-    left: 14rem;
-  }
-
-  .md\:top-60 {
-    top: 15rem;
-  }
-
-  .md\:right-60 {
-    right: 15rem;
-  }
-
-  .md\:bottom-60 {
-    bottom: 15rem;
-  }
-
-  .md\:left-60 {
-    left: 15rem;
-  }
-
-  .md\:top-64 {
-    top: 16rem;
-  }
-
-  .md\:right-64 {
-    right: 16rem;
-  }
-
-  .md\:bottom-64 {
-    bottom: 16rem;
-  }
-
-  .md\:left-64 {
-    left: 16rem;
-  }
-
-  .md\:top-72 {
-    top: 18rem;
-  }
-
-  .md\:right-72 {
-    right: 18rem;
-  }
-
-  .md\:bottom-72 {
-    bottom: 18rem;
-  }
-
-  .md\:left-72 {
-    left: 18rem;
-  }
-
-  .md\:top-80 {
-    top: 20rem;
-  }
-
-  .md\:right-80 {
-    right: 20rem;
-  }
-
-  .md\:bottom-80 {
-    bottom: 20rem;
-  }
-
-  .md\:left-80 {
-    left: 20rem;
-  }
-
-  .md\:top-96 {
-    top: 24rem;
-  }
-
-  .md\:right-96 {
-    right: 24rem;
-  }
-
-  .md\:bottom-96 {
-    bottom: 24rem;
-  }
-
-  .md\:left-96 {
-    left: 24rem;
-  }
-
-  .md\:top-auto {
-    top: auto;
-  }
-
-  .md\:right-auto {
-    right: auto;
-  }
-
-  .md\:bottom-auto {
-    bottom: auto;
-  }
-
-  .md\:left-auto {
-    left: auto;
-  }
-
-  .md\:top-px {
-    top: 1px;
-  }
-
-  .md\:right-px {
-    right: 1px;
-  }
-
-  .md\:bottom-px {
-    bottom: 1px;
-  }
-
-  .md\:left-px {
-    left: 1px;
-  }
-
-  .md\:top-0\.5 {
-    top: 0.125rem;
-  }
-
-  .md\:right-0\.5 {
-    right: 0.125rem;
-  }
-
-  .md\:bottom-0\.5 {
-    bottom: 0.125rem;
-  }
-
-  .md\:left-0\.5 {
-    left: 0.125rem;
-  }
-
-  .md\:top-1\.5 {
-    top: 0.375rem;
-  }
-
-  .md\:right-1\.5 {
-    right: 0.375rem;
-  }
-
-  .md\:bottom-1\.5 {
-    bottom: 0.375rem;
-  }
-
-  .md\:left-1\.5 {
-    left: 0.375rem;
-  }
-
-  .md\:top-2\.5 {
-    top: 0.625rem;
-  }
-
-  .md\:right-2\.5 {
-    right: 0.625rem;
-  }
-
-  .md\:bottom-2\.5 {
-    bottom: 0.625rem;
-  }
-
-  .md\:left-2\.5 {
-    left: 0.625rem;
-  }
-
-  .md\:top-3\.5 {
-    top: 0.875rem;
-  }
-
-  .md\:right-3\.5 {
-    right: 0.875rem;
-  }
-
-  .md\:bottom-3\.5 {
-    bottom: 0.875rem;
-  }
-
-  .md\:left-3\.5 {
-    left: 0.875rem;
-  }
-
-  .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\:top-1\/3 {
-    top: 33.333333%;
-  }
-
-  .md\:right-1\/3 {
-    right: 33.333333%;
-  }
-
-  .md\:bottom-1\/3 {
-    bottom: 33.333333%;
-  }
-
-  .md\:left-1\/3 {
-    left: 33.333333%;
-  }
-
-  .md\:top-2\/3 {
-    top: 66.666667%;
-  }
-
-  .md\:right-2\/3 {
-    right: 66.666667%;
-  }
-
-  .md\:bottom-2\/3 {
-    bottom: 66.666667%;
-  }
-
-  .md\:left-2\/3 {
-    left: 66.666667%;
-  }
-
-  .md\:top-1\/4 {
-    top: 25%;
-  }
-
-  .md\:right-1\/4 {
-    right: 25%;
-  }
-
-  .md\:bottom-1\/4 {
-    bottom: 25%;
-  }
-
-  .md\:left-1\/4 {
-    left: 25%;
-  }
-
-  .md\:top-2\/4 {
-    top: 50%;
-  }
-
-  .md\:right-2\/4 {
-    right: 50%;
-  }
-
-  .md\:bottom-2\/4 {
-    bottom: 50%;
-  }
-
-  .md\:left-2\/4 {
-    left: 50%;
-  }
-
-  .md\:top-3\/4 {
-    top: 75%;
-  }
-
-  .md\:right-3\/4 {
-    right: 75%;
-  }
-
-  .md\:bottom-3\/4 {
-    bottom: 75%;
-  }
-
-  .md\:left-3\/4 {
-    left: 75%;
-  }
-
-  .md\:top-1\/5 {
-    top: 20%;
-  }
-
-  .md\:right-1\/5 {
-    right: 20%;
-  }
-
-  .md\:bottom-1\/5 {
-    bottom: 20%;
-  }
-
-  .md\:left-1\/5 {
-    left: 20%;
-  }
-
-  .md\:top-2\/5 {
-    top: 40%;
-  }
-
-  .md\:right-2\/5 {
-    right: 40%;
-  }
-
-  .md\:bottom-2\/5 {
-    bottom: 40%;
-  }
-
-  .md\:left-2\/5 {
-    left: 40%;
-  }
-
-  .md\:top-3\/5 {
-    top: 60%;
-  }
-
-  .md\:right-3\/5 {
-    right: 60%;
-  }
-
-  .md\:bottom-3\/5 {
-    bottom: 60%;
-  }
-
-  .md\:left-3\/5 {
-    left: 60%;
-  }
-
-  .md\:top-4\/5 {
-    top: 80%;
-  }
-
-  .md\:right-4\/5 {
-    right: 80%;
-  }
-
-  .md\:bottom-4\/5 {
-    bottom: 80%;
-  }
-
-  .md\:left-4\/5 {
-    left: 80%;
-  }
-
-  .md\:top-1\/6 {
-    top: 16.666667%;
-  }
-
-  .md\:right-1\/6 {
-    right: 16.666667%;
-  }
-
-  .md\:bottom-1\/6 {
-    bottom: 16.666667%;
-  }
-
-  .md\:left-1\/6 {
-    left: 16.666667%;
-  }
-
-  .md\:top-2\/6 {
-    top: 33.333333%;
-  }
-
-  .md\:right-2\/6 {
-    right: 33.333333%;
-  }
-
-  .md\:bottom-2\/6 {
-    bottom: 33.333333%;
-  }
-
-  .md\:left-2\/6 {
-    left: 33.333333%;
-  }
-
-  .md\:top-3\/6 {
-    top: 50%;
-  }
-
-  .md\:right-3\/6 {
-    right: 50%;
-  }
-
-  .md\:bottom-3\/6 {
-    bottom: 50%;
-  }
-
-  .md\:left-3\/6 {
-    left: 50%;
-  }
-
-  .md\:top-4\/6 {
-    top: 66.666667%;
-  }
-
-  .md\:right-4\/6 {
-    right: 66.666667%;
-  }
-
-  .md\:bottom-4\/6 {
-    bottom: 66.666667%;
-  }
-
-  .md\:left-4\/6 {
-    left: 66.666667%;
-  }
-
-  .md\:top-5\/6 {
-    top: 83.333333%;
-  }
-
-  .md\:right-5\/6 {
-    right: 83.333333%;
-  }
-
-  .md\:bottom-5\/6 {
-    bottom: 83.333333%;
-  }
-
-  .md\:left-5\/6 {
-    left: 83.333333%;
-  }
-
-  .md\:top-1\/12 {
-    top: 8.333333%;
-  }
-
-  .md\:right-1\/12 {
-    right: 8.333333%;
-  }
-
-  .md\:bottom-1\/12 {
-    bottom: 8.333333%;
-  }
-
-  .md\:left-1\/12 {
-    left: 8.333333%;
-  }
-
-  .md\:top-2\/12 {
-    top: 16.666667%;
-  }
-
-  .md\:right-2\/12 {
-    right: 16.666667%;
-  }
-
-  .md\:bottom-2\/12 {
-    bottom: 16.666667%;
-  }
-
-  .md\:left-2\/12 {
-    left: 16.666667%;
-  }
-
-  .md\:top-3\/12 {
-    top: 25%;
-  }
-
-  .md\:right-3\/12 {
-    right: 25%;
-  }
-
-  .md\:bottom-3\/12 {
-    bottom: 25%;
-  }
-
-  .md\:left-3\/12 {
-    left: 25%;
-  }
-
-  .md\:top-4\/12 {
-    top: 33.333333%;
-  }
-
-  .md\:right-4\/12 {
-    right: 33.333333%;
-  }
-
-  .md\:bottom-4\/12 {
-    bottom: 33.333333%;
-  }
-
-  .md\:left-4\/12 {
-    left: 33.333333%;
-  }
-
-  .md\:top-5\/12 {
-    top: 41.666667%;
-  }
-
-  .md\:right-5\/12 {
-    right: 41.666667%;
-  }
-
-  .md\:bottom-5\/12 {
-    bottom: 41.666667%;
-  }
-
-  .md\:left-5\/12 {
-    left: 41.666667%;
-  }
-
-  .md\:top-6\/12 {
-    top: 50%;
-  }
-
-  .md\:right-6\/12 {
-    right: 50%;
-  }
-
-  .md\:bottom-6\/12 {
-    bottom: 50%;
-  }
-
-  .md\:left-6\/12 {
-    left: 50%;
-  }
-
-  .md\:top-7\/12 {
-    top: 58.333333%;
-  }
-
-  .md\:right-7\/12 {
-    right: 58.333333%;
-  }
-
-  .md\:bottom-7\/12 {
-    bottom: 58.333333%;
-  }
-
-  .md\:left-7\/12 {
-    left: 58.333333%;
-  }
-
-  .md\:top-8\/12 {
-    top: 66.666667%;
-  }
-
-  .md\:right-8\/12 {
-    right: 66.666667%;
-  }
-
-  .md\:bottom-8\/12 {
-    bottom: 66.666667%;
-  }
-
-  .md\:left-8\/12 {
-    left: 66.666667%;
-  }
-
-  .md\:top-9\/12 {
-    top: 75%;
-  }
-
-  .md\:right-9\/12 {
-    right: 75%;
-  }
-
-  .md\:bottom-9\/12 {
-    bottom: 75%;
-  }
-
-  .md\:left-9\/12 {
-    left: 75%;
-  }
-
-  .md\:top-10\/12 {
-    top: 83.333333%;
-  }
-
-  .md\:right-10\/12 {
-    right: 83.333333%;
-  }
-
-  .md\:bottom-10\/12 {
-    bottom: 83.333333%;
-  }
-
-  .md\:left-10\/12 {
-    left: 83.333333%;
-  }
-
-  .md\:top-11\/12 {
-    top: 91.666667%;
-  }
-
-  .md\:right-11\/12 {
-    right: 91.666667%;
-  }
-
-  .md\:bottom-11\/12 {
-    bottom: 91.666667%;
-  }
-
-  .md\:left-11\/12 {
-    left: 91.666667%;
-  }
-
-  .md\:top-full {
-    top: 100%;
-  }
-
-  .md\:right-full {
-    right: 100%;
-  }
-
-  .md\:bottom-full {
-    bottom: 100%;
-  }
-
-  .md\:left-full {
-    left: 100%;
-  }
-
-  .md\:resize-none {
-    resize: none;
-  }
-
-  .md\:resize-y {
-    resize: vertical;
-  }
-
-  .md\:resize-x {
-    resize: horizontal;
-  }
-
-  .md\:resize {
-    resize: both;
-  }
-
-  .md\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .md\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .md\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .md\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .md\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .md\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .md\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .md\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .md\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .md\:shadow-none {
-    box-shadow: none;
-  }
-
-  .md\:shadow-solid {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .md\:shadow-outline-gray {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .md\:shadow-outline-blue {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .md\:shadow-outline-teal {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .md\:shadow-outline-green {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .md\:shadow-outline-yellow {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .md\:shadow-outline-orange {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .md\:shadow-outline-red {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .md\:shadow-outline-pink {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .md\:shadow-outline-purple {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .md\:shadow-outline-indigo {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .md\:group-focus\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .md\:group-focus\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .md\:group-focus\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .md\:group-focus\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .md\:group-focus\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .group:focus .md\:group-focus\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .group:focus .md\:group-focus\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-none {
-    box-shadow: none;
-  }
-
-  .group:focus .md\:group-focus\:shadow-solid {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-gray {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-blue {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-teal {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-green {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-yellow {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-orange {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-red {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-pink {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-purple {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .group:focus .md\:group-focus\:shadow-outline-indigo {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .md\:hover\:shadow-xs:hover {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .md\:hover\:shadow-sm:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .md\: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);
-  }
-
-  .md\: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);
-  }
-
-  .md\: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);
-  }
-
-  .md\: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);
-  }
-
-  .md\:hover\:shadow-2xl:hover {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .md\:hover\:shadow-inner:hover {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .md\:hover\:shadow-outline:hover {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .md\:hover\:shadow-none:hover {
-    box-shadow: none;
-  }
-
-  .md\:hover\:shadow-solid:hover {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .md\:hover\:shadow-outline-gray:hover {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-blue:hover {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-teal:hover {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-green:hover {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-yellow:hover {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-orange:hover {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-red:hover {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-pink:hover {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-purple:hover {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .md\:hover\:shadow-outline-indigo:hover {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .md\:focus\:shadow-xs:focus {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .md\:focus\:shadow-sm:focus {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .md\: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);
-  }
-
-  .md\: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);
-  }
-
-  .md\: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);
-  }
-
-  .md\: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);
-  }
-
-  .md\:focus\:shadow-2xl:focus {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .md\:focus\:shadow-inner:focus {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .md\:focus\:shadow-outline:focus {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .md\:focus\:shadow-none:focus {
-    box-shadow: none;
-  }
-
-  .md\:focus\:shadow-solid:focus {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .md\:focus\:shadow-outline-gray:focus {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .md\:focus\:shadow-outline-blue:focus {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .md\:focus\:shadow-outline-teal:focus {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .md\:focus\:shadow-outline-green:focus {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .md\:focus\:shadow-outline-yellow:focus {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .md\:focus\:shadow-outline-orange:focus {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .md\:focus\:shadow-outline-red:focus {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .md\:focus\:shadow-outline-pink:focus {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .md\:focus\:shadow-outline-purple:focus {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .md\:focus\:shadow-outline-indigo:focus {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .md\:fill-current {
-    fill: currentColor;
-  }
-
-  .md\:stroke-current {
-    stroke: currentColor;
-  }
-
-  .md\:stroke-0 {
-    stroke-width: 0;
-  }
-
-  .md\:stroke-1 {
-    stroke-width: 1;
-  }
-
-  .md\:stroke-2 {
-    stroke-width: 2;
-  }
-
-  .md\:table-auto {
-    table-layout: auto;
-  }
-
-  .md\:table-fixed {
-    table-layout: fixed;
-  }
-
-  .md\:text-left {
-    text-align: left;
-  }
-
-  .md\:text-center {
-    text-align: center;
-  }
-
-  .md\:text-right {
-    text-align: right;
-  }
-
-  .md\:text-justify {
-    text-align: justify;
-  }
-
-  .md\:text-transparent {
-    color: transparent;
-  }
-
-  .md\:text-white {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .md\:text-black {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .md\:text-gray-50 {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .md\:text-gray-100 {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .md\:text-gray-200 {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .md\:text-gray-300 {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .md\:text-gray-400 {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .md\:text-gray-500 {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .md\:text-gray-600 {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .md\:text-gray-700 {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .md\:text-gray-800 {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .md\:text-gray-900 {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .md\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .md\:text-cool-gray-100 {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .md\:text-cool-gray-200 {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .md\:text-cool-gray-300 {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .md\:text-cool-gray-400 {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .md\:text-cool-gray-500 {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .md\:text-cool-gray-600 {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .md\:text-cool-gray-700 {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .md\:text-cool-gray-800 {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .md\:text-cool-gray-900 {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .md\:text-red-50 {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .md\:text-red-100 {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .md\:text-red-200 {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .md\:text-red-300 {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .md\:text-red-400 {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .md\:text-red-500 {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .md\:text-red-600 {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .md\:text-red-700 {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .md\:text-red-800 {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .md\:text-red-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .md\:text-orange-50 {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .md\:text-orange-100 {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .md\:text-orange-200 {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .md\:text-orange-300 {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .md\:text-orange-400 {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .md\:text-orange-500 {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .md\:text-orange-600 {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .md\:text-orange-700 {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .md\:text-orange-800 {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .md\:text-orange-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .md\:text-yellow-50 {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .md\:text-yellow-100 {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .md\:text-yellow-200 {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .md\:text-yellow-300 {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .md\:text-yellow-400 {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .md\:text-yellow-500 {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .md\:text-yellow-600 {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .md\:text-yellow-700 {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .md\:text-yellow-800 {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .md\:text-yellow-900 {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .md\:text-green-50 {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .md\:text-green-100 {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .md\:text-green-200 {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .md\:text-green-300 {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .md\:text-green-400 {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .md\:text-green-500 {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .md\:text-green-600 {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .md\:text-green-700 {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .md\:text-green-800 {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .md\:text-green-900 {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .md\:text-teal-50 {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .md\:text-teal-100 {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .md\:text-teal-200 {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .md\:text-teal-300 {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .md\:text-teal-400 {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .md\:text-teal-500 {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .md\:text-teal-600 {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .md\:text-teal-700 {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .md\:text-teal-800 {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .md\:text-teal-900 {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .md\:text-blue-50 {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .md\:text-blue-100 {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .md\:text-blue-200 {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .md\:text-blue-300 {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .md\:text-blue-400 {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .md\:text-blue-500 {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .md\:text-blue-600 {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .md\:text-blue-700 {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .md\:text-blue-800 {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .md\:text-blue-900 {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .md\:text-indigo-50 {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .md\:text-indigo-100 {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .md\:text-indigo-200 {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .md\:text-indigo-300 {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .md\:text-indigo-400 {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .md\:text-indigo-500 {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .md\:text-indigo-600 {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .md\:text-indigo-700 {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .md\:text-indigo-800 {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .md\:text-indigo-900 {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .md\:text-purple-50 {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .md\:text-purple-100 {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .md\:text-purple-200 {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .md\:text-purple-300 {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .md\:text-purple-400 {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .md\:text-purple-500 {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .md\:text-purple-600 {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .md\:text-purple-700 {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .md\:text-purple-800 {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .md\:text-purple-900 {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .md\:text-pink-50 {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .md\:text-pink-100 {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .md\:text-pink-200 {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .md\:text-pink-300 {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .md\:text-pink-400 {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .md\:text-pink-500 {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .md\:text-pink-600 {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .md\:text-pink-700 {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .md\:text-pink-800 {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .md\:text-pink-900 {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-transparent {
-    color: transparent;
-  }
-
-  .group:hover .md\:group-hover\:text-white {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-black {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-50 {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-100 {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-200 {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-300 {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-400 {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-500 {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-600 {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-700 {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-800 {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-gray-900 {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-cool-gray-100 {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-cool-gray-200 {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-cool-gray-300 {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-cool-gray-400 {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-cool-gray-500 {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-cool-gray-600 {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-cool-gray-700 {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-cool-gray-800 {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-cool-gray-900 {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-50 {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-100 {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-200 {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-300 {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-400 {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-500 {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-600 {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-700 {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-800 {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-red-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-orange-50 {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-orange-100 {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-orange-200 {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-orange-300 {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-orange-400 {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-orange-500 {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-orange-600 {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-orange-700 {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-orange-800 {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-orange-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-50 {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-100 {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-200 {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-300 {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-400 {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-500 {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-600 {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-700 {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-800 {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-yellow-900 {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-50 {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-100 {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-200 {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-300 {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-400 {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-500 {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-600 {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-700 {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-800 {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-green-900 {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-teal-50 {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-teal-100 {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-teal-200 {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-teal-300 {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-teal-400 {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-teal-500 {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-teal-600 {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-teal-700 {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-teal-800 {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-teal-900 {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-50 {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-100 {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-200 {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-300 {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-400 {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-500 {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-600 {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-700 {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-800 {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-blue-900 {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-50 {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-100 {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-200 {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-300 {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-400 {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-500 {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-600 {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-700 {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-800 {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-indigo-900 {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-purple-50 {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-purple-100 {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-purple-200 {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-purple-300 {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-purple-400 {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-purple-500 {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-purple-600 {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-purple-700 {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-purple-800 {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-purple-900 {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-pink-50 {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-pink-100 {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-pink-200 {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-pink-300 {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-pink-400 {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-pink-500 {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-pink-600 {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-pink-700 {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-pink-800 {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .group:hover .md\:group-hover\:text-pink-900 {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-transparent {
-    color: transparent;
-  }
-
-  .group:focus .md\:group-focus\:text-white {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-black {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-gray-50 {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-gray-100 {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-gray-200 {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-gray-300 {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-gray-400 {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-gray-500 {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-gray-600 {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-gray-700 {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-gray-800 {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-gray-900 {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-cool-gray-100 {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-cool-gray-200 {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-cool-gray-300 {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-cool-gray-400 {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-cool-gray-500 {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-cool-gray-600 {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-cool-gray-700 {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-cool-gray-800 {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-cool-gray-900 {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-red-50 {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-red-100 {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-red-200 {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-red-300 {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-red-400 {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-red-500 {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-red-600 {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-red-700 {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-red-800 {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-red-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-orange-50 {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-orange-100 {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-orange-200 {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-orange-300 {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-orange-400 {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-orange-500 {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-orange-600 {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-orange-700 {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-orange-800 {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-orange-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-yellow-50 {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-yellow-100 {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-yellow-200 {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-yellow-300 {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-yellow-400 {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-yellow-500 {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-yellow-600 {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-yellow-700 {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-yellow-800 {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-yellow-900 {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-green-50 {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-green-100 {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-green-200 {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-green-300 {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-green-400 {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-green-500 {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-green-600 {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-green-700 {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-green-800 {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-green-900 {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-teal-50 {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-teal-100 {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-teal-200 {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-teal-300 {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-teal-400 {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-teal-500 {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-teal-600 {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-teal-700 {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-teal-800 {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-teal-900 {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-blue-50 {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-blue-100 {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-blue-200 {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-blue-300 {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-blue-400 {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-blue-500 {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-blue-600 {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-blue-700 {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-blue-800 {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-blue-900 {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-indigo-50 {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-indigo-100 {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-indigo-200 {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-indigo-300 {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-indigo-400 {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-indigo-500 {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-indigo-600 {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-indigo-700 {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-indigo-800 {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-indigo-900 {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-purple-50 {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-purple-100 {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-purple-200 {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-purple-300 {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-purple-400 {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-purple-500 {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-purple-600 {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-purple-700 {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-purple-800 {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-purple-900 {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-pink-50 {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-pink-100 {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-pink-200 {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-pink-300 {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-pink-400 {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-pink-500 {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-pink-600 {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-pink-700 {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-pink-800 {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .group:focus .md\:group-focus\:text-pink-900 {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .md\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .md\:hover\:text-white:hover {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .md\:hover\:text-black:hover {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .md\:hover\:text-gray-50:hover {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .md\:hover\:text-gray-100:hover {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .md\:hover\:text-gray-200:hover {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .md\:hover\:text-gray-300:hover {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .md\:hover\:text-gray-400:hover {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .md\:hover\:text-gray-500:hover {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .md\:hover\:text-gray-600:hover {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .md\:hover\:text-gray-700:hover {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .md\:hover\:text-gray-800:hover {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .md\:hover\:text-gray-900:hover {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .md\:hover\:text-cool-gray-50:hover {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .md\:hover\:text-cool-gray-100:hover {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .md\:hover\:text-cool-gray-200:hover {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .md\:hover\:text-cool-gray-300:hover {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .md\:hover\:text-cool-gray-400:hover {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .md\:hover\:text-cool-gray-500:hover {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .md\:hover\:text-cool-gray-600:hover {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .md\:hover\:text-cool-gray-700:hover {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .md\:hover\:text-cool-gray-800:hover {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .md\:hover\:text-cool-gray-900:hover {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .md\:hover\:text-red-50:hover {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .md\:hover\:text-red-100:hover {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .md\:hover\:text-red-200:hover {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .md\:hover\:text-red-300:hover {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .md\:hover\:text-red-400:hover {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .md\:hover\:text-red-500:hover {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .md\:hover\:text-red-600:hover {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .md\:hover\:text-red-700:hover {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .md\:hover\:text-red-800:hover {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .md\:hover\:text-red-900:hover {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .md\:hover\:text-orange-50:hover {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .md\:hover\:text-orange-100:hover {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .md\:hover\:text-orange-200:hover {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .md\:hover\:text-orange-300:hover {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .md\:hover\:text-orange-400:hover {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .md\:hover\:text-orange-500:hover {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .md\:hover\:text-orange-600:hover {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .md\:hover\:text-orange-700:hover {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .md\:hover\:text-orange-800:hover {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .md\:hover\:text-orange-900:hover {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .md\:hover\:text-yellow-50:hover {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .md\:hover\:text-yellow-100:hover {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .md\:hover\:text-yellow-200:hover {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .md\:hover\:text-yellow-300:hover {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .md\:hover\:text-yellow-400:hover {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .md\:hover\:text-yellow-500:hover {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .md\:hover\:text-yellow-600:hover {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .md\:hover\:text-yellow-700:hover {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .md\:hover\:text-yellow-800:hover {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .md\:hover\:text-yellow-900:hover {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .md\:hover\:text-green-50:hover {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .md\:hover\:text-green-100:hover {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .md\:hover\:text-green-200:hover {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .md\:hover\:text-green-300:hover {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .md\:hover\:text-green-400:hover {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .md\:hover\:text-green-500:hover {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .md\:hover\:text-green-600:hover {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .md\:hover\:text-green-700:hover {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .md\:hover\:text-green-800:hover {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .md\:hover\:text-green-900:hover {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .md\:hover\:text-teal-50:hover {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .md\:hover\:text-teal-100:hover {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .md\:hover\:text-teal-200:hover {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .md\:hover\:text-teal-300:hover {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .md\:hover\:text-teal-400:hover {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .md\:hover\:text-teal-500:hover {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .md\:hover\:text-teal-600:hover {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .md\:hover\:text-teal-700:hover {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .md\:hover\:text-teal-800:hover {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .md\:hover\:text-teal-900:hover {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .md\:hover\:text-blue-50:hover {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .md\:hover\:text-blue-100:hover {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .md\:hover\:text-blue-200:hover {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .md\:hover\:text-blue-300:hover {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .md\:hover\:text-blue-400:hover {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .md\:hover\:text-blue-500:hover {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .md\:hover\:text-blue-600:hover {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .md\:hover\:text-blue-700:hover {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .md\:hover\:text-blue-800:hover {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .md\:hover\:text-blue-900:hover {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .md\:hover\:text-indigo-50:hover {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .md\:hover\:text-indigo-100:hover {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .md\:hover\:text-indigo-200:hover {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .md\:hover\:text-indigo-300:hover {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .md\:hover\:text-indigo-400:hover {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .md\:hover\:text-indigo-500:hover {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .md\:hover\:text-indigo-600:hover {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .md\:hover\:text-indigo-700:hover {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .md\:hover\:text-indigo-800:hover {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .md\:hover\:text-indigo-900:hover {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .md\:hover\:text-purple-50:hover {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .md\:hover\:text-purple-100:hover {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .md\:hover\:text-purple-200:hover {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .md\:hover\:text-purple-300:hover {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .md\:hover\:text-purple-400:hover {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .md\:hover\:text-purple-500:hover {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .md\:hover\:text-purple-600:hover {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .md\:hover\:text-purple-700:hover {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .md\:hover\:text-purple-800:hover {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .md\:hover\:text-purple-900:hover {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .md\:hover\:text-pink-50:hover {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .md\:hover\:text-pink-100:hover {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .md\:hover\:text-pink-200:hover {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .md\:hover\:text-pink-300:hover {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .md\:hover\:text-pink-400:hover {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .md\:hover\:text-pink-500:hover {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .md\:hover\:text-pink-600:hover {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .md\:hover\:text-pink-700:hover {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .md\:hover\:text-pink-800:hover {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .md\:hover\:text-pink-900:hover {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-transparent:focus-within {
-    color: transparent;
-  }
-
-  .md\:focus-within\:text-white:focus-within {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-black:focus-within {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-50:focus-within {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-100:focus-within {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-200:focus-within {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-300:focus-within {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-400:focus-within {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-500:focus-within {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-600:focus-within {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-700:focus-within {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-800:focus-within {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-gray-900:focus-within {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-cool-gray-50:focus-within {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-cool-gray-100:focus-within {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-cool-gray-200:focus-within {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-cool-gray-300:focus-within {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-cool-gray-400:focus-within {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-cool-gray-500:focus-within {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-cool-gray-600:focus-within {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-cool-gray-700:focus-within {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-cool-gray-800:focus-within {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-cool-gray-900:focus-within {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-red-50:focus-within {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-red-100:focus-within {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-red-200:focus-within {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-red-300:focus-within {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-red-400:focus-within {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-red-500:focus-within {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-red-600:focus-within {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-red-700:focus-within {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-red-800:focus-within {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-red-900:focus-within {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-orange-50:focus-within {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-orange-100:focus-within {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-orange-200:focus-within {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-orange-300:focus-within {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-orange-400:focus-within {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-orange-500:focus-within {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-orange-600:focus-within {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-orange-700:focus-within {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-orange-800:focus-within {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-orange-900:focus-within {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-50:focus-within {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-100:focus-within {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-200:focus-within {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-300:focus-within {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-400:focus-within {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-500:focus-within {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-600:focus-within {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-700:focus-within {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-800:focus-within {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-yellow-900:focus-within {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-green-50:focus-within {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-green-100:focus-within {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-green-200:focus-within {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-green-300:focus-within {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-green-400:focus-within {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-green-500:focus-within {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-green-600:focus-within {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-green-700:focus-within {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-green-800:focus-within {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-green-900:focus-within {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-teal-50:focus-within {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-teal-100:focus-within {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-teal-200:focus-within {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-teal-300:focus-within {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-teal-400:focus-within {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-teal-500:focus-within {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-teal-600:focus-within {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-teal-700:focus-within {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-teal-800:focus-within {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-teal-900:focus-within {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-50:focus-within {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-100:focus-within {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-200:focus-within {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-300:focus-within {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-400:focus-within {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-500:focus-within {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-600:focus-within {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-700:focus-within {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-800:focus-within {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-blue-900:focus-within {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-50:focus-within {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-100:focus-within {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-200:focus-within {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-300:focus-within {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-400:focus-within {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-500:focus-within {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-600:focus-within {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-700:focus-within {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-800:focus-within {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-indigo-900:focus-within {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-purple-50:focus-within {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-purple-100:focus-within {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-purple-200:focus-within {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-purple-300:focus-within {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-purple-400:focus-within {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-purple-500:focus-within {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-purple-600:focus-within {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-purple-700:focus-within {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-purple-800:focus-within {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-purple-900:focus-within {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-pink-50:focus-within {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-pink-100:focus-within {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-pink-200:focus-within {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-pink-300:focus-within {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-pink-400:focus-within {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-pink-500:focus-within {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-pink-600:focus-within {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-pink-700:focus-within {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-pink-800:focus-within {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .md\:focus-within\:text-pink-900:focus-within {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .md\:focus\:text-transparent:focus {
-    color: transparent;
-  }
-
-  .md\:focus\:text-white:focus {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .md\:focus\:text-black:focus {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .md\:focus\:text-gray-50:focus {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .md\:focus\:text-gray-100:focus {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .md\:focus\:text-gray-200:focus {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .md\:focus\:text-gray-300:focus {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .md\:focus\:text-gray-400:focus {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .md\:focus\:text-gray-500:focus {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .md\:focus\:text-gray-600:focus {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .md\:focus\:text-gray-700:focus {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .md\:focus\:text-gray-800:focus {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .md\:focus\:text-gray-900:focus {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .md\:focus\:text-cool-gray-50:focus {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .md\:focus\:text-cool-gray-100:focus {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .md\:focus\:text-cool-gray-200:focus {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .md\:focus\:text-cool-gray-300:focus {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .md\:focus\:text-cool-gray-400:focus {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .md\:focus\:text-cool-gray-500:focus {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .md\:focus\:text-cool-gray-600:focus {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .md\:focus\:text-cool-gray-700:focus {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .md\:focus\:text-cool-gray-800:focus {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .md\:focus\:text-cool-gray-900:focus {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .md\:focus\:text-red-50:focus {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .md\:focus\:text-red-100:focus {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .md\:focus\:text-red-200:focus {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .md\:focus\:text-red-300:focus {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .md\:focus\:text-red-400:focus {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .md\:focus\:text-red-500:focus {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .md\:focus\:text-red-600:focus {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .md\:focus\:text-red-700:focus {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .md\:focus\:text-red-800:focus {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .md\:focus\:text-red-900:focus {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .md\:focus\:text-orange-50:focus {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .md\:focus\:text-orange-100:focus {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .md\:focus\:text-orange-200:focus {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .md\:focus\:text-orange-300:focus {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .md\:focus\:text-orange-400:focus {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .md\:focus\:text-orange-500:focus {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .md\:focus\:text-orange-600:focus {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .md\:focus\:text-orange-700:focus {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .md\:focus\:text-orange-800:focus {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .md\:focus\:text-orange-900:focus {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .md\:focus\:text-yellow-50:focus {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .md\:focus\:text-yellow-100:focus {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .md\:focus\:text-yellow-200:focus {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .md\:focus\:text-yellow-300:focus {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .md\:focus\:text-yellow-400:focus {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .md\:focus\:text-yellow-500:focus {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .md\:focus\:text-yellow-600:focus {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .md\:focus\:text-yellow-700:focus {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .md\:focus\:text-yellow-800:focus {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .md\:focus\:text-yellow-900:focus {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .md\:focus\:text-green-50:focus {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .md\:focus\:text-green-100:focus {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .md\:focus\:text-green-200:focus {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .md\:focus\:text-green-300:focus {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .md\:focus\:text-green-400:focus {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .md\:focus\:text-green-500:focus {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .md\:focus\:text-green-600:focus {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .md\:focus\:text-green-700:focus {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .md\:focus\:text-green-800:focus {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .md\:focus\:text-green-900:focus {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .md\:focus\:text-teal-50:focus {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .md\:focus\:text-teal-100:focus {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .md\:focus\:text-teal-200:focus {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .md\:focus\:text-teal-300:focus {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .md\:focus\:text-teal-400:focus {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .md\:focus\:text-teal-500:focus {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .md\:focus\:text-teal-600:focus {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .md\:focus\:text-teal-700:focus {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .md\:focus\:text-teal-800:focus {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .md\:focus\:text-teal-900:focus {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .md\:focus\:text-blue-50:focus {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .md\:focus\:text-blue-100:focus {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .md\:focus\:text-blue-200:focus {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .md\:focus\:text-blue-300:focus {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .md\:focus\:text-blue-400:focus {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .md\:focus\:text-blue-500:focus {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .md\:focus\:text-blue-600:focus {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .md\:focus\:text-blue-700:focus {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .md\:focus\:text-blue-800:focus {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .md\:focus\:text-blue-900:focus {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .md\:focus\:text-indigo-50:focus {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .md\:focus\:text-indigo-100:focus {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .md\:focus\:text-indigo-200:focus {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .md\:focus\:text-indigo-300:focus {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .md\:focus\:text-indigo-400:focus {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .md\:focus\:text-indigo-500:focus {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .md\:focus\:text-indigo-600:focus {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .md\:focus\:text-indigo-700:focus {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .md\:focus\:text-indigo-800:focus {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .md\:focus\:text-indigo-900:focus {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .md\:focus\:text-purple-50:focus {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .md\:focus\:text-purple-100:focus {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .md\:focus\:text-purple-200:focus {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .md\:focus\:text-purple-300:focus {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .md\:focus\:text-purple-400:focus {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .md\:focus\:text-purple-500:focus {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .md\:focus\:text-purple-600:focus {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .md\:focus\:text-purple-700:focus {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .md\:focus\:text-purple-800:focus {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .md\:focus\:text-purple-900:focus {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .md\:focus\:text-pink-50:focus {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .md\:focus\:text-pink-100:focus {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .md\:focus\:text-pink-200:focus {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .md\:focus\:text-pink-300:focus {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .md\:focus\:text-pink-400:focus {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .md\:focus\:text-pink-500:focus {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .md\:focus\:text-pink-600:focus {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .md\:focus\:text-pink-700:focus {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .md\:focus\:text-pink-800:focus {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .md\:focus\:text-pink-900:focus {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .md\:active\:text-transparent:active {
-    color: transparent;
-  }
-
-  .md\:active\:text-white:active {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .md\:active\:text-black:active {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .md\:active\:text-gray-50:active {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .md\:active\:text-gray-100:active {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .md\:active\:text-gray-200:active {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .md\:active\:text-gray-300:active {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .md\:active\:text-gray-400:active {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .md\:active\:text-gray-500:active {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .md\:active\:text-gray-600:active {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .md\:active\:text-gray-700:active {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .md\:active\:text-gray-800:active {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .md\:active\:text-gray-900:active {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .md\:active\:text-cool-gray-50:active {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .md\:active\:text-cool-gray-100:active {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .md\:active\:text-cool-gray-200:active {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .md\:active\:text-cool-gray-300:active {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .md\:active\:text-cool-gray-400:active {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .md\:active\:text-cool-gray-500:active {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .md\:active\:text-cool-gray-600:active {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .md\:active\:text-cool-gray-700:active {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .md\:active\:text-cool-gray-800:active {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .md\:active\:text-cool-gray-900:active {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .md\:active\:text-red-50:active {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .md\:active\:text-red-100:active {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .md\:active\:text-red-200:active {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .md\:active\:text-red-300:active {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .md\:active\:text-red-400:active {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .md\:active\:text-red-500:active {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .md\:active\:text-red-600:active {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .md\:active\:text-red-700:active {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .md\:active\:text-red-800:active {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .md\:active\:text-red-900:active {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .md\:active\:text-orange-50:active {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .md\:active\:text-orange-100:active {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .md\:active\:text-orange-200:active {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .md\:active\:text-orange-300:active {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .md\:active\:text-orange-400:active {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .md\:active\:text-orange-500:active {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .md\:active\:text-orange-600:active {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .md\:active\:text-orange-700:active {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .md\:active\:text-orange-800:active {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .md\:active\:text-orange-900:active {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .md\:active\:text-yellow-50:active {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .md\:active\:text-yellow-100:active {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .md\:active\:text-yellow-200:active {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .md\:active\:text-yellow-300:active {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .md\:active\:text-yellow-400:active {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .md\:active\:text-yellow-500:active {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .md\:active\:text-yellow-600:active {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .md\:active\:text-yellow-700:active {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .md\:active\:text-yellow-800:active {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .md\:active\:text-yellow-900:active {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .md\:active\:text-green-50:active {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .md\:active\:text-green-100:active {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .md\:active\:text-green-200:active {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .md\:active\:text-green-300:active {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .md\:active\:text-green-400:active {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .md\:active\:text-green-500:active {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .md\:active\:text-green-600:active {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .md\:active\:text-green-700:active {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .md\:active\:text-green-800:active {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .md\:active\:text-green-900:active {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .md\:active\:text-teal-50:active {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .md\:active\:text-teal-100:active {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .md\:active\:text-teal-200:active {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .md\:active\:text-teal-300:active {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .md\:active\:text-teal-400:active {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .md\:active\:text-teal-500:active {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .md\:active\:text-teal-600:active {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .md\:active\:text-teal-700:active {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .md\:active\:text-teal-800:active {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .md\:active\:text-teal-900:active {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .md\:active\:text-blue-50:active {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .md\:active\:text-blue-100:active {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .md\:active\:text-blue-200:active {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .md\:active\:text-blue-300:active {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .md\:active\:text-blue-400:active {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .md\:active\:text-blue-500:active {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .md\:active\:text-blue-600:active {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .md\:active\:text-blue-700:active {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .md\:active\:text-blue-800:active {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .md\:active\:text-blue-900:active {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .md\:active\:text-indigo-50:active {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .md\:active\:text-indigo-100:active {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .md\:active\:text-indigo-200:active {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .md\:active\:text-indigo-300:active {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .md\:active\:text-indigo-400:active {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .md\:active\:text-indigo-500:active {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .md\:active\:text-indigo-600:active {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .md\:active\:text-indigo-700:active {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .md\:active\:text-indigo-800:active {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .md\:active\:text-indigo-900:active {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .md\:active\:text-purple-50:active {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .md\:active\:text-purple-100:active {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .md\:active\:text-purple-200:active {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .md\:active\:text-purple-300:active {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .md\:active\:text-purple-400:active {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .md\:active\:text-purple-500:active {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .md\:active\:text-purple-600:active {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .md\:active\:text-purple-700:active {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .md\:active\:text-purple-800:active {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .md\:active\:text-purple-900:active {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .md\:active\:text-pink-50:active {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .md\:active\:text-pink-100:active {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .md\:active\:text-pink-200:active {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .md\:active\:text-pink-300:active {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .md\:active\:text-pink-400:active {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .md\:active\:text-pink-500:active {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .md\:active\:text-pink-600:active {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .md\:active\:text-pink-700:active {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .md\:active\:text-pink-800:active {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .md\:active\:text-pink-900:active {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .md\:text-opacity-0 {
-    --text-opacity: 0;
-  }
-
-  .md\:text-opacity-25 {
-    --text-opacity: 0.25;
-  }
-
-  .md\:text-opacity-50 {
-    --text-opacity: 0.5;
-  }
-
-  .md\:text-opacity-75 {
-    --text-opacity: 0.75;
-  }
-
-  .md\:text-opacity-100 {
-    --text-opacity: 1;
-  }
-
-  .md\:hover\:text-opacity-0:hover {
-    --text-opacity: 0;
-  }
-
-  .md\:hover\:text-opacity-25:hover {
-    --text-opacity: 0.25;
-  }
-
-  .md\:hover\:text-opacity-50:hover {
-    --text-opacity: 0.5;
-  }
-
-  .md\:hover\:text-opacity-75:hover {
-    --text-opacity: 0.75;
-  }
-
-  .md\:hover\:text-opacity-100:hover {
-    --text-opacity: 1;
-  }
-
-  .md\:focus\:text-opacity-0:focus {
-    --text-opacity: 0;
-  }
-
-  .md\:focus\:text-opacity-25:focus {
-    --text-opacity: 0.25;
-  }
-
-  .md\:focus\:text-opacity-50:focus {
-    --text-opacity: 0.5;
-  }
-
-  .md\:focus\:text-opacity-75:focus {
-    --text-opacity: 0.75;
-  }
-
-  .md\:focus\:text-opacity-100:focus {
-    --text-opacity: 1;
-  }
-
-  .md\:italic {
-    font-style: italic;
-  }
-
-  .md\:not-italic {
-    font-style: normal;
-  }
-
-  .md\:uppercase {
-    text-transform: uppercase;
-  }
-
-  .md\:lowercase {
-    text-transform: lowercase;
-  }
-
-  .md\:capitalize {
-    text-transform: capitalize;
-  }
-
-  .md\:normal-case {
-    text-transform: none;
-  }
-
-  .md\:underline {
-    text-decoration: underline;
-  }
-
-  .md\:line-through {
-    text-decoration: line-through;
-  }
-
-  .md\:no-underline {
-    text-decoration: none;
-  }
-
-  .group:hover .md\:group-hover\:underline {
-    text-decoration: underline;
-  }
-
-  .group:hover .md\:group-hover\:line-through {
-    text-decoration: line-through;
-  }
-
-  .group:hover .md\:group-hover\:no-underline {
-    text-decoration: none;
-  }
-
-  .group:focus .md\:group-focus\:underline {
-    text-decoration: underline;
-  }
-
-  .group:focus .md\:group-focus\:line-through {
-    text-decoration: line-through;
-  }
-
-  .group:focus .md\:group-focus\:no-underline {
-    text-decoration: none;
-  }
-
-  .md\:hover\:underline:hover {
-    text-decoration: underline;
-  }
-
-  .md\:hover\:line-through:hover {
-    text-decoration: line-through;
-  }
-
-  .md\:hover\:no-underline:hover {
-    text-decoration: none;
-  }
-
-  .md\:focus\:underline:focus {
-    text-decoration: underline;
-  }
-
-  .md\:focus\:line-through:focus {
-    text-decoration: line-through;
-  }
-
-  .md\:focus\:no-underline:focus {
-    text-decoration: none;
-  }
-
-  .md\:antialiased {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  .md\:subpixel-antialiased {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
-  }
-
-  .md\:tracking-tighter {
-    letter-spacing: -0.05em;
-  }
-
-  .md\:tracking-tight {
-    letter-spacing: -0.025em;
-  }
-
-  .md\:tracking-normal {
-    letter-spacing: 0;
-  }
-
-  .md\:tracking-wide {
-    letter-spacing: 0.025em;
-  }
-
-  .md\:tracking-wider {
-    letter-spacing: 0.05em;
-  }
-
-  .md\:tracking-widest {
-    letter-spacing: 0.1em;
-  }
-
-  .md\:select-none {
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-  }
-
-  .md\:select-text {
-    -webkit-user-select: text;
-       -moz-user-select: text;
-        -ms-user-select: text;
-            user-select: text;
-  }
-
-  .md\:select-all {
-    -webkit-user-select: all;
-       -moz-user-select: all;
-        -ms-user-select: all;
-            user-select: all;
-  }
-
-  .md\:select-auto {
-    -webkit-user-select: auto;
-       -moz-user-select: auto;
-        -ms-user-select: auto;
-            user-select: auto;
-  }
-
-  .md\:align-baseline {
-    vertical-align: baseline;
-  }
-
-  .md\:align-top {
-    vertical-align: top;
-  }
-
-  .md\:align-middle {
-    vertical-align: middle;
-  }
-
-  .md\:align-bottom {
-    vertical-align: bottom;
-  }
-
-  .md\:align-text-top {
-    vertical-align: text-top;
-  }
-
-  .md\:align-text-bottom {
-    vertical-align: text-bottom;
-  }
-
-  .md\:visible {
-    visibility: visible;
-  }
-
-  .md\:invisible {
-    visibility: hidden;
-  }
-
-  .md\:whitespace-normal {
-    white-space: normal;
-  }
-
-  .md\:whitespace-no-wrap {
-    white-space: nowrap;
-  }
-
-  .md\:whitespace-pre {
-    white-space: pre;
-  }
-
-  .md\:whitespace-pre-line {
-    white-space: pre-line;
-  }
-
-  .md\:whitespace-pre-wrap {
-    white-space: pre-wrap;
-  }
-
-  .md\:break-normal {
-    overflow-wrap: normal;
-    word-break: normal;
-  }
-
-  .md\:break-words {
-    overflow-wrap: break-word;
-  }
-
-  .md\:break-all {
-    word-break: break-all;
-  }
-
-  .md\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .md\:w-0 {
-    width: 0;
-  }
-
-  .md\:w-1 {
-    width: 0.25rem;
-  }
-
-  .md\:w-2 {
-    width: 0.5rem;
-  }
-
-  .md\:w-3 {
-    width: 0.75rem;
-  }
-
-  .md\:w-4 {
-    width: 1rem;
-  }
-
-  .md\:w-5 {
-    width: 1.25rem;
-  }
-
-  .md\:w-6 {
-    width: 1.5rem;
-  }
-
-  .md\:w-7 {
-    width: 1.75rem;
-  }
-
-  .md\:w-8 {
-    width: 2rem;
-  }
-
-  .md\:w-9 {
-    width: 2.25rem;
-  }
-
-  .md\:w-10 {
-    width: 2.5rem;
-  }
-
-  .md\:w-11 {
-    width: 2.75rem;
-  }
-
-  .md\:w-12 {
-    width: 3rem;
-  }
-
-  .md\:w-13 {
-    width: 3.25rem;
-  }
-
-  .md\:w-14 {
-    width: 3.5rem;
-  }
-
-  .md\:w-15 {
-    width: 3.75rem;
-  }
-
-  .md\:w-16 {
-    width: 4rem;
-  }
-
-  .md\:w-20 {
-    width: 5rem;
-  }
-
-  .md\:w-24 {
-    width: 6rem;
-  }
-
-  .md\:w-28 {
-    width: 7rem;
-  }
-
-  .md\:w-32 {
-    width: 8rem;
-  }
-
-  .md\:w-36 {
-    width: 9rem;
-  }
-
-  .md\:w-40 {
-    width: 10rem;
-  }
-
-  .md\:w-48 {
-    width: 12rem;
-  }
-
-  .md\:w-56 {
-    width: 14rem;
-  }
-
-  .md\:w-60 {
-    width: 15rem;
-  }
-
-  .md\:w-64 {
-    width: 16rem;
-  }
-
-  .md\:w-72 {
-    width: 18rem;
-  }
-
-  .md\:w-80 {
-    width: 20rem;
-  }
-
-  .md\:w-96 {
-    width: 24rem;
-  }
-
-  .md\:w-auto {
-    width: auto;
-  }
-
-  .md\:w-px {
-    width: 1px;
-  }
-
-  .md\:w-0\.5 {
-    width: 0.125rem;
-  }
-
-  .md\:w-1\.5 {
-    width: 0.375rem;
-  }
-
-  .md\:w-2\.5 {
-    width: 0.625rem;
-  }
-
-  .md\:w-3\.5 {
-    width: 0.875rem;
-  }
-
-  .md\:w-1\/2 {
-    width: 50%;
-  }
-
-  .md\:w-1\/3 {
-    width: 33.333333%;
-  }
-
-  .md\:w-2\/3 {
-    width: 66.666667%;
-  }
-
-  .md\:w-1\/4 {
-    width: 25%;
-  }
-
-  .md\:w-2\/4 {
-    width: 50%;
-  }
-
-  .md\:w-3\/4 {
-    width: 75%;
-  }
-
-  .md\:w-1\/5 {
-    width: 20%;
-  }
-
-  .md\:w-2\/5 {
-    width: 40%;
-  }
-
-  .md\:w-3\/5 {
-    width: 60%;
-  }
-
-  .md\:w-4\/5 {
-    width: 80%;
-  }
-
-  .md\:w-1\/6 {
-    width: 16.666667%;
-  }
-
-  .md\:w-2\/6 {
-    width: 33.333333%;
-  }
-
-  .md\:w-3\/6 {
-    width: 50%;
-  }
-
-  .md\:w-4\/6 {
-    width: 66.666667%;
-  }
-
-  .md\:w-5\/6 {
-    width: 83.333333%;
-  }
-
-  .md\:w-1\/12 {
-    width: 8.333333%;
-  }
-
-  .md\:w-2\/12 {
-    width: 16.666667%;
-  }
-
-  .md\:w-3\/12 {
-    width: 25%;
-  }
-
-  .md\:w-4\/12 {
-    width: 33.333333%;
-  }
-
-  .md\:w-5\/12 {
-    width: 41.666667%;
-  }
-
-  .md\:w-6\/12 {
-    width: 50%;
-  }
-
-  .md\:w-7\/12 {
-    width: 58.333333%;
-  }
-
-  .md\:w-8\/12 {
-    width: 66.666667%;
-  }
-
-  .md\:w-9\/12 {
-    width: 75%;
-  }
-
-  .md\:w-10\/12 {
-    width: 83.333333%;
-  }
-
-  .md\:w-11\/12 {
-    width: 91.666667%;
-  }
-
-  .md\:w-full {
-    width: 100%;
-  }
-
-  .md\:w-screen {
-    width: 100vw;
-  }
-
-  .md\:z-0 {
-    z-index: 0;
-  }
-
-  .md\:z-10 {
-    z-index: 10;
-  }
-
-  .md\:z-20 {
-    z-index: 20;
-  }
-
-  .md\:z-30 {
-    z-index: 30;
-  }
-
-  .md\:z-40 {
-    z-index: 40;
-  }
-
-  .md\:z-50 {
-    z-index: 50;
-  }
-
-  .md\:z-auto {
-    z-index: auto;
-  }
-
-  .md\:focus-within\:z-0:focus-within {
-    z-index: 0;
-  }
-
-  .md\:focus-within\:z-10:focus-within {
-    z-index: 10;
-  }
-
-  .md\:focus-within\:z-20:focus-within {
-    z-index: 20;
-  }
-
-  .md\:focus-within\:z-30:focus-within {
-    z-index: 30;
-  }
-
-  .md\:focus-within\:z-40:focus-within {
-    z-index: 40;
-  }
-
-  .md\:focus-within\:z-50:focus-within {
-    z-index: 50;
-  }
-
-  .md\:focus-within\:z-auto:focus-within {
-    z-index: auto;
-  }
-
-  .md\:focus\:z-0:focus {
-    z-index: 0;
-  }
-
-  .md\:focus\:z-10:focus {
-    z-index: 10;
-  }
-
-  .md\:focus\:z-20:focus {
-    z-index: 20;
-  }
-
-  .md\:focus\:z-30:focus {
-    z-index: 30;
-  }
-
-  .md\:focus\:z-40:focus {
-    z-index: 40;
-  }
-
-  .md\:focus\:z-50:focus {
-    z-index: 50;
-  }
-
-  .md\:focus\:z-auto:focus {
-    z-index: auto;
-  }
-
-  .md\:gap-0 {
-    grid-gap: 0;
-    gap: 0;
-  }
-
-  .md\:gap-1 {
-    grid-gap: 0.25rem;
-    gap: 0.25rem;
-  }
-
-  .md\:gap-2 {
-    grid-gap: 0.5rem;
-    gap: 0.5rem;
-  }
-
-  .md\:gap-3 {
-    grid-gap: 0.75rem;
-    gap: 0.75rem;
-  }
-
-  .md\:gap-4 {
-    grid-gap: 1rem;
-    gap: 1rem;
-  }
-
-  .md\:gap-5 {
-    grid-gap: 1.25rem;
-    gap: 1.25rem;
-  }
-
-  .md\:gap-6 {
-    grid-gap: 1.5rem;
-    gap: 1.5rem;
-  }
-
-  .md\:gap-7 {
-    grid-gap: 1.75rem;
-    gap: 1.75rem;
-  }
-
-  .md\:gap-8 {
-    grid-gap: 2rem;
-    gap: 2rem;
-  }
-
-  .md\:gap-9 {
-    grid-gap: 2.25rem;
-    gap: 2.25rem;
-  }
-
-  .md\:gap-10 {
-    grid-gap: 2.5rem;
-    gap: 2.5rem;
-  }
-
-  .md\:gap-11 {
-    grid-gap: 2.75rem;
-    gap: 2.75rem;
-  }
-
-  .md\:gap-12 {
-    grid-gap: 3rem;
-    gap: 3rem;
-  }
-
-  .md\:gap-13 {
-    grid-gap: 3.25rem;
-    gap: 3.25rem;
-  }
-
-  .md\:gap-14 {
-    grid-gap: 3.5rem;
-    gap: 3.5rem;
-  }
-
-  .md\:gap-15 {
-    grid-gap: 3.75rem;
-    gap: 3.75rem;
-  }
-
-  .md\:gap-16 {
-    grid-gap: 4rem;
-    gap: 4rem;
-  }
-
-  .md\:gap-20 {
-    grid-gap: 5rem;
-    gap: 5rem;
-  }
-
-  .md\:gap-24 {
-    grid-gap: 6rem;
-    gap: 6rem;
-  }
-
-  .md\:gap-28 {
-    grid-gap: 7rem;
-    gap: 7rem;
-  }
-
-  .md\:gap-32 {
-    grid-gap: 8rem;
-    gap: 8rem;
-  }
-
-  .md\:gap-36 {
-    grid-gap: 9rem;
-    gap: 9rem;
-  }
-
-  .md\:gap-40 {
-    grid-gap: 10rem;
-    gap: 10rem;
-  }
-
-  .md\:gap-48 {
-    grid-gap: 12rem;
-    gap: 12rem;
-  }
-
-  .md\:gap-56 {
-    grid-gap: 14rem;
-    gap: 14rem;
-  }
-
-  .md\:gap-60 {
-    grid-gap: 15rem;
-    gap: 15rem;
-  }
-
-  .md\:gap-64 {
-    grid-gap: 16rem;
-    gap: 16rem;
-  }
-
-  .md\:gap-72 {
-    grid-gap: 18rem;
-    gap: 18rem;
-  }
-
-  .md\:gap-80 {
-    grid-gap: 20rem;
-    gap: 20rem;
-  }
-
-  .md\:gap-96 {
-    grid-gap: 24rem;
-    gap: 24rem;
-  }
-
-  .md\:gap-px {
-    grid-gap: 1px;
-    gap: 1px;
-  }
-
-  .md\:gap-0\.5 {
-    grid-gap: 0.125rem;
-    gap: 0.125rem;
-  }
-
-  .md\:gap-1\.5 {
-    grid-gap: 0.375rem;
-    gap: 0.375rem;
-  }
-
-  .md\:gap-2\.5 {
-    grid-gap: 0.625rem;
-    gap: 0.625rem;
-  }
-
-  .md\:gap-3\.5 {
-    grid-gap: 0.875rem;
-    gap: 0.875rem;
-  }
-
-  .md\:gap-1\/2 {
-    grid-gap: 50%;
-    gap: 50%;
-  }
-
-  .md\:gap-1\/3 {
-    grid-gap: 33.333333%;
-    gap: 33.333333%;
-  }
-
-  .md\:gap-2\/3 {
-    grid-gap: 66.666667%;
-    gap: 66.666667%;
-  }
-
-  .md\:gap-1\/4 {
-    grid-gap: 25%;
-    gap: 25%;
-  }
-
-  .md\:gap-2\/4 {
-    grid-gap: 50%;
-    gap: 50%;
-  }
-
-  .md\:gap-3\/4 {
-    grid-gap: 75%;
-    gap: 75%;
-  }
-
-  .md\:gap-1\/5 {
-    grid-gap: 20%;
-    gap: 20%;
-  }
-
-  .md\:gap-2\/5 {
-    grid-gap: 40%;
-    gap: 40%;
-  }
-
-  .md\:gap-3\/5 {
-    grid-gap: 60%;
-    gap: 60%;
-  }
-
-  .md\:gap-4\/5 {
-    grid-gap: 80%;
-    gap: 80%;
-  }
-
-  .md\:gap-1\/6 {
-    grid-gap: 16.666667%;
-    gap: 16.666667%;
-  }
-
-  .md\:gap-2\/6 {
-    grid-gap: 33.333333%;
-    gap: 33.333333%;
-  }
-
-  .md\:gap-3\/6 {
-    grid-gap: 50%;
-    gap: 50%;
-  }
-
-  .md\:gap-4\/6 {
-    grid-gap: 66.666667%;
-    gap: 66.666667%;
-  }
-
-  .md\:gap-5\/6 {
-    grid-gap: 83.333333%;
-    gap: 83.333333%;
-  }
-
-  .md\:gap-1\/12 {
-    grid-gap: 8.333333%;
-    gap: 8.333333%;
-  }
-
-  .md\:gap-2\/12 {
-    grid-gap: 16.666667%;
-    gap: 16.666667%;
-  }
-
-  .md\:gap-3\/12 {
-    grid-gap: 25%;
-    gap: 25%;
-  }
-
-  .md\:gap-4\/12 {
-    grid-gap: 33.333333%;
-    gap: 33.333333%;
-  }
-
-  .md\:gap-5\/12 {
-    grid-gap: 41.666667%;
-    gap: 41.666667%;
-  }
-
-  .md\:gap-6\/12 {
-    grid-gap: 50%;
-    gap: 50%;
-  }
-
-  .md\:gap-7\/12 {
-    grid-gap: 58.333333%;
-    gap: 58.333333%;
-  }
-
-  .md\:gap-8\/12 {
-    grid-gap: 66.666667%;
-    gap: 66.666667%;
-  }
-
-  .md\:gap-9\/12 {
-    grid-gap: 75%;
-    gap: 75%;
-  }
-
-  .md\:gap-10\/12 {
-    grid-gap: 83.333333%;
-    gap: 83.333333%;
-  }
-
-  .md\:gap-11\/12 {
-    grid-gap: 91.666667%;
-    gap: 91.666667%;
-  }
-
-  .md\:gap-full {
-    grid-gap: 100%;
-    gap: 100%;
-  }
-
-  .md\:col-gap-0 {
-    grid-column-gap: 0;
-    -moz-column-gap: 0;
-         column-gap: 0;
-  }
-
-  .md\:col-gap-1 {
-    grid-column-gap: 0.25rem;
-    -moz-column-gap: 0.25rem;
-         column-gap: 0.25rem;
-  }
-
-  .md\:col-gap-2 {
-    grid-column-gap: 0.5rem;
-    -moz-column-gap: 0.5rem;
-         column-gap: 0.5rem;
-  }
-
-  .md\:col-gap-3 {
-    grid-column-gap: 0.75rem;
-    -moz-column-gap: 0.75rem;
-         column-gap: 0.75rem;
-  }
-
-  .md\:col-gap-4 {
-    grid-column-gap: 1rem;
-    -moz-column-gap: 1rem;
-         column-gap: 1rem;
-  }
-
-  .md\:col-gap-5 {
-    grid-column-gap: 1.25rem;
-    -moz-column-gap: 1.25rem;
-         column-gap: 1.25rem;
-  }
-
-  .md\:col-gap-6 {
-    grid-column-gap: 1.5rem;
-    -moz-column-gap: 1.5rem;
-         column-gap: 1.5rem;
-  }
-
-  .md\:col-gap-7 {
-    grid-column-gap: 1.75rem;
-    -moz-column-gap: 1.75rem;
-         column-gap: 1.75rem;
-  }
-
-  .md\:col-gap-8 {
-    grid-column-gap: 2rem;
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
-  }
-
-  .md\:col-gap-9 {
-    grid-column-gap: 2.25rem;
-    -moz-column-gap: 2.25rem;
-         column-gap: 2.25rem;
-  }
-
-  .md\:col-gap-10 {
-    grid-column-gap: 2.5rem;
-    -moz-column-gap: 2.5rem;
-         column-gap: 2.5rem;
-  }
-
-  .md\:col-gap-11 {
-    grid-column-gap: 2.75rem;
-    -moz-column-gap: 2.75rem;
-         column-gap: 2.75rem;
-  }
-
-  .md\:col-gap-12 {
-    grid-column-gap: 3rem;
-    -moz-column-gap: 3rem;
-         column-gap: 3rem;
-  }
-
-  .md\:col-gap-13 {
-    grid-column-gap: 3.25rem;
-    -moz-column-gap: 3.25rem;
-         column-gap: 3.25rem;
-  }
-
-  .md\:col-gap-14 {
-    grid-column-gap: 3.5rem;
-    -moz-column-gap: 3.5rem;
-         column-gap: 3.5rem;
-  }
-
-  .md\:col-gap-15 {
-    grid-column-gap: 3.75rem;
-    -moz-column-gap: 3.75rem;
-         column-gap: 3.75rem;
-  }
-
-  .md\:col-gap-16 {
-    grid-column-gap: 4rem;
-    -moz-column-gap: 4rem;
-         column-gap: 4rem;
-  }
-
-  .md\:col-gap-20 {
-    grid-column-gap: 5rem;
-    -moz-column-gap: 5rem;
-         column-gap: 5rem;
-  }
-
-  .md\:col-gap-24 {
-    grid-column-gap: 6rem;
-    -moz-column-gap: 6rem;
-         column-gap: 6rem;
-  }
-
-  .md\:col-gap-28 {
-    grid-column-gap: 7rem;
-    -moz-column-gap: 7rem;
-         column-gap: 7rem;
-  }
-
-  .md\:col-gap-32 {
-    grid-column-gap: 8rem;
-    -moz-column-gap: 8rem;
-         column-gap: 8rem;
-  }
-
-  .md\:col-gap-36 {
-    grid-column-gap: 9rem;
-    -moz-column-gap: 9rem;
-         column-gap: 9rem;
-  }
-
-  .md\:col-gap-40 {
-    grid-column-gap: 10rem;
-    -moz-column-gap: 10rem;
-         column-gap: 10rem;
-  }
-
-  .md\:col-gap-48 {
-    grid-column-gap: 12rem;
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .md\:col-gap-56 {
-    grid-column-gap: 14rem;
-    -moz-column-gap: 14rem;
-         column-gap: 14rem;
-  }
-
-  .md\:col-gap-60 {
-    grid-column-gap: 15rem;
-    -moz-column-gap: 15rem;
-         column-gap: 15rem;
-  }
-
-  .md\:col-gap-64 {
-    grid-column-gap: 16rem;
-    -moz-column-gap: 16rem;
-         column-gap: 16rem;
-  }
-
-  .md\:col-gap-72 {
-    grid-column-gap: 18rem;
-    -moz-column-gap: 18rem;
-         column-gap: 18rem;
-  }
-
-  .md\:col-gap-80 {
-    grid-column-gap: 20rem;
-    -moz-column-gap: 20rem;
-         column-gap: 20rem;
-  }
-
-  .md\:col-gap-96 {
-    grid-column-gap: 24rem;
-    -moz-column-gap: 24rem;
-         column-gap: 24rem;
-  }
-
-  .md\:col-gap-px {
-    grid-column-gap: 1px;
-    -moz-column-gap: 1px;
-         column-gap: 1px;
-  }
-
-  .md\:col-gap-0\.5 {
-    grid-column-gap: 0.125rem;
-    -moz-column-gap: 0.125rem;
-         column-gap: 0.125rem;
-  }
-
-  .md\:col-gap-1\.5 {
-    grid-column-gap: 0.375rem;
-    -moz-column-gap: 0.375rem;
-         column-gap: 0.375rem;
-  }
-
-  .md\:col-gap-2\.5 {
-    grid-column-gap: 0.625rem;
-    -moz-column-gap: 0.625rem;
-         column-gap: 0.625rem;
-  }
-
-  .md\:col-gap-3\.5 {
-    grid-column-gap: 0.875rem;
-    -moz-column-gap: 0.875rem;
-         column-gap: 0.875rem;
-  }
-
-  .md\:col-gap-1\/2 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .md\:col-gap-1\/3 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .md\:col-gap-2\/3 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .md\:col-gap-1\/4 {
-    grid-column-gap: 25%;
-    -moz-column-gap: 25%;
-         column-gap: 25%;
-  }
-
-  .md\:col-gap-2\/4 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .md\:col-gap-3\/4 {
-    grid-column-gap: 75%;
-    -moz-column-gap: 75%;
-         column-gap: 75%;
-  }
-
-  .md\:col-gap-1\/5 {
-    grid-column-gap: 20%;
-    -moz-column-gap: 20%;
-         column-gap: 20%;
-  }
-
-  .md\:col-gap-2\/5 {
-    grid-column-gap: 40%;
-    -moz-column-gap: 40%;
-         column-gap: 40%;
-  }
-
-  .md\:col-gap-3\/5 {
-    grid-column-gap: 60%;
-    -moz-column-gap: 60%;
-         column-gap: 60%;
-  }
-
-  .md\:col-gap-4\/5 {
-    grid-column-gap: 80%;
-    -moz-column-gap: 80%;
-         column-gap: 80%;
-  }
-
-  .md\:col-gap-1\/6 {
-    grid-column-gap: 16.666667%;
-    -moz-column-gap: 16.666667%;
-         column-gap: 16.666667%;
-  }
-
-  .md\:col-gap-2\/6 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .md\:col-gap-3\/6 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .md\:col-gap-4\/6 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .md\:col-gap-5\/6 {
-    grid-column-gap: 83.333333%;
-    -moz-column-gap: 83.333333%;
-         column-gap: 83.333333%;
-  }
-
-  .md\:col-gap-1\/12 {
-    grid-column-gap: 8.333333%;
-    -moz-column-gap: 8.333333%;
-         column-gap: 8.333333%;
-  }
-
-  .md\:col-gap-2\/12 {
-    grid-column-gap: 16.666667%;
-    -moz-column-gap: 16.666667%;
-         column-gap: 16.666667%;
-  }
-
-  .md\:col-gap-3\/12 {
-    grid-column-gap: 25%;
-    -moz-column-gap: 25%;
-         column-gap: 25%;
-  }
-
-  .md\:col-gap-4\/12 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .md\:col-gap-5\/12 {
-    grid-column-gap: 41.666667%;
-    -moz-column-gap: 41.666667%;
-         column-gap: 41.666667%;
-  }
-
-  .md\:col-gap-6\/12 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .md\:col-gap-7\/12 {
-    grid-column-gap: 58.333333%;
-    -moz-column-gap: 58.333333%;
-         column-gap: 58.333333%;
-  }
-
-  .md\:col-gap-8\/12 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .md\:col-gap-9\/12 {
-    grid-column-gap: 75%;
-    -moz-column-gap: 75%;
-         column-gap: 75%;
-  }
-
-  .md\:col-gap-10\/12 {
-    grid-column-gap: 83.333333%;
-    -moz-column-gap: 83.333333%;
-         column-gap: 83.333333%;
-  }
-
-  .md\:col-gap-11\/12 {
-    grid-column-gap: 91.666667%;
-    -moz-column-gap: 91.666667%;
-         column-gap: 91.666667%;
-  }
-
-  .md\:col-gap-full {
-    grid-column-gap: 100%;
-    -moz-column-gap: 100%;
-         column-gap: 100%;
-  }
-
-  .md\:row-gap-0 {
-    grid-row-gap: 0;
-    row-gap: 0;
-  }
-
-  .md\:row-gap-1 {
-    grid-row-gap: 0.25rem;
-    row-gap: 0.25rem;
-  }
-
-  .md\:row-gap-2 {
-    grid-row-gap: 0.5rem;
-    row-gap: 0.5rem;
-  }
-
-  .md\:row-gap-3 {
-    grid-row-gap: 0.75rem;
-    row-gap: 0.75rem;
-  }
-
-  .md\:row-gap-4 {
-    grid-row-gap: 1rem;
-    row-gap: 1rem;
-  }
-
-  .md\:row-gap-5 {
-    grid-row-gap: 1.25rem;
-    row-gap: 1.25rem;
-  }
-
-  .md\:row-gap-6 {
-    grid-row-gap: 1.5rem;
-    row-gap: 1.5rem;
-  }
-
-  .md\:row-gap-7 {
-    grid-row-gap: 1.75rem;
-    row-gap: 1.75rem;
-  }
-
-  .md\:row-gap-8 {
-    grid-row-gap: 2rem;
-    row-gap: 2rem;
-  }
-
-  .md\:row-gap-9 {
-    grid-row-gap: 2.25rem;
-    row-gap: 2.25rem;
-  }
-
-  .md\:row-gap-10 {
-    grid-row-gap: 2.5rem;
-    row-gap: 2.5rem;
-  }
-
-  .md\:row-gap-11 {
-    grid-row-gap: 2.75rem;
-    row-gap: 2.75rem;
-  }
-
-  .md\:row-gap-12 {
-    grid-row-gap: 3rem;
-    row-gap: 3rem;
-  }
-
-  .md\:row-gap-13 {
-    grid-row-gap: 3.25rem;
-    row-gap: 3.25rem;
-  }
-
-  .md\:row-gap-14 {
-    grid-row-gap: 3.5rem;
-    row-gap: 3.5rem;
-  }
-
-  .md\:row-gap-15 {
-    grid-row-gap: 3.75rem;
-    row-gap: 3.75rem;
-  }
-
-  .md\:row-gap-16 {
-    grid-row-gap: 4rem;
-    row-gap: 4rem;
-  }
-
-  .md\:row-gap-20 {
-    grid-row-gap: 5rem;
-    row-gap: 5rem;
-  }
-
-  .md\:row-gap-24 {
-    grid-row-gap: 6rem;
-    row-gap: 6rem;
-  }
-
-  .md\:row-gap-28 {
-    grid-row-gap: 7rem;
-    row-gap: 7rem;
-  }
-
-  .md\:row-gap-32 {
-    grid-row-gap: 8rem;
-    row-gap: 8rem;
-  }
-
-  .md\:row-gap-36 {
-    grid-row-gap: 9rem;
-    row-gap: 9rem;
-  }
-
-  .md\:row-gap-40 {
-    grid-row-gap: 10rem;
-    row-gap: 10rem;
-  }
-
-  .md\:row-gap-48 {
-    grid-row-gap: 12rem;
-    row-gap: 12rem;
-  }
-
-  .md\:row-gap-56 {
-    grid-row-gap: 14rem;
-    row-gap: 14rem;
-  }
-
-  .md\:row-gap-60 {
-    grid-row-gap: 15rem;
-    row-gap: 15rem;
-  }
-
-  .md\:row-gap-64 {
-    grid-row-gap: 16rem;
-    row-gap: 16rem;
-  }
-
-  .md\:row-gap-72 {
-    grid-row-gap: 18rem;
-    row-gap: 18rem;
-  }
-
-  .md\:row-gap-80 {
-    grid-row-gap: 20rem;
-    row-gap: 20rem;
-  }
-
-  .md\:row-gap-96 {
-    grid-row-gap: 24rem;
-    row-gap: 24rem;
-  }
-
-  .md\:row-gap-px {
-    grid-row-gap: 1px;
-    row-gap: 1px;
-  }
-
-  .md\:row-gap-0\.5 {
-    grid-row-gap: 0.125rem;
-    row-gap: 0.125rem;
-  }
-
-  .md\:row-gap-1\.5 {
-    grid-row-gap: 0.375rem;
-    row-gap: 0.375rem;
-  }
-
-  .md\:row-gap-2\.5 {
-    grid-row-gap: 0.625rem;
-    row-gap: 0.625rem;
-  }
-
-  .md\:row-gap-3\.5 {
-    grid-row-gap: 0.875rem;
-    row-gap: 0.875rem;
-  }
-
-  .md\:row-gap-1\/2 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .md\:row-gap-1\/3 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .md\:row-gap-2\/3 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .md\:row-gap-1\/4 {
-    grid-row-gap: 25%;
-    row-gap: 25%;
-  }
-
-  .md\:row-gap-2\/4 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .md\:row-gap-3\/4 {
-    grid-row-gap: 75%;
-    row-gap: 75%;
-  }
-
-  .md\:row-gap-1\/5 {
-    grid-row-gap: 20%;
-    row-gap: 20%;
-  }
-
-  .md\:row-gap-2\/5 {
-    grid-row-gap: 40%;
-    row-gap: 40%;
-  }
-
-  .md\:row-gap-3\/5 {
-    grid-row-gap: 60%;
-    row-gap: 60%;
-  }
-
-  .md\:row-gap-4\/5 {
-    grid-row-gap: 80%;
-    row-gap: 80%;
-  }
-
-  .md\:row-gap-1\/6 {
-    grid-row-gap: 16.666667%;
-    row-gap: 16.666667%;
-  }
-
-  .md\:row-gap-2\/6 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .md\:row-gap-3\/6 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .md\:row-gap-4\/6 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .md\:row-gap-5\/6 {
-    grid-row-gap: 83.333333%;
-    row-gap: 83.333333%;
-  }
-
-  .md\:row-gap-1\/12 {
-    grid-row-gap: 8.333333%;
-    row-gap: 8.333333%;
-  }
-
-  .md\:row-gap-2\/12 {
-    grid-row-gap: 16.666667%;
-    row-gap: 16.666667%;
-  }
-
-  .md\:row-gap-3\/12 {
-    grid-row-gap: 25%;
-    row-gap: 25%;
-  }
-
-  .md\:row-gap-4\/12 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .md\:row-gap-5\/12 {
-    grid-row-gap: 41.666667%;
-    row-gap: 41.666667%;
-  }
-
-  .md\:row-gap-6\/12 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .md\:row-gap-7\/12 {
-    grid-row-gap: 58.333333%;
-    row-gap: 58.333333%;
-  }
-
-  .md\:row-gap-8\/12 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .md\:row-gap-9\/12 {
-    grid-row-gap: 75%;
-    row-gap: 75%;
-  }
-
-  .md\:row-gap-10\/12 {
-    grid-row-gap: 83.333333%;
-    row-gap: 83.333333%;
-  }
-
-  .md\:row-gap-11\/12 {
-    grid-row-gap: 91.666667%;
-    row-gap: 91.666667%;
-  }
-
-  .md\:row-gap-full {
-    grid-row-gap: 100%;
-    row-gap: 100%;
-  }
-
-  .md\:grid-flow-row {
-    grid-auto-flow: row;
-  }
-
-  .md\:grid-flow-col {
-    grid-auto-flow: column;
-  }
-
-  .md\:grid-flow-row-dense {
-    grid-auto-flow: row dense;
-  }
-
-  .md\:grid-flow-col-dense {
-    grid-auto-flow: column dense;
-  }
-
-  .md\:grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-
-  .md\:grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .md\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .md\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
-  .md\:grid-cols-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-
-  .md\:grid-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-
-  .md\:grid-cols-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-
-  .md\:grid-cols-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-
-  .md\:grid-cols-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-
-  .md\:grid-cols-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-
-  .md\:grid-cols-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-
-  .md\:grid-cols-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-
-  .md\:grid-cols-none {
-    grid-template-columns: none;
-  }
-
-  .md\:col-auto {
-    grid-column: auto;
-  }
-
-  .md\:col-span-1 {
-    grid-column: span 1 / span 1;
-  }
-
-  .md\:col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-
-  .md\:col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .md\:col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-
-  .md\:col-span-5 {
-    grid-column: span 5 / span 5;
-  }
-
-  .md\:col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .md\:col-span-7 {
-    grid-column: span 7 / span 7;
-  }
-
-  .md\:col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-
-  .md\:col-span-9 {
-    grid-column: span 9 / span 9;
-  }
-
-  .md\:col-span-10 {
-    grid-column: span 10 / span 10;
-  }
-
-  .md\:col-span-11 {
-    grid-column: span 11 / span 11;
-  }
-
-  .md\:col-span-12 {
-    grid-column: span 12 / span 12;
-  }
-
-  .md\:col-start-1 {
-    grid-column-start: 1;
-  }
-
-  .md\:col-start-2 {
-    grid-column-start: 2;
-  }
-
-  .md\:col-start-3 {
-    grid-column-start: 3;
-  }
-
-  .md\:col-start-4 {
-    grid-column-start: 4;
-  }
-
-  .md\:col-start-5 {
-    grid-column-start: 5;
-  }
-
-  .md\:col-start-6 {
-    grid-column-start: 6;
-  }
-
-  .md\:col-start-7 {
-    grid-column-start: 7;
-  }
-
-  .md\:col-start-8 {
-    grid-column-start: 8;
-  }
-
-  .md\:col-start-9 {
-    grid-column-start: 9;
-  }
-
-  .md\:col-start-10 {
-    grid-column-start: 10;
-  }
-
-  .md\:col-start-11 {
-    grid-column-start: 11;
-  }
-
-  .md\:col-start-12 {
-    grid-column-start: 12;
-  }
-
-  .md\:col-start-13 {
-    grid-column-start: 13;
-  }
-
-  .md\:col-start-auto {
-    grid-column-start: auto;
-  }
-
-  .md\:col-end-1 {
-    grid-column-end: 1;
-  }
-
-  .md\:col-end-2 {
-    grid-column-end: 2;
-  }
-
-  .md\:col-end-3 {
-    grid-column-end: 3;
-  }
-
-  .md\:col-end-4 {
-    grid-column-end: 4;
-  }
-
-  .md\:col-end-5 {
-    grid-column-end: 5;
-  }
-
-  .md\:col-end-6 {
-    grid-column-end: 6;
-  }
-
-  .md\:col-end-7 {
-    grid-column-end: 7;
-  }
-
-  .md\:col-end-8 {
-    grid-column-end: 8;
-  }
-
-  .md\:col-end-9 {
-    grid-column-end: 9;
-  }
-
-  .md\:col-end-10 {
-    grid-column-end: 10;
-  }
-
-  .md\:col-end-11 {
-    grid-column-end: 11;
-  }
-
-  .md\:col-end-12 {
-    grid-column-end: 12;
-  }
-
-  .md\:col-end-13 {
-    grid-column-end: 13;
-  }
-
-  .md\:col-end-auto {
-    grid-column-end: auto;
-  }
-
-  .md\:grid-rows-1 {
-    grid-template-rows: repeat(1, minmax(0, 1fr));
-  }
-
-  .md\:grid-rows-2 {
-    grid-template-rows: repeat(2, minmax(0, 1fr));
-  }
-
-  .md\:grid-rows-3 {
-    grid-template-rows: repeat(3, minmax(0, 1fr));
-  }
-
-  .md\:grid-rows-4 {
-    grid-template-rows: repeat(4, minmax(0, 1fr));
-  }
-
-  .md\:grid-rows-5 {
-    grid-template-rows: repeat(5, minmax(0, 1fr));
-  }
-
-  .md\:grid-rows-6 {
-    grid-template-rows: repeat(6, minmax(0, 1fr));
-  }
-
-  .md\:grid-rows-none {
-    grid-template-rows: none;
-  }
-
-  .md\:row-auto {
-    grid-row: auto;
-  }
-
-  .md\:row-span-1 {
-    grid-row: span 1 / span 1;
-  }
-
-  .md\:row-span-2 {
-    grid-row: span 2 / span 2;
-  }
-
-  .md\:row-span-3 {
-    grid-row: span 3 / span 3;
-  }
-
-  .md\:row-span-4 {
-    grid-row: span 4 / span 4;
-  }
-
-  .md\:row-span-5 {
-    grid-row: span 5 / span 5;
-  }
-
-  .md\:row-span-6 {
-    grid-row: span 6 / span 6;
-  }
-
-  .md\:row-start-1 {
-    grid-row-start: 1;
-  }
-
-  .md\:row-start-2 {
-    grid-row-start: 2;
-  }
-
-  .md\:row-start-3 {
-    grid-row-start: 3;
-  }
-
-  .md\:row-start-4 {
-    grid-row-start: 4;
-  }
-
-  .md\:row-start-5 {
-    grid-row-start: 5;
-  }
-
-  .md\:row-start-6 {
-    grid-row-start: 6;
-  }
-
-  .md\:row-start-7 {
-    grid-row-start: 7;
-  }
-
-  .md\:row-start-auto {
-    grid-row-start: auto;
-  }
-
-  .md\:row-end-1 {
-    grid-row-end: 1;
-  }
-
-  .md\:row-end-2 {
-    grid-row-end: 2;
-  }
-
-  .md\:row-end-3 {
-    grid-row-end: 3;
-  }
-
-  .md\:row-end-4 {
-    grid-row-end: 4;
-  }
-
-  .md\:row-end-5 {
-    grid-row-end: 5;
-  }
-
-  .md\:row-end-6 {
-    grid-row-end: 6;
-  }
-
-  .md\:row-end-7 {
-    grid-row-end: 7;
-  }
-
-  .md\:row-end-auto {
-    grid-row-end: auto;
-  }
-
-  .md\: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));
-  }
-
-  .md\:transform-none {
-    transform: none;
-  }
-
-  .md\:origin-center {
-    transform-origin: center;
-  }
-
-  .md\:origin-top {
-    transform-origin: top;
-  }
-
-  .md\:origin-top-right {
-    transform-origin: top right;
-  }
-
-  .md\:origin-right {
-    transform-origin: right;
-  }
-
-  .md\:origin-bottom-right {
-    transform-origin: bottom right;
-  }
-
-  .md\:origin-bottom {
-    transform-origin: bottom;
-  }
-
-  .md\:origin-bottom-left {
-    transform-origin: bottom left;
-  }
-
-  .md\:origin-left {
-    transform-origin: left;
-  }
-
-  .md\:origin-top-left {
-    transform-origin: top left;
-  }
-
-  .md\:scale-0 {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .md\:scale-50 {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .md\:scale-75 {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .md\:scale-90 {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .md\:scale-95 {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .md\:scale-100 {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .md\:scale-105 {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .md\:scale-110 {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .md\:scale-125 {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .md\:scale-150 {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .md\:scale-x-0 {
-    --transform-scale-x: 0;
-  }
-
-  .md\:scale-x-50 {
-    --transform-scale-x: .5;
-  }
-
-  .md\:scale-x-75 {
-    --transform-scale-x: .75;
-  }
-
-  .md\:scale-x-90 {
-    --transform-scale-x: .9;
-  }
-
-  .md\:scale-x-95 {
-    --transform-scale-x: .95;
-  }
-
-  .md\:scale-x-100 {
-    --transform-scale-x: 1;
-  }
-
-  .md\:scale-x-105 {
-    --transform-scale-x: 1.05;
-  }
-
-  .md\:scale-x-110 {
-    --transform-scale-x: 1.1;
-  }
-
-  .md\:scale-x-125 {
-    --transform-scale-x: 1.25;
-  }
-
-  .md\:scale-x-150 {
-    --transform-scale-x: 1.5;
-  }
-
-  .md\:scale-y-0 {
-    --transform-scale-y: 0;
-  }
-
-  .md\:scale-y-50 {
-    --transform-scale-y: .5;
-  }
-
-  .md\:scale-y-75 {
-    --transform-scale-y: .75;
-  }
-
-  .md\:scale-y-90 {
-    --transform-scale-y: .9;
-  }
-
-  .md\:scale-y-95 {
-    --transform-scale-y: .95;
-  }
-
-  .md\:scale-y-100 {
-    --transform-scale-y: 1;
-  }
-
-  .md\:scale-y-105 {
-    --transform-scale-y: 1.05;
-  }
-
-  .md\:scale-y-110 {
-    --transform-scale-y: 1.1;
-  }
-
-  .md\:scale-y-125 {
-    --transform-scale-y: 1.25;
-  }
-
-  .md\:scale-y-150 {
-    --transform-scale-y: 1.5;
-  }
-
-  .md\:hover\:scale-0:hover {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .md\:hover\:scale-50:hover {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .md\:hover\:scale-75:hover {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .md\:hover\:scale-90:hover {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .md\:hover\:scale-95:hover {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .md\:hover\:scale-100:hover {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .md\:hover\:scale-105:hover {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .md\:hover\:scale-110:hover {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .md\:hover\:scale-125:hover {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .md\:hover\:scale-150:hover {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .md\:hover\:scale-x-0:hover {
-    --transform-scale-x: 0;
-  }
-
-  .md\:hover\:scale-x-50:hover {
-    --transform-scale-x: .5;
-  }
-
-  .md\:hover\:scale-x-75:hover {
-    --transform-scale-x: .75;
-  }
-
-  .md\:hover\:scale-x-90:hover {
-    --transform-scale-x: .9;
-  }
-
-  .md\:hover\:scale-x-95:hover {
-    --transform-scale-x: .95;
-  }
-
-  .md\:hover\:scale-x-100:hover {
-    --transform-scale-x: 1;
-  }
-
-  .md\:hover\:scale-x-105:hover {
-    --transform-scale-x: 1.05;
-  }
-
-  .md\:hover\:scale-x-110:hover {
-    --transform-scale-x: 1.1;
-  }
-
-  .md\:hover\:scale-x-125:hover {
-    --transform-scale-x: 1.25;
-  }
-
-  .md\:hover\:scale-x-150:hover {
-    --transform-scale-x: 1.5;
-  }
-
-  .md\:hover\:scale-y-0:hover {
-    --transform-scale-y: 0;
-  }
-
-  .md\:hover\:scale-y-50:hover {
-    --transform-scale-y: .5;
-  }
-
-  .md\:hover\:scale-y-75:hover {
-    --transform-scale-y: .75;
-  }
-
-  .md\:hover\:scale-y-90:hover {
-    --transform-scale-y: .9;
-  }
-
-  .md\:hover\:scale-y-95:hover {
-    --transform-scale-y: .95;
-  }
-
-  .md\:hover\:scale-y-100:hover {
-    --transform-scale-y: 1;
-  }
-
-  .md\:hover\:scale-y-105:hover {
-    --transform-scale-y: 1.05;
-  }
-
-  .md\:hover\:scale-y-110:hover {
-    --transform-scale-y: 1.1;
-  }
-
-  .md\:hover\:scale-y-125:hover {
-    --transform-scale-y: 1.25;
-  }
-
-  .md\:hover\:scale-y-150:hover {
-    --transform-scale-y: 1.5;
-  }
-
-  .md\:focus\:scale-0:focus {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .md\:focus\:scale-50:focus {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .md\:focus\:scale-75:focus {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .md\:focus\:scale-90:focus {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .md\:focus\:scale-95:focus {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .md\:focus\:scale-100:focus {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .md\:focus\:scale-105:focus {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .md\:focus\:scale-110:focus {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .md\:focus\:scale-125:focus {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .md\:focus\:scale-150:focus {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .md\:focus\:scale-x-0:focus {
-    --transform-scale-x: 0;
-  }
-
-  .md\:focus\:scale-x-50:focus {
-    --transform-scale-x: .5;
-  }
-
-  .md\:focus\:scale-x-75:focus {
-    --transform-scale-x: .75;
-  }
-
-  .md\:focus\:scale-x-90:focus {
-    --transform-scale-x: .9;
-  }
-
-  .md\:focus\:scale-x-95:focus {
-    --transform-scale-x: .95;
-  }
-
-  .md\:focus\:scale-x-100:focus {
-    --transform-scale-x: 1;
-  }
-
-  .md\:focus\:scale-x-105:focus {
-    --transform-scale-x: 1.05;
-  }
-
-  .md\:focus\:scale-x-110:focus {
-    --transform-scale-x: 1.1;
-  }
-
-  .md\:focus\:scale-x-125:focus {
-    --transform-scale-x: 1.25;
-  }
-
-  .md\:focus\:scale-x-150:focus {
-    --transform-scale-x: 1.5;
-  }
-
-  .md\:focus\:scale-y-0:focus {
-    --transform-scale-y: 0;
-  }
-
-  .md\:focus\:scale-y-50:focus {
-    --transform-scale-y: .5;
-  }
-
-  .md\:focus\:scale-y-75:focus {
-    --transform-scale-y: .75;
-  }
-
-  .md\:focus\:scale-y-90:focus {
-    --transform-scale-y: .9;
-  }
-
-  .md\:focus\:scale-y-95:focus {
-    --transform-scale-y: .95;
-  }
-
-  .md\:focus\:scale-y-100:focus {
-    --transform-scale-y: 1;
-  }
-
-  .md\:focus\:scale-y-105:focus {
-    --transform-scale-y: 1.05;
-  }
-
-  .md\:focus\:scale-y-110:focus {
-    --transform-scale-y: 1.1;
-  }
-
-  .md\:focus\:scale-y-125:focus {
-    --transform-scale-y: 1.25;
-  }
-
-  .md\:focus\:scale-y-150:focus {
-    --transform-scale-y: 1.5;
-  }
-
-  .md\:rotate-0 {
-    --transform-rotate: 0;
-  }
-
-  .md\:rotate-45 {
-    --transform-rotate: 45deg;
-  }
-
-  .md\:rotate-90 {
-    --transform-rotate: 90deg;
-  }
-
-  .md\:rotate-180 {
-    --transform-rotate: 180deg;
-  }
-
-  .md\:-rotate-180 {
-    --transform-rotate: -180deg;
-  }
-
-  .md\:-rotate-90 {
-    --transform-rotate: -90deg;
-  }
-
-  .md\:-rotate-45 {
-    --transform-rotate: -45deg;
-  }
-
-  .md\:hover\:rotate-0:hover {
-    --transform-rotate: 0;
-  }
-
-  .md\:hover\:rotate-45:hover {
-    --transform-rotate: 45deg;
-  }
-
-  .md\:hover\:rotate-90:hover {
-    --transform-rotate: 90deg;
-  }
-
-  .md\:hover\:rotate-180:hover {
-    --transform-rotate: 180deg;
-  }
-
-  .md\:hover\:-rotate-180:hover {
-    --transform-rotate: -180deg;
-  }
-
-  .md\:hover\:-rotate-90:hover {
-    --transform-rotate: -90deg;
-  }
-
-  .md\:hover\:-rotate-45:hover {
-    --transform-rotate: -45deg;
-  }
-
-  .md\:focus\:rotate-0:focus {
-    --transform-rotate: 0;
-  }
-
-  .md\:focus\:rotate-45:focus {
-    --transform-rotate: 45deg;
-  }
-
-  .md\:focus\:rotate-90:focus {
-    --transform-rotate: 90deg;
-  }
-
-  .md\:focus\:rotate-180:focus {
-    --transform-rotate: 180deg;
-  }
-
-  .md\:focus\:-rotate-180:focus {
-    --transform-rotate: -180deg;
-  }
-
-  .md\:focus\:-rotate-90:focus {
-    --transform-rotate: -90deg;
-  }
-
-  .md\:focus\:-rotate-45:focus {
-    --transform-rotate: -45deg;
-  }
-
-  .md\:translate-x-0 {
-    --transform-translate-x: 0;
-  }
-
-  .md\:translate-x-1 {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .md\:translate-x-2 {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .md\:translate-x-3 {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .md\:translate-x-4 {
-    --transform-translate-x: 1rem;
-  }
-
-  .md\:translate-x-5 {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .md\:translate-x-6 {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .md\:translate-x-7 {
-    --transform-translate-x: 1.75rem;
-  }
-
-  .md\:translate-x-8 {
-    --transform-translate-x: 2rem;
-  }
-
-  .md\:translate-x-9 {
-    --transform-translate-x: 2.25rem;
-  }
-
-  .md\:translate-x-10 {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .md\:translate-x-11 {
-    --transform-translate-x: 2.75rem;
-  }
-
-  .md\:translate-x-12 {
-    --transform-translate-x: 3rem;
-  }
-
-  .md\:translate-x-13 {
-    --transform-translate-x: 3.25rem;
-  }
-
-  .md\:translate-x-14 {
-    --transform-translate-x: 3.5rem;
-  }
-
-  .md\:translate-x-15 {
-    --transform-translate-x: 3.75rem;
-  }
-
-  .md\:translate-x-16 {
-    --transform-translate-x: 4rem;
-  }
-
-  .md\:translate-x-20 {
-    --transform-translate-x: 5rem;
-  }
-
-  .md\:translate-x-24 {
-    --transform-translate-x: 6rem;
-  }
-
-  .md\:translate-x-28 {
-    --transform-translate-x: 7rem;
-  }
-
-  .md\:translate-x-32 {
-    --transform-translate-x: 8rem;
-  }
-
-  .md\:translate-x-36 {
-    --transform-translate-x: 9rem;
-  }
-
-  .md\:translate-x-40 {
-    --transform-translate-x: 10rem;
-  }
-
-  .md\:translate-x-48 {
-    --transform-translate-x: 12rem;
-  }
-
-  .md\:translate-x-56 {
-    --transform-translate-x: 14rem;
-  }
-
-  .md\:translate-x-60 {
-    --transform-translate-x: 15rem;
-  }
-
-  .md\:translate-x-64 {
-    --transform-translate-x: 16rem;
-  }
-
-  .md\:translate-x-72 {
-    --transform-translate-x: 18rem;
-  }
-
-  .md\:translate-x-80 {
-    --transform-translate-x: 20rem;
-  }
-
-  .md\:translate-x-96 {
-    --transform-translate-x: 24rem;
-  }
-
-  .md\:translate-x-px {
-    --transform-translate-x: 1px;
-  }
-
-  .md\:translate-x-0\.5 {
-    --transform-translate-x: 0.125rem;
-  }
-
-  .md\:translate-x-1\.5 {
-    --transform-translate-x: 0.375rem;
-  }
-
-  .md\:translate-x-2\.5 {
-    --transform-translate-x: 0.625rem;
-  }
-
-  .md\:translate-x-3\.5 {
-    --transform-translate-x: 0.875rem;
-  }
-
-  .md\:translate-x-1\/2 {
-    --transform-translate-x: 50%;
-  }
-
-  .md\:translate-x-1\/3 {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .md\:translate-x-2\/3 {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .md\:translate-x-1\/4 {
-    --transform-translate-x: 25%;
-  }
-
-  .md\:translate-x-2\/4 {
-    --transform-translate-x: 50%;
-  }
-
-  .md\:translate-x-3\/4 {
-    --transform-translate-x: 75%;
-  }
-
-  .md\:translate-x-1\/5 {
-    --transform-translate-x: 20%;
-  }
-
-  .md\:translate-x-2\/5 {
-    --transform-translate-x: 40%;
-  }
-
-  .md\:translate-x-3\/5 {
-    --transform-translate-x: 60%;
-  }
-
-  .md\:translate-x-4\/5 {
-    --transform-translate-x: 80%;
-  }
-
-  .md\:translate-x-1\/6 {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .md\:translate-x-2\/6 {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .md\:translate-x-3\/6 {
-    --transform-translate-x: 50%;
-  }
-
-  .md\:translate-x-4\/6 {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .md\:translate-x-5\/6 {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .md\:translate-x-1\/12 {
-    --transform-translate-x: 8.333333%;
-  }
-
-  .md\:translate-x-2\/12 {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .md\:translate-x-3\/12 {
-    --transform-translate-x: 25%;
-  }
-
-  .md\:translate-x-4\/12 {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .md\:translate-x-5\/12 {
-    --transform-translate-x: 41.666667%;
-  }
-
-  .md\:translate-x-6\/12 {
-    --transform-translate-x: 50%;
-  }
-
-  .md\:translate-x-7\/12 {
-    --transform-translate-x: 58.333333%;
-  }
-
-  .md\:translate-x-8\/12 {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .md\:translate-x-9\/12 {
-    --transform-translate-x: 75%;
-  }
-
-  .md\:translate-x-10\/12 {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .md\:translate-x-11\/12 {
-    --transform-translate-x: 91.666667%;
-  }
-
-  .md\:translate-x-full {
-    --transform-translate-x: 100%;
-  }
-
-  .md\:-translate-x-1 {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .md\:-translate-x-2 {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .md\:-translate-x-3 {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .md\:-translate-x-4 {
-    --transform-translate-x: -1rem;
-  }
-
-  .md\:-translate-x-5 {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .md\:-translate-x-6 {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .md\:-translate-x-7 {
-    --transform-translate-x: -1.75rem;
-  }
-
-  .md\:-translate-x-8 {
-    --transform-translate-x: -2rem;
-  }
-
-  .md\:-translate-x-9 {
-    --transform-translate-x: -2.25rem;
-  }
-
-  .md\:-translate-x-10 {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .md\:-translate-x-11 {
-    --transform-translate-x: -2.75rem;
-  }
-
-  .md\:-translate-x-12 {
-    --transform-translate-x: -3rem;
-  }
-
-  .md\:-translate-x-13 {
-    --transform-translate-x: -3.25rem;
-  }
-
-  .md\:-translate-x-14 {
-    --transform-translate-x: -3.5rem;
-  }
-
-  .md\:-translate-x-15 {
-    --transform-translate-x: -3.75rem;
-  }
-
-  .md\:-translate-x-16 {
-    --transform-translate-x: -4rem;
-  }
-
-  .md\:-translate-x-20 {
-    --transform-translate-x: -5rem;
-  }
-
-  .md\:-translate-x-24 {
-    --transform-translate-x: -6rem;
-  }
-
-  .md\:-translate-x-28 {
-    --transform-translate-x: -7rem;
-  }
-
-  .md\:-translate-x-32 {
-    --transform-translate-x: -8rem;
-  }
-
-  .md\:-translate-x-36 {
-    --transform-translate-x: -9rem;
-  }
-
-  .md\:-translate-x-40 {
-    --transform-translate-x: -10rem;
-  }
-
-  .md\:-translate-x-48 {
-    --transform-translate-x: -12rem;
-  }
-
-  .md\:-translate-x-56 {
-    --transform-translate-x: -14rem;
-  }
-
-  .md\:-translate-x-60 {
-    --transform-translate-x: -15rem;
-  }
-
-  .md\:-translate-x-64 {
-    --transform-translate-x: -16rem;
-  }
-
-  .md\:-translate-x-72 {
-    --transform-translate-x: -18rem;
-  }
-
-  .md\:-translate-x-80 {
-    --transform-translate-x: -20rem;
-  }
-
-  .md\:-translate-x-96 {
-    --transform-translate-x: -24rem;
-  }
-
-  .md\:-translate-x-px {
-    --transform-translate-x: -1px;
-  }
-
-  .md\:-translate-x-0\.5 {
-    --transform-translate-x: -0.125rem;
-  }
-
-  .md\:-translate-x-1\.5 {
-    --transform-translate-x: -0.375rem;
-  }
-
-  .md\:-translate-x-2\.5 {
-    --transform-translate-x: -0.625rem;
-  }
-
-  .md\:-translate-x-3\.5 {
-    --transform-translate-x: -0.875rem;
-  }
-
-  .md\:-translate-x-1\/2 {
-    --transform-translate-x: -50%;
-  }
-
-  .md\:-translate-x-1\/3 {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .md\:-translate-x-2\/3 {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .md\:-translate-x-1\/4 {
-    --transform-translate-x: -25%;
-  }
-
-  .md\:-translate-x-2\/4 {
-    --transform-translate-x: -50%;
-  }
-
-  .md\:-translate-x-3\/4 {
-    --transform-translate-x: -75%;
-  }
-
-  .md\:-translate-x-1\/5 {
-    --transform-translate-x: -20%;
-  }
-
-  .md\:-translate-x-2\/5 {
-    --transform-translate-x: -40%;
-  }
-
-  .md\:-translate-x-3\/5 {
-    --transform-translate-x: -60%;
-  }
-
-  .md\:-translate-x-4\/5 {
-    --transform-translate-x: -80%;
-  }
-
-  .md\:-translate-x-1\/6 {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .md\:-translate-x-2\/6 {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .md\:-translate-x-3\/6 {
-    --transform-translate-x: -50%;
-  }
-
-  .md\:-translate-x-4\/6 {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .md\:-translate-x-5\/6 {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .md\:-translate-x-1\/12 {
-    --transform-translate-x: -8.33333%;
-  }
-
-  .md\:-translate-x-2\/12 {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .md\:-translate-x-3\/12 {
-    --transform-translate-x: -25%;
-  }
-
-  .md\:-translate-x-4\/12 {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .md\:-translate-x-5\/12 {
-    --transform-translate-x: -41.66667%;
-  }
-
-  .md\:-translate-x-6\/12 {
-    --transform-translate-x: -50%;
-  }
-
-  .md\:-translate-x-7\/12 {
-    --transform-translate-x: -58.33333%;
-  }
-
-  .md\:-translate-x-8\/12 {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .md\:-translate-x-9\/12 {
-    --transform-translate-x: -75%;
-  }
-
-  .md\:-translate-x-10\/12 {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .md\:-translate-x-11\/12 {
-    --transform-translate-x: -91.66667%;
-  }
-
-  .md\:-translate-x-full {
-    --transform-translate-x: -100%;
-  }
-
-  .md\:translate-y-0 {
-    --transform-translate-y: 0;
-  }
-
-  .md\:translate-y-1 {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .md\:translate-y-2 {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .md\:translate-y-3 {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .md\:translate-y-4 {
-    --transform-translate-y: 1rem;
-  }
-
-  .md\:translate-y-5 {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .md\:translate-y-6 {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .md\:translate-y-7 {
-    --transform-translate-y: 1.75rem;
-  }
-
-  .md\:translate-y-8 {
-    --transform-translate-y: 2rem;
-  }
-
-  .md\:translate-y-9 {
-    --transform-translate-y: 2.25rem;
-  }
-
-  .md\:translate-y-10 {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .md\:translate-y-11 {
-    --transform-translate-y: 2.75rem;
-  }
-
-  .md\:translate-y-12 {
-    --transform-translate-y: 3rem;
-  }
-
-  .md\:translate-y-13 {
-    --transform-translate-y: 3.25rem;
-  }
-
-  .md\:translate-y-14 {
-    --transform-translate-y: 3.5rem;
-  }
-
-  .md\:translate-y-15 {
-    --transform-translate-y: 3.75rem;
-  }
-
-  .md\:translate-y-16 {
-    --transform-translate-y: 4rem;
-  }
-
-  .md\:translate-y-20 {
-    --transform-translate-y: 5rem;
-  }
-
-  .md\:translate-y-24 {
-    --transform-translate-y: 6rem;
-  }
-
-  .md\:translate-y-28 {
-    --transform-translate-y: 7rem;
-  }
-
-  .md\:translate-y-32 {
-    --transform-translate-y: 8rem;
-  }
-
-  .md\:translate-y-36 {
-    --transform-translate-y: 9rem;
-  }
-
-  .md\:translate-y-40 {
-    --transform-translate-y: 10rem;
-  }
-
-  .md\:translate-y-48 {
-    --transform-translate-y: 12rem;
-  }
-
-  .md\:translate-y-56 {
-    --transform-translate-y: 14rem;
-  }
-
-  .md\:translate-y-60 {
-    --transform-translate-y: 15rem;
-  }
-
-  .md\:translate-y-64 {
-    --transform-translate-y: 16rem;
-  }
-
-  .md\:translate-y-72 {
-    --transform-translate-y: 18rem;
-  }
-
-  .md\:translate-y-80 {
-    --transform-translate-y: 20rem;
-  }
-
-  .md\:translate-y-96 {
-    --transform-translate-y: 24rem;
-  }
-
-  .md\:translate-y-px {
-    --transform-translate-y: 1px;
-  }
-
-  .md\:translate-y-0\.5 {
-    --transform-translate-y: 0.125rem;
-  }
-
-  .md\:translate-y-1\.5 {
-    --transform-translate-y: 0.375rem;
-  }
-
-  .md\:translate-y-2\.5 {
-    --transform-translate-y: 0.625rem;
-  }
-
-  .md\:translate-y-3\.5 {
-    --transform-translate-y: 0.875rem;
-  }
-
-  .md\:translate-y-1\/2 {
-    --transform-translate-y: 50%;
-  }
-
-  .md\:translate-y-1\/3 {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .md\:translate-y-2\/3 {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .md\:translate-y-1\/4 {
-    --transform-translate-y: 25%;
-  }
-
-  .md\:translate-y-2\/4 {
-    --transform-translate-y: 50%;
-  }
-
-  .md\:translate-y-3\/4 {
-    --transform-translate-y: 75%;
-  }
-
-  .md\:translate-y-1\/5 {
-    --transform-translate-y: 20%;
-  }
-
-  .md\:translate-y-2\/5 {
-    --transform-translate-y: 40%;
-  }
-
-  .md\:translate-y-3\/5 {
-    --transform-translate-y: 60%;
-  }
-
-  .md\:translate-y-4\/5 {
-    --transform-translate-y: 80%;
-  }
-
-  .md\:translate-y-1\/6 {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .md\:translate-y-2\/6 {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .md\:translate-y-3\/6 {
-    --transform-translate-y: 50%;
-  }
-
-  .md\:translate-y-4\/6 {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .md\:translate-y-5\/6 {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .md\:translate-y-1\/12 {
-    --transform-translate-y: 8.333333%;
-  }
-
-  .md\:translate-y-2\/12 {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .md\:translate-y-3\/12 {
-    --transform-translate-y: 25%;
-  }
-
-  .md\:translate-y-4\/12 {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .md\:translate-y-5\/12 {
-    --transform-translate-y: 41.666667%;
-  }
-
-  .md\:translate-y-6\/12 {
-    --transform-translate-y: 50%;
-  }
-
-  .md\:translate-y-7\/12 {
-    --transform-translate-y: 58.333333%;
-  }
-
-  .md\:translate-y-8\/12 {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .md\:translate-y-9\/12 {
-    --transform-translate-y: 75%;
-  }
-
-  .md\:translate-y-10\/12 {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .md\:translate-y-11\/12 {
-    --transform-translate-y: 91.666667%;
-  }
-
-  .md\:translate-y-full {
-    --transform-translate-y: 100%;
-  }
-
-  .md\:-translate-y-1 {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .md\:-translate-y-2 {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .md\:-translate-y-3 {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .md\:-translate-y-4 {
-    --transform-translate-y: -1rem;
-  }
-
-  .md\:-translate-y-5 {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .md\:-translate-y-6 {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .md\:-translate-y-7 {
-    --transform-translate-y: -1.75rem;
-  }
-
-  .md\:-translate-y-8 {
-    --transform-translate-y: -2rem;
-  }
-
-  .md\:-translate-y-9 {
-    --transform-translate-y: -2.25rem;
-  }
-
-  .md\:-translate-y-10 {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .md\:-translate-y-11 {
-    --transform-translate-y: -2.75rem;
-  }
-
-  .md\:-translate-y-12 {
-    --transform-translate-y: -3rem;
-  }
-
-  .md\:-translate-y-13 {
-    --transform-translate-y: -3.25rem;
-  }
-
-  .md\:-translate-y-14 {
-    --transform-translate-y: -3.5rem;
-  }
-
-  .md\:-translate-y-15 {
-    --transform-translate-y: -3.75rem;
-  }
-
-  .md\:-translate-y-16 {
-    --transform-translate-y: -4rem;
-  }
-
-  .md\:-translate-y-20 {
-    --transform-translate-y: -5rem;
-  }
-
-  .md\:-translate-y-24 {
-    --transform-translate-y: -6rem;
-  }
-
-  .md\:-translate-y-28 {
-    --transform-translate-y: -7rem;
-  }
-
-  .md\:-translate-y-32 {
-    --transform-translate-y: -8rem;
-  }
-
-  .md\:-translate-y-36 {
-    --transform-translate-y: -9rem;
-  }
-
-  .md\:-translate-y-40 {
-    --transform-translate-y: -10rem;
-  }
-
-  .md\:-translate-y-48 {
-    --transform-translate-y: -12rem;
-  }
-
-  .md\:-translate-y-56 {
-    --transform-translate-y: -14rem;
-  }
-
-  .md\:-translate-y-60 {
-    --transform-translate-y: -15rem;
-  }
-
-  .md\:-translate-y-64 {
-    --transform-translate-y: -16rem;
-  }
-
-  .md\:-translate-y-72 {
-    --transform-translate-y: -18rem;
-  }
-
-  .md\:-translate-y-80 {
-    --transform-translate-y: -20rem;
-  }
-
-  .md\:-translate-y-96 {
-    --transform-translate-y: -24rem;
-  }
-
-  .md\:-translate-y-px {
-    --transform-translate-y: -1px;
-  }
-
-  .md\:-translate-y-0\.5 {
-    --transform-translate-y: -0.125rem;
-  }
-
-  .md\:-translate-y-1\.5 {
-    --transform-translate-y: -0.375rem;
-  }
-
-  .md\:-translate-y-2\.5 {
-    --transform-translate-y: -0.625rem;
-  }
-
-  .md\:-translate-y-3\.5 {
-    --transform-translate-y: -0.875rem;
-  }
-
-  .md\:-translate-y-1\/2 {
-    --transform-translate-y: -50%;
-  }
-
-  .md\:-translate-y-1\/3 {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .md\:-translate-y-2\/3 {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .md\:-translate-y-1\/4 {
-    --transform-translate-y: -25%;
-  }
-
-  .md\:-translate-y-2\/4 {
-    --transform-translate-y: -50%;
-  }
-
-  .md\:-translate-y-3\/4 {
-    --transform-translate-y: -75%;
-  }
-
-  .md\:-translate-y-1\/5 {
-    --transform-translate-y: -20%;
-  }
-
-  .md\:-translate-y-2\/5 {
-    --transform-translate-y: -40%;
-  }
-
-  .md\:-translate-y-3\/5 {
-    --transform-translate-y: -60%;
-  }
-
-  .md\:-translate-y-4\/5 {
-    --transform-translate-y: -80%;
-  }
-
-  .md\:-translate-y-1\/6 {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .md\:-translate-y-2\/6 {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .md\:-translate-y-3\/6 {
-    --transform-translate-y: -50%;
-  }
-
-  .md\:-translate-y-4\/6 {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .md\:-translate-y-5\/6 {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .md\:-translate-y-1\/12 {
-    --transform-translate-y: -8.33333%;
-  }
-
-  .md\:-translate-y-2\/12 {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .md\:-translate-y-3\/12 {
-    --transform-translate-y: -25%;
-  }
-
-  .md\:-translate-y-4\/12 {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .md\:-translate-y-5\/12 {
-    --transform-translate-y: -41.66667%;
-  }
-
-  .md\:-translate-y-6\/12 {
-    --transform-translate-y: -50%;
-  }
-
-  .md\:-translate-y-7\/12 {
-    --transform-translate-y: -58.33333%;
-  }
-
-  .md\:-translate-y-8\/12 {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .md\:-translate-y-9\/12 {
-    --transform-translate-y: -75%;
-  }
-
-  .md\:-translate-y-10\/12 {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .md\:-translate-y-11\/12 {
-    --transform-translate-y: -91.66667%;
-  }
-
-  .md\:-translate-y-full {
-    --transform-translate-y: -100%;
-  }
-
-  .md\:hover\:translate-x-0:hover {
-    --transform-translate-x: 0;
-  }
-
-  .md\:hover\:translate-x-1:hover {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .md\:hover\:translate-x-2:hover {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .md\:hover\:translate-x-3:hover {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .md\:hover\:translate-x-4:hover {
-    --transform-translate-x: 1rem;
-  }
-
-  .md\:hover\:translate-x-5:hover {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .md\:hover\:translate-x-6:hover {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .md\:hover\:translate-x-7:hover {
-    --transform-translate-x: 1.75rem;
-  }
-
-  .md\:hover\:translate-x-8:hover {
-    --transform-translate-x: 2rem;
-  }
-
-  .md\:hover\:translate-x-9:hover {
-    --transform-translate-x: 2.25rem;
-  }
-
-  .md\:hover\:translate-x-10:hover {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .md\:hover\:translate-x-11:hover {
-    --transform-translate-x: 2.75rem;
-  }
-
-  .md\:hover\:translate-x-12:hover {
-    --transform-translate-x: 3rem;
-  }
-
-  .md\:hover\:translate-x-13:hover {
-    --transform-translate-x: 3.25rem;
-  }
-
-  .md\:hover\:translate-x-14:hover {
-    --transform-translate-x: 3.5rem;
-  }
-
-  .md\:hover\:translate-x-15:hover {
-    --transform-translate-x: 3.75rem;
-  }
-
-  .md\:hover\:translate-x-16:hover {
-    --transform-translate-x: 4rem;
-  }
-
-  .md\:hover\:translate-x-20:hover {
-    --transform-translate-x: 5rem;
-  }
-
-  .md\:hover\:translate-x-24:hover {
-    --transform-translate-x: 6rem;
-  }
-
-  .md\:hover\:translate-x-28:hover {
-    --transform-translate-x: 7rem;
-  }
-
-  .md\:hover\:translate-x-32:hover {
-    --transform-translate-x: 8rem;
-  }
-
-  .md\:hover\:translate-x-36:hover {
-    --transform-translate-x: 9rem;
-  }
-
-  .md\:hover\:translate-x-40:hover {
-    --transform-translate-x: 10rem;
-  }
-
-  .md\:hover\:translate-x-48:hover {
-    --transform-translate-x: 12rem;
-  }
-
-  .md\:hover\:translate-x-56:hover {
-    --transform-translate-x: 14rem;
-  }
-
-  .md\:hover\:translate-x-60:hover {
-    --transform-translate-x: 15rem;
-  }
-
-  .md\:hover\:translate-x-64:hover {
-    --transform-translate-x: 16rem;
-  }
-
-  .md\:hover\:translate-x-72:hover {
-    --transform-translate-x: 18rem;
-  }
-
-  .md\:hover\:translate-x-80:hover {
-    --transform-translate-x: 20rem;
-  }
-
-  .md\:hover\:translate-x-96:hover {
-    --transform-translate-x: 24rem;
-  }
-
-  .md\:hover\:translate-x-px:hover {
-    --transform-translate-x: 1px;
-  }
-
-  .md\:hover\:translate-x-0\.5:hover {
-    --transform-translate-x: 0.125rem;
-  }
-
-  .md\:hover\:translate-x-1\.5:hover {
-    --transform-translate-x: 0.375rem;
-  }
-
-  .md\:hover\:translate-x-2\.5:hover {
-    --transform-translate-x: 0.625rem;
-  }
-
-  .md\:hover\:translate-x-3\.5:hover {
-    --transform-translate-x: 0.875rem;
-  }
-
-  .md\:hover\:translate-x-1\/2:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .md\:hover\:translate-x-1\/3:hover {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .md\:hover\:translate-x-2\/3:hover {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .md\:hover\:translate-x-1\/4:hover {
-    --transform-translate-x: 25%;
-  }
-
-  .md\:hover\:translate-x-2\/4:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .md\:hover\:translate-x-3\/4:hover {
-    --transform-translate-x: 75%;
-  }
-
-  .md\:hover\:translate-x-1\/5:hover {
-    --transform-translate-x: 20%;
-  }
-
-  .md\:hover\:translate-x-2\/5:hover {
-    --transform-translate-x: 40%;
-  }
-
-  .md\:hover\:translate-x-3\/5:hover {
-    --transform-translate-x: 60%;
-  }
-
-  .md\:hover\:translate-x-4\/5:hover {
-    --transform-translate-x: 80%;
-  }
-
-  .md\:hover\:translate-x-1\/6:hover {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .md\:hover\:translate-x-2\/6:hover {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .md\:hover\:translate-x-3\/6:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .md\:hover\:translate-x-4\/6:hover {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .md\:hover\:translate-x-5\/6:hover {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .md\:hover\:translate-x-1\/12:hover {
-    --transform-translate-x: 8.333333%;
-  }
-
-  .md\:hover\:translate-x-2\/12:hover {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .md\:hover\:translate-x-3\/12:hover {
-    --transform-translate-x: 25%;
-  }
-
-  .md\:hover\:translate-x-4\/12:hover {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .md\:hover\:translate-x-5\/12:hover {
-    --transform-translate-x: 41.666667%;
-  }
-
-  .md\:hover\:translate-x-6\/12:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .md\:hover\:translate-x-7\/12:hover {
-    --transform-translate-x: 58.333333%;
-  }
-
-  .md\:hover\:translate-x-8\/12:hover {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .md\:hover\:translate-x-9\/12:hover {
-    --transform-translate-x: 75%;
-  }
-
-  .md\:hover\:translate-x-10\/12:hover {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .md\:hover\:translate-x-11\/12:hover {
-    --transform-translate-x: 91.666667%;
-  }
-
-  .md\:hover\:translate-x-full:hover {
-    --transform-translate-x: 100%;
-  }
-
-  .md\:hover\:-translate-x-1:hover {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .md\:hover\:-translate-x-2:hover {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .md\:hover\:-translate-x-3:hover {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .md\:hover\:-translate-x-4:hover {
-    --transform-translate-x: -1rem;
-  }
-
-  .md\:hover\:-translate-x-5:hover {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .md\:hover\:-translate-x-6:hover {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .md\:hover\:-translate-x-7:hover {
-    --transform-translate-x: -1.75rem;
-  }
-
-  .md\:hover\:-translate-x-8:hover {
-    --transform-translate-x: -2rem;
-  }
-
-  .md\:hover\:-translate-x-9:hover {
-    --transform-translate-x: -2.25rem;
-  }
-
-  .md\:hover\:-translate-x-10:hover {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .md\:hover\:-translate-x-11:hover {
-    --transform-translate-x: -2.75rem;
-  }
-
-  .md\:hover\:-translate-x-12:hover {
-    --transform-translate-x: -3rem;
-  }
-
-  .md\:hover\:-translate-x-13:hover {
-    --transform-translate-x: -3.25rem;
-  }
-
-  .md\:hover\:-translate-x-14:hover {
-    --transform-translate-x: -3.5rem;
-  }
-
-  .md\:hover\:-translate-x-15:hover {
-    --transform-translate-x: -3.75rem;
-  }
-
-  .md\:hover\:-translate-x-16:hover {
-    --transform-translate-x: -4rem;
-  }
-
-  .md\:hover\:-translate-x-20:hover {
-    --transform-translate-x: -5rem;
-  }
-
-  .md\:hover\:-translate-x-24:hover {
-    --transform-translate-x: -6rem;
-  }
-
-  .md\:hover\:-translate-x-28:hover {
-    --transform-translate-x: -7rem;
-  }
-
-  .md\:hover\:-translate-x-32:hover {
-    --transform-translate-x: -8rem;
-  }
-
-  .md\:hover\:-translate-x-36:hover {
-    --transform-translate-x: -9rem;
-  }
-
-  .md\:hover\:-translate-x-40:hover {
-    --transform-translate-x: -10rem;
-  }
-
-  .md\:hover\:-translate-x-48:hover {
-    --transform-translate-x: -12rem;
-  }
-
-  .md\:hover\:-translate-x-56:hover {
-    --transform-translate-x: -14rem;
-  }
-
-  .md\:hover\:-translate-x-60:hover {
-    --transform-translate-x: -15rem;
-  }
-
-  .md\:hover\:-translate-x-64:hover {
-    --transform-translate-x: -16rem;
-  }
-
-  .md\:hover\:-translate-x-72:hover {
-    --transform-translate-x: -18rem;
-  }
-
-  .md\:hover\:-translate-x-80:hover {
-    --transform-translate-x: -20rem;
-  }
-
-  .md\:hover\:-translate-x-96:hover {
-    --transform-translate-x: -24rem;
-  }
-
-  .md\:hover\:-translate-x-px:hover {
-    --transform-translate-x: -1px;
-  }
-
-  .md\:hover\:-translate-x-0\.5:hover {
-    --transform-translate-x: -0.125rem;
-  }
-
-  .md\:hover\:-translate-x-1\.5:hover {
-    --transform-translate-x: -0.375rem;
-  }
-
-  .md\:hover\:-translate-x-2\.5:hover {
-    --transform-translate-x: -0.625rem;
-  }
-
-  .md\:hover\:-translate-x-3\.5:hover {
-    --transform-translate-x: -0.875rem;
-  }
-
-  .md\:hover\:-translate-x-1\/2:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .md\:hover\:-translate-x-1\/3:hover {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .md\:hover\:-translate-x-2\/3:hover {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .md\:hover\:-translate-x-1\/4:hover {
-    --transform-translate-x: -25%;
-  }
-
-  .md\:hover\:-translate-x-2\/4:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .md\:hover\:-translate-x-3\/4:hover {
-    --transform-translate-x: -75%;
-  }
-
-  .md\:hover\:-translate-x-1\/5:hover {
-    --transform-translate-x: -20%;
-  }
-
-  .md\:hover\:-translate-x-2\/5:hover {
-    --transform-translate-x: -40%;
-  }
-
-  .md\:hover\:-translate-x-3\/5:hover {
-    --transform-translate-x: -60%;
-  }
-
-  .md\:hover\:-translate-x-4\/5:hover {
-    --transform-translate-x: -80%;
-  }
-
-  .md\:hover\:-translate-x-1\/6:hover {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .md\:hover\:-translate-x-2\/6:hover {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .md\:hover\:-translate-x-3\/6:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .md\:hover\:-translate-x-4\/6:hover {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .md\:hover\:-translate-x-5\/6:hover {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .md\:hover\:-translate-x-1\/12:hover {
-    --transform-translate-x: -8.33333%;
-  }
-
-  .md\:hover\:-translate-x-2\/12:hover {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .md\:hover\:-translate-x-3\/12:hover {
-    --transform-translate-x: -25%;
-  }
-
-  .md\:hover\:-translate-x-4\/12:hover {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .md\:hover\:-translate-x-5\/12:hover {
-    --transform-translate-x: -41.66667%;
-  }
-
-  .md\:hover\:-translate-x-6\/12:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .md\:hover\:-translate-x-7\/12:hover {
-    --transform-translate-x: -58.33333%;
-  }
-
-  .md\:hover\:-translate-x-8\/12:hover {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .md\:hover\:-translate-x-9\/12:hover {
-    --transform-translate-x: -75%;
-  }
-
-  .md\:hover\:-translate-x-10\/12:hover {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .md\:hover\:-translate-x-11\/12:hover {
-    --transform-translate-x: -91.66667%;
-  }
-
-  .md\:hover\:-translate-x-full:hover {
-    --transform-translate-x: -100%;
-  }
-
-  .md\:hover\:translate-y-0:hover {
-    --transform-translate-y: 0;
-  }
-
-  .md\:hover\:translate-y-1:hover {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .md\:hover\:translate-y-2:hover {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .md\:hover\:translate-y-3:hover {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .md\:hover\:translate-y-4:hover {
-    --transform-translate-y: 1rem;
-  }
-
-  .md\:hover\:translate-y-5:hover {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .md\:hover\:translate-y-6:hover {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .md\:hover\:translate-y-7:hover {
-    --transform-translate-y: 1.75rem;
-  }
-
-  .md\:hover\:translate-y-8:hover {
-    --transform-translate-y: 2rem;
-  }
-
-  .md\:hover\:translate-y-9:hover {
-    --transform-translate-y: 2.25rem;
-  }
-
-  .md\:hover\:translate-y-10:hover {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .md\:hover\:translate-y-11:hover {
-    --transform-translate-y: 2.75rem;
-  }
-
-  .md\:hover\:translate-y-12:hover {
-    --transform-translate-y: 3rem;
-  }
-
-  .md\:hover\:translate-y-13:hover {
-    --transform-translate-y: 3.25rem;
-  }
-
-  .md\:hover\:translate-y-14:hover {
-    --transform-translate-y: 3.5rem;
-  }
-
-  .md\:hover\:translate-y-15:hover {
-    --transform-translate-y: 3.75rem;
-  }
-
-  .md\:hover\:translate-y-16:hover {
-    --transform-translate-y: 4rem;
-  }
-
-  .md\:hover\:translate-y-20:hover {
-    --transform-translate-y: 5rem;
-  }
-
-  .md\:hover\:translate-y-24:hover {
-    --transform-translate-y: 6rem;
-  }
-
-  .md\:hover\:translate-y-28:hover {
-    --transform-translate-y: 7rem;
-  }
-
-  .md\:hover\:translate-y-32:hover {
-    --transform-translate-y: 8rem;
-  }
-
-  .md\:hover\:translate-y-36:hover {
-    --transform-translate-y: 9rem;
-  }
-
-  .md\:hover\:translate-y-40:hover {
-    --transform-translate-y: 10rem;
-  }
-
-  .md\:hover\:translate-y-48:hover {
-    --transform-translate-y: 12rem;
-  }
-
-  .md\:hover\:translate-y-56:hover {
-    --transform-translate-y: 14rem;
-  }
-
-  .md\:hover\:translate-y-60:hover {
-    --transform-translate-y: 15rem;
-  }
-
-  .md\:hover\:translate-y-64:hover {
-    --transform-translate-y: 16rem;
-  }
-
-  .md\:hover\:translate-y-72:hover {
-    --transform-translate-y: 18rem;
-  }
-
-  .md\:hover\:translate-y-80:hover {
-    --transform-translate-y: 20rem;
-  }
-
-  .md\:hover\:translate-y-96:hover {
-    --transform-translate-y: 24rem;
-  }
-
-  .md\:hover\:translate-y-px:hover {
-    --transform-translate-y: 1px;
-  }
-
-  .md\:hover\:translate-y-0\.5:hover {
-    --transform-translate-y: 0.125rem;
-  }
-
-  .md\:hover\:translate-y-1\.5:hover {
-    --transform-translate-y: 0.375rem;
-  }
-
-  .md\:hover\:translate-y-2\.5:hover {
-    --transform-translate-y: 0.625rem;
-  }
-
-  .md\:hover\:translate-y-3\.5:hover {
-    --transform-translate-y: 0.875rem;
-  }
-
-  .md\:hover\:translate-y-1\/2:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .md\:hover\:translate-y-1\/3:hover {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .md\:hover\:translate-y-2\/3:hover {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .md\:hover\:translate-y-1\/4:hover {
-    --transform-translate-y: 25%;
-  }
-
-  .md\:hover\:translate-y-2\/4:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .md\:hover\:translate-y-3\/4:hover {
-    --transform-translate-y: 75%;
-  }
-
-  .md\:hover\:translate-y-1\/5:hover {
-    --transform-translate-y: 20%;
-  }
-
-  .md\:hover\:translate-y-2\/5:hover {
-    --transform-translate-y: 40%;
-  }
-
-  .md\:hover\:translate-y-3\/5:hover {
-    --transform-translate-y: 60%;
-  }
-
-  .md\:hover\:translate-y-4\/5:hover {
-    --transform-translate-y: 80%;
-  }
-
-  .md\:hover\:translate-y-1\/6:hover {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .md\:hover\:translate-y-2\/6:hover {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .md\:hover\:translate-y-3\/6:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .md\:hover\:translate-y-4\/6:hover {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .md\:hover\:translate-y-5\/6:hover {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .md\:hover\:translate-y-1\/12:hover {
-    --transform-translate-y: 8.333333%;
-  }
-
-  .md\:hover\:translate-y-2\/12:hover {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .md\:hover\:translate-y-3\/12:hover {
-    --transform-translate-y: 25%;
-  }
-
-  .md\:hover\:translate-y-4\/12:hover {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .md\:hover\:translate-y-5\/12:hover {
-    --transform-translate-y: 41.666667%;
-  }
-
-  .md\:hover\:translate-y-6\/12:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .md\:hover\:translate-y-7\/12:hover {
-    --transform-translate-y: 58.333333%;
-  }
-
-  .md\:hover\:translate-y-8\/12:hover {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .md\:hover\:translate-y-9\/12:hover {
-    --transform-translate-y: 75%;
-  }
-
-  .md\:hover\:translate-y-10\/12:hover {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .md\:hover\:translate-y-11\/12:hover {
-    --transform-translate-y: 91.666667%;
-  }
-
-  .md\:hover\:translate-y-full:hover {
-    --transform-translate-y: 100%;
-  }
-
-  .md\:hover\:-translate-y-1:hover {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .md\:hover\:-translate-y-2:hover {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .md\:hover\:-translate-y-3:hover {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .md\:hover\:-translate-y-4:hover {
-    --transform-translate-y: -1rem;
-  }
-
-  .md\:hover\:-translate-y-5:hover {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .md\:hover\:-translate-y-6:hover {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .md\:hover\:-translate-y-7:hover {
-    --transform-translate-y: -1.75rem;
-  }
-
-  .md\:hover\:-translate-y-8:hover {
-    --transform-translate-y: -2rem;
-  }
-
-  .md\:hover\:-translate-y-9:hover {
-    --transform-translate-y: -2.25rem;
-  }
-
-  .md\:hover\:-translate-y-10:hover {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .md\:hover\:-translate-y-11:hover {
-    --transform-translate-y: -2.75rem;
-  }
-
-  .md\:hover\:-translate-y-12:hover {
-    --transform-translate-y: -3rem;
-  }
-
-  .md\:hover\:-translate-y-13:hover {
-    --transform-translate-y: -3.25rem;
-  }
-
-  .md\:hover\:-translate-y-14:hover {
-    --transform-translate-y: -3.5rem;
-  }
-
-  .md\:hover\:-translate-y-15:hover {
-    --transform-translate-y: -3.75rem;
-  }
-
-  .md\:hover\:-translate-y-16:hover {
-    --transform-translate-y: -4rem;
-  }
-
-  .md\:hover\:-translate-y-20:hover {
-    --transform-translate-y: -5rem;
-  }
-
-  .md\:hover\:-translate-y-24:hover {
-    --transform-translate-y: -6rem;
-  }
-
-  .md\:hover\:-translate-y-28:hover {
-    --transform-translate-y: -7rem;
-  }
-
-  .md\:hover\:-translate-y-32:hover {
-    --transform-translate-y: -8rem;
-  }
-
-  .md\:hover\:-translate-y-36:hover {
-    --transform-translate-y: -9rem;
-  }
-
-  .md\:hover\:-translate-y-40:hover {
-    --transform-translate-y: -10rem;
-  }
-
-  .md\:hover\:-translate-y-48:hover {
-    --transform-translate-y: -12rem;
-  }
-
-  .md\:hover\:-translate-y-56:hover {
-    --transform-translate-y: -14rem;
-  }
-
-  .md\:hover\:-translate-y-60:hover {
-    --transform-translate-y: -15rem;
-  }
-
-  .md\:hover\:-translate-y-64:hover {
-    --transform-translate-y: -16rem;
-  }
-
-  .md\:hover\:-translate-y-72:hover {
-    --transform-translate-y: -18rem;
-  }
-
-  .md\:hover\:-translate-y-80:hover {
-    --transform-translate-y: -20rem;
-  }
-
-  .md\:hover\:-translate-y-96:hover {
-    --transform-translate-y: -24rem;
-  }
-
-  .md\:hover\:-translate-y-px:hover {
-    --transform-translate-y: -1px;
-  }
-
-  .md\:hover\:-translate-y-0\.5:hover {
-    --transform-translate-y: -0.125rem;
-  }
-
-  .md\:hover\:-translate-y-1\.5:hover {
-    --transform-translate-y: -0.375rem;
-  }
-
-  .md\:hover\:-translate-y-2\.5:hover {
-    --transform-translate-y: -0.625rem;
-  }
-
-  .md\:hover\:-translate-y-3\.5:hover {
-    --transform-translate-y: -0.875rem;
-  }
-
-  .md\:hover\:-translate-y-1\/2:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .md\:hover\:-translate-y-1\/3:hover {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .md\:hover\:-translate-y-2\/3:hover {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .md\:hover\:-translate-y-1\/4:hover {
-    --transform-translate-y: -25%;
-  }
-
-  .md\:hover\:-translate-y-2\/4:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .md\:hover\:-translate-y-3\/4:hover {
-    --transform-translate-y: -75%;
-  }
-
-  .md\:hover\:-translate-y-1\/5:hover {
-    --transform-translate-y: -20%;
-  }
-
-  .md\:hover\:-translate-y-2\/5:hover {
-    --transform-translate-y: -40%;
-  }
-
-  .md\:hover\:-translate-y-3\/5:hover {
-    --transform-translate-y: -60%;
-  }
-
-  .md\:hover\:-translate-y-4\/5:hover {
-    --transform-translate-y: -80%;
-  }
-
-  .md\:hover\:-translate-y-1\/6:hover {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .md\:hover\:-translate-y-2\/6:hover {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .md\:hover\:-translate-y-3\/6:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .md\:hover\:-translate-y-4\/6:hover {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .md\:hover\:-translate-y-5\/6:hover {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .md\:hover\:-translate-y-1\/12:hover {
-    --transform-translate-y: -8.33333%;
-  }
-
-  .md\:hover\:-translate-y-2\/12:hover {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .md\:hover\:-translate-y-3\/12:hover {
-    --transform-translate-y: -25%;
-  }
-
-  .md\:hover\:-translate-y-4\/12:hover {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .md\:hover\:-translate-y-5\/12:hover {
-    --transform-translate-y: -41.66667%;
-  }
-
-  .md\:hover\:-translate-y-6\/12:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .md\:hover\:-translate-y-7\/12:hover {
-    --transform-translate-y: -58.33333%;
-  }
-
-  .md\:hover\:-translate-y-8\/12:hover {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .md\:hover\:-translate-y-9\/12:hover {
-    --transform-translate-y: -75%;
-  }
-
-  .md\:hover\:-translate-y-10\/12:hover {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .md\:hover\:-translate-y-11\/12:hover {
-    --transform-translate-y: -91.66667%;
-  }
-
-  .md\:hover\:-translate-y-full:hover {
-    --transform-translate-y: -100%;
-  }
-
-  .md\:focus\:translate-x-0:focus {
-    --transform-translate-x: 0;
-  }
-
-  .md\:focus\:translate-x-1:focus {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .md\:focus\:translate-x-2:focus {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .md\:focus\:translate-x-3:focus {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .md\:focus\:translate-x-4:focus {
-    --transform-translate-x: 1rem;
-  }
-
-  .md\:focus\:translate-x-5:focus {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .md\:focus\:translate-x-6:focus {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .md\:focus\:translate-x-7:focus {
-    --transform-translate-x: 1.75rem;
-  }
-
-  .md\:focus\:translate-x-8:focus {
-    --transform-translate-x: 2rem;
-  }
-
-  .md\:focus\:translate-x-9:focus {
-    --transform-translate-x: 2.25rem;
-  }
-
-  .md\:focus\:translate-x-10:focus {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .md\:focus\:translate-x-11:focus {
-    --transform-translate-x: 2.75rem;
-  }
-
-  .md\:focus\:translate-x-12:focus {
-    --transform-translate-x: 3rem;
-  }
-
-  .md\:focus\:translate-x-13:focus {
-    --transform-translate-x: 3.25rem;
-  }
-
-  .md\:focus\:translate-x-14:focus {
-    --transform-translate-x: 3.5rem;
-  }
-
-  .md\:focus\:translate-x-15:focus {
-    --transform-translate-x: 3.75rem;
-  }
-
-  .md\:focus\:translate-x-16:focus {
-    --transform-translate-x: 4rem;
-  }
-
-  .md\:focus\:translate-x-20:focus {
-    --transform-translate-x: 5rem;
-  }
-
-  .md\:focus\:translate-x-24:focus {
-    --transform-translate-x: 6rem;
-  }
-
-  .md\:focus\:translate-x-28:focus {
-    --transform-translate-x: 7rem;
-  }
-
-  .md\:focus\:translate-x-32:focus {
-    --transform-translate-x: 8rem;
-  }
-
-  .md\:focus\:translate-x-36:focus {
-    --transform-translate-x: 9rem;
-  }
-
-  .md\:focus\:translate-x-40:focus {
-    --transform-translate-x: 10rem;
-  }
-
-  .md\:focus\:translate-x-48:focus {
-    --transform-translate-x: 12rem;
-  }
-
-  .md\:focus\:translate-x-56:focus {
-    --transform-translate-x: 14rem;
-  }
-
-  .md\:focus\:translate-x-60:focus {
-    --transform-translate-x: 15rem;
-  }
-
-  .md\:focus\:translate-x-64:focus {
-    --transform-translate-x: 16rem;
-  }
-
-  .md\:focus\:translate-x-72:focus {
-    --transform-translate-x: 18rem;
-  }
-
-  .md\:focus\:translate-x-80:focus {
-    --transform-translate-x: 20rem;
-  }
-
-  .md\:focus\:translate-x-96:focus {
-    --transform-translate-x: 24rem;
-  }
-
-  .md\:focus\:translate-x-px:focus {
-    --transform-translate-x: 1px;
-  }
-
-  .md\:focus\:translate-x-0\.5:focus {
-    --transform-translate-x: 0.125rem;
-  }
-
-  .md\:focus\:translate-x-1\.5:focus {
-    --transform-translate-x: 0.375rem;
-  }
-
-  .md\:focus\:translate-x-2\.5:focus {
-    --transform-translate-x: 0.625rem;
-  }
-
-  .md\:focus\:translate-x-3\.5:focus {
-    --transform-translate-x: 0.875rem;
-  }
-
-  .md\:focus\:translate-x-1\/2:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .md\:focus\:translate-x-1\/3:focus {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .md\:focus\:translate-x-2\/3:focus {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .md\:focus\:translate-x-1\/4:focus {
-    --transform-translate-x: 25%;
-  }
-
-  .md\:focus\:translate-x-2\/4:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .md\:focus\:translate-x-3\/4:focus {
-    --transform-translate-x: 75%;
-  }
-
-  .md\:focus\:translate-x-1\/5:focus {
-    --transform-translate-x: 20%;
-  }
-
-  .md\:focus\:translate-x-2\/5:focus {
-    --transform-translate-x: 40%;
-  }
-
-  .md\:focus\:translate-x-3\/5:focus {
-    --transform-translate-x: 60%;
-  }
-
-  .md\:focus\:translate-x-4\/5:focus {
-    --transform-translate-x: 80%;
-  }
-
-  .md\:focus\:translate-x-1\/6:focus {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .md\:focus\:translate-x-2\/6:focus {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .md\:focus\:translate-x-3\/6:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .md\:focus\:translate-x-4\/6:focus {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .md\:focus\:translate-x-5\/6:focus {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .md\:focus\:translate-x-1\/12:focus {
-    --transform-translate-x: 8.333333%;
-  }
-
-  .md\:focus\:translate-x-2\/12:focus {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .md\:focus\:translate-x-3\/12:focus {
-    --transform-translate-x: 25%;
-  }
-
-  .md\:focus\:translate-x-4\/12:focus {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .md\:focus\:translate-x-5\/12:focus {
-    --transform-translate-x: 41.666667%;
-  }
-
-  .md\:focus\:translate-x-6\/12:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .md\:focus\:translate-x-7\/12:focus {
-    --transform-translate-x: 58.333333%;
-  }
-
-  .md\:focus\:translate-x-8\/12:focus {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .md\:focus\:translate-x-9\/12:focus {
-    --transform-translate-x: 75%;
-  }
-
-  .md\:focus\:translate-x-10\/12:focus {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .md\:focus\:translate-x-11\/12:focus {
-    --transform-translate-x: 91.666667%;
-  }
-
-  .md\:focus\:translate-x-full:focus {
-    --transform-translate-x: 100%;
-  }
-
-  .md\:focus\:-translate-x-1:focus {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .md\:focus\:-translate-x-2:focus {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .md\:focus\:-translate-x-3:focus {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .md\:focus\:-translate-x-4:focus {
-    --transform-translate-x: -1rem;
-  }
-
-  .md\:focus\:-translate-x-5:focus {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .md\:focus\:-translate-x-6:focus {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .md\:focus\:-translate-x-7:focus {
-    --transform-translate-x: -1.75rem;
-  }
-
-  .md\:focus\:-translate-x-8:focus {
-    --transform-translate-x: -2rem;
-  }
-
-  .md\:focus\:-translate-x-9:focus {
-    --transform-translate-x: -2.25rem;
-  }
-
-  .md\:focus\:-translate-x-10:focus {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .md\:focus\:-translate-x-11:focus {
-    --transform-translate-x: -2.75rem;
-  }
-
-  .md\:focus\:-translate-x-12:focus {
-    --transform-translate-x: -3rem;
-  }
-
-  .md\:focus\:-translate-x-13:focus {
-    --transform-translate-x: -3.25rem;
-  }
-
-  .md\:focus\:-translate-x-14:focus {
-    --transform-translate-x: -3.5rem;
-  }
-
-  .md\:focus\:-translate-x-15:focus {
-    --transform-translate-x: -3.75rem;
-  }
-
-  .md\:focus\:-translate-x-16:focus {
-    --transform-translate-x: -4rem;
-  }
-
-  .md\:focus\:-translate-x-20:focus {
-    --transform-translate-x: -5rem;
-  }
-
-  .md\:focus\:-translate-x-24:focus {
-    --transform-translate-x: -6rem;
-  }
-
-  .md\:focus\:-translate-x-28:focus {
-    --transform-translate-x: -7rem;
-  }
-
-  .md\:focus\:-translate-x-32:focus {
-    --transform-translate-x: -8rem;
-  }
-
-  .md\:focus\:-translate-x-36:focus {
-    --transform-translate-x: -9rem;
-  }
-
-  .md\:focus\:-translate-x-40:focus {
-    --transform-translate-x: -10rem;
-  }
-
-  .md\:focus\:-translate-x-48:focus {
-    --transform-translate-x: -12rem;
-  }
-
-  .md\:focus\:-translate-x-56:focus {
-    --transform-translate-x: -14rem;
-  }
-
-  .md\:focus\:-translate-x-60:focus {
-    --transform-translate-x: -15rem;
-  }
-
-  .md\:focus\:-translate-x-64:focus {
-    --transform-translate-x: -16rem;
-  }
-
-  .md\:focus\:-translate-x-72:focus {
-    --transform-translate-x: -18rem;
-  }
-
-  .md\:focus\:-translate-x-80:focus {
-    --transform-translate-x: -20rem;
-  }
-
-  .md\:focus\:-translate-x-96:focus {
-    --transform-translate-x: -24rem;
-  }
-
-  .md\:focus\:-translate-x-px:focus {
-    --transform-translate-x: -1px;
-  }
-
-  .md\:focus\:-translate-x-0\.5:focus {
-    --transform-translate-x: -0.125rem;
-  }
-
-  .md\:focus\:-translate-x-1\.5:focus {
-    --transform-translate-x: -0.375rem;
-  }
-
-  .md\:focus\:-translate-x-2\.5:focus {
-    --transform-translate-x: -0.625rem;
-  }
-
-  .md\:focus\:-translate-x-3\.5:focus {
-    --transform-translate-x: -0.875rem;
-  }
-
-  .md\:focus\:-translate-x-1\/2:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .md\:focus\:-translate-x-1\/3:focus {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .md\:focus\:-translate-x-2\/3:focus {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .md\:focus\:-translate-x-1\/4:focus {
-    --transform-translate-x: -25%;
-  }
-
-  .md\:focus\:-translate-x-2\/4:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .md\:focus\:-translate-x-3\/4:focus {
-    --transform-translate-x: -75%;
-  }
-
-  .md\:focus\:-translate-x-1\/5:focus {
-    --transform-translate-x: -20%;
-  }
-
-  .md\:focus\:-translate-x-2\/5:focus {
-    --transform-translate-x: -40%;
-  }
-
-  .md\:focus\:-translate-x-3\/5:focus {
-    --transform-translate-x: -60%;
-  }
-
-  .md\:focus\:-translate-x-4\/5:focus {
-    --transform-translate-x: -80%;
-  }
-
-  .md\:focus\:-translate-x-1\/6:focus {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .md\:focus\:-translate-x-2\/6:focus {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .md\:focus\:-translate-x-3\/6:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .md\:focus\:-translate-x-4\/6:focus {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .md\:focus\:-translate-x-5\/6:focus {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .md\:focus\:-translate-x-1\/12:focus {
-    --transform-translate-x: -8.33333%;
-  }
-
-  .md\:focus\:-translate-x-2\/12:focus {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .md\:focus\:-translate-x-3\/12:focus {
-    --transform-translate-x: -25%;
-  }
-
-  .md\:focus\:-translate-x-4\/12:focus {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .md\:focus\:-translate-x-5\/12:focus {
-    --transform-translate-x: -41.66667%;
-  }
-
-  .md\:focus\:-translate-x-6\/12:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .md\:focus\:-translate-x-7\/12:focus {
-    --transform-translate-x: -58.33333%;
-  }
-
-  .md\:focus\:-translate-x-8\/12:focus {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .md\:focus\:-translate-x-9\/12:focus {
-    --transform-translate-x: -75%;
-  }
-
-  .md\:focus\:-translate-x-10\/12:focus {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .md\:focus\:-translate-x-11\/12:focus {
-    --transform-translate-x: -91.66667%;
-  }
-
-  .md\:focus\:-translate-x-full:focus {
-    --transform-translate-x: -100%;
-  }
-
-  .md\:focus\:translate-y-0:focus {
-    --transform-translate-y: 0;
-  }
-
-  .md\:focus\:translate-y-1:focus {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .md\:focus\:translate-y-2:focus {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .md\:focus\:translate-y-3:focus {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .md\:focus\:translate-y-4:focus {
-    --transform-translate-y: 1rem;
-  }
-
-  .md\:focus\:translate-y-5:focus {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .md\:focus\:translate-y-6:focus {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .md\:focus\:translate-y-7:focus {
-    --transform-translate-y: 1.75rem;
-  }
-
-  .md\:focus\:translate-y-8:focus {
-    --transform-translate-y: 2rem;
-  }
-
-  .md\:focus\:translate-y-9:focus {
-    --transform-translate-y: 2.25rem;
-  }
-
-  .md\:focus\:translate-y-10:focus {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .md\:focus\:translate-y-11:focus {
-    --transform-translate-y: 2.75rem;
-  }
-
-  .md\:focus\:translate-y-12:focus {
-    --transform-translate-y: 3rem;
-  }
-
-  .md\:focus\:translate-y-13:focus {
-    --transform-translate-y: 3.25rem;
-  }
-
-  .md\:focus\:translate-y-14:focus {
-    --transform-translate-y: 3.5rem;
-  }
-
-  .md\:focus\:translate-y-15:focus {
-    --transform-translate-y: 3.75rem;
-  }
-
-  .md\:focus\:translate-y-16:focus {
-    --transform-translate-y: 4rem;
-  }
-
-  .md\:focus\:translate-y-20:focus {
-    --transform-translate-y: 5rem;
-  }
-
-  .md\:focus\:translate-y-24:focus {
-    --transform-translate-y: 6rem;
-  }
-
-  .md\:focus\:translate-y-28:focus {
-    --transform-translate-y: 7rem;
-  }
-
-  .md\:focus\:translate-y-32:focus {
-    --transform-translate-y: 8rem;
-  }
-
-  .md\:focus\:translate-y-36:focus {
-    --transform-translate-y: 9rem;
-  }
-
-  .md\:focus\:translate-y-40:focus {
-    --transform-translate-y: 10rem;
-  }
-
-  .md\:focus\:translate-y-48:focus {
-    --transform-translate-y: 12rem;
-  }
-
-  .md\:focus\:translate-y-56:focus {
-    --transform-translate-y: 14rem;
-  }
-
-  .md\:focus\:translate-y-60:focus {
-    --transform-translate-y: 15rem;
-  }
-
-  .md\:focus\:translate-y-64:focus {
-    --transform-translate-y: 16rem;
-  }
-
-  .md\:focus\:translate-y-72:focus {
-    --transform-translate-y: 18rem;
-  }
-
-  .md\:focus\:translate-y-80:focus {
-    --transform-translate-y: 20rem;
-  }
-
-  .md\:focus\:translate-y-96:focus {
-    --transform-translate-y: 24rem;
-  }
-
-  .md\:focus\:translate-y-px:focus {
-    --transform-translate-y: 1px;
-  }
-
-  .md\:focus\:translate-y-0\.5:focus {
-    --transform-translate-y: 0.125rem;
-  }
-
-  .md\:focus\:translate-y-1\.5:focus {
-    --transform-translate-y: 0.375rem;
-  }
-
-  .md\:focus\:translate-y-2\.5:focus {
-    --transform-translate-y: 0.625rem;
-  }
-
-  .md\:focus\:translate-y-3\.5:focus {
-    --transform-translate-y: 0.875rem;
-  }
-
-  .md\:focus\:translate-y-1\/2:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .md\:focus\:translate-y-1\/3:focus {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .md\:focus\:translate-y-2\/3:focus {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .md\:focus\:translate-y-1\/4:focus {
-    --transform-translate-y: 25%;
-  }
-
-  .md\:focus\:translate-y-2\/4:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .md\:focus\:translate-y-3\/4:focus {
-    --transform-translate-y: 75%;
-  }
-
-  .md\:focus\:translate-y-1\/5:focus {
-    --transform-translate-y: 20%;
-  }
-
-  .md\:focus\:translate-y-2\/5:focus {
-    --transform-translate-y: 40%;
-  }
-
-  .md\:focus\:translate-y-3\/5:focus {
-    --transform-translate-y: 60%;
-  }
-
-  .md\:focus\:translate-y-4\/5:focus {
-    --transform-translate-y: 80%;
-  }
-
-  .md\:focus\:translate-y-1\/6:focus {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .md\:focus\:translate-y-2\/6:focus {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .md\:focus\:translate-y-3\/6:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .md\:focus\:translate-y-4\/6:focus {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .md\:focus\:translate-y-5\/6:focus {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .md\:focus\:translate-y-1\/12:focus {
-    --transform-translate-y: 8.333333%;
-  }
-
-  .md\:focus\:translate-y-2\/12:focus {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .md\:focus\:translate-y-3\/12:focus {
-    --transform-translate-y: 25%;
-  }
-
-  .md\:focus\:translate-y-4\/12:focus {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .md\:focus\:translate-y-5\/12:focus {
-    --transform-translate-y: 41.666667%;
-  }
-
-  .md\:focus\:translate-y-6\/12:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .md\:focus\:translate-y-7\/12:focus {
-    --transform-translate-y: 58.333333%;
-  }
-
-  .md\:focus\:translate-y-8\/12:focus {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .md\:focus\:translate-y-9\/12:focus {
-    --transform-translate-y: 75%;
-  }
-
-  .md\:focus\:translate-y-10\/12:focus {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .md\:focus\:translate-y-11\/12:focus {
-    --transform-translate-y: 91.666667%;
-  }
-
-  .md\:focus\:translate-y-full:focus {
-    --transform-translate-y: 100%;
-  }
-
-  .md\:focus\:-translate-y-1:focus {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .md\:focus\:-translate-y-2:focus {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .md\:focus\:-translate-y-3:focus {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .md\:focus\:-translate-y-4:focus {
-    --transform-translate-y: -1rem;
-  }
-
-  .md\:focus\:-translate-y-5:focus {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .md\:focus\:-translate-y-6:focus {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .md\:focus\:-translate-y-7:focus {
-    --transform-translate-y: -1.75rem;
-  }
-
-  .md\:focus\:-translate-y-8:focus {
-    --transform-translate-y: -2rem;
-  }
-
-  .md\:focus\:-translate-y-9:focus {
-    --transform-translate-y: -2.25rem;
-  }
-
-  .md\:focus\:-translate-y-10:focus {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .md\:focus\:-translate-y-11:focus {
-    --transform-translate-y: -2.75rem;
-  }
-
-  .md\:focus\:-translate-y-12:focus {
-    --transform-translate-y: -3rem;
-  }
-
-  .md\:focus\:-translate-y-13:focus {
-    --transform-translate-y: -3.25rem;
-  }
-
-  .md\:focus\:-translate-y-14:focus {
-    --transform-translate-y: -3.5rem;
-  }
-
-  .md\:focus\:-translate-y-15:focus {
-    --transform-translate-y: -3.75rem;
-  }
-
-  .md\:focus\:-translate-y-16:focus {
-    --transform-translate-y: -4rem;
-  }
-
-  .md\:focus\:-translate-y-20:focus {
-    --transform-translate-y: -5rem;
-  }
-
-  .md\:focus\:-translate-y-24:focus {
-    --transform-translate-y: -6rem;
-  }
-
-  .md\:focus\:-translate-y-28:focus {
-    --transform-translate-y: -7rem;
-  }
-
-  .md\:focus\:-translate-y-32:focus {
-    --transform-translate-y: -8rem;
-  }
-
-  .md\:focus\:-translate-y-36:focus {
-    --transform-translate-y: -9rem;
-  }
-
-  .md\:focus\:-translate-y-40:focus {
-    --transform-translate-y: -10rem;
-  }
-
-  .md\:focus\:-translate-y-48:focus {
-    --transform-translate-y: -12rem;
-  }
-
-  .md\:focus\:-translate-y-56:focus {
-    --transform-translate-y: -14rem;
-  }
-
-  .md\:focus\:-translate-y-60:focus {
-    --transform-translate-y: -15rem;
-  }
-
-  .md\:focus\:-translate-y-64:focus {
-    --transform-translate-y: -16rem;
-  }
-
-  .md\:focus\:-translate-y-72:focus {
-    --transform-translate-y: -18rem;
-  }
-
-  .md\:focus\:-translate-y-80:focus {
-    --transform-translate-y: -20rem;
-  }
-
-  .md\:focus\:-translate-y-96:focus {
-    --transform-translate-y: -24rem;
-  }
-
-  .md\:focus\:-translate-y-px:focus {
-    --transform-translate-y: -1px;
-  }
-
-  .md\:focus\:-translate-y-0\.5:focus {
-    --transform-translate-y: -0.125rem;
-  }
-
-  .md\:focus\:-translate-y-1\.5:focus {
-    --transform-translate-y: -0.375rem;
-  }
-
-  .md\:focus\:-translate-y-2\.5:focus {
-    --transform-translate-y: -0.625rem;
-  }
-
-  .md\:focus\:-translate-y-3\.5:focus {
-    --transform-translate-y: -0.875rem;
-  }
-
-  .md\:focus\:-translate-y-1\/2:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .md\:focus\:-translate-y-1\/3:focus {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .md\:focus\:-translate-y-2\/3:focus {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .md\:focus\:-translate-y-1\/4:focus {
-    --transform-translate-y: -25%;
-  }
-
-  .md\:focus\:-translate-y-2\/4:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .md\:focus\:-translate-y-3\/4:focus {
-    --transform-translate-y: -75%;
-  }
-
-  .md\:focus\:-translate-y-1\/5:focus {
-    --transform-translate-y: -20%;
-  }
-
-  .md\:focus\:-translate-y-2\/5:focus {
-    --transform-translate-y: -40%;
-  }
-
-  .md\:focus\:-translate-y-3\/5:focus {
-    --transform-translate-y: -60%;
-  }
-
-  .md\:focus\:-translate-y-4\/5:focus {
-    --transform-translate-y: -80%;
-  }
-
-  .md\:focus\:-translate-y-1\/6:focus {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .md\:focus\:-translate-y-2\/6:focus {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .md\:focus\:-translate-y-3\/6:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .md\:focus\:-translate-y-4\/6:focus {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .md\:focus\:-translate-y-5\/6:focus {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .md\:focus\:-translate-y-1\/12:focus {
-    --transform-translate-y: -8.33333%;
-  }
-
-  .md\:focus\:-translate-y-2\/12:focus {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .md\:focus\:-translate-y-3\/12:focus {
-    --transform-translate-y: -25%;
-  }
-
-  .md\:focus\:-translate-y-4\/12:focus {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .md\:focus\:-translate-y-5\/12:focus {
-    --transform-translate-y: -41.66667%;
-  }
-
-  .md\:focus\:-translate-y-6\/12:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .md\:focus\:-translate-y-7\/12:focus {
-    --transform-translate-y: -58.33333%;
-  }
-
-  .md\:focus\:-translate-y-8\/12:focus {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .md\:focus\:-translate-y-9\/12:focus {
-    --transform-translate-y: -75%;
-  }
-
-  .md\:focus\:-translate-y-10\/12:focus {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .md\:focus\:-translate-y-11\/12:focus {
-    --transform-translate-y: -91.66667%;
-  }
-
-  .md\:focus\:-translate-y-full:focus {
-    --transform-translate-y: -100%;
-  }
-
-  .md\:skew-x-0 {
-    --transform-skew-x: 0;
-  }
-
-  .md\:skew-x-3 {
-    --transform-skew-x: 3deg;
-  }
-
-  .md\:skew-x-6 {
-    --transform-skew-x: 6deg;
-  }
-
-  .md\:skew-x-12 {
-    --transform-skew-x: 12deg;
-  }
-
-  .md\:-skew-x-12 {
-    --transform-skew-x: -12deg;
-  }
-
-  .md\:-skew-x-6 {
-    --transform-skew-x: -6deg;
-  }
-
-  .md\:-skew-x-3 {
-    --transform-skew-x: -3deg;
-  }
-
-  .md\:skew-y-0 {
-    --transform-skew-y: 0;
-  }
-
-  .md\:skew-y-3 {
-    --transform-skew-y: 3deg;
-  }
-
-  .md\:skew-y-6 {
-    --transform-skew-y: 6deg;
-  }
-
-  .md\:skew-y-12 {
-    --transform-skew-y: 12deg;
-  }
-
-  .md\:-skew-y-12 {
-    --transform-skew-y: -12deg;
-  }
-
-  .md\:-skew-y-6 {
-    --transform-skew-y: -6deg;
-  }
-
-  .md\:-skew-y-3 {
-    --transform-skew-y: -3deg;
-  }
-
-  .md\:hover\:skew-x-0:hover {
-    --transform-skew-x: 0;
-  }
-
-  .md\:hover\:skew-x-3:hover {
-    --transform-skew-x: 3deg;
-  }
-
-  .md\:hover\:skew-x-6:hover {
-    --transform-skew-x: 6deg;
-  }
-
-  .md\:hover\:skew-x-12:hover {
-    --transform-skew-x: 12deg;
-  }
-
-  .md\:hover\:-skew-x-12:hover {
-    --transform-skew-x: -12deg;
-  }
-
-  .md\:hover\:-skew-x-6:hover {
-    --transform-skew-x: -6deg;
-  }
-
-  .md\:hover\:-skew-x-3:hover {
-    --transform-skew-x: -3deg;
-  }
-
-  .md\:hover\:skew-y-0:hover {
-    --transform-skew-y: 0;
-  }
-
-  .md\:hover\:skew-y-3:hover {
-    --transform-skew-y: 3deg;
-  }
-
-  .md\:hover\:skew-y-6:hover {
-    --transform-skew-y: 6deg;
-  }
-
-  .md\:hover\:skew-y-12:hover {
-    --transform-skew-y: 12deg;
-  }
-
-  .md\:hover\:-skew-y-12:hover {
-    --transform-skew-y: -12deg;
-  }
-
-  .md\:hover\:-skew-y-6:hover {
-    --transform-skew-y: -6deg;
-  }
-
-  .md\:hover\:-skew-y-3:hover {
-    --transform-skew-y: -3deg;
-  }
-
-  .md\:focus\:skew-x-0:focus {
-    --transform-skew-x: 0;
-  }
-
-  .md\:focus\:skew-x-3:focus {
-    --transform-skew-x: 3deg;
-  }
-
-  .md\:focus\:skew-x-6:focus {
-    --transform-skew-x: 6deg;
-  }
-
-  .md\:focus\:skew-x-12:focus {
-    --transform-skew-x: 12deg;
-  }
-
-  .md\:focus\:-skew-x-12:focus {
-    --transform-skew-x: -12deg;
-  }
-
-  .md\:focus\:-skew-x-6:focus {
-    --transform-skew-x: -6deg;
-  }
-
-  .md\:focus\:-skew-x-3:focus {
-    --transform-skew-x: -3deg;
-  }
-
-  .md\:focus\:skew-y-0:focus {
-    --transform-skew-y: 0;
-  }
-
-  .md\:focus\:skew-y-3:focus {
-    --transform-skew-y: 3deg;
-  }
-
-  .md\:focus\:skew-y-6:focus {
-    --transform-skew-y: 6deg;
-  }
-
-  .md\:focus\:skew-y-12:focus {
-    --transform-skew-y: 12deg;
-  }
-
-  .md\:focus\:-skew-y-12:focus {
-    --transform-skew-y: -12deg;
-  }
-
-  .md\:focus\:-skew-y-6:focus {
-    --transform-skew-y: -6deg;
-  }
-
-  .md\:focus\:-skew-y-3:focus {
-    --transform-skew-y: -3deg;
-  }
-
-  .md\:transition-none {
-    transition-property: none;
-  }
-
-  .md\:transition-all {
-    transition-property: all;
-  }
-
-  .md\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-  }
-
-  .md\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
-  }
-
-  .md\:transition-opacity {
-    transition-property: opacity;
-  }
-
-  .md\:transition-shadow {
-    transition-property: box-shadow;
-  }
-
-  .md\:transition-transform {
-    transition-property: transform;
-  }
-
-  .md\:ease-linear {
-    transition-timing-function: linear;
-  }
-
-  .md\:ease-in {
-    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-  }
-
-  .md\:ease-out {
-    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  }
-
-  .md\:ease-in-out {
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  .md\:duration-75 {
-    transition-duration: 75ms;
-  }
-
-  .md\:duration-100 {
-    transition-duration: 100ms;
-  }
-
-  .md\:duration-150 {
-    transition-duration: 150ms;
-  }
-
-  .md\:duration-200 {
-    transition-duration: 200ms;
-  }
-
-  .md\:duration-300 {
-    transition-duration: 300ms;
-  }
-
-  .md\:duration-500 {
-    transition-duration: 500ms;
-  }
-
-  .md\:duration-700 {
-    transition-duration: 700ms;
-  }
-
-  .md\:duration-1000 {
-    transition-duration: 1000ms;
-  }
-
-  .md\:delay-75 {
-    transition-delay: 75ms;
-  }
-
-  .md\:delay-100 {
-    transition-delay: 100ms;
-  }
-
-  .md\:delay-150 {
-    transition-delay: 150ms;
-  }
-
-  .md\:delay-200 {
-    transition-delay: 200ms;
-  }
-
-  .md\:delay-300 {
-    transition-delay: 300ms;
-  }
-
-  .md\:delay-500 {
-    transition-delay: 500ms;
-  }
-
-  .md\:delay-700 {
-    transition-delay: 700ms;
-  }
-
-  .md\:delay-1000 {
-    transition-delay: 1000ms;
-  }
-
-  .md\:animate-none {
-    -webkit-animation: none;
-            animation: none;
-  }
-
-  .md\:animate-spin {
-    -webkit-animation: spin 1s linear infinite;
-            animation: spin 1s linear infinite;
-  }
-
-  .md\:animate-ping {
-    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-  }
-
-  .md\:animate-pulse {
-    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-  }
-
-  .md\:animate-bounce {
-    -webkit-animation: bounce 1s infinite;
-            animation: bounce 1s infinite;
-  }
-}
-
-@media (min-width: 1024px) {
-  .lg\:container {
-    width: 100%;
-  }
-
-  @media (min-width: 640px) {
-    .lg\:container {
-      max-width: 640px;
-    }
-  }
-
-  @media (min-width: 768px) {
-    .lg\:container {
-      max-width: 768px;
-    }
-  }
-
-  @media (min-width: 1024px) {
-    .lg\:container {
-      max-width: 1024px;
-    }
-  }
-
-  @media (min-width: 1280px) {
-    .lg\:container {
-      max-width: 1280px;
-    }
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\:space-y-7 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(1.75rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-7 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(1.75rem * var(--space-x-reverse));
-    margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\:space-y-9 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(2.25rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-9 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(2.25rem * var(--space-x-reverse));
-    margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\:space-y-11 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(2.75rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-11 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(2.75rem * var(--space-x-reverse));
-    margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\:space-y-13 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(3.25rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-13 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(3.25rem * var(--space-x-reverse));
-    margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-14 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(3.5rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-14 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(3.5rem * var(--space-x-reverse));
-    margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-15 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(3.75rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-15 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(3.75rem * var(--space-x-reverse));
-    margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\:space-y-28 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(7rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(7rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-28 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(7rem * var(--space-x-reverse));
-    margin-left: calc(7rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\:space-y-36 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(9rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(9rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-36 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(9rem * var(--space-x-reverse));
-    margin-left: calc(9rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\:space-y-60 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(15rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(15rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-60 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(15rem * var(--space-x-reverse));
-    margin-left: calc(15rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\:space-y-72 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(18rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(18rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-72 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(18rem * var(--space-x-reverse));
-    margin-left: calc(18rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-80 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(20rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(20rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-80 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(20rem * var(--space-x-reverse));
-    margin-left: calc(20rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-96 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(24rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(24rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-96 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(24rem * var(--space-x-reverse));
-    margin-left: calc(24rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\:space-y-0\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.125rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-0\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.125rem * var(--space-x-reverse));
-    margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-1\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.375rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-1\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.375rem * var(--space-x-reverse));
-    margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-2\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.625rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-2\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.625rem * var(--space-x-reverse));
-    margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-3\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.875rem * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-3\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.875rem * var(--space-x-reverse));
-    margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-1\/2 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(50% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-1\/2 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(50% * var(--space-x-reverse));
-    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-1\/3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(33.333333% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-1\/3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(33.333333% * var(--space-x-reverse));
-    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-2\/3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(66.666667% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-2\/3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(66.666667% * var(--space-x-reverse));
-    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-1\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(25% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-1\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(25% * var(--space-x-reverse));
-    margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-2\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(50% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-2\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(50% * var(--space-x-reverse));
-    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-3\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(75% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-3\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(75% * var(--space-x-reverse));
-    margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-1\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(20% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(20% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-1\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(20% * var(--space-x-reverse));
-    margin-left: calc(20% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-2\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(40% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(40% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-2\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(40% * var(--space-x-reverse));
-    margin-left: calc(40% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-3\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(60% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(60% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-3\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(60% * var(--space-x-reverse));
-    margin-left: calc(60% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-4\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(80% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(80% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-4\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(80% * var(--space-x-reverse));
-    margin-left: calc(80% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-1\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(16.666667% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-1\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(16.666667% * var(--space-x-reverse));
-    margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-2\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(33.333333% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-2\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(33.333333% * var(--space-x-reverse));
-    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-3\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(50% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-3\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(50% * var(--space-x-reverse));
-    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-4\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(66.666667% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-4\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(66.666667% * var(--space-x-reverse));
-    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-5\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(83.333333% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-5\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(83.333333% * var(--space-x-reverse));
-    margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-1\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(8.333333% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-1\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(8.333333% * var(--space-x-reverse));
-    margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-2\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(16.666667% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-2\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(16.666667% * var(--space-x-reverse));
-    margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-3\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(25% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-3\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(25% * var(--space-x-reverse));
-    margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-4\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(33.333333% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-4\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(33.333333% * var(--space-x-reverse));
-    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-5\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(41.666667% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-5\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(41.666667% * var(--space-x-reverse));
-    margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-6\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(50% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-6\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(50% * var(--space-x-reverse));
-    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-7\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(58.333333% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-7\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(58.333333% * var(--space-x-reverse));
-    margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-8\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(66.666667% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-8\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(66.666667% * var(--space-x-reverse));
-    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-9\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(75% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-9\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(75% * var(--space-x-reverse));
-    margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-10\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(83.333333% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-10\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(83.333333% * var(--space-x-reverse));
-    margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-11\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(91.666667% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-11\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(91.666667% * var(--space-x-reverse));
-    margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-full > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(100% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(100% * var(--space-y-reverse));
-  }
-
-  .lg\:space-x-full > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(100% * var(--space-x-reverse));
-    margin-left: calc(100% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-space-y-7 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-1.75rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-7 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-1.75rem * var(--space-x-reverse));
-    margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-space-y-9 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-2.25rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-9 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-2.25rem * var(--space-x-reverse));
-    margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-space-y-11 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-2.75rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-11 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-2.75rem * var(--space-x-reverse));
-    margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-space-y-13 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-3.25rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-13 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-3.25rem * var(--space-x-reverse));
-    margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-14 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-3.5rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-14 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-3.5rem * var(--space-x-reverse));
-    margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-15 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-3.75rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-15 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-3.75rem * var(--space-x-reverse));
-    margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-space-y-28 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-7rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-7rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-28 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-7rem * var(--space-x-reverse));
-    margin-left: calc(-7rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-space-y-36 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-9rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-9rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-36 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-9rem * var(--space-x-reverse));
-    margin-left: calc(-9rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-space-y-60 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-15rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-15rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-60 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-15rem * var(--space-x-reverse));
-    margin-left: calc(-15rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-space-y-72 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-18rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-18rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-72 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-18rem * var(--space-x-reverse));
-    margin-left: calc(-18rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-80 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-20rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-20rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-80 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-20rem * var(--space-x-reverse));
-    margin-left: calc(-20rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-96 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-24rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-24rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-96 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-24rem * var(--space-x-reverse));
-    margin-left: calc(-24rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-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));
-  }
-
-  .lg\:-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)));
-  }
-
-  .lg\:-space-y-0\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.125rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-0\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.125rem * var(--space-x-reverse));
-    margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-1\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.375rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-1\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.375rem * var(--space-x-reverse));
-    margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-2\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.625rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-2\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.625rem * var(--space-x-reverse));
-    margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-3\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.875rem * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-3\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.875rem * var(--space-x-reverse));
-    margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-1\/2 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-50% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-1\/2 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-50% * var(--space-x-reverse));
-    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-1\/3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-1\/3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-33.33333% * var(--space-x-reverse));
-    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-2\/3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-2\/3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-66.66667% * var(--space-x-reverse));
-    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-1\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-25% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-1\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-25% * var(--space-x-reverse));
-    margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-2\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-50% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-2\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-50% * var(--space-x-reverse));
-    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-3\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-75% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-3\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-75% * var(--space-x-reverse));
-    margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-1\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-20% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-20% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-1\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-20% * var(--space-x-reverse));
-    margin-left: calc(-20% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-2\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-40% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-40% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-2\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-40% * var(--space-x-reverse));
-    margin-left: calc(-40% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-3\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-60% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-60% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-3\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-60% * var(--space-x-reverse));
-    margin-left: calc(-60% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-4\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-80% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-80% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-4\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-80% * var(--space-x-reverse));
-    margin-left: calc(-80% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-1\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-16.66667% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-1\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-16.66667% * var(--space-x-reverse));
-    margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-2\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-2\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-33.33333% * var(--space-x-reverse));
-    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-3\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-50% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-3\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-50% * var(--space-x-reverse));
-    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-4\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-4\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-66.66667% * var(--space-x-reverse));
-    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-5\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-83.33333% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-5\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-83.33333% * var(--space-x-reverse));
-    margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-1\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-8.33333% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-1\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-8.33333% * var(--space-x-reverse));
-    margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-2\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-16.66667% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-2\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-16.66667% * var(--space-x-reverse));
-    margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-3\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-25% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-3\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-25% * var(--space-x-reverse));
-    margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-4\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-4\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-33.33333% * var(--space-x-reverse));
-    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-5\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-41.66667% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-5\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-41.66667% * var(--space-x-reverse));
-    margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-6\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-50% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-6\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-50% * var(--space-x-reverse));
-    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-7\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-58.33333% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-7\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-58.33333% * var(--space-x-reverse));
-    margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-8\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-8\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-66.66667% * var(--space-x-reverse));
-    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-9\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-75% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-9\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-75% * var(--space-x-reverse));
-    margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-10\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-83.33333% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-10\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-83.33333% * var(--space-x-reverse));
-    margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-11\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-91.66667% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-11\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-91.66667% * var(--space-x-reverse));
-    margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:-space-y-full > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-100% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-100% * var(--space-y-reverse));
-  }
-
-  .lg\:-space-x-full > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-100% * var(--space-x-reverse));
-    margin-left: calc(-100% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .lg\:space-y-reverse > :not(template) ~ :not(template) {
-    --space-y-reverse: 1;
-  }
-
-  .lg\:space-x-reverse > :not(template) ~ :not(template) {
-    --space-x-reverse: 1;
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\: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));
-  }
-
-  .lg\: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)));
-  }
-
-  .lg\:divide-y-reverse > :not(template) ~ :not(template) {
-    --divide-y-reverse: 1;
-  }
-
-  .lg\:divide-x-reverse > :not(template) ~ :not(template) {
-    --divide-x-reverse: 1;
-  }
-
-  .lg\:divide-transparent > :not(template) ~ :not(template) {
-    border-color: transparent;
-  }
-
-  .lg\:divide-white > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--divide-opacity));
-  }
-
-  .lg\:divide-black > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--divide-opacity));
-  }
-
-  .lg\:divide-gray-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--divide-opacity));
-  }
-
-  .lg\:divide-gray-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--divide-opacity));
-  }
-
-  .lg\:divide-gray-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--divide-opacity));
-  }
-
-  .lg\:divide-gray-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--divide-opacity));
-  }
-
-  .lg\:divide-gray-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--divide-opacity));
-  }
-
-  .lg\:divide-gray-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--divide-opacity));
-  }
-
-  .lg\:divide-gray-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--divide-opacity));
-  }
-
-  .lg\:divide-gray-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--divide-opacity));
-  }
-
-  .lg\:divide-gray-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--divide-opacity));
-  }
-
-  .lg\:divide-gray-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--divide-opacity));
-  }
-
-  .lg\:divide-cool-gray-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--divide-opacity));
-  }
-
-  .lg\:divide-cool-gray-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--divide-opacity));
-  }
-
-  .lg\:divide-cool-gray-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--divide-opacity));
-  }
-
-  .lg\:divide-cool-gray-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--divide-opacity));
-  }
-
-  .lg\:divide-cool-gray-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--divide-opacity));
-  }
-
-  .lg\:divide-cool-gray-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--divide-opacity));
-  }
-
-  .lg\:divide-cool-gray-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--divide-opacity));
-  }
-
-  .lg\:divide-cool-gray-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--divide-opacity));
-  }
-
-  .lg\:divide-cool-gray-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--divide-opacity));
-  }
-
-  .lg\:divide-cool-gray-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--divide-opacity));
-  }
-
-  .lg\:divide-red-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--divide-opacity));
-  }
-
-  .lg\:divide-red-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--divide-opacity));
-  }
-
-  .lg\:divide-red-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--divide-opacity));
-  }
-
-  .lg\:divide-red-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--divide-opacity));
-  }
-
-  .lg\:divide-red-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--divide-opacity));
-  }
-
-  .lg\:divide-red-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--divide-opacity));
-  }
-
-  .lg\:divide-red-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--divide-opacity));
-  }
-
-  .lg\:divide-red-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--divide-opacity));
-  }
-
-  .lg\:divide-red-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--divide-opacity));
-  }
-
-  .lg\:divide-red-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--divide-opacity));
-  }
-
-  .lg\:divide-orange-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--divide-opacity));
-  }
-
-  .lg\:divide-orange-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--divide-opacity));
-  }
-
-  .lg\:divide-orange-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--divide-opacity));
-  }
-
-  .lg\:divide-orange-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--divide-opacity));
-  }
-
-  .lg\:divide-orange-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--divide-opacity));
-  }
-
-  .lg\:divide-orange-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--divide-opacity));
-  }
-
-  .lg\:divide-orange-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--divide-opacity));
-  }
-
-  .lg\:divide-orange-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--divide-opacity));
-  }
-
-  .lg\:divide-orange-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--divide-opacity));
-  }
-
-  .lg\:divide-orange-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--divide-opacity));
-  }
-
-  .lg\:divide-yellow-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--divide-opacity));
-  }
-
-  .lg\:divide-yellow-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--divide-opacity));
-  }
-
-  .lg\:divide-yellow-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--divide-opacity));
-  }
-
-  .lg\:divide-yellow-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--divide-opacity));
-  }
-
-  .lg\:divide-yellow-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--divide-opacity));
-  }
-
-  .lg\:divide-yellow-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--divide-opacity));
-  }
-
-  .lg\:divide-yellow-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--divide-opacity));
-  }
-
-  .lg\:divide-yellow-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--divide-opacity));
-  }
-
-  .lg\:divide-yellow-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--divide-opacity));
-  }
-
-  .lg\:divide-yellow-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--divide-opacity));
-  }
-
-  .lg\:divide-green-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--divide-opacity));
-  }
-
-  .lg\:divide-green-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--divide-opacity));
-  }
-
-  .lg\:divide-green-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--divide-opacity));
-  }
-
-  .lg\:divide-green-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--divide-opacity));
-  }
-
-  .lg\:divide-green-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--divide-opacity));
-  }
-
-  .lg\:divide-green-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--divide-opacity));
-  }
-
-  .lg\:divide-green-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--divide-opacity));
-  }
-
-  .lg\:divide-green-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--divide-opacity));
-  }
-
-  .lg\:divide-green-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--divide-opacity));
-  }
-
-  .lg\:divide-green-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--divide-opacity));
-  }
-
-  .lg\:divide-teal-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--divide-opacity));
-  }
-
-  .lg\:divide-teal-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--divide-opacity));
-  }
-
-  .lg\:divide-teal-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--divide-opacity));
-  }
-
-  .lg\:divide-teal-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--divide-opacity));
-  }
-
-  .lg\:divide-teal-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--divide-opacity));
-  }
-
-  .lg\:divide-teal-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--divide-opacity));
-  }
-
-  .lg\:divide-teal-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--divide-opacity));
-  }
-
-  .lg\:divide-teal-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--divide-opacity));
-  }
-
-  .lg\:divide-teal-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--divide-opacity));
-  }
-
-  .lg\:divide-teal-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--divide-opacity));
-  }
-
-  .lg\:divide-blue-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--divide-opacity));
-  }
-
-  .lg\:divide-blue-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--divide-opacity));
-  }
-
-  .lg\:divide-blue-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--divide-opacity));
-  }
-
-  .lg\:divide-blue-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--divide-opacity));
-  }
-
-  .lg\:divide-blue-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--divide-opacity));
-  }
-
-  .lg\:divide-blue-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--divide-opacity));
-  }
-
-  .lg\:divide-blue-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--divide-opacity));
-  }
-
-  .lg\:divide-blue-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--divide-opacity));
-  }
-
-  .lg\:divide-blue-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--divide-opacity));
-  }
-
-  .lg\:divide-blue-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--divide-opacity));
-  }
-
-  .lg\:divide-indigo-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--divide-opacity));
-  }
-
-  .lg\:divide-indigo-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--divide-opacity));
-  }
-
-  .lg\:divide-indigo-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--divide-opacity));
-  }
-
-  .lg\:divide-indigo-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--divide-opacity));
-  }
-
-  .lg\:divide-indigo-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--divide-opacity));
-  }
-
-  .lg\:divide-indigo-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--divide-opacity));
-  }
-
-  .lg\:divide-indigo-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--divide-opacity));
-  }
-
-  .lg\:divide-indigo-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--divide-opacity));
-  }
-
-  .lg\:divide-indigo-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--divide-opacity));
-  }
-
-  .lg\:divide-indigo-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--divide-opacity));
-  }
-
-  .lg\:divide-purple-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--divide-opacity));
-  }
-
-  .lg\:divide-purple-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--divide-opacity));
-  }
-
-  .lg\:divide-purple-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--divide-opacity));
-  }
-
-  .lg\:divide-purple-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--divide-opacity));
-  }
-
-  .lg\:divide-purple-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--divide-opacity));
-  }
-
-  .lg\:divide-purple-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--divide-opacity));
-  }
-
-  .lg\:divide-purple-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--divide-opacity));
-  }
-
-  .lg\:divide-purple-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--divide-opacity));
-  }
-
-  .lg\:divide-purple-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--divide-opacity));
-  }
-
-  .lg\:divide-purple-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--divide-opacity));
-  }
-
-  .lg\:divide-pink-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--divide-opacity));
-  }
-
-  .lg\:divide-pink-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--divide-opacity));
-  }
-
-  .lg\:divide-pink-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--divide-opacity));
-  }
-
-  .lg\:divide-pink-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--divide-opacity));
-  }
-
-  .lg\:divide-pink-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--divide-opacity));
-  }
-
-  .lg\:divide-pink-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--divide-opacity));
-  }
-
-  .lg\:divide-pink-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--divide-opacity));
-  }
-
-  .lg\:divide-pink-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--divide-opacity));
-  }
-
-  .lg\:divide-pink-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--divide-opacity));
-  }
-
-  .lg\:divide-pink-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--divide-opacity));
-  }
-
-  .lg\:divide-opacity-0 > :not(template) ~ :not(template) {
-    --divide-opacity: 0;
-  }
-
-  .lg\:divide-opacity-25 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.25;
-  }
-
-  .lg\:divide-opacity-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.5;
-  }
-
-  .lg\:divide-opacity-75 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.75;
-  }
-
-  .lg\:divide-opacity-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-  }
-
-  .lg\: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;
-  }
-
-  .lg\:not-sr-only {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-  }
-
-  .lg\: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;
-  }
-
-  .lg\:focus\:not-sr-only:focus {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-  }
-
-  .lg\:appearance-none {
-    -webkit-appearance: none;
-       -moz-appearance: none;
-            appearance: none;
-  }
-
-  .lg\:bg-fixed {
-    background-attachment: fixed;
-  }
-
-  .lg\:bg-local {
-    background-attachment: local;
-  }
-
-  .lg\:bg-scroll {
-    background-attachment: scroll;
-  }
-
-  .lg\:bg-transparent {
-    background-color: transparent;
-  }
-
-  .lg\:bg-white {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .lg\:bg-black {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .lg\:bg-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .lg\:bg-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .lg\:bg-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .lg\:bg-gray-300 {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .lg\:bg-gray-400 {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .lg\:bg-gray-500 {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .lg\:bg-gray-600 {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .lg\:bg-gray-700 {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .lg\:bg-gray-800 {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .lg\:bg-gray-900 {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .lg\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .lg\:bg-cool-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .lg\:bg-cool-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .lg\:bg-cool-gray-300 {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .lg\:bg-cool-gray-400 {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .lg\:bg-cool-gray-500 {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .lg\:bg-cool-gray-600 {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .lg\:bg-cool-gray-700 {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .lg\:bg-cool-gray-800 {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .lg\:bg-cool-gray-900 {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .lg\:bg-red-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .lg\:bg-red-100 {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .lg\:bg-red-200 {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .lg\:bg-red-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .lg\:bg-red-400 {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .lg\:bg-red-500 {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .lg\:bg-red-600 {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .lg\:bg-red-700 {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .lg\:bg-red-800 {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .lg\:bg-red-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .lg\:bg-orange-50 {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .lg\:bg-orange-100 {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .lg\:bg-orange-200 {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .lg\:bg-orange-300 {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .lg\:bg-orange-400 {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .lg\:bg-orange-500 {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .lg\:bg-orange-600 {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .lg\:bg-orange-700 {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .lg\:bg-orange-800 {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .lg\:bg-orange-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .lg\:bg-yellow-50 {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .lg\:bg-yellow-100 {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .lg\:bg-yellow-200 {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .lg\:bg-yellow-300 {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .lg\:bg-yellow-400 {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .lg\:bg-yellow-500 {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .lg\:bg-yellow-600 {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .lg\:bg-yellow-700 {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .lg\:bg-yellow-800 {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .lg\:bg-yellow-900 {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .lg\:bg-green-50 {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .lg\:bg-green-100 {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .lg\:bg-green-200 {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .lg\:bg-green-300 {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .lg\:bg-green-400 {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .lg\:bg-green-500 {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .lg\:bg-green-600 {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .lg\:bg-green-700 {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .lg\:bg-green-800 {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .lg\:bg-green-900 {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .lg\:bg-teal-50 {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .lg\:bg-teal-100 {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .lg\:bg-teal-200 {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .lg\:bg-teal-300 {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .lg\:bg-teal-400 {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .lg\:bg-teal-500 {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .lg\:bg-teal-600 {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .lg\:bg-teal-700 {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .lg\:bg-teal-800 {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .lg\:bg-teal-900 {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .lg\:bg-blue-50 {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .lg\:bg-blue-100 {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .lg\:bg-blue-200 {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .lg\:bg-blue-300 {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .lg\:bg-blue-400 {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .lg\:bg-blue-500 {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .lg\:bg-blue-600 {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .lg\:bg-blue-700 {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .lg\:bg-blue-800 {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .lg\:bg-blue-900 {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .lg\:bg-indigo-50 {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .lg\:bg-indigo-100 {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .lg\:bg-indigo-200 {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .lg\:bg-indigo-300 {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .lg\:bg-indigo-400 {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .lg\:bg-indigo-500 {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .lg\:bg-indigo-600 {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .lg\:bg-indigo-700 {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .lg\:bg-indigo-800 {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .lg\:bg-indigo-900 {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .lg\:bg-purple-50 {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .lg\:bg-purple-100 {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .lg\:bg-purple-200 {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .lg\:bg-purple-300 {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .lg\:bg-purple-400 {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .lg\:bg-purple-500 {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .lg\:bg-purple-600 {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .lg\:bg-purple-700 {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .lg\:bg-purple-800 {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .lg\:bg-purple-900 {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .lg\:bg-pink-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .lg\:bg-pink-100 {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .lg\:bg-pink-200 {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .lg\:bg-pink-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .lg\:bg-pink-400 {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .lg\:bg-pink-500 {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .lg\:bg-pink-600 {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .lg\:bg-pink-700 {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .lg\:bg-pink-800 {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .lg\:bg-pink-900 {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-transparent {
-    background-color: transparent;
-  }
-
-  .group:hover .lg\:group-hover\:bg-white {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-black {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-300 {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-400 {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-500 {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-600 {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-700 {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-800 {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-gray-900 {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-cool-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-cool-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-cool-gray-300 {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-cool-gray-400 {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-cool-gray-500 {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-cool-gray-600 {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-cool-gray-700 {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-cool-gray-800 {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-cool-gray-900 {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-100 {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-200 {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-400 {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-500 {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-600 {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-700 {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-800 {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-red-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-orange-50 {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-orange-100 {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-orange-200 {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-orange-300 {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-orange-400 {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-orange-500 {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-orange-600 {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-orange-700 {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-orange-800 {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-orange-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-50 {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-100 {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-200 {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-300 {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-400 {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-500 {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-600 {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-700 {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-800 {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-yellow-900 {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-50 {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-100 {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-200 {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-300 {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-400 {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-500 {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-600 {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-700 {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-800 {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-green-900 {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-teal-50 {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-teal-100 {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-teal-200 {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-teal-300 {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-teal-400 {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-teal-500 {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-teal-600 {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-teal-700 {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-teal-800 {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-teal-900 {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-50 {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-100 {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-200 {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-300 {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-400 {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-500 {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-600 {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-700 {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-800 {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-blue-900 {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-50 {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-100 {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-200 {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-300 {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-400 {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-500 {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-600 {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-700 {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-800 {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-indigo-900 {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-purple-50 {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-purple-100 {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-purple-200 {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-purple-300 {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-purple-400 {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-purple-500 {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-purple-600 {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-purple-700 {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-purple-800 {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-purple-900 {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-pink-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-pink-100 {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-pink-200 {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-pink-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-pink-400 {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-pink-500 {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-pink-600 {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-pink-700 {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-pink-800 {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:bg-pink-900 {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-transparent {
-    background-color: transparent;
-  }
-
-  .group:focus .lg\:group-focus\:bg-white {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-black {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-gray-300 {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-gray-400 {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-gray-500 {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-gray-600 {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-gray-700 {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-gray-800 {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-gray-900 {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-cool-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-cool-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-cool-gray-300 {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-cool-gray-400 {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-cool-gray-500 {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-cool-gray-600 {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-cool-gray-700 {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-cool-gray-800 {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-cool-gray-900 {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-red-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-red-100 {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-red-200 {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-red-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-red-400 {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-red-500 {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-red-600 {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-red-700 {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-red-800 {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-red-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-orange-50 {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-orange-100 {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-orange-200 {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-orange-300 {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-orange-400 {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-orange-500 {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-orange-600 {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-orange-700 {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-orange-800 {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-orange-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-yellow-50 {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-yellow-100 {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-yellow-200 {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-yellow-300 {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-yellow-400 {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-yellow-500 {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-yellow-600 {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-yellow-700 {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-yellow-800 {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-yellow-900 {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-green-50 {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-green-100 {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-green-200 {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-green-300 {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-green-400 {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-green-500 {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-green-600 {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-green-700 {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-green-800 {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-green-900 {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-teal-50 {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-teal-100 {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-teal-200 {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-teal-300 {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-teal-400 {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-teal-500 {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-teal-600 {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-teal-700 {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-teal-800 {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-teal-900 {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-blue-50 {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-blue-100 {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-blue-200 {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-blue-300 {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-blue-400 {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-blue-500 {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-blue-600 {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-blue-700 {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-blue-800 {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-blue-900 {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-indigo-50 {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-indigo-100 {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-indigo-200 {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-indigo-300 {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-indigo-400 {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-indigo-500 {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-indigo-600 {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-indigo-700 {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-indigo-800 {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-indigo-900 {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-purple-50 {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-purple-100 {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-purple-200 {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-purple-300 {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-purple-400 {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-purple-500 {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-purple-600 {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-purple-700 {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-purple-800 {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-purple-900 {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-pink-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-pink-100 {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-pink-200 {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-pink-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-pink-400 {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-pink-500 {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-pink-600 {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-pink-700 {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-pink-800 {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:bg-pink-900 {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-transparent:hover {
-    background-color: transparent;
-  }
-
-  .lg\:hover\:bg-white:hover {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-black:hover {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-50:hover {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-100:hover {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-200:hover {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-300:hover {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-400:hover {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-500:hover {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-600:hover {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-700:hover {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-800:hover {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-gray-900:hover {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-cool-gray-50:hover {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-cool-gray-100:hover {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-cool-gray-200:hover {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-cool-gray-300:hover {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-cool-gray-400:hover {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-cool-gray-500:hover {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-cool-gray-600:hover {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-cool-gray-700:hover {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-cool-gray-800:hover {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-cool-gray-900:hover {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-50:hover {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-100:hover {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-200:hover {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-300:hover {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-400:hover {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-500:hover {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-600:hover {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-700:hover {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-800:hover {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-red-900:hover {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-orange-50:hover {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-orange-100:hover {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-orange-200:hover {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-orange-300:hover {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-orange-400:hover {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-orange-500:hover {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-orange-600:hover {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-orange-700:hover {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-orange-800:hover {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-orange-900:hover {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-50:hover {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-100:hover {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-200:hover {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-300:hover {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-400:hover {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-500:hover {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-600:hover {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-700:hover {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-800:hover {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-yellow-900:hover {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-50:hover {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-100:hover {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-200:hover {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-300:hover {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-400:hover {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-500:hover {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-600:hover {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-700:hover {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-800:hover {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-green-900:hover {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-teal-50:hover {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-teal-100:hover {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-teal-200:hover {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-teal-300:hover {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-teal-400:hover {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-teal-500:hover {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-teal-600:hover {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-teal-700:hover {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-teal-800:hover {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-teal-900:hover {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-50:hover {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-100:hover {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-200:hover {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-300:hover {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-400:hover {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-500:hover {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-600:hover {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-700:hover {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-800:hover {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-blue-900:hover {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-50:hover {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-100:hover {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-200:hover {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-300:hover {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-400:hover {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-500:hover {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-600:hover {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-700:hover {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-800:hover {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-indigo-900:hover {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-purple-50:hover {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-purple-100:hover {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-purple-200:hover {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-purple-300:hover {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-purple-400:hover {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-purple-500:hover {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-purple-600:hover {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-purple-700:hover {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-purple-800:hover {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-purple-900:hover {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-pink-50:hover {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-pink-100:hover {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-pink-200:hover {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-pink-300:hover {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-pink-400:hover {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-pink-500:hover {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-pink-600:hover {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-pink-700:hover {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-pink-800:hover {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .lg\:hover\:bg-pink-900:hover {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-transparent:focus {
-    background-color: transparent;
-  }
-
-  .lg\:focus\:bg-white:focus {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-black:focus {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-50:focus {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-100:focus {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-200:focus {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-300:focus {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-400:focus {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-500:focus {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-600:focus {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-700:focus {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-800:focus {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-gray-900:focus {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-cool-gray-50:focus {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-cool-gray-100:focus {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-cool-gray-200:focus {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-cool-gray-300:focus {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-cool-gray-400:focus {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-cool-gray-500:focus {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-cool-gray-600:focus {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-cool-gray-700:focus {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-cool-gray-800:focus {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-cool-gray-900:focus {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-50:focus {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-100:focus {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-200:focus {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-300:focus {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-400:focus {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-500:focus {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-600:focus {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-700:focus {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-800:focus {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-red-900:focus {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-orange-50:focus {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-orange-100:focus {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-orange-200:focus {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-orange-300:focus {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-orange-400:focus {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-orange-500:focus {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-orange-600:focus {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-orange-700:focus {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-orange-800:focus {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-orange-900:focus {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-50:focus {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-100:focus {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-200:focus {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-300:focus {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-400:focus {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-500:focus {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-600:focus {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-700:focus {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-800:focus {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-yellow-900:focus {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-50:focus {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-100:focus {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-200:focus {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-300:focus {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-400:focus {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-500:focus {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-600:focus {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-700:focus {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-800:focus {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-green-900:focus {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-teal-50:focus {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-teal-100:focus {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-teal-200:focus {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-teal-300:focus {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-teal-400:focus {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-teal-500:focus {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-teal-600:focus {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-teal-700:focus {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-teal-800:focus {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-teal-900:focus {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-50:focus {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-100:focus {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-200:focus {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-300:focus {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-400:focus {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-500:focus {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-600:focus {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-700:focus {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-800:focus {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-blue-900:focus {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-50:focus {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-100:focus {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-200:focus {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-300:focus {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-400:focus {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-500:focus {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-600:focus {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-700:focus {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-800:focus {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-indigo-900:focus {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-purple-50:focus {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-purple-100:focus {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-purple-200:focus {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-purple-300:focus {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-purple-400:focus {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-purple-500:focus {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-purple-600:focus {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-purple-700:focus {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-purple-800:focus {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-purple-900:focus {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-pink-50:focus {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-pink-100:focus {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-pink-200:focus {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-pink-300:focus {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-pink-400:focus {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-pink-500:focus {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-pink-600:focus {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-pink-700:focus {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-pink-800:focus {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .lg\:focus\:bg-pink-900:focus {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-transparent:active {
-    background-color: transparent;
-  }
-
-  .lg\:active\:bg-white:active {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-black:active {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-gray-50:active {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-gray-100:active {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-gray-200:active {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-gray-300:active {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-gray-400:active {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-gray-500:active {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-gray-600:active {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-gray-700:active {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-gray-800:active {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-gray-900:active {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-cool-gray-50:active {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-cool-gray-100:active {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-cool-gray-200:active {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-cool-gray-300:active {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-cool-gray-400:active {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-cool-gray-500:active {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-cool-gray-600:active {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-cool-gray-700:active {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-cool-gray-800:active {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-cool-gray-900:active {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-red-50:active {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-red-100:active {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-red-200:active {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-red-300:active {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-red-400:active {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-red-500:active {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-red-600:active {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-red-700:active {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-red-800:active {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-red-900:active {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-orange-50:active {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-orange-100:active {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-orange-200:active {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-orange-300:active {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-orange-400:active {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-orange-500:active {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-orange-600:active {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-orange-700:active {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-orange-800:active {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-orange-900:active {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-yellow-50:active {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-yellow-100:active {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-yellow-200:active {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-yellow-300:active {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-yellow-400:active {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-yellow-500:active {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-yellow-600:active {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-yellow-700:active {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-yellow-800:active {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-yellow-900:active {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-green-50:active {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-green-100:active {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-green-200:active {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-green-300:active {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-green-400:active {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-green-500:active {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-green-600:active {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-green-700:active {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-green-800:active {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-green-900:active {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-teal-50:active {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-teal-100:active {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-teal-200:active {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-teal-300:active {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-teal-400:active {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-teal-500:active {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-teal-600:active {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-teal-700:active {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-teal-800:active {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-teal-900:active {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-blue-50:active {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-blue-100:active {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-blue-200:active {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-blue-300:active {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-blue-400:active {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-blue-500:active {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-blue-600:active {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-blue-700:active {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-blue-800:active {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-blue-900:active {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-indigo-50:active {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-indigo-100:active {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-indigo-200:active {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-indigo-300:active {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-indigo-400:active {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-indigo-500:active {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-indigo-600:active {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-indigo-700:active {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-indigo-800:active {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-indigo-900:active {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-purple-50:active {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-purple-100:active {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-purple-200:active {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-purple-300:active {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-purple-400:active {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-purple-500:active {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-purple-600:active {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-purple-700:active {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-purple-800:active {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-purple-900:active {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-pink-50:active {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-pink-100:active {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-pink-200:active {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-pink-300:active {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-pink-400:active {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-pink-500:active {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-pink-600:active {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-pink-700:active {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-pink-800:active {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .lg\:active\:bg-pink-900:active {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .lg\:bg-opacity-0 {
-    --bg-opacity: 0;
-  }
-
-  .lg\:bg-opacity-25 {
-    --bg-opacity: 0.25;
-  }
-
-  .lg\:bg-opacity-50 {
-    --bg-opacity: 0.5;
-  }
-
-  .lg\:bg-opacity-75 {
-    --bg-opacity: 0.75;
-  }
-
-  .lg\:bg-opacity-100 {
-    --bg-opacity: 1;
-  }
-
-  .lg\:hover\:bg-opacity-0:hover {
-    --bg-opacity: 0;
-  }
-
-  .lg\:hover\:bg-opacity-25:hover {
-    --bg-opacity: 0.25;
-  }
-
-  .lg\:hover\:bg-opacity-50:hover {
-    --bg-opacity: 0.5;
-  }
-
-  .lg\:hover\:bg-opacity-75:hover {
-    --bg-opacity: 0.75;
-  }
-
-  .lg\:hover\:bg-opacity-100:hover {
-    --bg-opacity: 1;
-  }
-
-  .lg\:focus\:bg-opacity-0:focus {
-    --bg-opacity: 0;
-  }
-
-  .lg\:focus\:bg-opacity-25:focus {
-    --bg-opacity: 0.25;
-  }
-
-  .lg\:focus\:bg-opacity-50:focus {
-    --bg-opacity: 0.5;
-  }
-
-  .lg\:focus\:bg-opacity-75:focus {
-    --bg-opacity: 0.75;
-  }
-
-  .lg\:focus\:bg-opacity-100:focus {
-    --bg-opacity: 1;
-  }
-
-  .lg\:bg-bottom {
-    background-position: bottom;
-  }
-
-  .lg\:bg-center {
-    background-position: center;
-  }
-
-  .lg\:bg-left {
-    background-position: left;
-  }
-
-  .lg\:bg-left-bottom {
-    background-position: left bottom;
-  }
-
-  .lg\:bg-left-top {
-    background-position: left top;
-  }
-
-  .lg\:bg-right {
-    background-position: right;
-  }
-
-  .lg\:bg-right-bottom {
-    background-position: right bottom;
-  }
-
-  .lg\:bg-right-top {
-    background-position: right top;
-  }
-
-  .lg\:bg-top {
-    background-position: top;
-  }
-
-  .lg\:bg-repeat {
-    background-repeat: repeat;
-  }
-
-  .lg\:bg-no-repeat {
-    background-repeat: no-repeat;
-  }
-
-  .lg\:bg-repeat-x {
-    background-repeat: repeat-x;
-  }
-
-  .lg\:bg-repeat-y {
-    background-repeat: repeat-y;
-  }
-
-  .lg\:bg-repeat-round {
-    background-repeat: round;
-  }
-
-  .lg\:bg-repeat-space {
-    background-repeat: space;
-  }
-
-  .lg\:bg-auto {
-    background-size: auto;
-  }
-
-  .lg\:bg-cover {
-    background-size: cover;
-  }
-
-  .lg\:bg-contain {
-    background-size: contain;
-  }
-
-  .lg\:border-collapse {
-    border-collapse: collapse;
-  }
-
-  .lg\:border-separate {
-    border-collapse: separate;
-  }
-
-  .lg\:border-transparent {
-    border-color: transparent;
-  }
-
-  .lg\:border-white {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .lg\:border-black {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .lg\:border-gray-50 {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .lg\:border-gray-100 {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .lg\:border-gray-200 {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .lg\:border-gray-300 {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .lg\:border-gray-400 {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .lg\:border-gray-500 {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .lg\:border-gray-600 {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .lg\:border-gray-700 {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .lg\:border-gray-800 {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .lg\:border-gray-900 {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .lg\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .lg\:border-cool-gray-100 {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .lg\:border-cool-gray-200 {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .lg\:border-cool-gray-300 {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .lg\:border-cool-gray-400 {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .lg\:border-cool-gray-500 {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .lg\:border-cool-gray-600 {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .lg\:border-cool-gray-700 {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .lg\:border-cool-gray-800 {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .lg\:border-cool-gray-900 {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .lg\:border-red-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .lg\:border-red-100 {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .lg\:border-red-200 {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .lg\:border-red-300 {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .lg\:border-red-400 {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .lg\:border-red-500 {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .lg\:border-red-600 {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .lg\:border-red-700 {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .lg\:border-red-800 {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .lg\:border-red-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .lg\:border-orange-50 {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .lg\:border-orange-100 {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .lg\:border-orange-200 {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .lg\:border-orange-300 {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .lg\:border-orange-400 {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .lg\:border-orange-500 {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .lg\:border-orange-600 {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .lg\:border-orange-700 {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .lg\:border-orange-800 {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .lg\:border-orange-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .lg\:border-yellow-50 {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .lg\:border-yellow-100 {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .lg\:border-yellow-200 {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .lg\:border-yellow-300 {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .lg\:border-yellow-400 {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .lg\:border-yellow-500 {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .lg\:border-yellow-600 {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .lg\:border-yellow-700 {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .lg\:border-yellow-800 {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .lg\:border-yellow-900 {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .lg\:border-green-50 {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .lg\:border-green-100 {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .lg\:border-green-200 {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .lg\:border-green-300 {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .lg\:border-green-400 {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .lg\:border-green-500 {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .lg\:border-green-600 {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .lg\:border-green-700 {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .lg\:border-green-800 {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .lg\:border-green-900 {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .lg\:border-teal-50 {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .lg\:border-teal-100 {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .lg\:border-teal-200 {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .lg\:border-teal-300 {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .lg\:border-teal-400 {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .lg\:border-teal-500 {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .lg\:border-teal-600 {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .lg\:border-teal-700 {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .lg\:border-teal-800 {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .lg\:border-teal-900 {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .lg\:border-blue-50 {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .lg\:border-blue-100 {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .lg\:border-blue-200 {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .lg\:border-blue-300 {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .lg\:border-blue-400 {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .lg\:border-blue-500 {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .lg\:border-blue-600 {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .lg\:border-blue-700 {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .lg\:border-blue-800 {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .lg\:border-blue-900 {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .lg\:border-indigo-50 {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .lg\:border-indigo-100 {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .lg\:border-indigo-200 {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .lg\:border-indigo-300 {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .lg\:border-indigo-400 {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .lg\:border-indigo-500 {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .lg\:border-indigo-600 {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .lg\:border-indigo-700 {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .lg\:border-indigo-800 {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .lg\:border-indigo-900 {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .lg\:border-purple-50 {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .lg\:border-purple-100 {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .lg\:border-purple-200 {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .lg\:border-purple-300 {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .lg\:border-purple-400 {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .lg\:border-purple-500 {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .lg\:border-purple-600 {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .lg\:border-purple-700 {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .lg\:border-purple-800 {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .lg\:border-purple-900 {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .lg\:border-pink-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .lg\:border-pink-100 {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .lg\:border-pink-200 {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .lg\:border-pink-300 {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .lg\:border-pink-400 {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .lg\:border-pink-500 {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .lg\:border-pink-600 {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .lg\:border-pink-700 {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .lg\:border-pink-800 {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .lg\:border-pink-900 {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-transparent {
-    border-color: transparent;
-  }
-
-  .group:hover .lg\:group-hover\:border-white {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-black {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-50 {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-100 {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-200 {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-300 {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-400 {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-500 {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-600 {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-700 {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-800 {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-gray-900 {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-cool-gray-100 {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-cool-gray-200 {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-cool-gray-300 {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-cool-gray-400 {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-cool-gray-500 {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-cool-gray-600 {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-cool-gray-700 {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-cool-gray-800 {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-cool-gray-900 {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-100 {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-200 {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-300 {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-400 {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-500 {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-600 {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-700 {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-800 {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-red-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-orange-50 {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-orange-100 {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-orange-200 {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-orange-300 {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-orange-400 {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-orange-500 {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-orange-600 {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-orange-700 {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-orange-800 {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-orange-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-50 {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-100 {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-200 {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-300 {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-400 {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-500 {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-600 {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-700 {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-800 {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-yellow-900 {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-50 {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-100 {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-200 {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-300 {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-400 {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-500 {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-600 {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-700 {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-800 {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-green-900 {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-teal-50 {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-teal-100 {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-teal-200 {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-teal-300 {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-teal-400 {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-teal-500 {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-teal-600 {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-teal-700 {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-teal-800 {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-teal-900 {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-50 {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-100 {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-200 {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-300 {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-400 {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-500 {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-600 {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-700 {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-800 {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-blue-900 {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-50 {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-100 {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-200 {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-300 {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-400 {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-500 {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-600 {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-700 {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-800 {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-indigo-900 {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-purple-50 {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-purple-100 {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-purple-200 {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-purple-300 {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-purple-400 {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-purple-500 {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-purple-600 {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-purple-700 {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-purple-800 {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-purple-900 {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-pink-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-pink-100 {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-pink-200 {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-pink-300 {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-pink-400 {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-pink-500 {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-pink-600 {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-pink-700 {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-pink-800 {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:border-pink-900 {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-transparent {
-    border-color: transparent;
-  }
-
-  .group:focus .lg\:group-focus\:border-white {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-black {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-gray-50 {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-gray-100 {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-gray-200 {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-gray-300 {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-gray-400 {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-gray-500 {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-gray-600 {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-gray-700 {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-gray-800 {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-gray-900 {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-cool-gray-100 {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-cool-gray-200 {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-cool-gray-300 {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-cool-gray-400 {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-cool-gray-500 {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-cool-gray-600 {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-cool-gray-700 {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-cool-gray-800 {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-cool-gray-900 {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-red-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-red-100 {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-red-200 {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-red-300 {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-red-400 {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-red-500 {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-red-600 {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-red-700 {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-red-800 {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-red-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-orange-50 {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-orange-100 {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-orange-200 {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-orange-300 {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-orange-400 {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-orange-500 {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-orange-600 {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-orange-700 {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-orange-800 {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-orange-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-yellow-50 {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-yellow-100 {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-yellow-200 {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-yellow-300 {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-yellow-400 {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-yellow-500 {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-yellow-600 {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-yellow-700 {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-yellow-800 {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-yellow-900 {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-green-50 {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-green-100 {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-green-200 {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-green-300 {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-green-400 {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-green-500 {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-green-600 {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-green-700 {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-green-800 {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-green-900 {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-teal-50 {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-teal-100 {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-teal-200 {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-teal-300 {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-teal-400 {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-teal-500 {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-teal-600 {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-teal-700 {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-teal-800 {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-teal-900 {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-blue-50 {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-blue-100 {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-blue-200 {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-blue-300 {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-blue-400 {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-blue-500 {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-blue-600 {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-blue-700 {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-blue-800 {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-blue-900 {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-indigo-50 {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-indigo-100 {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-indigo-200 {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-indigo-300 {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-indigo-400 {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-indigo-500 {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-indigo-600 {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-indigo-700 {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-indigo-800 {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-indigo-900 {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-purple-50 {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-purple-100 {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-purple-200 {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-purple-300 {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-purple-400 {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-purple-500 {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-purple-600 {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-purple-700 {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-purple-800 {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-purple-900 {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-pink-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-pink-100 {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-pink-200 {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-pink-300 {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-pink-400 {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-pink-500 {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-pink-600 {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-pink-700 {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-pink-800 {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:border-pink-900 {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-transparent:hover {
-    border-color: transparent;
-  }
-
-  .lg\:hover\:border-white:hover {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-black:hover {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-gray-50:hover {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-gray-100:hover {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-gray-200:hover {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-gray-300:hover {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-gray-400:hover {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-gray-500:hover {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-gray-600:hover {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-gray-700:hover {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-gray-800:hover {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-gray-900:hover {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-cool-gray-50:hover {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-cool-gray-100:hover {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-cool-gray-200:hover {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-cool-gray-300:hover {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-cool-gray-400:hover {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-cool-gray-500:hover {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-cool-gray-600:hover {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-cool-gray-700:hover {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-cool-gray-800:hover {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-cool-gray-900:hover {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-red-50:hover {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-red-100:hover {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-red-200:hover {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-red-300:hover {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-red-400:hover {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-red-500:hover {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-red-600:hover {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-red-700:hover {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-red-800:hover {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-red-900:hover {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-orange-50:hover {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-orange-100:hover {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-orange-200:hover {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-orange-300:hover {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-orange-400:hover {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-orange-500:hover {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-orange-600:hover {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-orange-700:hover {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-orange-800:hover {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-orange-900:hover {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-50:hover {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-100:hover {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-200:hover {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-300:hover {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-400:hover {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-500:hover {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-600:hover {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-700:hover {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-800:hover {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-yellow-900:hover {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-green-50:hover {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-green-100:hover {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-green-200:hover {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-green-300:hover {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-green-400:hover {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-green-500:hover {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-green-600:hover {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-green-700:hover {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-green-800:hover {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-green-900:hover {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-teal-50:hover {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-teal-100:hover {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-teal-200:hover {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-teal-300:hover {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-teal-400:hover {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-teal-500:hover {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-teal-600:hover {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-teal-700:hover {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-teal-800:hover {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-teal-900:hover {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-blue-50:hover {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-blue-100:hover {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-blue-200:hover {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-blue-300:hover {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-blue-400:hover {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-blue-500:hover {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-blue-600:hover {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-blue-700:hover {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-blue-800:hover {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-blue-900:hover {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-50:hover {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-100:hover {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-200:hover {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-300:hover {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-400:hover {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-500:hover {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-600:hover {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-700:hover {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-800:hover {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-indigo-900:hover {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-purple-50:hover {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-purple-100:hover {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-purple-200:hover {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-purple-300:hover {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-purple-400:hover {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-purple-500:hover {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-purple-600:hover {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-purple-700:hover {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-purple-800:hover {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-purple-900:hover {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-pink-50:hover {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-pink-100:hover {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-pink-200:hover {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-pink-300:hover {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-pink-400:hover {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-pink-500:hover {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-pink-600:hover {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-pink-700:hover {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-pink-800:hover {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .lg\:hover\:border-pink-900:hover {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-transparent:focus {
-    border-color: transparent;
-  }
-
-  .lg\:focus\:border-white:focus {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-black:focus {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-gray-50:focus {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-gray-100:focus {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-gray-200:focus {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-gray-300:focus {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-gray-400:focus {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-gray-500:focus {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-gray-600:focus {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-gray-700:focus {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-gray-800:focus {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-gray-900:focus {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-cool-gray-50:focus {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-cool-gray-100:focus {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-cool-gray-200:focus {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-cool-gray-300:focus {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-cool-gray-400:focus {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-cool-gray-500:focus {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-cool-gray-600:focus {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-cool-gray-700:focus {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-cool-gray-800:focus {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-cool-gray-900:focus {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-red-50:focus {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-red-100:focus {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-red-200:focus {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-red-300:focus {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-red-400:focus {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-red-500:focus {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-red-600:focus {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-red-700:focus {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-red-800:focus {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-red-900:focus {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-orange-50:focus {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-orange-100:focus {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-orange-200:focus {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-orange-300:focus {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-orange-400:focus {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-orange-500:focus {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-orange-600:focus {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-orange-700:focus {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-orange-800:focus {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-orange-900:focus {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-50:focus {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-100:focus {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-200:focus {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-300:focus {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-400:focus {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-500:focus {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-600:focus {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-700:focus {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-800:focus {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-yellow-900:focus {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-green-50:focus {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-green-100:focus {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-green-200:focus {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-green-300:focus {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-green-400:focus {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-green-500:focus {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-green-600:focus {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-green-700:focus {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-green-800:focus {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-green-900:focus {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-teal-50:focus {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-teal-100:focus {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-teal-200:focus {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-teal-300:focus {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-teal-400:focus {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-teal-500:focus {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-teal-600:focus {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-teal-700:focus {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-teal-800:focus {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-teal-900:focus {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-blue-50:focus {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-blue-100:focus {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-blue-200:focus {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-blue-300:focus {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-blue-400:focus {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-blue-500:focus {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-blue-600:focus {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-blue-700:focus {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-blue-800:focus {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-blue-900:focus {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-50:focus {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-100:focus {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-200:focus {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-300:focus {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-400:focus {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-500:focus {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-600:focus {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-700:focus {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-800:focus {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-indigo-900:focus {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-purple-50:focus {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-purple-100:focus {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-purple-200:focus {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-purple-300:focus {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-purple-400:focus {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-purple-500:focus {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-purple-600:focus {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-purple-700:focus {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-purple-800:focus {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-purple-900:focus {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-pink-50:focus {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-pink-100:focus {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-pink-200:focus {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-pink-300:focus {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-pink-400:focus {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-pink-500:focus {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-pink-600:focus {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-pink-700:focus {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-pink-800:focus {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .lg\:focus\:border-pink-900:focus {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .lg\:border-opacity-0 {
-    --border-opacity: 0;
-  }
-
-  .lg\:border-opacity-25 {
-    --border-opacity: 0.25;
-  }
-
-  .lg\:border-opacity-50 {
-    --border-opacity: 0.5;
-  }
-
-  .lg\:border-opacity-75 {
-    --border-opacity: 0.75;
-  }
-
-  .lg\:border-opacity-100 {
-    --border-opacity: 1;
-  }
-
-  .lg\:hover\:border-opacity-0:hover {
-    --border-opacity: 0;
-  }
-
-  .lg\:hover\:border-opacity-25:hover {
-    --border-opacity: 0.25;
-  }
-
-  .lg\:hover\:border-opacity-50:hover {
-    --border-opacity: 0.5;
-  }
-
-  .lg\:hover\:border-opacity-75:hover {
-    --border-opacity: 0.75;
-  }
-
-  .lg\:hover\:border-opacity-100:hover {
-    --border-opacity: 1;
-  }
-
-  .lg\:focus\:border-opacity-0:focus {
-    --border-opacity: 0;
-  }
-
-  .lg\:focus\:border-opacity-25:focus {
-    --border-opacity: 0.25;
-  }
-
-  .lg\:focus\:border-opacity-50:focus {
-    --border-opacity: 0.5;
-  }
-
-  .lg\:focus\:border-opacity-75:focus {
-    --border-opacity: 0.75;
-  }
-
-  .lg\:focus\:border-opacity-100:focus {
-    --border-opacity: 1;
-  }
-
-  .lg\:rounded-none {
-    border-radius: 0;
-  }
-
-  .lg\:rounded-sm {
-    border-radius: 0.125rem;
-  }
-
-  .lg\:rounded {
-    border-radius: 0.25rem;
-  }
-
-  .lg\:rounded-md {
-    border-radius: 0.375rem;
-  }
-
-  .lg\:rounded-lg {
-    border-radius: 0.5rem;
-  }
-
-  .lg\:rounded-full {
-    border-radius: 9999px;
-  }
-
-  .lg\:rounded-t-none {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-
-  .lg\:rounded-r-none {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  .lg\:rounded-b-none {
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .lg\:rounded-l-none {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .lg\:rounded-t-sm {
-    border-top-left-radius: 0.125rem;
-    border-top-right-radius: 0.125rem;
-  }
-
-  .lg\:rounded-r-sm {
-    border-top-right-radius: 0.125rem;
-    border-bottom-right-radius: 0.125rem;
-  }
-
-  .lg\:rounded-b-sm {
-    border-bottom-right-radius: 0.125rem;
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .lg\:rounded-l-sm {
-    border-top-left-radius: 0.125rem;
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .lg\:rounded-t {
-    border-top-left-radius: 0.25rem;
-    border-top-right-radius: 0.25rem;
-  }
-
-  .lg\:rounded-r {
-    border-top-right-radius: 0.25rem;
-    border-bottom-right-radius: 0.25rem;
-  }
-
-  .lg\:rounded-b {
-    border-bottom-right-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .lg\:rounded-l {
-    border-top-left-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .lg\:rounded-t-md {
-    border-top-left-radius: 0.375rem;
-    border-top-right-radius: 0.375rem;
-  }
-
-  .lg\:rounded-r-md {
-    border-top-right-radius: 0.375rem;
-    border-bottom-right-radius: 0.375rem;
-  }
-
-  .lg\:rounded-b-md {
-    border-bottom-right-radius: 0.375rem;
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .lg\:rounded-l-md {
-    border-top-left-radius: 0.375rem;
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .lg\:rounded-t-lg {
-    border-top-left-radius: 0.5rem;
-    border-top-right-radius: 0.5rem;
-  }
-
-  .lg\:rounded-r-lg {
-    border-top-right-radius: 0.5rem;
-    border-bottom-right-radius: 0.5rem;
-  }
-
-  .lg\:rounded-b-lg {
-    border-bottom-right-radius: 0.5rem;
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .lg\:rounded-l-lg {
-    border-top-left-radius: 0.5rem;
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .lg\:rounded-t-full {
-    border-top-left-radius: 9999px;
-    border-top-right-radius: 9999px;
-  }
-
-  .lg\:rounded-r-full {
-    border-top-right-radius: 9999px;
-    border-bottom-right-radius: 9999px;
-  }
-
-  .lg\:rounded-b-full {
-    border-bottom-right-radius: 9999px;
-    border-bottom-left-radius: 9999px;
-  }
-
-  .lg\:rounded-l-full {
-    border-top-left-radius: 9999px;
-    border-bottom-left-radius: 9999px;
-  }
-
-  .lg\:rounded-tl-none {
-    border-top-left-radius: 0;
-  }
-
-  .lg\:rounded-tr-none {
-    border-top-right-radius: 0;
-  }
-
-  .lg\:rounded-br-none {
-    border-bottom-right-radius: 0;
-  }
-
-  .lg\:rounded-bl-none {
-    border-bottom-left-radius: 0;
-  }
-
-  .lg\:rounded-tl-sm {
-    border-top-left-radius: 0.125rem;
-  }
-
-  .lg\:rounded-tr-sm {
-    border-top-right-radius: 0.125rem;
-  }
-
-  .lg\:rounded-br-sm {
-    border-bottom-right-radius: 0.125rem;
-  }
-
-  .lg\:rounded-bl-sm {
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .lg\:rounded-tl {
-    border-top-left-radius: 0.25rem;
-  }
-
-  .lg\:rounded-tr {
-    border-top-right-radius: 0.25rem;
-  }
-
-  .lg\:rounded-br {
-    border-bottom-right-radius: 0.25rem;
-  }
-
-  .lg\:rounded-bl {
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .lg\:rounded-tl-md {
-    border-top-left-radius: 0.375rem;
-  }
-
-  .lg\:rounded-tr-md {
-    border-top-right-radius: 0.375rem;
-  }
-
-  .lg\:rounded-br-md {
-    border-bottom-right-radius: 0.375rem;
-  }
-
-  .lg\:rounded-bl-md {
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .lg\:rounded-tl-lg {
-    border-top-left-radius: 0.5rem;
-  }
-
-  .lg\:rounded-tr-lg {
-    border-top-right-radius: 0.5rem;
-  }
-
-  .lg\:rounded-br-lg {
-    border-bottom-right-radius: 0.5rem;
-  }
-
-  .lg\:rounded-bl-lg {
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .lg\:rounded-tl-full {
-    border-top-left-radius: 9999px;
-  }
-
-  .lg\:rounded-tr-full {
-    border-top-right-radius: 9999px;
-  }
-
-  .lg\:rounded-br-full {
-    border-bottom-right-radius: 9999px;
-  }
-
-  .lg\:rounded-bl-full {
-    border-bottom-left-radius: 9999px;
-  }
-
-  .lg\:border-solid {
-    border-style: solid;
-  }
-
-  .lg\:border-dashed {
-    border-style: dashed;
-  }
-
-  .lg\:border-dotted {
-    border-style: dotted;
-  }
-
-  .lg\:border-double {
-    border-style: double;
-  }
-
-  .lg\:border-none {
-    border-style: none;
-  }
-
-  .lg\:border-0 {
-    border-width: 0;
-  }
-
-  .lg\:border-2 {
-    border-width: 2px;
-  }
-
-  .lg\:border-4 {
-    border-width: 4px;
-  }
-
-  .lg\:border-8 {
-    border-width: 8px;
-  }
-
-  .lg\:border {
-    border-width: 1px;
-  }
-
-  .lg\:border-t-0 {
-    border-top-width: 0;
-  }
-
-  .lg\:border-r-0 {
-    border-right-width: 0;
-  }
-
-  .lg\:border-b-0 {
-    border-bottom-width: 0;
-  }
-
-  .lg\:border-l-0 {
-    border-left-width: 0;
-  }
-
-  .lg\:border-t-2 {
-    border-top-width: 2px;
-  }
-
-  .lg\:border-r-2 {
-    border-right-width: 2px;
-  }
-
-  .lg\:border-b-2 {
-    border-bottom-width: 2px;
-  }
-
-  .lg\:border-l-2 {
-    border-left-width: 2px;
-  }
-
-  .lg\:border-t-4 {
-    border-top-width: 4px;
-  }
-
-  .lg\:border-r-4 {
-    border-right-width: 4px;
-  }
-
-  .lg\:border-b-4 {
-    border-bottom-width: 4px;
-  }
-
-  .lg\:border-l-4 {
-    border-left-width: 4px;
-  }
-
-  .lg\:border-t-8 {
-    border-top-width: 8px;
-  }
-
-  .lg\:border-r-8 {
-    border-right-width: 8px;
-  }
-
-  .lg\:border-b-8 {
-    border-bottom-width: 8px;
-  }
-
-  .lg\:border-l-8 {
-    border-left-width: 8px;
-  }
-
-  .lg\:border-t {
-    border-top-width: 1px;
-  }
-
-  .lg\:border-r {
-    border-right-width: 1px;
-  }
-
-  .lg\:border-b {
-    border-bottom-width: 1px;
-  }
-
-  .lg\:border-l {
-    border-left-width: 1px;
-  }
-
-  .lg\:box-border {
-    box-sizing: border-box;
-  }
-
-  .lg\:box-content {
-    box-sizing: content-box;
-  }
-
-  .lg\:cursor-auto {
-    cursor: auto;
-  }
-
-  .lg\:cursor-default {
-    cursor: default;
-  }
-
-  .lg\:cursor-pointer {
-    cursor: pointer;
-  }
-
-  .lg\:cursor-wait {
-    cursor: wait;
-  }
-
-  .lg\:cursor-text {
-    cursor: text;
-  }
-
-  .lg\:cursor-move {
-    cursor: move;
-  }
-
-  .lg\:cursor-not-allowed {
-    cursor: not-allowed;
-  }
-
-  .lg\:block {
-    display: block;
-  }
-
-  .lg\:inline-block {
-    display: inline-block;
-  }
-
-  .lg\:inline {
-    display: inline;
-  }
-
-  .lg\:flex {
-    display: flex;
-  }
-
-  .lg\:inline-flex {
-    display: inline-flex;
-  }
-
-  .lg\:table {
-    display: table;
-  }
-
-  .lg\:table-caption {
-    display: table-caption;
-  }
-
-  .lg\:table-cell {
-    display: table-cell;
-  }
-
-  .lg\:table-column {
-    display: table-column;
-  }
-
-  .lg\:table-column-group {
-    display: table-column-group;
-  }
-
-  .lg\:table-footer-group {
-    display: table-footer-group;
-  }
-
-  .lg\:table-header-group {
-    display: table-header-group;
-  }
-
-  .lg\:table-row-group {
-    display: table-row-group;
-  }
-
-  .lg\:table-row {
-    display: table-row;
-  }
-
-  .lg\:flow-root {
-    display: flow-root;
-  }
-
-  .lg\:grid {
-    display: grid;
-  }
-
-  .lg\:inline-grid {
-    display: inline-grid;
-  }
-
-  .lg\:hidden {
-    display: none;
-  }
-
-  .lg\:flex-row {
-    flex-direction: row;
-  }
-
-  .lg\:flex-row-reverse {
-    flex-direction: row-reverse;
-  }
-
-  .lg\:flex-col {
-    flex-direction: column;
-  }
-
-  .lg\:flex-col-reverse {
-    flex-direction: column-reverse;
-  }
-
-  .lg\:flex-wrap {
-    flex-wrap: wrap;
-  }
-
-  .lg\:flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
-  }
-
-  .lg\:flex-no-wrap {
-    flex-wrap: nowrap;
-  }
-
-  .lg\:items-start {
-    align-items: flex-start;
-  }
-
-  .lg\:items-end {
-    align-items: flex-end;
-  }
-
-  .lg\:items-center {
-    align-items: center;
-  }
-
-  .lg\:items-baseline {
-    align-items: baseline;
-  }
-
-  .lg\:items-stretch {
-    align-items: stretch;
-  }
-
-  .lg\:self-auto {
-    align-self: auto;
-  }
-
-  .lg\:self-start {
-    align-self: flex-start;
-  }
-
-  .lg\:self-end {
-    align-self: flex-end;
-  }
-
-  .lg\:self-center {
-    align-self: center;
-  }
-
-  .lg\:self-stretch {
-    align-self: stretch;
-  }
-
-  .lg\:justify-start {
-    justify-content: flex-start;
-  }
-
-  .lg\:justify-end {
-    justify-content: flex-end;
-  }
-
-  .lg\:justify-center {
-    justify-content: center;
-  }
-
-  .lg\:justify-between {
-    justify-content: space-between;
-  }
-
-  .lg\:justify-around {
-    justify-content: space-around;
-  }
-
-  .lg\:justify-evenly {
-    justify-content: space-evenly;
-  }
-
-  .lg\:content-center {
-    align-content: center;
-  }
-
-  .lg\:content-start {
-    align-content: flex-start;
-  }
-
-  .lg\:content-end {
-    align-content: flex-end;
-  }
-
-  .lg\:content-between {
-    align-content: space-between;
-  }
-
-  .lg\:content-around {
-    align-content: space-around;
-  }
-
-  .lg\:flex-1 {
-    flex: 1 1 0%;
-  }
-
-  .lg\:flex-auto {
-    flex: 1 1 auto;
-  }
-
-  .lg\:flex-initial {
-    flex: 0 1 auto;
-  }
-
-  .lg\:flex-none {
-    flex: none;
-  }
-
-  .lg\:flex-grow-0 {
-    flex-grow: 0;
-  }
-
-  .lg\:flex-grow {
-    flex-grow: 1;
-  }
-
-  .lg\:flex-shrink-0 {
-    flex-shrink: 0;
-  }
-
-  .lg\:flex-shrink {
-    flex-shrink: 1;
-  }
-
-  .lg\:order-1 {
-    order: 1;
-  }
-
-  .lg\:order-2 {
-    order: 2;
-  }
-
-  .lg\:order-3 {
-    order: 3;
-  }
-
-  .lg\:order-4 {
-    order: 4;
-  }
-
-  .lg\:order-5 {
-    order: 5;
-  }
-
-  .lg\:order-6 {
-    order: 6;
-  }
-
-  .lg\:order-7 {
-    order: 7;
-  }
-
-  .lg\:order-8 {
-    order: 8;
-  }
-
-  .lg\:order-9 {
-    order: 9;
-  }
-
-  .lg\:order-10 {
-    order: 10;
-  }
-
-  .lg\:order-11 {
-    order: 11;
-  }
-
-  .lg\:order-12 {
-    order: 12;
-  }
-
-  .lg\:order-first {
-    order: -9999;
-  }
-
-  .lg\:order-last {
-    order: 9999;
-  }
-
-  .lg\:order-none {
-    order: 0;
-  }
-
-  .lg\:float-right {
-    float: right;
-  }
-
-  .lg\:float-left {
-    float: left;
-  }
-
-  .lg\:float-none {
-    float: none;
-  }
-
-  .lg\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
-  .lg\:clear-left {
-    clear: left;
-  }
-
-  .lg\:clear-right {
-    clear: right;
-  }
-
-  .lg\:clear-both {
-    clear: both;
-  }
-
-  .lg\:clear-none {
-    clear: none;
-  }
-
-  .lg\:font-sans {
-    font-family: Open Sans, 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";
-  }
-
-  .lg\:font-serif {
-    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
-  }
-
-  .lg\:font-mono {
-    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  }
-
-  .lg\:font-hairline {
-    font-weight: 100;
-  }
-
-  .lg\:font-thin {
-    font-weight: 200;
-  }
-
-  .lg\:font-light {
-    font-weight: 300;
-  }
-
-  .lg\:font-normal {
-    font-weight: 400;
-  }
-
-  .lg\:font-medium {
-    font-weight: 500;
-  }
-
-  .lg\:font-semibold {
-    font-weight: 600;
-  }
-
-  .lg\:font-bold {
-    font-weight: 700;
-  }
-
-  .lg\:font-extrabold {
-    font-weight: 800;
-  }
-
-  .lg\:font-black {
-    font-weight: 900;
-  }
-
-  .lg\:hover\:font-hairline:hover {
-    font-weight: 100;
-  }
-
-  .lg\:hover\:font-thin:hover {
-    font-weight: 200;
-  }
-
-  .lg\:hover\:font-light:hover {
-    font-weight: 300;
-  }
-
-  .lg\:hover\:font-normal:hover {
-    font-weight: 400;
-  }
-
-  .lg\:hover\:font-medium:hover {
-    font-weight: 500;
-  }
-
-  .lg\:hover\:font-semibold:hover {
-    font-weight: 600;
-  }
-
-  .lg\:hover\:font-bold:hover {
-    font-weight: 700;
-  }
-
-  .lg\:hover\:font-extrabold:hover {
-    font-weight: 800;
-  }
-
-  .lg\:hover\:font-black:hover {
-    font-weight: 900;
-  }
-
-  .lg\:focus\:font-hairline:focus {
-    font-weight: 100;
-  }
-
-  .lg\:focus\:font-thin:focus {
-    font-weight: 200;
-  }
-
-  .lg\:focus\:font-light:focus {
-    font-weight: 300;
-  }
-
-  .lg\:focus\:font-normal:focus {
-    font-weight: 400;
-  }
-
-  .lg\:focus\:font-medium:focus {
-    font-weight: 500;
-  }
-
-  .lg\:focus\:font-semibold:focus {
-    font-weight: 600;
-  }
-
-  .lg\:focus\:font-bold:focus {
-    font-weight: 700;
-  }
-
-  .lg\:focus\:font-extrabold:focus {
-    font-weight: 800;
-  }
-
-  .lg\:focus\:font-black:focus {
-    font-weight: 900;
-  }
-
-  .lg\:h-0 {
-    height: 0;
-  }
-
-  .lg\:h-1 {
-    height: 0.25rem;
-  }
-
-  .lg\:h-2 {
-    height: 0.5rem;
-  }
-
-  .lg\:h-3 {
-    height: 0.75rem;
-  }
-
-  .lg\:h-4 {
-    height: 1rem;
-  }
-
-  .lg\:h-5 {
-    height: 1.25rem;
-  }
-
-  .lg\:h-6 {
-    height: 1.5rem;
-  }
-
-  .lg\:h-7 {
-    height: 1.75rem;
-  }
-
-  .lg\:h-8 {
-    height: 2rem;
-  }
-
-  .lg\:h-9 {
-    height: 2.25rem;
-  }
-
-  .lg\:h-10 {
-    height: 2.5rem;
-  }
-
-  .lg\:h-11 {
-    height: 2.75rem;
-  }
-
-  .lg\:h-12 {
-    height: 3rem;
-  }
-
-  .lg\:h-13 {
-    height: 3.25rem;
-  }
-
-  .lg\:h-14 {
-    height: 3.5rem;
-  }
-
-  .lg\:h-15 {
-    height: 3.75rem;
-  }
-
-  .lg\:h-16 {
-    height: 4rem;
-  }
-
-  .lg\:h-20 {
-    height: 5rem;
-  }
-
-  .lg\:h-24 {
-    height: 6rem;
-  }
-
-  .lg\:h-28 {
-    height: 7rem;
-  }
-
-  .lg\:h-32 {
-    height: 8rem;
-  }
-
-  .lg\:h-36 {
-    height: 9rem;
-  }
-
-  .lg\:h-40 {
-    height: 10rem;
-  }
-
-  .lg\:h-48 {
-    height: 12rem;
-  }
-
-  .lg\:h-56 {
-    height: 14rem;
-  }
-
-  .lg\:h-60 {
-    height: 15rem;
-  }
-
-  .lg\:h-64 {
-    height: 16rem;
-  }
-
-  .lg\:h-72 {
-    height: 18rem;
-  }
-
-  .lg\:h-80 {
-    height: 20rem;
-  }
-
-  .lg\:h-96 {
-    height: 24rem;
-  }
-
-  .lg\:h-auto {
-    height: auto;
-  }
-
-  .lg\:h-px {
-    height: 1px;
-  }
-
-  .lg\:h-0\.5 {
-    height: 0.125rem;
-  }
-
-  .lg\:h-1\.5 {
-    height: 0.375rem;
-  }
-
-  .lg\:h-2\.5 {
-    height: 0.625rem;
-  }
-
-  .lg\:h-3\.5 {
-    height: 0.875rem;
-  }
-
-  .lg\:h-1\/2 {
-    height: 50%;
-  }
-
-  .lg\:h-1\/3 {
-    height: 33.333333%;
-  }
-
-  .lg\:h-2\/3 {
-    height: 66.666667%;
-  }
-
-  .lg\:h-1\/4 {
-    height: 25%;
-  }
-
-  .lg\:h-2\/4 {
-    height: 50%;
-  }
-
-  .lg\:h-3\/4 {
-    height: 75%;
-  }
-
-  .lg\:h-1\/5 {
-    height: 20%;
-  }
-
-  .lg\:h-2\/5 {
-    height: 40%;
-  }
-
-  .lg\:h-3\/5 {
-    height: 60%;
-  }
-
-  .lg\:h-4\/5 {
-    height: 80%;
-  }
-
-  .lg\:h-1\/6 {
-    height: 16.666667%;
-  }
-
-  .lg\:h-2\/6 {
-    height: 33.333333%;
-  }
-
-  .lg\:h-3\/6 {
-    height: 50%;
-  }
-
-  .lg\:h-4\/6 {
-    height: 66.666667%;
-  }
-
-  .lg\:h-5\/6 {
-    height: 83.333333%;
-  }
-
-  .lg\:h-1\/12 {
-    height: 8.333333%;
-  }
-
-  .lg\:h-2\/12 {
-    height: 16.666667%;
-  }
-
-  .lg\:h-3\/12 {
-    height: 25%;
-  }
-
-  .lg\:h-4\/12 {
-    height: 33.333333%;
-  }
-
-  .lg\:h-5\/12 {
-    height: 41.666667%;
-  }
-
-  .lg\:h-6\/12 {
-    height: 50%;
-  }
-
-  .lg\:h-7\/12 {
-    height: 58.333333%;
-  }
-
-  .lg\:h-8\/12 {
-    height: 66.666667%;
-  }
-
-  .lg\:h-9\/12 {
-    height: 75%;
-  }
-
-  .lg\:h-10\/12 {
-    height: 83.333333%;
-  }
-
-  .lg\:h-11\/12 {
-    height: 91.666667%;
-  }
-
-  .lg\:h-full {
-    height: 100%;
-  }
-
-  .lg\:h-screen {
-    height: 100vh;
-  }
-
-  .lg\:text-xs {
-    font-size: 0.75rem;
-  }
-
-  .lg\:text-sm {
-    font-size: 0.875rem;
-  }
-
-  .lg\:text-base {
-    font-size: 1rem;
-  }
-
-  .lg\:text-lg {
-    font-size: 1.125rem;
-  }
-
-  .lg\:text-xl {
-    font-size: 1.25rem;
-  }
-
-  .lg\:text-2xl {
-    font-size: 1.5rem;
-  }
-
-  .lg\:text-3xl {
-    font-size: 1.875rem;
-  }
-
-  .lg\:text-4xl {
-    font-size: 2.25rem;
-  }
-
-  .lg\:text-5xl {
-    font-size: 3rem;
-  }
-
-  .lg\:text-6xl {
-    font-size: 4rem;
-  }
-
-  .lg\:leading-3 {
-    line-height: .75rem;
-  }
-
-  .lg\:leading-4 {
-    line-height: 1rem;
-  }
-
-  .lg\:leading-5 {
-    line-height: 1.25rem;
-  }
-
-  .lg\:leading-6 {
-    line-height: 1.5rem;
-  }
-
-  .lg\:leading-7 {
-    line-height: 1.75rem;
-  }
-
-  .lg\:leading-8 {
-    line-height: 2rem;
-  }
-
-  .lg\:leading-9 {
-    line-height: 2.25rem;
-  }
-
-  .lg\:leading-10 {
-    line-height: 2.5rem;
-  }
-
-  .lg\:leading-none {
-    line-height: 1;
-  }
-
-  .lg\:leading-tight {
-    line-height: 1.25;
-  }
-
-  .lg\:leading-snug {
-    line-height: 1.375;
-  }
-
-  .lg\:leading-normal {
-    line-height: 1.5;
-  }
-
-  .lg\:leading-relaxed {
-    line-height: 1.625;
-  }
-
-  .lg\:leading-loose {
-    line-height: 2;
-  }
-
-  .lg\:list-inside {
-    list-style-position: inside;
-  }
-
-  .lg\:list-outside {
-    list-style-position: outside;
-  }
-
-  .lg\:list-none {
-    list-style-type: none;
-  }
-
-  .lg\:list-disc {
-    list-style-type: disc;
-  }
-
-  .lg\:list-decimal {
-    list-style-type: decimal;
-  }
-
-  .lg\:m-0 {
-    margin: 0;
-  }
-
-  .lg\:m-1 {
-    margin: 0.25rem;
-  }
-
-  .lg\:m-2 {
-    margin: 0.5rem;
-  }
-
-  .lg\:m-3 {
-    margin: 0.75rem;
-  }
-
-  .lg\:m-4 {
-    margin: 1rem;
-  }
-
-  .lg\:m-5 {
-    margin: 1.25rem;
-  }
-
-  .lg\:m-6 {
-    margin: 1.5rem;
-  }
-
-  .lg\:m-7 {
-    margin: 1.75rem;
-  }
-
-  .lg\:m-8 {
-    margin: 2rem;
-  }
-
-  .lg\:m-9 {
-    margin: 2.25rem;
-  }
-
-  .lg\:m-10 {
-    margin: 2.5rem;
-  }
-
-  .lg\:m-11 {
-    margin: 2.75rem;
-  }
-
-  .lg\:m-12 {
-    margin: 3rem;
-  }
-
-  .lg\:m-13 {
-    margin: 3.25rem;
-  }
-
-  .lg\:m-14 {
-    margin: 3.5rem;
-  }
-
-  .lg\:m-15 {
-    margin: 3.75rem;
-  }
-
-  .lg\:m-16 {
-    margin: 4rem;
-  }
-
-  .lg\:m-20 {
-    margin: 5rem;
-  }
-
-  .lg\:m-24 {
-    margin: 6rem;
-  }
-
-  .lg\:m-28 {
-    margin: 7rem;
-  }
-
-  .lg\:m-32 {
-    margin: 8rem;
-  }
-
-  .lg\:m-36 {
-    margin: 9rem;
-  }
-
-  .lg\:m-40 {
-    margin: 10rem;
-  }
-
-  .lg\:m-48 {
-    margin: 12rem;
-  }
-
-  .lg\:m-56 {
-    margin: 14rem;
-  }
-
-  .lg\:m-60 {
-    margin: 15rem;
-  }
-
-  .lg\:m-64 {
-    margin: 16rem;
-  }
-
-  .lg\:m-72 {
-    margin: 18rem;
-  }
-
-  .lg\:m-80 {
-    margin: 20rem;
-  }
-
-  .lg\:m-96 {
-    margin: 24rem;
-  }
-
-  .lg\:m-auto {
-    margin: auto;
-  }
-
-  .lg\:m-px {
-    margin: 1px;
-  }
-
-  .lg\:m-0\.5 {
-    margin: 0.125rem;
-  }
-
-  .lg\:m-1\.5 {
-    margin: 0.375rem;
-  }
-
-  .lg\:m-2\.5 {
-    margin: 0.625rem;
-  }
-
-  .lg\:m-3\.5 {
-    margin: 0.875rem;
-  }
-
-  .lg\:m-1\/2 {
-    margin: 50%;
-  }
-
-  .lg\:m-1\/3 {
-    margin: 33.333333%;
-  }
-
-  .lg\:m-2\/3 {
-    margin: 66.666667%;
-  }
-
-  .lg\:m-1\/4 {
-    margin: 25%;
-  }
-
-  .lg\:m-2\/4 {
-    margin: 50%;
-  }
-
-  .lg\:m-3\/4 {
-    margin: 75%;
-  }
-
-  .lg\:m-1\/5 {
-    margin: 20%;
-  }
-
-  .lg\:m-2\/5 {
-    margin: 40%;
-  }
-
-  .lg\:m-3\/5 {
-    margin: 60%;
-  }
-
-  .lg\:m-4\/5 {
-    margin: 80%;
-  }
-
-  .lg\:m-1\/6 {
-    margin: 16.666667%;
-  }
-
-  .lg\:m-2\/6 {
-    margin: 33.333333%;
-  }
-
-  .lg\:m-3\/6 {
-    margin: 50%;
-  }
-
-  .lg\:m-4\/6 {
-    margin: 66.666667%;
-  }
-
-  .lg\:m-5\/6 {
-    margin: 83.333333%;
-  }
-
-  .lg\:m-1\/12 {
-    margin: 8.333333%;
-  }
-
-  .lg\:m-2\/12 {
-    margin: 16.666667%;
-  }
-
-  .lg\:m-3\/12 {
-    margin: 25%;
-  }
-
-  .lg\:m-4\/12 {
-    margin: 33.333333%;
-  }
-
-  .lg\:m-5\/12 {
-    margin: 41.666667%;
-  }
-
-  .lg\:m-6\/12 {
-    margin: 50%;
-  }
-
-  .lg\:m-7\/12 {
-    margin: 58.333333%;
-  }
-
-  .lg\:m-8\/12 {
-    margin: 66.666667%;
-  }
-
-  .lg\:m-9\/12 {
-    margin: 75%;
-  }
-
-  .lg\:m-10\/12 {
-    margin: 83.333333%;
-  }
-
-  .lg\:m-11\/12 {
-    margin: 91.666667%;
-  }
-
-  .lg\:m-full {
-    margin: 100%;
-  }
-
-  .lg\:-m-1 {
-    margin: -0.25rem;
-  }
-
-  .lg\:-m-2 {
-    margin: -0.5rem;
-  }
-
-  .lg\:-m-3 {
-    margin: -0.75rem;
-  }
-
-  .lg\:-m-4 {
-    margin: -1rem;
-  }
-
-  .lg\:-m-5 {
-    margin: -1.25rem;
-  }
-
-  .lg\:-m-6 {
-    margin: -1.5rem;
-  }
-
-  .lg\:-m-7 {
-    margin: -1.75rem;
-  }
-
-  .lg\:-m-8 {
-    margin: -2rem;
-  }
-
-  .lg\:-m-9 {
-    margin: -2.25rem;
-  }
-
-  .lg\:-m-10 {
-    margin: -2.5rem;
-  }
-
-  .lg\:-m-11 {
-    margin: -2.75rem;
-  }
-
-  .lg\:-m-12 {
-    margin: -3rem;
-  }
-
-  .lg\:-m-13 {
-    margin: -3.25rem;
-  }
-
-  .lg\:-m-14 {
-    margin: -3.5rem;
-  }
-
-  .lg\:-m-15 {
-    margin: -3.75rem;
-  }
-
-  .lg\:-m-16 {
-    margin: -4rem;
-  }
-
-  .lg\:-m-20 {
-    margin: -5rem;
-  }
-
-  .lg\:-m-24 {
-    margin: -6rem;
-  }
-
-  .lg\:-m-28 {
-    margin: -7rem;
-  }
-
-  .lg\:-m-32 {
-    margin: -8rem;
-  }
-
-  .lg\:-m-36 {
-    margin: -9rem;
-  }
-
-  .lg\:-m-40 {
-    margin: -10rem;
-  }
-
-  .lg\:-m-48 {
-    margin: -12rem;
-  }
-
-  .lg\:-m-56 {
-    margin: -14rem;
-  }
-
-  .lg\:-m-60 {
-    margin: -15rem;
-  }
-
-  .lg\:-m-64 {
-    margin: -16rem;
-  }
-
-  .lg\:-m-72 {
-    margin: -18rem;
-  }
-
-  .lg\:-m-80 {
-    margin: -20rem;
-  }
-
-  .lg\:-m-96 {
-    margin: -24rem;
-  }
-
-  .lg\:-m-px {
-    margin: -1px;
-  }
-
-  .lg\:-m-0\.5 {
-    margin: -0.125rem;
-  }
-
-  .lg\:-m-1\.5 {
-    margin: -0.375rem;
-  }
-
-  .lg\:-m-2\.5 {
-    margin: -0.625rem;
-  }
-
-  .lg\:-m-3\.5 {
-    margin: -0.875rem;
-  }
-
-  .lg\:-m-1\/2 {
-    margin: -50%;
-  }
-
-  .lg\:-m-1\/3 {
-    margin: -33.33333%;
-  }
-
-  .lg\:-m-2\/3 {
-    margin: -66.66667%;
-  }
-
-  .lg\:-m-1\/4 {
-    margin: -25%;
-  }
-
-  .lg\:-m-2\/4 {
-    margin: -50%;
-  }
-
-  .lg\:-m-3\/4 {
-    margin: -75%;
-  }
-
-  .lg\:-m-1\/5 {
-    margin: -20%;
-  }
-
-  .lg\:-m-2\/5 {
-    margin: -40%;
-  }
-
-  .lg\:-m-3\/5 {
-    margin: -60%;
-  }
-
-  .lg\:-m-4\/5 {
-    margin: -80%;
-  }
-
-  .lg\:-m-1\/6 {
-    margin: -16.66667%;
-  }
-
-  .lg\:-m-2\/6 {
-    margin: -33.33333%;
-  }
-
-  .lg\:-m-3\/6 {
-    margin: -50%;
-  }
-
-  .lg\:-m-4\/6 {
-    margin: -66.66667%;
-  }
-
-  .lg\:-m-5\/6 {
-    margin: -83.33333%;
-  }
-
-  .lg\:-m-1\/12 {
-    margin: -8.33333%;
-  }
-
-  .lg\:-m-2\/12 {
-    margin: -16.66667%;
-  }
-
-  .lg\:-m-3\/12 {
-    margin: -25%;
-  }
-
-  .lg\:-m-4\/12 {
-    margin: -33.33333%;
-  }
-
-  .lg\:-m-5\/12 {
-    margin: -41.66667%;
-  }
-
-  .lg\:-m-6\/12 {
-    margin: -50%;
-  }
-
-  .lg\:-m-7\/12 {
-    margin: -58.33333%;
-  }
-
-  .lg\:-m-8\/12 {
-    margin: -66.66667%;
-  }
-
-  .lg\:-m-9\/12 {
-    margin: -75%;
-  }
-
-  .lg\:-m-10\/12 {
-    margin: -83.33333%;
-  }
-
-  .lg\:-m-11\/12 {
-    margin: -91.66667%;
-  }
-
-  .lg\:-m-full {
-    margin: -100%;
-  }
-
-  .lg\:my-0 {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .lg\:mx-0 {
-    margin-left: 0;
-    margin-right: 0;
-  }
-
-  .lg\:my-1 {
-    margin-top: 0.25rem;
-    margin-bottom: 0.25rem;
-  }
-
-  .lg\:mx-1 {
-    margin-left: 0.25rem;
-    margin-right: 0.25rem;
-  }
-
-  .lg\:my-2 {
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
-  }
-
-  .lg\:mx-2 {
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
-  }
-
-  .lg\:my-3 {
-    margin-top: 0.75rem;
-    margin-bottom: 0.75rem;
-  }
-
-  .lg\:mx-3 {
-    margin-left: 0.75rem;
-    margin-right: 0.75rem;
-  }
-
-  .lg\:my-4 {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-  }
-
-  .lg\:mx-4 {
-    margin-left: 1rem;
-    margin-right: 1rem;
-  }
-
-  .lg\:my-5 {
-    margin-top: 1.25rem;
-    margin-bottom: 1.25rem;
-  }
-
-  .lg\:mx-5 {
-    margin-left: 1.25rem;
-    margin-right: 1.25rem;
-  }
-
-  .lg\:my-6 {
-    margin-top: 1.5rem;
-    margin-bottom: 1.5rem;
-  }
-
-  .lg\:mx-6 {
-    margin-left: 1.5rem;
-    margin-right: 1.5rem;
-  }
-
-  .lg\:my-7 {
-    margin-top: 1.75rem;
-    margin-bottom: 1.75rem;
-  }
-
-  .lg\:mx-7 {
-    margin-left: 1.75rem;
-    margin-right: 1.75rem;
-  }
-
-  .lg\:my-8 {
-    margin-top: 2rem;
-    margin-bottom: 2rem;
-  }
-
-  .lg\:mx-8 {
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-
-  .lg\:my-9 {
-    margin-top: 2.25rem;
-    margin-bottom: 2.25rem;
-  }
-
-  .lg\:mx-9 {
-    margin-left: 2.25rem;
-    margin-right: 2.25rem;
-  }
-
-  .lg\:my-10 {
-    margin-top: 2.5rem;
-    margin-bottom: 2.5rem;
-  }
-
-  .lg\:mx-10 {
-    margin-left: 2.5rem;
-    margin-right: 2.5rem;
-  }
-
-  .lg\:my-11 {
-    margin-top: 2.75rem;
-    margin-bottom: 2.75rem;
-  }
-
-  .lg\:mx-11 {
-    margin-left: 2.75rem;
-    margin-right: 2.75rem;
-  }
-
-  .lg\:my-12 {
-    margin-top: 3rem;
-    margin-bottom: 3rem;
-  }
-
-  .lg\:mx-12 {
-    margin-left: 3rem;
-    margin-right: 3rem;
-  }
-
-  .lg\:my-13 {
-    margin-top: 3.25rem;
-    margin-bottom: 3.25rem;
-  }
-
-  .lg\:mx-13 {
-    margin-left: 3.25rem;
-    margin-right: 3.25rem;
-  }
-
-  .lg\:my-14 {
-    margin-top: 3.5rem;
-    margin-bottom: 3.5rem;
-  }
-
-  .lg\:mx-14 {
-    margin-left: 3.5rem;
-    margin-right: 3.5rem;
-  }
-
-  .lg\:my-15 {
-    margin-top: 3.75rem;
-    margin-bottom: 3.75rem;
-  }
-
-  .lg\:mx-15 {
-    margin-left: 3.75rem;
-    margin-right: 3.75rem;
-  }
-
-  .lg\:my-16 {
-    margin-top: 4rem;
-    margin-bottom: 4rem;
-  }
-
-  .lg\:mx-16 {
-    margin-left: 4rem;
-    margin-right: 4rem;
-  }
-
-  .lg\:my-20 {
-    margin-top: 5rem;
-    margin-bottom: 5rem;
-  }
-
-  .lg\:mx-20 {
-    margin-left: 5rem;
-    margin-right: 5rem;
-  }
-
-  .lg\:my-24 {
-    margin-top: 6rem;
-    margin-bottom: 6rem;
-  }
-
-  .lg\:mx-24 {
-    margin-left: 6rem;
-    margin-right: 6rem;
-  }
-
-  .lg\:my-28 {
-    margin-top: 7rem;
-    margin-bottom: 7rem;
-  }
-
-  .lg\:mx-28 {
-    margin-left: 7rem;
-    margin-right: 7rem;
-  }
-
-  .lg\:my-32 {
-    margin-top: 8rem;
-    margin-bottom: 8rem;
-  }
-
-  .lg\:mx-32 {
-    margin-left: 8rem;
-    margin-right: 8rem;
-  }
-
-  .lg\:my-36 {
-    margin-top: 9rem;
-    margin-bottom: 9rem;
-  }
-
-  .lg\:mx-36 {
-    margin-left: 9rem;
-    margin-right: 9rem;
-  }
-
-  .lg\:my-40 {
-    margin-top: 10rem;
-    margin-bottom: 10rem;
-  }
-
-  .lg\:mx-40 {
-    margin-left: 10rem;
-    margin-right: 10rem;
-  }
-
-  .lg\:my-48 {
-    margin-top: 12rem;
-    margin-bottom: 12rem;
-  }
-
-  .lg\:mx-48 {
-    margin-left: 12rem;
-    margin-right: 12rem;
-  }
-
-  .lg\:my-56 {
-    margin-top: 14rem;
-    margin-bottom: 14rem;
-  }
-
-  .lg\:mx-56 {
-    margin-left: 14rem;
-    margin-right: 14rem;
-  }
-
-  .lg\:my-60 {
-    margin-top: 15rem;
-    margin-bottom: 15rem;
-  }
-
-  .lg\:mx-60 {
-    margin-left: 15rem;
-    margin-right: 15rem;
-  }
-
-  .lg\:my-64 {
-    margin-top: 16rem;
-    margin-bottom: 16rem;
-  }
-
-  .lg\:mx-64 {
-    margin-left: 16rem;
-    margin-right: 16rem;
-  }
-
-  .lg\:my-72 {
-    margin-top: 18rem;
-    margin-bottom: 18rem;
-  }
-
-  .lg\:mx-72 {
-    margin-left: 18rem;
-    margin-right: 18rem;
-  }
-
-  .lg\:my-80 {
-    margin-top: 20rem;
-    margin-bottom: 20rem;
-  }
-
-  .lg\:mx-80 {
-    margin-left: 20rem;
-    margin-right: 20rem;
-  }
-
-  .lg\:my-96 {
-    margin-top: 24rem;
-    margin-bottom: 24rem;
-  }
-
-  .lg\:mx-96 {
-    margin-left: 24rem;
-    margin-right: 24rem;
-  }
-
-  .lg\:my-auto {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-
-  .lg\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .lg\:my-px {
-    margin-top: 1px;
-    margin-bottom: 1px;
-  }
-
-  .lg\:mx-px {
-    margin-left: 1px;
-    margin-right: 1px;
-  }
-
-  .lg\:my-0\.5 {
-    margin-top: 0.125rem;
-    margin-bottom: 0.125rem;
-  }
-
-  .lg\:mx-0\.5 {
-    margin-left: 0.125rem;
-    margin-right: 0.125rem;
-  }
-
-  .lg\:my-1\.5 {
-    margin-top: 0.375rem;
-    margin-bottom: 0.375rem;
-  }
-
-  .lg\:mx-1\.5 {
-    margin-left: 0.375rem;
-    margin-right: 0.375rem;
-  }
-
-  .lg\:my-2\.5 {
-    margin-top: 0.625rem;
-    margin-bottom: 0.625rem;
-  }
-
-  .lg\:mx-2\.5 {
-    margin-left: 0.625rem;
-    margin-right: 0.625rem;
-  }
-
-  .lg\:my-3\.5 {
-    margin-top: 0.875rem;
-    margin-bottom: 0.875rem;
-  }
-
-  .lg\:mx-3\.5 {
-    margin-left: 0.875rem;
-    margin-right: 0.875rem;
-  }
-
-  .lg\:my-1\/2 {
-    margin-top: 50%;
-    margin-bottom: 50%;
-  }
-
-  .lg\:mx-1\/2 {
-    margin-left: 50%;
-    margin-right: 50%;
-  }
-
-  .lg\:my-1\/3 {
-    margin-top: 33.333333%;
-    margin-bottom: 33.333333%;
-  }
-
-  .lg\:mx-1\/3 {
-    margin-left: 33.333333%;
-    margin-right: 33.333333%;
-  }
-
-  .lg\:my-2\/3 {
-    margin-top: 66.666667%;
-    margin-bottom: 66.666667%;
-  }
-
-  .lg\:mx-2\/3 {
-    margin-left: 66.666667%;
-    margin-right: 66.666667%;
-  }
-
-  .lg\:my-1\/4 {
-    margin-top: 25%;
-    margin-bottom: 25%;
-  }
-
-  .lg\:mx-1\/4 {
-    margin-left: 25%;
-    margin-right: 25%;
-  }
-
-  .lg\:my-2\/4 {
-    margin-top: 50%;
-    margin-bottom: 50%;
-  }
-
-  .lg\:mx-2\/4 {
-    margin-left: 50%;
-    margin-right: 50%;
-  }
-
-  .lg\:my-3\/4 {
-    margin-top: 75%;
-    margin-bottom: 75%;
-  }
-
-  .lg\:mx-3\/4 {
-    margin-left: 75%;
-    margin-right: 75%;
-  }
-
-  .lg\:my-1\/5 {
-    margin-top: 20%;
-    margin-bottom: 20%;
-  }
-
-  .lg\:mx-1\/5 {
-    margin-left: 20%;
-    margin-right: 20%;
-  }
-
-  .lg\:my-2\/5 {
-    margin-top: 40%;
-    margin-bottom: 40%;
-  }
-
-  .lg\:mx-2\/5 {
-    margin-left: 40%;
-    margin-right: 40%;
-  }
-
-  .lg\:my-3\/5 {
-    margin-top: 60%;
-    margin-bottom: 60%;
-  }
-
-  .lg\:mx-3\/5 {
-    margin-left: 60%;
-    margin-right: 60%;
-  }
-
-  .lg\:my-4\/5 {
-    margin-top: 80%;
-    margin-bottom: 80%;
-  }
-
-  .lg\:mx-4\/5 {
-    margin-left: 80%;
-    margin-right: 80%;
-  }
-
-  .lg\:my-1\/6 {
-    margin-top: 16.666667%;
-    margin-bottom: 16.666667%;
-  }
-
-  .lg\:mx-1\/6 {
-    margin-left: 16.666667%;
-    margin-right: 16.666667%;
-  }
-
-  .lg\:my-2\/6 {
-    margin-top: 33.333333%;
-    margin-bottom: 33.333333%;
-  }
-
-  .lg\:mx-2\/6 {
-    margin-left: 33.333333%;
-    margin-right: 33.333333%;
-  }
-
-  .lg\:my-3\/6 {
-    margin-top: 50%;
-    margin-bottom: 50%;
-  }
-
-  .lg\:mx-3\/6 {
-    margin-left: 50%;
-    margin-right: 50%;
-  }
-
-  .lg\:my-4\/6 {
-    margin-top: 66.666667%;
-    margin-bottom: 66.666667%;
-  }
-
-  .lg\:mx-4\/6 {
-    margin-left: 66.666667%;
-    margin-right: 66.666667%;
-  }
-
-  .lg\:my-5\/6 {
-    margin-top: 83.333333%;
-    margin-bottom: 83.333333%;
-  }
-
-  .lg\:mx-5\/6 {
-    margin-left: 83.333333%;
-    margin-right: 83.333333%;
-  }
-
-  .lg\:my-1\/12 {
-    margin-top: 8.333333%;
-    margin-bottom: 8.333333%;
-  }
-
-  .lg\:mx-1\/12 {
-    margin-left: 8.333333%;
-    margin-right: 8.333333%;
-  }
-
-  .lg\:my-2\/12 {
-    margin-top: 16.666667%;
-    margin-bottom: 16.666667%;
-  }
-
-  .lg\:mx-2\/12 {
-    margin-left: 16.666667%;
-    margin-right: 16.666667%;
-  }
-
-  .lg\:my-3\/12 {
-    margin-top: 25%;
-    margin-bottom: 25%;
-  }
-
-  .lg\:mx-3\/12 {
-    margin-left: 25%;
-    margin-right: 25%;
-  }
-
-  .lg\:my-4\/12 {
-    margin-top: 33.333333%;
-    margin-bottom: 33.333333%;
-  }
-
-  .lg\:mx-4\/12 {
-    margin-left: 33.333333%;
-    margin-right: 33.333333%;
-  }
-
-  .lg\:my-5\/12 {
-    margin-top: 41.666667%;
-    margin-bottom: 41.666667%;
-  }
-
-  .lg\:mx-5\/12 {
-    margin-left: 41.666667%;
-    margin-right: 41.666667%;
-  }
-
-  .lg\:my-6\/12 {
-    margin-top: 50%;
-    margin-bottom: 50%;
-  }
-
-  .lg\:mx-6\/12 {
-    margin-left: 50%;
-    margin-right: 50%;
-  }
-
-  .lg\:my-7\/12 {
-    margin-top: 58.333333%;
-    margin-bottom: 58.333333%;
-  }
-
-  .lg\:mx-7\/12 {
-    margin-left: 58.333333%;
-    margin-right: 58.333333%;
-  }
-
-  .lg\:my-8\/12 {
-    margin-top: 66.666667%;
-    margin-bottom: 66.666667%;
-  }
-
-  .lg\:mx-8\/12 {
-    margin-left: 66.666667%;
-    margin-right: 66.666667%;
-  }
-
-  .lg\:my-9\/12 {
-    margin-top: 75%;
-    margin-bottom: 75%;
-  }
-
-  .lg\:mx-9\/12 {
-    margin-left: 75%;
-    margin-right: 75%;
-  }
-
-  .lg\:my-10\/12 {
-    margin-top: 83.333333%;
-    margin-bottom: 83.333333%;
-  }
-
-  .lg\:mx-10\/12 {
-    margin-left: 83.333333%;
-    margin-right: 83.333333%;
-  }
-
-  .lg\:my-11\/12 {
-    margin-top: 91.666667%;
-    margin-bottom: 91.666667%;
-  }
-
-  .lg\:mx-11\/12 {
-    margin-left: 91.666667%;
-    margin-right: 91.666667%;
-  }
-
-  .lg\:my-full {
-    margin-top: 100%;
-    margin-bottom: 100%;
-  }
-
-  .lg\:mx-full {
-    margin-left: 100%;
-    margin-right: 100%;
-  }
-
-  .lg\:-my-1 {
-    margin-top: -0.25rem;
-    margin-bottom: -0.25rem;
-  }
-
-  .lg\:-mx-1 {
-    margin-left: -0.25rem;
-    margin-right: -0.25rem;
-  }
-
-  .lg\:-my-2 {
-    margin-top: -0.5rem;
-    margin-bottom: -0.5rem;
-  }
-
-  .lg\:-mx-2 {
-    margin-left: -0.5rem;
-    margin-right: -0.5rem;
-  }
-
-  .lg\:-my-3 {
-    margin-top: -0.75rem;
-    margin-bottom: -0.75rem;
-  }
-
-  .lg\:-mx-3 {
-    margin-left: -0.75rem;
-    margin-right: -0.75rem;
-  }
-
-  .lg\:-my-4 {
-    margin-top: -1rem;
-    margin-bottom: -1rem;
-  }
-
-  .lg\:-mx-4 {
-    margin-left: -1rem;
-    margin-right: -1rem;
-  }
-
-  .lg\:-my-5 {
-    margin-top: -1.25rem;
-    margin-bottom: -1.25rem;
-  }
-
-  .lg\:-mx-5 {
-    margin-left: -1.25rem;
-    margin-right: -1.25rem;
-  }
-
-  .lg\:-my-6 {
-    margin-top: -1.5rem;
-    margin-bottom: -1.5rem;
-  }
-
-  .lg\:-mx-6 {
-    margin-left: -1.5rem;
-    margin-right: -1.5rem;
-  }
-
-  .lg\:-my-7 {
-    margin-top: -1.75rem;
-    margin-bottom: -1.75rem;
-  }
-
-  .lg\:-mx-7 {
-    margin-left: -1.75rem;
-    margin-right: -1.75rem;
-  }
-
-  .lg\:-my-8 {
-    margin-top: -2rem;
-    margin-bottom: -2rem;
-  }
-
-  .lg\:-mx-8 {
-    margin-left: -2rem;
-    margin-right: -2rem;
-  }
-
-  .lg\:-my-9 {
-    margin-top: -2.25rem;
-    margin-bottom: -2.25rem;
-  }
-
-  .lg\:-mx-9 {
-    margin-left: -2.25rem;
-    margin-right: -2.25rem;
-  }
-
-  .lg\:-my-10 {
-    margin-top: -2.5rem;
-    margin-bottom: -2.5rem;
-  }
-
-  .lg\:-mx-10 {
-    margin-left: -2.5rem;
-    margin-right: -2.5rem;
-  }
-
-  .lg\:-my-11 {
-    margin-top: -2.75rem;
-    margin-bottom: -2.75rem;
-  }
-
-  .lg\:-mx-11 {
-    margin-left: -2.75rem;
-    margin-right: -2.75rem;
-  }
-
-  .lg\:-my-12 {
-    margin-top: -3rem;
-    margin-bottom: -3rem;
-  }
-
-  .lg\:-mx-12 {
-    margin-left: -3rem;
-    margin-right: -3rem;
-  }
-
-  .lg\:-my-13 {
-    margin-top: -3.25rem;
-    margin-bottom: -3.25rem;
-  }
-
-  .lg\:-mx-13 {
-    margin-left: -3.25rem;
-    margin-right: -3.25rem;
-  }
-
-  .lg\:-my-14 {
-    margin-top: -3.5rem;
-    margin-bottom: -3.5rem;
-  }
-
-  .lg\:-mx-14 {
-    margin-left: -3.5rem;
-    margin-right: -3.5rem;
-  }
-
-  .lg\:-my-15 {
-    margin-top: -3.75rem;
-    margin-bottom: -3.75rem;
-  }
-
-  .lg\:-mx-15 {
-    margin-left: -3.75rem;
-    margin-right: -3.75rem;
-  }
-
-  .lg\:-my-16 {
-    margin-top: -4rem;
-    margin-bottom: -4rem;
-  }
-
-  .lg\:-mx-16 {
-    margin-left: -4rem;
-    margin-right: -4rem;
-  }
-
-  .lg\:-my-20 {
-    margin-top: -5rem;
-    margin-bottom: -5rem;
-  }
-
-  .lg\:-mx-20 {
-    margin-left: -5rem;
-    margin-right: -5rem;
-  }
-
-  .lg\:-my-24 {
-    margin-top: -6rem;
-    margin-bottom: -6rem;
-  }
-
-  .lg\:-mx-24 {
-    margin-left: -6rem;
-    margin-right: -6rem;
-  }
-
-  .lg\:-my-28 {
-    margin-top: -7rem;
-    margin-bottom: -7rem;
-  }
-
-  .lg\:-mx-28 {
-    margin-left: -7rem;
-    margin-right: -7rem;
-  }
-
-  .lg\:-my-32 {
-    margin-top: -8rem;
-    margin-bottom: -8rem;
-  }
-
-  .lg\:-mx-32 {
-    margin-left: -8rem;
-    margin-right: -8rem;
-  }
-
-  .lg\:-my-36 {
-    margin-top: -9rem;
-    margin-bottom: -9rem;
-  }
-
-  .lg\:-mx-36 {
-    margin-left: -9rem;
-    margin-right: -9rem;
-  }
-
-  .lg\:-my-40 {
-    margin-top: -10rem;
-    margin-bottom: -10rem;
-  }
-
-  .lg\:-mx-40 {
-    margin-left: -10rem;
-    margin-right: -10rem;
-  }
-
-  .lg\:-my-48 {
-    margin-top: -12rem;
-    margin-bottom: -12rem;
-  }
-
-  .lg\:-mx-48 {
-    margin-left: -12rem;
-    margin-right: -12rem;
-  }
-
-  .lg\:-my-56 {
-    margin-top: -14rem;
-    margin-bottom: -14rem;
-  }
-
-  .lg\:-mx-56 {
-    margin-left: -14rem;
-    margin-right: -14rem;
-  }
-
-  .lg\:-my-60 {
-    margin-top: -15rem;
-    margin-bottom: -15rem;
-  }
-
-  .lg\:-mx-60 {
-    margin-left: -15rem;
-    margin-right: -15rem;
-  }
-
-  .lg\:-my-64 {
-    margin-top: -16rem;
-    margin-bottom: -16rem;
-  }
-
-  .lg\:-mx-64 {
-    margin-left: -16rem;
-    margin-right: -16rem;
-  }
-
-  .lg\:-my-72 {
-    margin-top: -18rem;
-    margin-bottom: -18rem;
-  }
-
-  .lg\:-mx-72 {
-    margin-left: -18rem;
-    margin-right: -18rem;
-  }
-
-  .lg\:-my-80 {
-    margin-top: -20rem;
-    margin-bottom: -20rem;
-  }
-
-  .lg\:-mx-80 {
-    margin-left: -20rem;
-    margin-right: -20rem;
-  }
-
-  .lg\:-my-96 {
-    margin-top: -24rem;
-    margin-bottom: -24rem;
-  }
-
-  .lg\:-mx-96 {
-    margin-left: -24rem;
-    margin-right: -24rem;
-  }
-
-  .lg\:-my-px {
-    margin-top: -1px;
-    margin-bottom: -1px;
-  }
-
-  .lg\:-mx-px {
-    margin-left: -1px;
-    margin-right: -1px;
-  }
-
-  .lg\:-my-0\.5 {
-    margin-top: -0.125rem;
-    margin-bottom: -0.125rem;
-  }
-
-  .lg\:-mx-0\.5 {
-    margin-left: -0.125rem;
-    margin-right: -0.125rem;
-  }
-
-  .lg\:-my-1\.5 {
-    margin-top: -0.375rem;
-    margin-bottom: -0.375rem;
-  }
-
-  .lg\:-mx-1\.5 {
-    margin-left: -0.375rem;
-    margin-right: -0.375rem;
-  }
-
-  .lg\:-my-2\.5 {
-    margin-top: -0.625rem;
-    margin-bottom: -0.625rem;
-  }
-
-  .lg\:-mx-2\.5 {
-    margin-left: -0.625rem;
-    margin-right: -0.625rem;
-  }
-
-  .lg\:-my-3\.5 {
-    margin-top: -0.875rem;
-    margin-bottom: -0.875rem;
-  }
-
-  .lg\:-mx-3\.5 {
-    margin-left: -0.875rem;
-    margin-right: -0.875rem;
-  }
-
-  .lg\:-my-1\/2 {
-    margin-top: -50%;
-    margin-bottom: -50%;
-  }
-
-  .lg\:-mx-1\/2 {
-    margin-left: -50%;
-    margin-right: -50%;
-  }
-
-  .lg\:-my-1\/3 {
-    margin-top: -33.33333%;
-    margin-bottom: -33.33333%;
-  }
-
-  .lg\:-mx-1\/3 {
-    margin-left: -33.33333%;
-    margin-right: -33.33333%;
-  }
-
-  .lg\:-my-2\/3 {
-    margin-top: -66.66667%;
-    margin-bottom: -66.66667%;
-  }
-
-  .lg\:-mx-2\/3 {
-    margin-left: -66.66667%;
-    margin-right: -66.66667%;
-  }
-
-  .lg\:-my-1\/4 {
-    margin-top: -25%;
-    margin-bottom: -25%;
-  }
-
-  .lg\:-mx-1\/4 {
-    margin-left: -25%;
-    margin-right: -25%;
-  }
-
-  .lg\:-my-2\/4 {
-    margin-top: -50%;
-    margin-bottom: -50%;
-  }
-
-  .lg\:-mx-2\/4 {
-    margin-left: -50%;
-    margin-right: -50%;
-  }
-
-  .lg\:-my-3\/4 {
-    margin-top: -75%;
-    margin-bottom: -75%;
-  }
-
-  .lg\:-mx-3\/4 {
-    margin-left: -75%;
-    margin-right: -75%;
-  }
-
-  .lg\:-my-1\/5 {
-    margin-top: -20%;
-    margin-bottom: -20%;
-  }
-
-  .lg\:-mx-1\/5 {
-    margin-left: -20%;
-    margin-right: -20%;
-  }
-
-  .lg\:-my-2\/5 {
-    margin-top: -40%;
-    margin-bottom: -40%;
-  }
-
-  .lg\:-mx-2\/5 {
-    margin-left: -40%;
-    margin-right: -40%;
-  }
-
-  .lg\:-my-3\/5 {
-    margin-top: -60%;
-    margin-bottom: -60%;
-  }
-
-  .lg\:-mx-3\/5 {
-    margin-left: -60%;
-    margin-right: -60%;
-  }
-
-  .lg\:-my-4\/5 {
-    margin-top: -80%;
-    margin-bottom: -80%;
-  }
-
-  .lg\:-mx-4\/5 {
-    margin-left: -80%;
-    margin-right: -80%;
-  }
-
-  .lg\:-my-1\/6 {
-    margin-top: -16.66667%;
-    margin-bottom: -16.66667%;
-  }
-
-  .lg\:-mx-1\/6 {
-    margin-left: -16.66667%;
-    margin-right: -16.66667%;
-  }
-
-  .lg\:-my-2\/6 {
-    margin-top: -33.33333%;
-    margin-bottom: -33.33333%;
-  }
-
-  .lg\:-mx-2\/6 {
-    margin-left: -33.33333%;
-    margin-right: -33.33333%;
-  }
-
-  .lg\:-my-3\/6 {
-    margin-top: -50%;
-    margin-bottom: -50%;
-  }
-
-  .lg\:-mx-3\/6 {
-    margin-left: -50%;
-    margin-right: -50%;
-  }
-
-  .lg\:-my-4\/6 {
-    margin-top: -66.66667%;
-    margin-bottom: -66.66667%;
-  }
-
-  .lg\:-mx-4\/6 {
-    margin-left: -66.66667%;
-    margin-right: -66.66667%;
-  }
-
-  .lg\:-my-5\/6 {
-    margin-top: -83.33333%;
-    margin-bottom: -83.33333%;
-  }
-
-  .lg\:-mx-5\/6 {
-    margin-left: -83.33333%;
-    margin-right: -83.33333%;
-  }
-
-  .lg\:-my-1\/12 {
-    margin-top: -8.33333%;
-    margin-bottom: -8.33333%;
-  }
-
-  .lg\:-mx-1\/12 {
-    margin-left: -8.33333%;
-    margin-right: -8.33333%;
-  }
-
-  .lg\:-my-2\/12 {
-    margin-top: -16.66667%;
-    margin-bottom: -16.66667%;
-  }
-
-  .lg\:-mx-2\/12 {
-    margin-left: -16.66667%;
-    margin-right: -16.66667%;
-  }
-
-  .lg\:-my-3\/12 {
-    margin-top: -25%;
-    margin-bottom: -25%;
-  }
-
-  .lg\:-mx-3\/12 {
-    margin-left: -25%;
-    margin-right: -25%;
-  }
-
-  .lg\:-my-4\/12 {
-    margin-top: -33.33333%;
-    margin-bottom: -33.33333%;
-  }
-
-  .lg\:-mx-4\/12 {
-    margin-left: -33.33333%;
-    margin-right: -33.33333%;
-  }
-
-  .lg\:-my-5\/12 {
-    margin-top: -41.66667%;
-    margin-bottom: -41.66667%;
-  }
-
-  .lg\:-mx-5\/12 {
-    margin-left: -41.66667%;
-    margin-right: -41.66667%;
-  }
-
-  .lg\:-my-6\/12 {
-    margin-top: -50%;
-    margin-bottom: -50%;
-  }
-
-  .lg\:-mx-6\/12 {
-    margin-left: -50%;
-    margin-right: -50%;
-  }
-
-  .lg\:-my-7\/12 {
-    margin-top: -58.33333%;
-    margin-bottom: -58.33333%;
-  }
-
-  .lg\:-mx-7\/12 {
-    margin-left: -58.33333%;
-    margin-right: -58.33333%;
-  }
-
-  .lg\:-my-8\/12 {
-    margin-top: -66.66667%;
-    margin-bottom: -66.66667%;
-  }
-
-  .lg\:-mx-8\/12 {
-    margin-left: -66.66667%;
-    margin-right: -66.66667%;
-  }
-
-  .lg\:-my-9\/12 {
-    margin-top: -75%;
-    margin-bottom: -75%;
-  }
-
-  .lg\:-mx-9\/12 {
-    margin-left: -75%;
-    margin-right: -75%;
-  }
-
-  .lg\:-my-10\/12 {
-    margin-top: -83.33333%;
-    margin-bottom: -83.33333%;
-  }
-
-  .lg\:-mx-10\/12 {
-    margin-left: -83.33333%;
-    margin-right: -83.33333%;
-  }
-
-  .lg\:-my-11\/12 {
-    margin-top: -91.66667%;
-    margin-bottom: -91.66667%;
-  }
-
-  .lg\:-mx-11\/12 {
-    margin-left: -91.66667%;
-    margin-right: -91.66667%;
-  }
-
-  .lg\:-my-full {
-    margin-top: -100%;
-    margin-bottom: -100%;
-  }
-
-  .lg\:-mx-full {
-    margin-left: -100%;
-    margin-right: -100%;
-  }
-
-  .lg\:mt-0 {
-    margin-top: 0;
-  }
-
-  .lg\:mr-0 {
-    margin-right: 0;
-  }
-
-  .lg\:mb-0 {
-    margin-bottom: 0;
-  }
-
-  .lg\:ml-0 {
-    margin-left: 0;
-  }
-
-  .lg\:mt-1 {
-    margin-top: 0.25rem;
-  }
-
-  .lg\:mr-1 {
-    margin-right: 0.25rem;
-  }
-
-  .lg\:mb-1 {
-    margin-bottom: 0.25rem;
-  }
-
-  .lg\:ml-1 {
-    margin-left: 0.25rem;
-  }
-
-  .lg\:mt-2 {
-    margin-top: 0.5rem;
-  }
-
-  .lg\:mr-2 {
-    margin-right: 0.5rem;
-  }
-
-  .lg\:mb-2 {
-    margin-bottom: 0.5rem;
-  }
-
-  .lg\:ml-2 {
-    margin-left: 0.5rem;
-  }
-
-  .lg\:mt-3 {
-    margin-top: 0.75rem;
-  }
-
-  .lg\:mr-3 {
-    margin-right: 0.75rem;
-  }
-
-  .lg\:mb-3 {
-    margin-bottom: 0.75rem;
-  }
-
-  .lg\:ml-3 {
-    margin-left: 0.75rem;
-  }
-
-  .lg\:mt-4 {
-    margin-top: 1rem;
-  }
-
-  .lg\:mr-4 {
-    margin-right: 1rem;
-  }
-
-  .lg\:mb-4 {
-    margin-bottom: 1rem;
-  }
-
-  .lg\:ml-4 {
-    margin-left: 1rem;
-  }
-
-  .lg\:mt-5 {
-    margin-top: 1.25rem;
-  }
-
-  .lg\:mr-5 {
-    margin-right: 1.25rem;
-  }
-
-  .lg\:mb-5 {
-    margin-bottom: 1.25rem;
-  }
-
-  .lg\:ml-5 {
-    margin-left: 1.25rem;
-  }
-
-  .lg\:mt-6 {
-    margin-top: 1.5rem;
-  }
-
-  .lg\:mr-6 {
-    margin-right: 1.5rem;
-  }
-
-  .lg\:mb-6 {
-    margin-bottom: 1.5rem;
-  }
-
-  .lg\:ml-6 {
-    margin-left: 1.5rem;
-  }
-
-  .lg\:mt-7 {
-    margin-top: 1.75rem;
-  }
-
-  .lg\:mr-7 {
-    margin-right: 1.75rem;
-  }
-
-  .lg\:mb-7 {
-    margin-bottom: 1.75rem;
-  }
-
-  .lg\:ml-7 {
-    margin-left: 1.75rem;
-  }
-
-  .lg\:mt-8 {
-    margin-top: 2rem;
-  }
-
-  .lg\:mr-8 {
-    margin-right: 2rem;
-  }
-
-  .lg\:mb-8 {
-    margin-bottom: 2rem;
-  }
-
-  .lg\:ml-8 {
-    margin-left: 2rem;
-  }
-
-  .lg\:mt-9 {
-    margin-top: 2.25rem;
-  }
-
-  .lg\:mr-9 {
-    margin-right: 2.25rem;
-  }
-
-  .lg\:mb-9 {
-    margin-bottom: 2.25rem;
-  }
-
-  .lg\:ml-9 {
-    margin-left: 2.25rem;
-  }
-
-  .lg\:mt-10 {
-    margin-top: 2.5rem;
-  }
-
-  .lg\:mr-10 {
-    margin-right: 2.5rem;
-  }
-
-  .lg\:mb-10 {
-    margin-bottom: 2.5rem;
-  }
-
-  .lg\:ml-10 {
-    margin-left: 2.5rem;
-  }
-
-  .lg\:mt-11 {
-    margin-top: 2.75rem;
-  }
-
-  .lg\:mr-11 {
-    margin-right: 2.75rem;
-  }
-
-  .lg\:mb-11 {
-    margin-bottom: 2.75rem;
-  }
-
-  .lg\:ml-11 {
-    margin-left: 2.75rem;
-  }
-
-  .lg\:mt-12 {
-    margin-top: 3rem;
-  }
-
-  .lg\:mr-12 {
-    margin-right: 3rem;
-  }
-
-  .lg\:mb-12 {
-    margin-bottom: 3rem;
-  }
-
-  .lg\:ml-12 {
-    margin-left: 3rem;
-  }
-
-  .lg\:mt-13 {
-    margin-top: 3.25rem;
-  }
-
-  .lg\:mr-13 {
-    margin-right: 3.25rem;
-  }
-
-  .lg\:mb-13 {
-    margin-bottom: 3.25rem;
-  }
-
-  .lg\:ml-13 {
-    margin-left: 3.25rem;
-  }
-
-  .lg\:mt-14 {
-    margin-top: 3.5rem;
-  }
-
-  .lg\:mr-14 {
-    margin-right: 3.5rem;
-  }
-
-  .lg\:mb-14 {
-    margin-bottom: 3.5rem;
-  }
-
-  .lg\:ml-14 {
-    margin-left: 3.5rem;
-  }
-
-  .lg\:mt-15 {
-    margin-top: 3.75rem;
-  }
-
-  .lg\:mr-15 {
-    margin-right: 3.75rem;
-  }
-
-  .lg\:mb-15 {
-    margin-bottom: 3.75rem;
-  }
-
-  .lg\:ml-15 {
-    margin-left: 3.75rem;
-  }
-
-  .lg\:mt-16 {
-    margin-top: 4rem;
-  }
-
-  .lg\:mr-16 {
-    margin-right: 4rem;
-  }
-
-  .lg\:mb-16 {
-    margin-bottom: 4rem;
-  }
-
-  .lg\:ml-16 {
-    margin-left: 4rem;
-  }
-
-  .lg\:mt-20 {
-    margin-top: 5rem;
-  }
-
-  .lg\:mr-20 {
-    margin-right: 5rem;
-  }
-
-  .lg\:mb-20 {
-    margin-bottom: 5rem;
-  }
-
-  .lg\:ml-20 {
-    margin-left: 5rem;
-  }
-
-  .lg\:mt-24 {
-    margin-top: 6rem;
-  }
-
-  .lg\:mr-24 {
-    margin-right: 6rem;
-  }
-
-  .lg\:mb-24 {
-    margin-bottom: 6rem;
-  }
-
-  .lg\:ml-24 {
-    margin-left: 6rem;
-  }
-
-  .lg\:mt-28 {
-    margin-top: 7rem;
-  }
-
-  .lg\:mr-28 {
-    margin-right: 7rem;
-  }
-
-  .lg\:mb-28 {
-    margin-bottom: 7rem;
-  }
-
-  .lg\:ml-28 {
-    margin-left: 7rem;
-  }
-
-  .lg\:mt-32 {
-    margin-top: 8rem;
-  }
-
-  .lg\:mr-32 {
-    margin-right: 8rem;
-  }
-
-  .lg\:mb-32 {
-    margin-bottom: 8rem;
-  }
-
-  .lg\:ml-32 {
-    margin-left: 8rem;
-  }
-
-  .lg\:mt-36 {
-    margin-top: 9rem;
-  }
-
-  .lg\:mr-36 {
-    margin-right: 9rem;
-  }
-
-  .lg\:mb-36 {
-    margin-bottom: 9rem;
-  }
-
-  .lg\:ml-36 {
-    margin-left: 9rem;
-  }
-
-  .lg\:mt-40 {
-    margin-top: 10rem;
-  }
-
-  .lg\:mr-40 {
-    margin-right: 10rem;
-  }
-
-  .lg\:mb-40 {
-    margin-bottom: 10rem;
-  }
-
-  .lg\:ml-40 {
-    margin-left: 10rem;
-  }
-
-  .lg\:mt-48 {
-    margin-top: 12rem;
-  }
-
-  .lg\:mr-48 {
-    margin-right: 12rem;
-  }
-
-  .lg\:mb-48 {
-    margin-bottom: 12rem;
-  }
-
-  .lg\:ml-48 {
-    margin-left: 12rem;
-  }
-
-  .lg\:mt-56 {
-    margin-top: 14rem;
-  }
-
-  .lg\:mr-56 {
-    margin-right: 14rem;
-  }
-
-  .lg\:mb-56 {
-    margin-bottom: 14rem;
-  }
-
-  .lg\:ml-56 {
-    margin-left: 14rem;
-  }
-
-  .lg\:mt-60 {
-    margin-top: 15rem;
-  }
-
-  .lg\:mr-60 {
-    margin-right: 15rem;
-  }
-
-  .lg\:mb-60 {
-    margin-bottom: 15rem;
-  }
-
-  .lg\:ml-60 {
-    margin-left: 15rem;
-  }
-
-  .lg\:mt-64 {
-    margin-top: 16rem;
-  }
-
-  .lg\:mr-64 {
-    margin-right: 16rem;
-  }
-
-  .lg\:mb-64 {
-    margin-bottom: 16rem;
-  }
-
-  .lg\:ml-64 {
-    margin-left: 16rem;
-  }
-
-  .lg\:mt-72 {
-    margin-top: 18rem;
-  }
-
-  .lg\:mr-72 {
-    margin-right: 18rem;
-  }
-
-  .lg\:mb-72 {
-    margin-bottom: 18rem;
-  }
-
-  .lg\:ml-72 {
-    margin-left: 18rem;
-  }
-
-  .lg\:mt-80 {
-    margin-top: 20rem;
-  }
-
-  .lg\:mr-80 {
-    margin-right: 20rem;
-  }
-
-  .lg\:mb-80 {
-    margin-bottom: 20rem;
-  }
-
-  .lg\:ml-80 {
-    margin-left: 20rem;
-  }
-
-  .lg\:mt-96 {
-    margin-top: 24rem;
-  }
-
-  .lg\:mr-96 {
-    margin-right: 24rem;
-  }
-
-  .lg\:mb-96 {
-    margin-bottom: 24rem;
-  }
-
-  .lg\:ml-96 {
-    margin-left: 24rem;
-  }
-
-  .lg\:mt-auto {
-    margin-top: auto;
-  }
-
-  .lg\:mr-auto {
-    margin-right: auto;
-  }
-
-  .lg\:mb-auto {
-    margin-bottom: auto;
-  }
-
-  .lg\:ml-auto {
-    margin-left: auto;
-  }
-
-  .lg\:mt-px {
-    margin-top: 1px;
-  }
-
-  .lg\:mr-px {
-    margin-right: 1px;
-  }
-
-  .lg\:mb-px {
-    margin-bottom: 1px;
-  }
-
-  .lg\:ml-px {
-    margin-left: 1px;
-  }
-
-  .lg\:mt-0\.5 {
-    margin-top: 0.125rem;
-  }
-
-  .lg\:mr-0\.5 {
-    margin-right: 0.125rem;
-  }
-
-  .lg\:mb-0\.5 {
-    margin-bottom: 0.125rem;
-  }
-
-  .lg\:ml-0\.5 {
-    margin-left: 0.125rem;
-  }
-
-  .lg\:mt-1\.5 {
-    margin-top: 0.375rem;
-  }
-
-  .lg\:mr-1\.5 {
-    margin-right: 0.375rem;
-  }
-
-  .lg\:mb-1\.5 {
-    margin-bottom: 0.375rem;
-  }
-
-  .lg\:ml-1\.5 {
-    margin-left: 0.375rem;
-  }
-
-  .lg\:mt-2\.5 {
-    margin-top: 0.625rem;
-  }
-
-  .lg\:mr-2\.5 {
-    margin-right: 0.625rem;
-  }
-
-  .lg\:mb-2\.5 {
-    margin-bottom: 0.625rem;
-  }
-
-  .lg\:ml-2\.5 {
-    margin-left: 0.625rem;
-  }
-
-  .lg\:mt-3\.5 {
-    margin-top: 0.875rem;
-  }
-
-  .lg\:mr-3\.5 {
-    margin-right: 0.875rem;
-  }
-
-  .lg\:mb-3\.5 {
-    margin-bottom: 0.875rem;
-  }
-
-  .lg\:ml-3\.5 {
-    margin-left: 0.875rem;
-  }
-
-  .lg\:mt-1\/2 {
-    margin-top: 50%;
-  }
-
-  .lg\:mr-1\/2 {
-    margin-right: 50%;
-  }
-
-  .lg\:mb-1\/2 {
-    margin-bottom: 50%;
-  }
-
-  .lg\:ml-1\/2 {
-    margin-left: 50%;
-  }
-
-  .lg\:mt-1\/3 {
-    margin-top: 33.333333%;
-  }
-
-  .lg\:mr-1\/3 {
-    margin-right: 33.333333%;
-  }
-
-  .lg\:mb-1\/3 {
-    margin-bottom: 33.333333%;
-  }
-
-  .lg\:ml-1\/3 {
-    margin-left: 33.333333%;
-  }
-
-  .lg\:mt-2\/3 {
-    margin-top: 66.666667%;
-  }
-
-  .lg\:mr-2\/3 {
-    margin-right: 66.666667%;
-  }
-
-  .lg\:mb-2\/3 {
-    margin-bottom: 66.666667%;
-  }
-
-  .lg\:ml-2\/3 {
-    margin-left: 66.666667%;
-  }
-
-  .lg\:mt-1\/4 {
-    margin-top: 25%;
-  }
-
-  .lg\:mr-1\/4 {
-    margin-right: 25%;
-  }
-
-  .lg\:mb-1\/4 {
-    margin-bottom: 25%;
-  }
-
-  .lg\:ml-1\/4 {
-    margin-left: 25%;
-  }
-
-  .lg\:mt-2\/4 {
-    margin-top: 50%;
-  }
-
-  .lg\:mr-2\/4 {
-    margin-right: 50%;
-  }
-
-  .lg\:mb-2\/4 {
-    margin-bottom: 50%;
-  }
-
-  .lg\:ml-2\/4 {
-    margin-left: 50%;
-  }
-
-  .lg\:mt-3\/4 {
-    margin-top: 75%;
-  }
-
-  .lg\:mr-3\/4 {
-    margin-right: 75%;
-  }
-
-  .lg\:mb-3\/4 {
-    margin-bottom: 75%;
-  }
-
-  .lg\:ml-3\/4 {
-    margin-left: 75%;
-  }
-
-  .lg\:mt-1\/5 {
-    margin-top: 20%;
-  }
-
-  .lg\:mr-1\/5 {
-    margin-right: 20%;
-  }
-
-  .lg\:mb-1\/5 {
-    margin-bottom: 20%;
-  }
-
-  .lg\:ml-1\/5 {
-    margin-left: 20%;
-  }
-
-  .lg\:mt-2\/5 {
-    margin-top: 40%;
-  }
-
-  .lg\:mr-2\/5 {
-    margin-right: 40%;
-  }
-
-  .lg\:mb-2\/5 {
-    margin-bottom: 40%;
-  }
-
-  .lg\:ml-2\/5 {
-    margin-left: 40%;
-  }
-
-  .lg\:mt-3\/5 {
-    margin-top: 60%;
-  }
-
-  .lg\:mr-3\/5 {
-    margin-right: 60%;
-  }
-
-  .lg\:mb-3\/5 {
-    margin-bottom: 60%;
-  }
-
-  .lg\:ml-3\/5 {
-    margin-left: 60%;
-  }
-
-  .lg\:mt-4\/5 {
-    margin-top: 80%;
-  }
-
-  .lg\:mr-4\/5 {
-    margin-right: 80%;
-  }
-
-  .lg\:mb-4\/5 {
-    margin-bottom: 80%;
-  }
-
-  .lg\:ml-4\/5 {
-    margin-left: 80%;
-  }
-
-  .lg\:mt-1\/6 {
-    margin-top: 16.666667%;
-  }
-
-  .lg\:mr-1\/6 {
-    margin-right: 16.666667%;
-  }
-
-  .lg\:mb-1\/6 {
-    margin-bottom: 16.666667%;
-  }
-
-  .lg\:ml-1\/6 {
-    margin-left: 16.666667%;
-  }
-
-  .lg\:mt-2\/6 {
-    margin-top: 33.333333%;
-  }
-
-  .lg\:mr-2\/6 {
-    margin-right: 33.333333%;
-  }
-
-  .lg\:mb-2\/6 {
-    margin-bottom: 33.333333%;
-  }
-
-  .lg\:ml-2\/6 {
-    margin-left: 33.333333%;
-  }
-
-  .lg\:mt-3\/6 {
-    margin-top: 50%;
-  }
-
-  .lg\:mr-3\/6 {
-    margin-right: 50%;
-  }
-
-  .lg\:mb-3\/6 {
-    margin-bottom: 50%;
-  }
-
-  .lg\:ml-3\/6 {
-    margin-left: 50%;
-  }
-
-  .lg\:mt-4\/6 {
-    margin-top: 66.666667%;
-  }
-
-  .lg\:mr-4\/6 {
-    margin-right: 66.666667%;
-  }
-
-  .lg\:mb-4\/6 {
-    margin-bottom: 66.666667%;
-  }
-
-  .lg\:ml-4\/6 {
-    margin-left: 66.666667%;
-  }
-
-  .lg\:mt-5\/6 {
-    margin-top: 83.333333%;
-  }
-
-  .lg\:mr-5\/6 {
-    margin-right: 83.333333%;
-  }
-
-  .lg\:mb-5\/6 {
-    margin-bottom: 83.333333%;
-  }
-
-  .lg\:ml-5\/6 {
-    margin-left: 83.333333%;
-  }
-
-  .lg\:mt-1\/12 {
-    margin-top: 8.333333%;
-  }
-
-  .lg\:mr-1\/12 {
-    margin-right: 8.333333%;
-  }
-
-  .lg\:mb-1\/12 {
-    margin-bottom: 8.333333%;
-  }
-
-  .lg\:ml-1\/12 {
-    margin-left: 8.333333%;
-  }
-
-  .lg\:mt-2\/12 {
-    margin-top: 16.666667%;
-  }
-
-  .lg\:mr-2\/12 {
-    margin-right: 16.666667%;
-  }
-
-  .lg\:mb-2\/12 {
-    margin-bottom: 16.666667%;
-  }
-
-  .lg\:ml-2\/12 {
-    margin-left: 16.666667%;
-  }
-
-  .lg\:mt-3\/12 {
-    margin-top: 25%;
-  }
-
-  .lg\:mr-3\/12 {
-    margin-right: 25%;
-  }
-
-  .lg\:mb-3\/12 {
-    margin-bottom: 25%;
-  }
-
-  .lg\:ml-3\/12 {
-    margin-left: 25%;
-  }
-
-  .lg\:mt-4\/12 {
-    margin-top: 33.333333%;
-  }
-
-  .lg\:mr-4\/12 {
-    margin-right: 33.333333%;
-  }
-
-  .lg\:mb-4\/12 {
-    margin-bottom: 33.333333%;
-  }
-
-  .lg\:ml-4\/12 {
-    margin-left: 33.333333%;
-  }
-
-  .lg\:mt-5\/12 {
-    margin-top: 41.666667%;
-  }
-
-  .lg\:mr-5\/12 {
-    margin-right: 41.666667%;
-  }
-
-  .lg\:mb-5\/12 {
-    margin-bottom: 41.666667%;
-  }
-
-  .lg\:ml-5\/12 {
-    margin-left: 41.666667%;
-  }
-
-  .lg\:mt-6\/12 {
-    margin-top: 50%;
-  }
-
-  .lg\:mr-6\/12 {
-    margin-right: 50%;
-  }
-
-  .lg\:mb-6\/12 {
-    margin-bottom: 50%;
-  }
-
-  .lg\:ml-6\/12 {
-    margin-left: 50%;
-  }
-
-  .lg\:mt-7\/12 {
-    margin-top: 58.333333%;
-  }
-
-  .lg\:mr-7\/12 {
-    margin-right: 58.333333%;
-  }
-
-  .lg\:mb-7\/12 {
-    margin-bottom: 58.333333%;
-  }
-
-  .lg\:ml-7\/12 {
-    margin-left: 58.333333%;
-  }
-
-  .lg\:mt-8\/12 {
-    margin-top: 66.666667%;
-  }
-
-  .lg\:mr-8\/12 {
-    margin-right: 66.666667%;
-  }
-
-  .lg\:mb-8\/12 {
-    margin-bottom: 66.666667%;
-  }
-
-  .lg\:ml-8\/12 {
-    margin-left: 66.666667%;
-  }
-
-  .lg\:mt-9\/12 {
-    margin-top: 75%;
-  }
-
-  .lg\:mr-9\/12 {
-    margin-right: 75%;
-  }
-
-  .lg\:mb-9\/12 {
-    margin-bottom: 75%;
-  }
-
-  .lg\:ml-9\/12 {
-    margin-left: 75%;
-  }
-
-  .lg\:mt-10\/12 {
-    margin-top: 83.333333%;
-  }
-
-  .lg\:mr-10\/12 {
-    margin-right: 83.333333%;
-  }
-
-  .lg\:mb-10\/12 {
-    margin-bottom: 83.333333%;
-  }
-
-  .lg\:ml-10\/12 {
-    margin-left: 83.333333%;
-  }
-
-  .lg\:mt-11\/12 {
-    margin-top: 91.666667%;
-  }
-
-  .lg\:mr-11\/12 {
-    margin-right: 91.666667%;
-  }
-
-  .lg\:mb-11\/12 {
-    margin-bottom: 91.666667%;
-  }
-
-  .lg\:ml-11\/12 {
-    margin-left: 91.666667%;
-  }
-
-  .lg\:mt-full {
-    margin-top: 100%;
-  }
-
-  .lg\:mr-full {
-    margin-right: 100%;
-  }
-
-  .lg\:mb-full {
-    margin-bottom: 100%;
-  }
-
-  .lg\:ml-full {
-    margin-left: 100%;
-  }
-
-  .lg\:-mt-1 {
-    margin-top: -0.25rem;
-  }
-
-  .lg\:-mr-1 {
-    margin-right: -0.25rem;
-  }
-
-  .lg\:-mb-1 {
-    margin-bottom: -0.25rem;
-  }
-
-  .lg\:-ml-1 {
-    margin-left: -0.25rem;
-  }
-
-  .lg\:-mt-2 {
-    margin-top: -0.5rem;
-  }
-
-  .lg\:-mr-2 {
-    margin-right: -0.5rem;
-  }
-
-  .lg\:-mb-2 {
-    margin-bottom: -0.5rem;
-  }
-
-  .lg\:-ml-2 {
-    margin-left: -0.5rem;
-  }
-
-  .lg\:-mt-3 {
-    margin-top: -0.75rem;
-  }
-
-  .lg\:-mr-3 {
-    margin-right: -0.75rem;
-  }
-
-  .lg\:-mb-3 {
-    margin-bottom: -0.75rem;
-  }
-
-  .lg\:-ml-3 {
-    margin-left: -0.75rem;
-  }
-
-  .lg\:-mt-4 {
-    margin-top: -1rem;
-  }
-
-  .lg\:-mr-4 {
-    margin-right: -1rem;
-  }
-
-  .lg\:-mb-4 {
-    margin-bottom: -1rem;
-  }
-
-  .lg\:-ml-4 {
-    margin-left: -1rem;
-  }
-
-  .lg\:-mt-5 {
-    margin-top: -1.25rem;
-  }
-
-  .lg\:-mr-5 {
-    margin-right: -1.25rem;
-  }
-
-  .lg\:-mb-5 {
-    margin-bottom: -1.25rem;
-  }
-
-  .lg\:-ml-5 {
-    margin-left: -1.25rem;
-  }
-
-  .lg\:-mt-6 {
-    margin-top: -1.5rem;
-  }
-
-  .lg\:-mr-6 {
-    margin-right: -1.5rem;
-  }
-
-  .lg\:-mb-6 {
-    margin-bottom: -1.5rem;
-  }
-
-  .lg\:-ml-6 {
-    margin-left: -1.5rem;
-  }
-
-  .lg\:-mt-7 {
-    margin-top: -1.75rem;
-  }
-
-  .lg\:-mr-7 {
-    margin-right: -1.75rem;
-  }
-
-  .lg\:-mb-7 {
-    margin-bottom: -1.75rem;
-  }
-
-  .lg\:-ml-7 {
-    margin-left: -1.75rem;
-  }
-
-  .lg\:-mt-8 {
-    margin-top: -2rem;
-  }
-
-  .lg\:-mr-8 {
-    margin-right: -2rem;
-  }
-
-  .lg\:-mb-8 {
-    margin-bottom: -2rem;
-  }
-
-  .lg\:-ml-8 {
-    margin-left: -2rem;
-  }
-
-  .lg\:-mt-9 {
-    margin-top: -2.25rem;
-  }
-
-  .lg\:-mr-9 {
-    margin-right: -2.25rem;
-  }
-
-  .lg\:-mb-9 {
-    margin-bottom: -2.25rem;
-  }
-
-  .lg\:-ml-9 {
-    margin-left: -2.25rem;
-  }
-
-  .lg\:-mt-10 {
-    margin-top: -2.5rem;
-  }
-
-  .lg\:-mr-10 {
-    margin-right: -2.5rem;
-  }
-
-  .lg\:-mb-10 {
-    margin-bottom: -2.5rem;
-  }
-
-  .lg\:-ml-10 {
-    margin-left: -2.5rem;
-  }
-
-  .lg\:-mt-11 {
-    margin-top: -2.75rem;
-  }
-
-  .lg\:-mr-11 {
-    margin-right: -2.75rem;
-  }
-
-  .lg\:-mb-11 {
-    margin-bottom: -2.75rem;
-  }
-
-  .lg\:-ml-11 {
-    margin-left: -2.75rem;
-  }
-
-  .lg\:-mt-12 {
-    margin-top: -3rem;
-  }
-
-  .lg\:-mr-12 {
-    margin-right: -3rem;
-  }
-
-  .lg\:-mb-12 {
-    margin-bottom: -3rem;
-  }
-
-  .lg\:-ml-12 {
-    margin-left: -3rem;
-  }
-
-  .lg\:-mt-13 {
-    margin-top: -3.25rem;
-  }
-
-  .lg\:-mr-13 {
-    margin-right: -3.25rem;
-  }
-
-  .lg\:-mb-13 {
-    margin-bottom: -3.25rem;
-  }
-
-  .lg\:-ml-13 {
-    margin-left: -3.25rem;
-  }
-
-  .lg\:-mt-14 {
-    margin-top: -3.5rem;
-  }
-
-  .lg\:-mr-14 {
-    margin-right: -3.5rem;
-  }
-
-  .lg\:-mb-14 {
-    margin-bottom: -3.5rem;
-  }
-
-  .lg\:-ml-14 {
-    margin-left: -3.5rem;
-  }
-
-  .lg\:-mt-15 {
-    margin-top: -3.75rem;
-  }
-
-  .lg\:-mr-15 {
-    margin-right: -3.75rem;
-  }
-
-  .lg\:-mb-15 {
-    margin-bottom: -3.75rem;
-  }
-
-  .lg\:-ml-15 {
-    margin-left: -3.75rem;
-  }
-
-  .lg\:-mt-16 {
-    margin-top: -4rem;
-  }
-
-  .lg\:-mr-16 {
-    margin-right: -4rem;
-  }
-
-  .lg\:-mb-16 {
-    margin-bottom: -4rem;
-  }
-
-  .lg\:-ml-16 {
-    margin-left: -4rem;
-  }
-
-  .lg\:-mt-20 {
-    margin-top: -5rem;
-  }
-
-  .lg\:-mr-20 {
-    margin-right: -5rem;
-  }
-
-  .lg\:-mb-20 {
-    margin-bottom: -5rem;
-  }
-
-  .lg\:-ml-20 {
-    margin-left: -5rem;
-  }
-
-  .lg\:-mt-24 {
-    margin-top: -6rem;
-  }
-
-  .lg\:-mr-24 {
-    margin-right: -6rem;
-  }
-
-  .lg\:-mb-24 {
-    margin-bottom: -6rem;
-  }
-
-  .lg\:-ml-24 {
-    margin-left: -6rem;
-  }
-
-  .lg\:-mt-28 {
-    margin-top: -7rem;
-  }
-
-  .lg\:-mr-28 {
-    margin-right: -7rem;
-  }
-
-  .lg\:-mb-28 {
-    margin-bottom: -7rem;
-  }
-
-  .lg\:-ml-28 {
-    margin-left: -7rem;
-  }
-
-  .lg\:-mt-32 {
-    margin-top: -8rem;
-  }
-
-  .lg\:-mr-32 {
-    margin-right: -8rem;
-  }
-
-  .lg\:-mb-32 {
-    margin-bottom: -8rem;
-  }
-
-  .lg\:-ml-32 {
-    margin-left: -8rem;
-  }
-
-  .lg\:-mt-36 {
-    margin-top: -9rem;
-  }
-
-  .lg\:-mr-36 {
-    margin-right: -9rem;
-  }
-
-  .lg\:-mb-36 {
-    margin-bottom: -9rem;
-  }
-
-  .lg\:-ml-36 {
-    margin-left: -9rem;
-  }
-
-  .lg\:-mt-40 {
-    margin-top: -10rem;
-  }
-
-  .lg\:-mr-40 {
-    margin-right: -10rem;
-  }
-
-  .lg\:-mb-40 {
-    margin-bottom: -10rem;
-  }
-
-  .lg\:-ml-40 {
-    margin-left: -10rem;
-  }
-
-  .lg\:-mt-48 {
-    margin-top: -12rem;
-  }
-
-  .lg\:-mr-48 {
-    margin-right: -12rem;
-  }
-
-  .lg\:-mb-48 {
-    margin-bottom: -12rem;
-  }
-
-  .lg\:-ml-48 {
-    margin-left: -12rem;
-  }
-
-  .lg\:-mt-56 {
-    margin-top: -14rem;
-  }
-
-  .lg\:-mr-56 {
-    margin-right: -14rem;
-  }
-
-  .lg\:-mb-56 {
-    margin-bottom: -14rem;
-  }
-
-  .lg\:-ml-56 {
-    margin-left: -14rem;
-  }
-
-  .lg\:-mt-60 {
-    margin-top: -15rem;
-  }
-
-  .lg\:-mr-60 {
-    margin-right: -15rem;
-  }
-
-  .lg\:-mb-60 {
-    margin-bottom: -15rem;
-  }
-
-  .lg\:-ml-60 {
-    margin-left: -15rem;
-  }
-
-  .lg\:-mt-64 {
-    margin-top: -16rem;
-  }
-
-  .lg\:-mr-64 {
-    margin-right: -16rem;
-  }
-
-  .lg\:-mb-64 {
-    margin-bottom: -16rem;
-  }
-
-  .lg\:-ml-64 {
-    margin-left: -16rem;
-  }
-
-  .lg\:-mt-72 {
-    margin-top: -18rem;
-  }
-
-  .lg\:-mr-72 {
-    margin-right: -18rem;
-  }
-
-  .lg\:-mb-72 {
-    margin-bottom: -18rem;
-  }
-
-  .lg\:-ml-72 {
-    margin-left: -18rem;
-  }
-
-  .lg\:-mt-80 {
-    margin-top: -20rem;
-  }
-
-  .lg\:-mr-80 {
-    margin-right: -20rem;
-  }
-
-  .lg\:-mb-80 {
-    margin-bottom: -20rem;
-  }
-
-  .lg\:-ml-80 {
-    margin-left: -20rem;
-  }
-
-  .lg\:-mt-96 {
-    margin-top: -24rem;
-  }
-
-  .lg\:-mr-96 {
-    margin-right: -24rem;
-  }
-
-  .lg\:-mb-96 {
-    margin-bottom: -24rem;
-  }
-
-  .lg\:-ml-96 {
-    margin-left: -24rem;
-  }
-
-  .lg\:-mt-px {
-    margin-top: -1px;
-  }
-
-  .lg\:-mr-px {
-    margin-right: -1px;
-  }
-
-  .lg\:-mb-px {
-    margin-bottom: -1px;
-  }
-
-  .lg\:-ml-px {
-    margin-left: -1px;
-  }
-
-  .lg\:-mt-0\.5 {
-    margin-top: -0.125rem;
-  }
-
-  .lg\:-mr-0\.5 {
-    margin-right: -0.125rem;
-  }
-
-  .lg\:-mb-0\.5 {
-    margin-bottom: -0.125rem;
-  }
-
-  .lg\:-ml-0\.5 {
-    margin-left: -0.125rem;
-  }
-
-  .lg\:-mt-1\.5 {
-    margin-top: -0.375rem;
-  }
-
-  .lg\:-mr-1\.5 {
-    margin-right: -0.375rem;
-  }
-
-  .lg\:-mb-1\.5 {
-    margin-bottom: -0.375rem;
-  }
-
-  .lg\:-ml-1\.5 {
-    margin-left: -0.375rem;
-  }
-
-  .lg\:-mt-2\.5 {
-    margin-top: -0.625rem;
-  }
-
-  .lg\:-mr-2\.5 {
-    margin-right: -0.625rem;
-  }
-
-  .lg\:-mb-2\.5 {
-    margin-bottom: -0.625rem;
-  }
-
-  .lg\:-ml-2\.5 {
-    margin-left: -0.625rem;
-  }
-
-  .lg\:-mt-3\.5 {
-    margin-top: -0.875rem;
-  }
-
-  .lg\:-mr-3\.5 {
-    margin-right: -0.875rem;
-  }
-
-  .lg\:-mb-3\.5 {
-    margin-bottom: -0.875rem;
-  }
-
-  .lg\:-ml-3\.5 {
-    margin-left: -0.875rem;
-  }
-
-  .lg\:-mt-1\/2 {
-    margin-top: -50%;
-  }
-
-  .lg\:-mr-1\/2 {
-    margin-right: -50%;
-  }
-
-  .lg\:-mb-1\/2 {
-    margin-bottom: -50%;
-  }
-
-  .lg\:-ml-1\/2 {
-    margin-left: -50%;
-  }
-
-  .lg\:-mt-1\/3 {
-    margin-top: -33.33333%;
-  }
-
-  .lg\:-mr-1\/3 {
-    margin-right: -33.33333%;
-  }
-
-  .lg\:-mb-1\/3 {
-    margin-bottom: -33.33333%;
-  }
-
-  .lg\:-ml-1\/3 {
-    margin-left: -33.33333%;
-  }
-
-  .lg\:-mt-2\/3 {
-    margin-top: -66.66667%;
-  }
-
-  .lg\:-mr-2\/3 {
-    margin-right: -66.66667%;
-  }
-
-  .lg\:-mb-2\/3 {
-    margin-bottom: -66.66667%;
-  }
-
-  .lg\:-ml-2\/3 {
-    margin-left: -66.66667%;
-  }
-
-  .lg\:-mt-1\/4 {
-    margin-top: -25%;
-  }
-
-  .lg\:-mr-1\/4 {
-    margin-right: -25%;
-  }
-
-  .lg\:-mb-1\/4 {
-    margin-bottom: -25%;
-  }
-
-  .lg\:-ml-1\/4 {
-    margin-left: -25%;
-  }
-
-  .lg\:-mt-2\/4 {
-    margin-top: -50%;
-  }
-
-  .lg\:-mr-2\/4 {
-    margin-right: -50%;
-  }
-
-  .lg\:-mb-2\/4 {
-    margin-bottom: -50%;
-  }
-
-  .lg\:-ml-2\/4 {
-    margin-left: -50%;
-  }
-
-  .lg\:-mt-3\/4 {
-    margin-top: -75%;
-  }
-
-  .lg\:-mr-3\/4 {
-    margin-right: -75%;
-  }
-
-  .lg\:-mb-3\/4 {
-    margin-bottom: -75%;
-  }
-
-  .lg\:-ml-3\/4 {
-    margin-left: -75%;
-  }
-
-  .lg\:-mt-1\/5 {
-    margin-top: -20%;
-  }
-
-  .lg\:-mr-1\/5 {
-    margin-right: -20%;
-  }
-
-  .lg\:-mb-1\/5 {
-    margin-bottom: -20%;
-  }
-
-  .lg\:-ml-1\/5 {
-    margin-left: -20%;
-  }
-
-  .lg\:-mt-2\/5 {
-    margin-top: -40%;
-  }
-
-  .lg\:-mr-2\/5 {
-    margin-right: -40%;
-  }
-
-  .lg\:-mb-2\/5 {
-    margin-bottom: -40%;
-  }
-
-  .lg\:-ml-2\/5 {
-    margin-left: -40%;
-  }
-
-  .lg\:-mt-3\/5 {
-    margin-top: -60%;
-  }
-
-  .lg\:-mr-3\/5 {
-    margin-right: -60%;
-  }
-
-  .lg\:-mb-3\/5 {
-    margin-bottom: -60%;
-  }
-
-  .lg\:-ml-3\/5 {
-    margin-left: -60%;
-  }
-
-  .lg\:-mt-4\/5 {
-    margin-top: -80%;
-  }
-
-  .lg\:-mr-4\/5 {
-    margin-right: -80%;
-  }
-
-  .lg\:-mb-4\/5 {
-    margin-bottom: -80%;
-  }
-
-  .lg\:-ml-4\/5 {
-    margin-left: -80%;
-  }
-
-  .lg\:-mt-1\/6 {
-    margin-top: -16.66667%;
-  }
-
-  .lg\:-mr-1\/6 {
-    margin-right: -16.66667%;
-  }
-
-  .lg\:-mb-1\/6 {
-    margin-bottom: -16.66667%;
-  }
-
-  .lg\:-ml-1\/6 {
-    margin-left: -16.66667%;
-  }
-
-  .lg\:-mt-2\/6 {
-    margin-top: -33.33333%;
-  }
-
-  .lg\:-mr-2\/6 {
-    margin-right: -33.33333%;
-  }
-
-  .lg\:-mb-2\/6 {
-    margin-bottom: -33.33333%;
-  }
-
-  .lg\:-ml-2\/6 {
-    margin-left: -33.33333%;
-  }
-
-  .lg\:-mt-3\/6 {
-    margin-top: -50%;
-  }
-
-  .lg\:-mr-3\/6 {
-    margin-right: -50%;
-  }
-
-  .lg\:-mb-3\/6 {
-    margin-bottom: -50%;
-  }
-
-  .lg\:-ml-3\/6 {
-    margin-left: -50%;
-  }
-
-  .lg\:-mt-4\/6 {
-    margin-top: -66.66667%;
-  }
-
-  .lg\:-mr-4\/6 {
-    margin-right: -66.66667%;
-  }
-
-  .lg\:-mb-4\/6 {
-    margin-bottom: -66.66667%;
-  }
-
-  .lg\:-ml-4\/6 {
-    margin-left: -66.66667%;
-  }
-
-  .lg\:-mt-5\/6 {
-    margin-top: -83.33333%;
-  }
-
-  .lg\:-mr-5\/6 {
-    margin-right: -83.33333%;
-  }
-
-  .lg\:-mb-5\/6 {
-    margin-bottom: -83.33333%;
-  }
-
-  .lg\:-ml-5\/6 {
-    margin-left: -83.33333%;
-  }
-
-  .lg\:-mt-1\/12 {
-    margin-top: -8.33333%;
-  }
-
-  .lg\:-mr-1\/12 {
-    margin-right: -8.33333%;
-  }
-
-  .lg\:-mb-1\/12 {
-    margin-bottom: -8.33333%;
-  }
-
-  .lg\:-ml-1\/12 {
-    margin-left: -8.33333%;
-  }
-
-  .lg\:-mt-2\/12 {
-    margin-top: -16.66667%;
-  }
-
-  .lg\:-mr-2\/12 {
-    margin-right: -16.66667%;
-  }
-
-  .lg\:-mb-2\/12 {
-    margin-bottom: -16.66667%;
-  }
-
-  .lg\:-ml-2\/12 {
-    margin-left: -16.66667%;
-  }
-
-  .lg\:-mt-3\/12 {
-    margin-top: -25%;
-  }
-
-  .lg\:-mr-3\/12 {
-    margin-right: -25%;
-  }
-
-  .lg\:-mb-3\/12 {
-    margin-bottom: -25%;
-  }
-
-  .lg\:-ml-3\/12 {
-    margin-left: -25%;
-  }
-
-  .lg\:-mt-4\/12 {
-    margin-top: -33.33333%;
-  }
-
-  .lg\:-mr-4\/12 {
-    margin-right: -33.33333%;
-  }
-
-  .lg\:-mb-4\/12 {
-    margin-bottom: -33.33333%;
-  }
-
-  .lg\:-ml-4\/12 {
-    margin-left: -33.33333%;
-  }
-
-  .lg\:-mt-5\/12 {
-    margin-top: -41.66667%;
-  }
-
-  .lg\:-mr-5\/12 {
-    margin-right: -41.66667%;
-  }
-
-  .lg\:-mb-5\/12 {
-    margin-bottom: -41.66667%;
-  }
-
-  .lg\:-ml-5\/12 {
-    margin-left: -41.66667%;
-  }
-
-  .lg\:-mt-6\/12 {
-    margin-top: -50%;
-  }
-
-  .lg\:-mr-6\/12 {
-    margin-right: -50%;
-  }
-
-  .lg\:-mb-6\/12 {
-    margin-bottom: -50%;
-  }
-
-  .lg\:-ml-6\/12 {
-    margin-left: -50%;
-  }
-
-  .lg\:-mt-7\/12 {
-    margin-top: -58.33333%;
-  }
-
-  .lg\:-mr-7\/12 {
-    margin-right: -58.33333%;
-  }
-
-  .lg\:-mb-7\/12 {
-    margin-bottom: -58.33333%;
-  }
-
-  .lg\:-ml-7\/12 {
-    margin-left: -58.33333%;
-  }
-
-  .lg\:-mt-8\/12 {
-    margin-top: -66.66667%;
-  }
-
-  .lg\:-mr-8\/12 {
-    margin-right: -66.66667%;
-  }
-
-  .lg\:-mb-8\/12 {
-    margin-bottom: -66.66667%;
-  }
-
-  .lg\:-ml-8\/12 {
-    margin-left: -66.66667%;
-  }
-
-  .lg\:-mt-9\/12 {
-    margin-top: -75%;
-  }
-
-  .lg\:-mr-9\/12 {
-    margin-right: -75%;
-  }
-
-  .lg\:-mb-9\/12 {
-    margin-bottom: -75%;
-  }
-
-  .lg\:-ml-9\/12 {
-    margin-left: -75%;
-  }
-
-  .lg\:-mt-10\/12 {
-    margin-top: -83.33333%;
-  }
-
-  .lg\:-mr-10\/12 {
-    margin-right: -83.33333%;
-  }
-
-  .lg\:-mb-10\/12 {
-    margin-bottom: -83.33333%;
-  }
-
-  .lg\:-ml-10\/12 {
-    margin-left: -83.33333%;
-  }
-
-  .lg\:-mt-11\/12 {
-    margin-top: -91.66667%;
-  }
-
-  .lg\:-mr-11\/12 {
-    margin-right: -91.66667%;
-  }
-
-  .lg\:-mb-11\/12 {
-    margin-bottom: -91.66667%;
-  }
-
-  .lg\:-ml-11\/12 {
-    margin-left: -91.66667%;
-  }
-
-  .lg\:-mt-full {
-    margin-top: -100%;
-  }
-
-  .lg\:-mr-full {
-    margin-right: -100%;
-  }
-
-  .lg\:-mb-full {
-    margin-bottom: -100%;
-  }
-
-  .lg\:-ml-full {
-    margin-left: -100%;
-  }
-
-  .lg\:max-h-0 {
-    max-height: 0;
-  }
-
-  .lg\:max-h-1 {
-    max-height: 0.25rem;
-  }
-
-  .lg\:max-h-2 {
-    max-height: 0.5rem;
-  }
-
-  .lg\:max-h-3 {
-    max-height: 0.75rem;
-  }
-
-  .lg\:max-h-4 {
-    max-height: 1rem;
-  }
-
-  .lg\:max-h-5 {
-    max-height: 1.25rem;
-  }
-
-  .lg\:max-h-6 {
-    max-height: 1.5rem;
-  }
-
-  .lg\:max-h-7 {
-    max-height: 1.75rem;
-  }
-
-  .lg\:max-h-8 {
-    max-height: 2rem;
-  }
-
-  .lg\:max-h-9 {
-    max-height: 2.25rem;
-  }
-
-  .lg\:max-h-10 {
-    max-height: 2.5rem;
-  }
-
-  .lg\:max-h-11 {
-    max-height: 2.75rem;
-  }
-
-  .lg\:max-h-12 {
-    max-height: 3rem;
-  }
-
-  .lg\:max-h-13 {
-    max-height: 3.25rem;
-  }
-
-  .lg\:max-h-14 {
-    max-height: 3.5rem;
-  }
-
-  .lg\:max-h-15 {
-    max-height: 3.75rem;
-  }
-
-  .lg\:max-h-16 {
-    max-height: 4rem;
-  }
-
-  .lg\:max-h-20 {
-    max-height: 5rem;
-  }
-
-  .lg\:max-h-24 {
-    max-height: 6rem;
-  }
-
-  .lg\:max-h-28 {
-    max-height: 7rem;
-  }
-
-  .lg\:max-h-32 {
-    max-height: 8rem;
-  }
-
-  .lg\:max-h-36 {
-    max-height: 9rem;
-  }
-
-  .lg\:max-h-40 {
-    max-height: 10rem;
-  }
-
-  .lg\:max-h-48 {
-    max-height: 12rem;
-  }
-
-  .lg\:max-h-56 {
-    max-height: 14rem;
-  }
-
-  .lg\:max-h-60 {
-    max-height: 15rem;
-  }
-
-  .lg\:max-h-64 {
-    max-height: 16rem;
-  }
-
-  .lg\:max-h-72 {
-    max-height: 18rem;
-  }
-
-  .lg\:max-h-80 {
-    max-height: 20rem;
-  }
-
-  .lg\:max-h-96 {
-    max-height: 24rem;
-  }
-
-  .lg\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .lg\:max-h-px {
-    max-height: 1px;
-  }
-
-  .lg\:max-h-0\.5 {
-    max-height: 0.125rem;
-  }
-
-  .lg\:max-h-1\.5 {
-    max-height: 0.375rem;
-  }
-
-  .lg\:max-h-2\.5 {
-    max-height: 0.625rem;
-  }
-
-  .lg\:max-h-3\.5 {
-    max-height: 0.875rem;
-  }
-
-  .lg\:max-h-1\/2 {
-    max-height: 50%;
-  }
-
-  .lg\:max-h-1\/3 {
-    max-height: 33.333333%;
-  }
-
-  .lg\:max-h-2\/3 {
-    max-height: 66.666667%;
-  }
-
-  .lg\:max-h-1\/4 {
-    max-height: 25%;
-  }
-
-  .lg\:max-h-2\/4 {
-    max-height: 50%;
-  }
-
-  .lg\:max-h-3\/4 {
-    max-height: 75%;
-  }
-
-  .lg\:max-h-1\/5 {
-    max-height: 20%;
-  }
-
-  .lg\:max-h-2\/5 {
-    max-height: 40%;
-  }
-
-  .lg\:max-h-3\/5 {
-    max-height: 60%;
-  }
-
-  .lg\:max-h-4\/5 {
-    max-height: 80%;
-  }
-
-  .lg\:max-h-1\/6 {
-    max-height: 16.666667%;
-  }
-
-  .lg\:max-h-2\/6 {
-    max-height: 33.333333%;
-  }
-
-  .lg\:max-h-3\/6 {
-    max-height: 50%;
-  }
-
-  .lg\:max-h-4\/6 {
-    max-height: 66.666667%;
-  }
-
-  .lg\:max-h-5\/6 {
-    max-height: 83.333333%;
-  }
-
-  .lg\:max-h-1\/12 {
-    max-height: 8.333333%;
-  }
-
-  .lg\:max-h-2\/12 {
-    max-height: 16.666667%;
-  }
-
-  .lg\:max-h-3\/12 {
-    max-height: 25%;
-  }
-
-  .lg\:max-h-4\/12 {
-    max-height: 33.333333%;
-  }
-
-  .lg\:max-h-5\/12 {
-    max-height: 41.666667%;
-  }
-
-  .lg\:max-h-6\/12 {
-    max-height: 50%;
-  }
-
-  .lg\:max-h-7\/12 {
-    max-height: 58.333333%;
-  }
-
-  .lg\:max-h-8\/12 {
-    max-height: 66.666667%;
-  }
-
-  .lg\:max-h-9\/12 {
-    max-height: 75%;
-  }
-
-  .lg\:max-h-10\/12 {
-    max-height: 83.333333%;
-  }
-
-  .lg\:max-h-11\/12 {
-    max-height: 91.666667%;
-  }
-
-  .lg\:max-h-full {
-    max-height: 100%;
-  }
-
-  .lg\:max-w-none {
-    max-width: none;
-  }
-
-  .lg\:max-w-xs {
-    max-width: 20rem;
-  }
-
-  .lg\:max-w-sm {
-    max-width: 24rem;
-  }
-
-  .lg\:max-w-md {
-    max-width: 28rem;
-  }
-
-  .lg\:max-w-lg {
-    max-width: 32rem;
-  }
-
-  .lg\:max-w-xl {
-    max-width: 36rem;
-  }
-
-  .lg\:max-w-2xl {
-    max-width: 42rem;
-  }
-
-  .lg\:max-w-3xl {
-    max-width: 48rem;
-  }
-
-  .lg\:max-w-4xl {
-    max-width: 56rem;
-  }
-
-  .lg\:max-w-5xl {
-    max-width: 64rem;
-  }
-
-  .lg\:max-w-6xl {
-    max-width: 72rem;
-  }
-
-  .lg\:max-w-7xl {
-    max-width: 80rem;
-  }
-
-  .lg\:max-w-full {
-    max-width: 100%;
-  }
-
-  .lg\:max-w-screen-sm {
-    max-width: 640px;
-  }
-
-  .lg\:max-w-screen-md {
-    max-width: 768px;
-  }
-
-  .lg\:max-w-screen-lg {
-    max-width: 1024px;
-  }
-
-  .lg\:max-w-screen-xl {
-    max-width: 1280px;
-  }
-
-  .lg\:min-h-0 {
-    min-height: 0;
-  }
-
-  .lg\:min-h-full {
-    min-height: 100%;
-  }
-
-  .lg\:min-h-screen {
-    min-height: 100vh;
-  }
-
-  .lg\:min-w-0 {
-    min-width: 0;
-  }
-
-  .lg\:min-w-full {
-    min-width: 100%;
-  }
-
-  .lg\:object-contain {
-    -o-object-fit: contain;
-       object-fit: contain;
-  }
-
-  .lg\:object-cover {
-    -o-object-fit: cover;
-       object-fit: cover;
-  }
-
-  .lg\:object-fill {
-    -o-object-fit: fill;
-       object-fit: fill;
-  }
-
-  .lg\:object-none {
-    -o-object-fit: none;
-       object-fit: none;
-  }
-
-  .lg\:object-scale-down {
-    -o-object-fit: scale-down;
-       object-fit: scale-down;
-  }
-
-  .lg\:object-bottom {
-    -o-object-position: bottom;
-       object-position: bottom;
-  }
-
-  .lg\:object-center {
-    -o-object-position: center;
-       object-position: center;
-  }
-
-  .lg\:object-left {
-    -o-object-position: left;
-       object-position: left;
-  }
-
-  .lg\:object-left-bottom {
-    -o-object-position: left bottom;
-       object-position: left bottom;
-  }
-
-  .lg\:object-left-top {
-    -o-object-position: left top;
-       object-position: left top;
-  }
-
-  .lg\:object-right {
-    -o-object-position: right;
-       object-position: right;
-  }
-
-  .lg\:object-right-bottom {
-    -o-object-position: right bottom;
-       object-position: right bottom;
-  }
-
-  .lg\:object-right-top {
-    -o-object-position: right top;
-       object-position: right top;
-  }
-
-  .lg\:object-top {
-    -o-object-position: top;
-       object-position: top;
-  }
-
-  .lg\:opacity-0 {
-    opacity: 0;
-  }
-
-  .lg\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .lg\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .lg\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .lg\:opacity-100 {
-    opacity: 1;
-  }
-
-  .lg\:hover\:opacity-0:hover {
-    opacity: 0;
-  }
-
-  .lg\:hover\:opacity-25:hover {
-    opacity: 0.25;
-  }
-
-  .lg\:hover\:opacity-50:hover {
-    opacity: 0.5;
-  }
-
-  .lg\:hover\:opacity-75:hover {
-    opacity: 0.75;
-  }
-
-  .lg\:hover\:opacity-100:hover {
-    opacity: 1;
-  }
-
-  .lg\:focus\:opacity-0:focus {
-    opacity: 0;
-  }
-
-  .lg\:focus\:opacity-25:focus {
-    opacity: 0.25;
-  }
-
-  .lg\:focus\:opacity-50:focus {
-    opacity: 0.5;
-  }
-
-  .lg\:focus\:opacity-75:focus {
-    opacity: 0.75;
-  }
-
-  .lg\:focus\:opacity-100:focus {
-    opacity: 1;
-  }
-
-  .lg\:outline-none {
-    outline: 0;
-  }
-
-  .lg\:focus\:outline-none:focus {
-    outline: 0;
-  }
-
-  .lg\:overflow-auto {
-    overflow: auto;
-  }
-
-  .lg\:overflow-hidden {
-    overflow: hidden;
-  }
-
-  .lg\:overflow-visible {
-    overflow: visible;
-  }
-
-  .lg\:overflow-scroll {
-    overflow: scroll;
-  }
-
-  .lg\:overflow-x-auto {
-    overflow-x: auto;
-  }
-
-  .lg\:overflow-y-auto {
-    overflow-y: auto;
-  }
-
-  .lg\:overflow-x-hidden {
-    overflow-x: hidden;
-  }
-
-  .lg\:overflow-y-hidden {
-    overflow-y: hidden;
-  }
-
-  .lg\:overflow-x-visible {
-    overflow-x: visible;
-  }
-
-  .lg\:overflow-y-visible {
-    overflow-y: visible;
-  }
-
-  .lg\:overflow-x-scroll {
-    overflow-x: scroll;
-  }
-
-  .lg\:overflow-y-scroll {
-    overflow-y: scroll;
-  }
-
-  .lg\:scrolling-touch {
-    -webkit-overflow-scrolling: touch;
-  }
-
-  .lg\:scrolling-auto {
-    -webkit-overflow-scrolling: auto;
-  }
-
-  .lg\:overscroll-auto {
-    -ms-scroll-chaining: chained;
-        overscroll-behavior: auto;
-  }
-
-  .lg\:overscroll-contain {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: contain;
-  }
-
-  .lg\:overscroll-none {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: none;
-  }
-
-  .lg\:overscroll-y-auto {
-    overscroll-behavior-y: auto;
-  }
-
-  .lg\:overscroll-y-contain {
-    overscroll-behavior-y: contain;
-  }
-
-  .lg\:overscroll-y-none {
-    overscroll-behavior-y: none;
-  }
-
-  .lg\:overscroll-x-auto {
-    overscroll-behavior-x: auto;
-  }
-
-  .lg\:overscroll-x-contain {
-    overscroll-behavior-x: contain;
-  }
-
-  .lg\:overscroll-x-none {
-    overscroll-behavior-x: none;
-  }
-
-  .lg\:p-0 {
-    padding: 0;
-  }
-
-  .lg\:p-1 {
-    padding: 0.25rem;
-  }
-
-  .lg\:p-2 {
-    padding: 0.5rem;
-  }
-
-  .lg\:p-3 {
-    padding: 0.75rem;
-  }
-
-  .lg\:p-4 {
-    padding: 1rem;
-  }
-
-  .lg\:p-5 {
-    padding: 1.25rem;
-  }
-
-  .lg\:p-6 {
-    padding: 1.5rem;
-  }
-
-  .lg\:p-7 {
-    padding: 1.75rem;
-  }
-
-  .lg\:p-8 {
-    padding: 2rem;
-  }
-
-  .lg\:p-9 {
-    padding: 2.25rem;
-  }
-
-  .lg\:p-10 {
-    padding: 2.5rem;
-  }
-
-  .lg\:p-11 {
-    padding: 2.75rem;
-  }
-
-  .lg\:p-12 {
-    padding: 3rem;
-  }
-
-  .lg\:p-13 {
-    padding: 3.25rem;
-  }
-
-  .lg\:p-14 {
-    padding: 3.5rem;
-  }
-
-  .lg\:p-15 {
-    padding: 3.75rem;
-  }
-
-  .lg\:p-16 {
-    padding: 4rem;
-  }
-
-  .lg\:p-20 {
-    padding: 5rem;
-  }
-
-  .lg\:p-24 {
-    padding: 6rem;
-  }
-
-  .lg\:p-28 {
-    padding: 7rem;
-  }
-
-  .lg\:p-32 {
-    padding: 8rem;
-  }
-
-  .lg\:p-36 {
-    padding: 9rem;
-  }
-
-  .lg\:p-40 {
-    padding: 10rem;
-  }
-
-  .lg\:p-48 {
-    padding: 12rem;
-  }
-
-  .lg\:p-56 {
-    padding: 14rem;
-  }
-
-  .lg\:p-60 {
-    padding: 15rem;
-  }
-
-  .lg\:p-64 {
-    padding: 16rem;
-  }
-
-  .lg\:p-72 {
-    padding: 18rem;
-  }
-
-  .lg\:p-80 {
-    padding: 20rem;
-  }
-
-  .lg\:p-96 {
-    padding: 24rem;
-  }
-
-  .lg\:p-px {
-    padding: 1px;
-  }
-
-  .lg\:p-0\.5 {
-    padding: 0.125rem;
-  }
-
-  .lg\:p-1\.5 {
-    padding: 0.375rem;
-  }
-
-  .lg\:p-2\.5 {
-    padding: 0.625rem;
-  }
-
-  .lg\:p-3\.5 {
-    padding: 0.875rem;
-  }
-
-  .lg\:p-1\/2 {
-    padding: 50%;
-  }
-
-  .lg\:p-1\/3 {
-    padding: 33.333333%;
-  }
-
-  .lg\:p-2\/3 {
-    padding: 66.666667%;
-  }
-
-  .lg\:p-1\/4 {
-    padding: 25%;
-  }
-
-  .lg\:p-2\/4 {
-    padding: 50%;
-  }
-
-  .lg\:p-3\/4 {
-    padding: 75%;
-  }
-
-  .lg\:p-1\/5 {
-    padding: 20%;
-  }
-
-  .lg\:p-2\/5 {
-    padding: 40%;
-  }
-
-  .lg\:p-3\/5 {
-    padding: 60%;
-  }
-
-  .lg\:p-4\/5 {
-    padding: 80%;
-  }
-
-  .lg\:p-1\/6 {
-    padding: 16.666667%;
-  }
-
-  .lg\:p-2\/6 {
-    padding: 33.333333%;
-  }
-
-  .lg\:p-3\/6 {
-    padding: 50%;
-  }
-
-  .lg\:p-4\/6 {
-    padding: 66.666667%;
-  }
-
-  .lg\:p-5\/6 {
-    padding: 83.333333%;
-  }
-
-  .lg\:p-1\/12 {
-    padding: 8.333333%;
-  }
-
-  .lg\:p-2\/12 {
-    padding: 16.666667%;
-  }
-
-  .lg\:p-3\/12 {
-    padding: 25%;
-  }
-
-  .lg\:p-4\/12 {
-    padding: 33.333333%;
-  }
-
-  .lg\:p-5\/12 {
-    padding: 41.666667%;
-  }
-
-  .lg\:p-6\/12 {
-    padding: 50%;
-  }
-
-  .lg\:p-7\/12 {
-    padding: 58.333333%;
-  }
-
-  .lg\:p-8\/12 {
-    padding: 66.666667%;
-  }
-
-  .lg\:p-9\/12 {
-    padding: 75%;
-  }
-
-  .lg\:p-10\/12 {
-    padding: 83.333333%;
-  }
-
-  .lg\:p-11\/12 {
-    padding: 91.666667%;
-  }
-
-  .lg\:p-full {
-    padding: 100%;
-  }
-
-  .lg\:py-0 {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  .lg\:px-0 {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .lg\:py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
-
-  .lg\:px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-  }
-
-  .lg\:py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-  }
-
-  .lg\:px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-  }
-
-  .lg\:py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
-  }
-
-  .lg\:px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-  }
-
-  .lg\:py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-
-  .lg\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .lg\:py-5 {
-    padding-top: 1.25rem;
-    padding-bottom: 1.25rem;
-  }
-
-  .lg\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
-  .lg\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-
-  .lg\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  .lg\:py-7 {
-    padding-top: 1.75rem;
-    padding-bottom: 1.75rem;
-  }
-
-  .lg\:px-7 {
-    padding-left: 1.75rem;
-    padding-right: 1.75rem;
-  }
-
-  .lg\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-
-  .lg\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .lg\:py-9 {
-    padding-top: 2.25rem;
-    padding-bottom: 2.25rem;
-  }
-
-  .lg\:px-9 {
-    padding-left: 2.25rem;
-    padding-right: 2.25rem;
-  }
-
-  .lg\:py-10 {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
-  }
-
-  .lg\:px-10 {
-    padding-left: 2.5rem;
-    padding-right: 2.5rem;
-  }
-
-  .lg\:py-11 {
-    padding-top: 2.75rem;
-    padding-bottom: 2.75rem;
-  }
-
-  .lg\:px-11 {
-    padding-left: 2.75rem;
-    padding-right: 2.75rem;
-  }
-
-  .lg\:py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
-  }
-
-  .lg\:px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-
-  .lg\:py-13 {
-    padding-top: 3.25rem;
-    padding-bottom: 3.25rem;
-  }
-
-  .lg\:px-13 {
-    padding-left: 3.25rem;
-    padding-right: 3.25rem;
-  }
-
-  .lg\:py-14 {
-    padding-top: 3.5rem;
-    padding-bottom: 3.5rem;
-  }
-
-  .lg\:px-14 {
-    padding-left: 3.5rem;
-    padding-right: 3.5rem;
-  }
-
-  .lg\:py-15 {
-    padding-top: 3.75rem;
-    padding-bottom: 3.75rem;
-  }
-
-  .lg\:px-15 {
-    padding-left: 3.75rem;
-    padding-right: 3.75rem;
-  }
-
-  .lg\:py-16 {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-
-  .lg\:px-16 {
-    padding-left: 4rem;
-    padding-right: 4rem;
-  }
-
-  .lg\:py-20 {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
-  }
-
-  .lg\:px-20 {
-    padding-left: 5rem;
-    padding-right: 5rem;
-  }
-
-  .lg\:py-24 {
-    padding-top: 6rem;
-    padding-bottom: 6rem;
-  }
-
-  .lg\:px-24 {
-    padding-left: 6rem;
-    padding-right: 6rem;
-  }
-
-  .lg\:py-28 {
-    padding-top: 7rem;
-    padding-bottom: 7rem;
-  }
-
-  .lg\:px-28 {
-    padding-left: 7rem;
-    padding-right: 7rem;
-  }
-
-  .lg\:py-32 {
-    padding-top: 8rem;
-    padding-bottom: 8rem;
-  }
-
-  .lg\:px-32 {
-    padding-left: 8rem;
-    padding-right: 8rem;
-  }
-
-  .lg\:py-36 {
-    padding-top: 9rem;
-    padding-bottom: 9rem;
-  }
-
-  .lg\:px-36 {
-    padding-left: 9rem;
-    padding-right: 9rem;
-  }
-
-  .lg\:py-40 {
-    padding-top: 10rem;
-    padding-bottom: 10rem;
-  }
-
-  .lg\:px-40 {
-    padding-left: 10rem;
-    padding-right: 10rem;
-  }
-
-  .lg\:py-48 {
-    padding-top: 12rem;
-    padding-bottom: 12rem;
-  }
-
-  .lg\:px-48 {
-    padding-left: 12rem;
-    padding-right: 12rem;
-  }
-
-  .lg\:py-56 {
-    padding-top: 14rem;
-    padding-bottom: 14rem;
-  }
-
-  .lg\:px-56 {
-    padding-left: 14rem;
-    padding-right: 14rem;
-  }
-
-  .lg\:py-60 {
-    padding-top: 15rem;
-    padding-bottom: 15rem;
-  }
-
-  .lg\:px-60 {
-    padding-left: 15rem;
-    padding-right: 15rem;
-  }
-
-  .lg\:py-64 {
-    padding-top: 16rem;
-    padding-bottom: 16rem;
-  }
-
-  .lg\:px-64 {
-    padding-left: 16rem;
-    padding-right: 16rem;
-  }
-
-  .lg\:py-72 {
-    padding-top: 18rem;
-    padding-bottom: 18rem;
-  }
-
-  .lg\:px-72 {
-    padding-left: 18rem;
-    padding-right: 18rem;
-  }
-
-  .lg\:py-80 {
-    padding-top: 20rem;
-    padding-bottom: 20rem;
-  }
-
-  .lg\:px-80 {
-    padding-left: 20rem;
-    padding-right: 20rem;
-  }
-
-  .lg\:py-96 {
-    padding-top: 24rem;
-    padding-bottom: 24rem;
-  }
-
-  .lg\:px-96 {
-    padding-left: 24rem;
-    padding-right: 24rem;
-  }
-
-  .lg\:py-px {
-    padding-top: 1px;
-    padding-bottom: 1px;
-  }
-
-  .lg\:px-px {
-    padding-left: 1px;
-    padding-right: 1px;
-  }
-
-  .lg\:py-0\.5 {
-    padding-top: 0.125rem;
-    padding-bottom: 0.125rem;
-  }
-
-  .lg\:px-0\.5 {
-    padding-left: 0.125rem;
-    padding-right: 0.125rem;
-  }
-
-  .lg\:py-1\.5 {
-    padding-top: 0.375rem;
-    padding-bottom: 0.375rem;
-  }
-
-  .lg\:px-1\.5 {
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
-  }
-
-  .lg\:py-2\.5 {
-    padding-top: 0.625rem;
-    padding-bottom: 0.625rem;
-  }
-
-  .lg\:px-2\.5 {
-    padding-left: 0.625rem;
-    padding-right: 0.625rem;
-  }
-
-  .lg\:py-3\.5 {
-    padding-top: 0.875rem;
-    padding-bottom: 0.875rem;
-  }
-
-  .lg\:px-3\.5 {
-    padding-left: 0.875rem;
-    padding-right: 0.875rem;
-  }
-
-  .lg\:py-1\/2 {
-    padding-top: 50%;
-    padding-bottom: 50%;
-  }
-
-  .lg\:px-1\/2 {
-    padding-left: 50%;
-    padding-right: 50%;
-  }
-
-  .lg\:py-1\/3 {
-    padding-top: 33.333333%;
-    padding-bottom: 33.333333%;
-  }
-
-  .lg\:px-1\/3 {
-    padding-left: 33.333333%;
-    padding-right: 33.333333%;
-  }
-
-  .lg\:py-2\/3 {
-    padding-top: 66.666667%;
-    padding-bottom: 66.666667%;
-  }
-
-  .lg\:px-2\/3 {
-    padding-left: 66.666667%;
-    padding-right: 66.666667%;
-  }
-
-  .lg\:py-1\/4 {
-    padding-top: 25%;
-    padding-bottom: 25%;
-  }
-
-  .lg\:px-1\/4 {
-    padding-left: 25%;
-    padding-right: 25%;
-  }
-
-  .lg\:py-2\/4 {
-    padding-top: 50%;
-    padding-bottom: 50%;
-  }
-
-  .lg\:px-2\/4 {
-    padding-left: 50%;
-    padding-right: 50%;
-  }
-
-  .lg\:py-3\/4 {
-    padding-top: 75%;
-    padding-bottom: 75%;
-  }
-
-  .lg\:px-3\/4 {
-    padding-left: 75%;
-    padding-right: 75%;
-  }
-
-  .lg\:py-1\/5 {
-    padding-top: 20%;
-    padding-bottom: 20%;
-  }
-
-  .lg\:px-1\/5 {
-    padding-left: 20%;
-    padding-right: 20%;
-  }
-
-  .lg\:py-2\/5 {
-    padding-top: 40%;
-    padding-bottom: 40%;
-  }
-
-  .lg\:px-2\/5 {
-    padding-left: 40%;
-    padding-right: 40%;
-  }
-
-  .lg\:py-3\/5 {
-    padding-top: 60%;
-    padding-bottom: 60%;
-  }
-
-  .lg\:px-3\/5 {
-    padding-left: 60%;
-    padding-right: 60%;
-  }
-
-  .lg\:py-4\/5 {
-    padding-top: 80%;
-    padding-bottom: 80%;
-  }
-
-  .lg\:px-4\/5 {
-    padding-left: 80%;
-    padding-right: 80%;
-  }
-
-  .lg\:py-1\/6 {
-    padding-top: 16.666667%;
-    padding-bottom: 16.666667%;
-  }
-
-  .lg\:px-1\/6 {
-    padding-left: 16.666667%;
-    padding-right: 16.666667%;
-  }
-
-  .lg\:py-2\/6 {
-    padding-top: 33.333333%;
-    padding-bottom: 33.333333%;
-  }
-
-  .lg\:px-2\/6 {
-    padding-left: 33.333333%;
-    padding-right: 33.333333%;
-  }
-
-  .lg\:py-3\/6 {
-    padding-top: 50%;
-    padding-bottom: 50%;
-  }
-
-  .lg\:px-3\/6 {
-    padding-left: 50%;
-    padding-right: 50%;
-  }
-
-  .lg\:py-4\/6 {
-    padding-top: 66.666667%;
-    padding-bottom: 66.666667%;
-  }
-
-  .lg\:px-4\/6 {
-    padding-left: 66.666667%;
-    padding-right: 66.666667%;
-  }
-
-  .lg\:py-5\/6 {
-    padding-top: 83.333333%;
-    padding-bottom: 83.333333%;
-  }
-
-  .lg\:px-5\/6 {
-    padding-left: 83.333333%;
-    padding-right: 83.333333%;
-  }
-
-  .lg\:py-1\/12 {
-    padding-top: 8.333333%;
-    padding-bottom: 8.333333%;
-  }
-
-  .lg\:px-1\/12 {
-    padding-left: 8.333333%;
-    padding-right: 8.333333%;
-  }
-
-  .lg\:py-2\/12 {
-    padding-top: 16.666667%;
-    padding-bottom: 16.666667%;
-  }
-
-  .lg\:px-2\/12 {
-    padding-left: 16.666667%;
-    padding-right: 16.666667%;
-  }
-
-  .lg\:py-3\/12 {
-    padding-top: 25%;
-    padding-bottom: 25%;
-  }
-
-  .lg\:px-3\/12 {
-    padding-left: 25%;
-    padding-right: 25%;
-  }
-
-  .lg\:py-4\/12 {
-    padding-top: 33.333333%;
-    padding-bottom: 33.333333%;
-  }
-
-  .lg\:px-4\/12 {
-    padding-left: 33.333333%;
-    padding-right: 33.333333%;
-  }
-
-  .lg\:py-5\/12 {
-    padding-top: 41.666667%;
-    padding-bottom: 41.666667%;
-  }
-
-  .lg\:px-5\/12 {
-    padding-left: 41.666667%;
-    padding-right: 41.666667%;
-  }
-
-  .lg\:py-6\/12 {
-    padding-top: 50%;
-    padding-bottom: 50%;
-  }
-
-  .lg\:px-6\/12 {
-    padding-left: 50%;
-    padding-right: 50%;
-  }
-
-  .lg\:py-7\/12 {
-    padding-top: 58.333333%;
-    padding-bottom: 58.333333%;
-  }
-
-  .lg\:px-7\/12 {
-    padding-left: 58.333333%;
-    padding-right: 58.333333%;
-  }
-
-  .lg\:py-8\/12 {
-    padding-top: 66.666667%;
-    padding-bottom: 66.666667%;
-  }
-
-  .lg\:px-8\/12 {
-    padding-left: 66.666667%;
-    padding-right: 66.666667%;
-  }
-
-  .lg\:py-9\/12 {
-    padding-top: 75%;
-    padding-bottom: 75%;
-  }
-
-  .lg\:px-9\/12 {
-    padding-left: 75%;
-    padding-right: 75%;
-  }
-
-  .lg\:py-10\/12 {
-    padding-top: 83.333333%;
-    padding-bottom: 83.333333%;
-  }
-
-  .lg\:px-10\/12 {
-    padding-left: 83.333333%;
-    padding-right: 83.333333%;
-  }
-
-  .lg\:py-11\/12 {
-    padding-top: 91.666667%;
-    padding-bottom: 91.666667%;
-  }
-
-  .lg\:px-11\/12 {
-    padding-left: 91.666667%;
-    padding-right: 91.666667%;
-  }
-
-  .lg\:py-full {
-    padding-top: 100%;
-    padding-bottom: 100%;
-  }
-
-  .lg\:px-full {
-    padding-left: 100%;
-    padding-right: 100%;
-  }
-
-  .lg\:pt-0 {
-    padding-top: 0;
-  }
-
-  .lg\:pr-0 {
-    padding-right: 0;
-  }
-
-  .lg\:pb-0 {
-    padding-bottom: 0;
-  }
-
-  .lg\:pl-0 {
-    padding-left: 0;
-  }
-
-  .lg\:pt-1 {
-    padding-top: 0.25rem;
-  }
-
-  .lg\:pr-1 {
-    padding-right: 0.25rem;
-  }
-
-  .lg\:pb-1 {
-    padding-bottom: 0.25rem;
-  }
-
-  .lg\:pl-1 {
-    padding-left: 0.25rem;
-  }
-
-  .lg\:pt-2 {
-    padding-top: 0.5rem;
-  }
-
-  .lg\:pr-2 {
-    padding-right: 0.5rem;
-  }
-
-  .lg\:pb-2 {
-    padding-bottom: 0.5rem;
-  }
-
-  .lg\:pl-2 {
-    padding-left: 0.5rem;
-  }
-
-  .lg\:pt-3 {
-    padding-top: 0.75rem;
-  }
-
-  .lg\:pr-3 {
-    padding-right: 0.75rem;
-  }
-
-  .lg\:pb-3 {
-    padding-bottom: 0.75rem;
-  }
-
-  .lg\:pl-3 {
-    padding-left: 0.75rem;
-  }
-
-  .lg\:pt-4 {
-    padding-top: 1rem;
-  }
-
-  .lg\:pr-4 {
-    padding-right: 1rem;
-  }
-
-  .lg\:pb-4 {
-    padding-bottom: 1rem;
-  }
-
-  .lg\:pl-4 {
-    padding-left: 1rem;
-  }
-
-  .lg\:pt-5 {
-    padding-top: 1.25rem;
-  }
-
-  .lg\:pr-5 {
-    padding-right: 1.25rem;
-  }
-
-  .lg\:pb-5 {
-    padding-bottom: 1.25rem;
-  }
-
-  .lg\:pl-5 {
-    padding-left: 1.25rem;
-  }
-
-  .lg\:pt-6 {
-    padding-top: 1.5rem;
-  }
-
-  .lg\:pr-6 {
-    padding-right: 1.5rem;
-  }
-
-  .lg\:pb-6 {
-    padding-bottom: 1.5rem;
-  }
-
-  .lg\:pl-6 {
-    padding-left: 1.5rem;
-  }
-
-  .lg\:pt-7 {
-    padding-top: 1.75rem;
-  }
-
-  .lg\:pr-7 {
-    padding-right: 1.75rem;
-  }
-
-  .lg\:pb-7 {
-    padding-bottom: 1.75rem;
-  }
-
-  .lg\:pl-7 {
-    padding-left: 1.75rem;
-  }
-
-  .lg\:pt-8 {
-    padding-top: 2rem;
-  }
-
-  .lg\:pr-8 {
-    padding-right: 2rem;
-  }
-
-  .lg\:pb-8 {
-    padding-bottom: 2rem;
-  }
-
-  .lg\:pl-8 {
-    padding-left: 2rem;
-  }
-
-  .lg\:pt-9 {
-    padding-top: 2.25rem;
-  }
-
-  .lg\:pr-9 {
-    padding-right: 2.25rem;
-  }
-
-  .lg\:pb-9 {
-    padding-bottom: 2.25rem;
-  }
-
-  .lg\:pl-9 {
-    padding-left: 2.25rem;
-  }
-
-  .lg\:pt-10 {
-    padding-top: 2.5rem;
-  }
-
-  .lg\:pr-10 {
-    padding-right: 2.5rem;
-  }
-
-  .lg\:pb-10 {
-    padding-bottom: 2.5rem;
-  }
-
-  .lg\:pl-10 {
-    padding-left: 2.5rem;
-  }
-
-  .lg\:pt-11 {
-    padding-top: 2.75rem;
-  }
-
-  .lg\:pr-11 {
-    padding-right: 2.75rem;
-  }
-
-  .lg\:pb-11 {
-    padding-bottom: 2.75rem;
-  }
-
-  .lg\:pl-11 {
-    padding-left: 2.75rem;
-  }
-
-  .lg\:pt-12 {
-    padding-top: 3rem;
-  }
-
-  .lg\:pr-12 {
-    padding-right: 3rem;
-  }
-
-  .lg\:pb-12 {
-    padding-bottom: 3rem;
-  }
-
-  .lg\:pl-12 {
-    padding-left: 3rem;
-  }
-
-  .lg\:pt-13 {
-    padding-top: 3.25rem;
-  }
-
-  .lg\:pr-13 {
-    padding-right: 3.25rem;
-  }
-
-  .lg\:pb-13 {
-    padding-bottom: 3.25rem;
-  }
-
-  .lg\:pl-13 {
-    padding-left: 3.25rem;
-  }
-
-  .lg\:pt-14 {
-    padding-top: 3.5rem;
-  }
-
-  .lg\:pr-14 {
-    padding-right: 3.5rem;
-  }
-
-  .lg\:pb-14 {
-    padding-bottom: 3.5rem;
-  }
-
-  .lg\:pl-14 {
-    padding-left: 3.5rem;
-  }
-
-  .lg\:pt-15 {
-    padding-top: 3.75rem;
-  }
-
-  .lg\:pr-15 {
-    padding-right: 3.75rem;
-  }
-
-  .lg\:pb-15 {
-    padding-bottom: 3.75rem;
-  }
-
-  .lg\:pl-15 {
-    padding-left: 3.75rem;
-  }
-
-  .lg\:pt-16 {
-    padding-top: 4rem;
-  }
-
-  .lg\:pr-16 {
-    padding-right: 4rem;
-  }
-
-  .lg\:pb-16 {
-    padding-bottom: 4rem;
-  }
-
-  .lg\:pl-16 {
-    padding-left: 4rem;
-  }
-
-  .lg\:pt-20 {
-    padding-top: 5rem;
-  }
-
-  .lg\:pr-20 {
-    padding-right: 5rem;
-  }
-
-  .lg\:pb-20 {
-    padding-bottom: 5rem;
-  }
-
-  .lg\:pl-20 {
-    padding-left: 5rem;
-  }
-
-  .lg\:pt-24 {
-    padding-top: 6rem;
-  }
-
-  .lg\:pr-24 {
-    padding-right: 6rem;
-  }
-
-  .lg\:pb-24 {
-    padding-bottom: 6rem;
-  }
-
-  .lg\:pl-24 {
-    padding-left: 6rem;
-  }
-
-  .lg\:pt-28 {
-    padding-top: 7rem;
-  }
-
-  .lg\:pr-28 {
-    padding-right: 7rem;
-  }
-
-  .lg\:pb-28 {
-    padding-bottom: 7rem;
-  }
-
-  .lg\:pl-28 {
-    padding-left: 7rem;
-  }
-
-  .lg\:pt-32 {
-    padding-top: 8rem;
-  }
-
-  .lg\:pr-32 {
-    padding-right: 8rem;
-  }
-
-  .lg\:pb-32 {
-    padding-bottom: 8rem;
-  }
-
-  .lg\:pl-32 {
-    padding-left: 8rem;
-  }
-
-  .lg\:pt-36 {
-    padding-top: 9rem;
-  }
-
-  .lg\:pr-36 {
-    padding-right: 9rem;
-  }
-
-  .lg\:pb-36 {
-    padding-bottom: 9rem;
-  }
-
-  .lg\:pl-36 {
-    padding-left: 9rem;
-  }
-
-  .lg\:pt-40 {
-    padding-top: 10rem;
-  }
-
-  .lg\:pr-40 {
-    padding-right: 10rem;
-  }
-
-  .lg\:pb-40 {
-    padding-bottom: 10rem;
-  }
-
-  .lg\:pl-40 {
-    padding-left: 10rem;
-  }
-
-  .lg\:pt-48 {
-    padding-top: 12rem;
-  }
-
-  .lg\:pr-48 {
-    padding-right: 12rem;
-  }
-
-  .lg\:pb-48 {
-    padding-bottom: 12rem;
-  }
-
-  .lg\:pl-48 {
-    padding-left: 12rem;
-  }
-
-  .lg\:pt-56 {
-    padding-top: 14rem;
-  }
-
-  .lg\:pr-56 {
-    padding-right: 14rem;
-  }
-
-  .lg\:pb-56 {
-    padding-bottom: 14rem;
-  }
-
-  .lg\:pl-56 {
-    padding-left: 14rem;
-  }
-
-  .lg\:pt-60 {
-    padding-top: 15rem;
-  }
-
-  .lg\:pr-60 {
-    padding-right: 15rem;
-  }
-
-  .lg\:pb-60 {
-    padding-bottom: 15rem;
-  }
-
-  .lg\:pl-60 {
-    padding-left: 15rem;
-  }
-
-  .lg\:pt-64 {
-    padding-top: 16rem;
-  }
-
-  .lg\:pr-64 {
-    padding-right: 16rem;
-  }
-
-  .lg\:pb-64 {
-    padding-bottom: 16rem;
-  }
-
-  .lg\:pl-64 {
-    padding-left: 16rem;
-  }
-
-  .lg\:pt-72 {
-    padding-top: 18rem;
-  }
-
-  .lg\:pr-72 {
-    padding-right: 18rem;
-  }
-
-  .lg\:pb-72 {
-    padding-bottom: 18rem;
-  }
-
-  .lg\:pl-72 {
-    padding-left: 18rem;
-  }
-
-  .lg\:pt-80 {
-    padding-top: 20rem;
-  }
-
-  .lg\:pr-80 {
-    padding-right: 20rem;
-  }
-
-  .lg\:pb-80 {
-    padding-bottom: 20rem;
-  }
-
-  .lg\:pl-80 {
-    padding-left: 20rem;
-  }
-
-  .lg\:pt-96 {
-    padding-top: 24rem;
-  }
-
-  .lg\:pr-96 {
-    padding-right: 24rem;
-  }
-
-  .lg\:pb-96 {
-    padding-bottom: 24rem;
-  }
-
-  .lg\:pl-96 {
-    padding-left: 24rem;
-  }
-
-  .lg\:pt-px {
-    padding-top: 1px;
-  }
-
-  .lg\:pr-px {
-    padding-right: 1px;
-  }
-
-  .lg\:pb-px {
-    padding-bottom: 1px;
-  }
-
-  .lg\:pl-px {
-    padding-left: 1px;
-  }
-
-  .lg\:pt-0\.5 {
-    padding-top: 0.125rem;
-  }
-
-  .lg\:pr-0\.5 {
-    padding-right: 0.125rem;
-  }
-
-  .lg\:pb-0\.5 {
-    padding-bottom: 0.125rem;
-  }
-
-  .lg\:pl-0\.5 {
-    padding-left: 0.125rem;
-  }
-
-  .lg\:pt-1\.5 {
-    padding-top: 0.375rem;
-  }
-
-  .lg\:pr-1\.5 {
-    padding-right: 0.375rem;
-  }
-
-  .lg\:pb-1\.5 {
-    padding-bottom: 0.375rem;
-  }
-
-  .lg\:pl-1\.5 {
-    padding-left: 0.375rem;
-  }
-
-  .lg\:pt-2\.5 {
-    padding-top: 0.625rem;
-  }
-
-  .lg\:pr-2\.5 {
-    padding-right: 0.625rem;
-  }
-
-  .lg\:pb-2\.5 {
-    padding-bottom: 0.625rem;
-  }
-
-  .lg\:pl-2\.5 {
-    padding-left: 0.625rem;
-  }
-
-  .lg\:pt-3\.5 {
-    padding-top: 0.875rem;
-  }
-
-  .lg\:pr-3\.5 {
-    padding-right: 0.875rem;
-  }
-
-  .lg\:pb-3\.5 {
-    padding-bottom: 0.875rem;
-  }
-
-  .lg\:pl-3\.5 {
-    padding-left: 0.875rem;
-  }
-
-  .lg\:pt-1\/2 {
-    padding-top: 50%;
-  }
-
-  .lg\:pr-1\/2 {
-    padding-right: 50%;
-  }
-
-  .lg\:pb-1\/2 {
-    padding-bottom: 50%;
-  }
-
-  .lg\:pl-1\/2 {
-    padding-left: 50%;
-  }
-
-  .lg\:pt-1\/3 {
-    padding-top: 33.333333%;
-  }
-
-  .lg\:pr-1\/3 {
-    padding-right: 33.333333%;
-  }
-
-  .lg\:pb-1\/3 {
-    padding-bottom: 33.333333%;
-  }
-
-  .lg\:pl-1\/3 {
-    padding-left: 33.333333%;
-  }
-
-  .lg\:pt-2\/3 {
-    padding-top: 66.666667%;
-  }
-
-  .lg\:pr-2\/3 {
-    padding-right: 66.666667%;
-  }
-
-  .lg\:pb-2\/3 {
-    padding-bottom: 66.666667%;
-  }
-
-  .lg\:pl-2\/3 {
-    padding-left: 66.666667%;
-  }
-
-  .lg\:pt-1\/4 {
-    padding-top: 25%;
-  }
-
-  .lg\:pr-1\/4 {
-    padding-right: 25%;
-  }
-
-  .lg\:pb-1\/4 {
-    padding-bottom: 25%;
-  }
-
-  .lg\:pl-1\/4 {
-    padding-left: 25%;
-  }
-
-  .lg\:pt-2\/4 {
-    padding-top: 50%;
-  }
-
-  .lg\:pr-2\/4 {
-    padding-right: 50%;
-  }
-
-  .lg\:pb-2\/4 {
-    padding-bottom: 50%;
-  }
-
-  .lg\:pl-2\/4 {
-    padding-left: 50%;
-  }
-
-  .lg\:pt-3\/4 {
-    padding-top: 75%;
-  }
-
-  .lg\:pr-3\/4 {
-    padding-right: 75%;
-  }
-
-  .lg\:pb-3\/4 {
-    padding-bottom: 75%;
-  }
-
-  .lg\:pl-3\/4 {
-    padding-left: 75%;
-  }
-
-  .lg\:pt-1\/5 {
-    padding-top: 20%;
-  }
-
-  .lg\:pr-1\/5 {
-    padding-right: 20%;
-  }
-
-  .lg\:pb-1\/5 {
-    padding-bottom: 20%;
-  }
-
-  .lg\:pl-1\/5 {
-    padding-left: 20%;
-  }
-
-  .lg\:pt-2\/5 {
-    padding-top: 40%;
-  }
-
-  .lg\:pr-2\/5 {
-    padding-right: 40%;
-  }
-
-  .lg\:pb-2\/5 {
-    padding-bottom: 40%;
-  }
-
-  .lg\:pl-2\/5 {
-    padding-left: 40%;
-  }
-
-  .lg\:pt-3\/5 {
-    padding-top: 60%;
-  }
-
-  .lg\:pr-3\/5 {
-    padding-right: 60%;
-  }
-
-  .lg\:pb-3\/5 {
-    padding-bottom: 60%;
-  }
-
-  .lg\:pl-3\/5 {
-    padding-left: 60%;
-  }
-
-  .lg\:pt-4\/5 {
-    padding-top: 80%;
-  }
-
-  .lg\:pr-4\/5 {
-    padding-right: 80%;
-  }
-
-  .lg\:pb-4\/5 {
-    padding-bottom: 80%;
-  }
-
-  .lg\:pl-4\/5 {
-    padding-left: 80%;
-  }
-
-  .lg\:pt-1\/6 {
-    padding-top: 16.666667%;
-  }
-
-  .lg\:pr-1\/6 {
-    padding-right: 16.666667%;
-  }
-
-  .lg\:pb-1\/6 {
-    padding-bottom: 16.666667%;
-  }
-
-  .lg\:pl-1\/6 {
-    padding-left: 16.666667%;
-  }
-
-  .lg\:pt-2\/6 {
-    padding-top: 33.333333%;
-  }
-
-  .lg\:pr-2\/6 {
-    padding-right: 33.333333%;
-  }
-
-  .lg\:pb-2\/6 {
-    padding-bottom: 33.333333%;
-  }
-
-  .lg\:pl-2\/6 {
-    padding-left: 33.333333%;
-  }
-
-  .lg\:pt-3\/6 {
-    padding-top: 50%;
-  }
-
-  .lg\:pr-3\/6 {
-    padding-right: 50%;
-  }
-
-  .lg\:pb-3\/6 {
-    padding-bottom: 50%;
-  }
-
-  .lg\:pl-3\/6 {
-    padding-left: 50%;
-  }
-
-  .lg\:pt-4\/6 {
-    padding-top: 66.666667%;
-  }
-
-  .lg\:pr-4\/6 {
-    padding-right: 66.666667%;
-  }
-
-  .lg\:pb-4\/6 {
-    padding-bottom: 66.666667%;
-  }
-
-  .lg\:pl-4\/6 {
-    padding-left: 66.666667%;
-  }
-
-  .lg\:pt-5\/6 {
-    padding-top: 83.333333%;
-  }
-
-  .lg\:pr-5\/6 {
-    padding-right: 83.333333%;
-  }
-
-  .lg\:pb-5\/6 {
-    padding-bottom: 83.333333%;
-  }
-
-  .lg\:pl-5\/6 {
-    padding-left: 83.333333%;
-  }
-
-  .lg\:pt-1\/12 {
-    padding-top: 8.333333%;
-  }
-
-  .lg\:pr-1\/12 {
-    padding-right: 8.333333%;
-  }
-
-  .lg\:pb-1\/12 {
-    padding-bottom: 8.333333%;
-  }
-
-  .lg\:pl-1\/12 {
-    padding-left: 8.333333%;
-  }
-
-  .lg\:pt-2\/12 {
-    padding-top: 16.666667%;
-  }
-
-  .lg\:pr-2\/12 {
-    padding-right: 16.666667%;
-  }
-
-  .lg\:pb-2\/12 {
-    padding-bottom: 16.666667%;
-  }
-
-  .lg\:pl-2\/12 {
-    padding-left: 16.666667%;
-  }
-
-  .lg\:pt-3\/12 {
-    padding-top: 25%;
-  }
-
-  .lg\:pr-3\/12 {
-    padding-right: 25%;
-  }
-
-  .lg\:pb-3\/12 {
-    padding-bottom: 25%;
-  }
-
-  .lg\:pl-3\/12 {
-    padding-left: 25%;
-  }
-
-  .lg\:pt-4\/12 {
-    padding-top: 33.333333%;
-  }
-
-  .lg\:pr-4\/12 {
-    padding-right: 33.333333%;
-  }
-
-  .lg\:pb-4\/12 {
-    padding-bottom: 33.333333%;
-  }
-
-  .lg\:pl-4\/12 {
-    padding-left: 33.333333%;
-  }
-
-  .lg\:pt-5\/12 {
-    padding-top: 41.666667%;
-  }
-
-  .lg\:pr-5\/12 {
-    padding-right: 41.666667%;
-  }
-
-  .lg\:pb-5\/12 {
-    padding-bottom: 41.666667%;
-  }
-
-  .lg\:pl-5\/12 {
-    padding-left: 41.666667%;
-  }
-
-  .lg\:pt-6\/12 {
-    padding-top: 50%;
-  }
-
-  .lg\:pr-6\/12 {
-    padding-right: 50%;
-  }
-
-  .lg\:pb-6\/12 {
-    padding-bottom: 50%;
-  }
-
-  .lg\:pl-6\/12 {
-    padding-left: 50%;
-  }
-
-  .lg\:pt-7\/12 {
-    padding-top: 58.333333%;
-  }
-
-  .lg\:pr-7\/12 {
-    padding-right: 58.333333%;
-  }
-
-  .lg\:pb-7\/12 {
-    padding-bottom: 58.333333%;
-  }
-
-  .lg\:pl-7\/12 {
-    padding-left: 58.333333%;
-  }
-
-  .lg\:pt-8\/12 {
-    padding-top: 66.666667%;
-  }
-
-  .lg\:pr-8\/12 {
-    padding-right: 66.666667%;
-  }
-
-  .lg\:pb-8\/12 {
-    padding-bottom: 66.666667%;
-  }
-
-  .lg\:pl-8\/12 {
-    padding-left: 66.666667%;
-  }
-
-  .lg\:pt-9\/12 {
-    padding-top: 75%;
-  }
-
-  .lg\:pr-9\/12 {
-    padding-right: 75%;
-  }
-
-  .lg\:pb-9\/12 {
-    padding-bottom: 75%;
-  }
-
-  .lg\:pl-9\/12 {
-    padding-left: 75%;
-  }
-
-  .lg\:pt-10\/12 {
-    padding-top: 83.333333%;
-  }
-
-  .lg\:pr-10\/12 {
-    padding-right: 83.333333%;
-  }
-
-  .lg\:pb-10\/12 {
-    padding-bottom: 83.333333%;
-  }
-
-  .lg\:pl-10\/12 {
-    padding-left: 83.333333%;
-  }
-
-  .lg\:pt-11\/12 {
-    padding-top: 91.666667%;
-  }
-
-  .lg\:pr-11\/12 {
-    padding-right: 91.666667%;
-  }
-
-  .lg\:pb-11\/12 {
-    padding-bottom: 91.666667%;
-  }
-
-  .lg\:pl-11\/12 {
-    padding-left: 91.666667%;
-  }
-
-  .lg\:pt-full {
-    padding-top: 100%;
-  }
-
-  .lg\:pr-full {
-    padding-right: 100%;
-  }
-
-  .lg\:pb-full {
-    padding-bottom: 100%;
-  }
-
-  .lg\:pl-full {
-    padding-left: 100%;
-  }
-
-  .lg\:placeholder-transparent::-moz-placeholder {
-    color: transparent;
-  }
-
-  .lg\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .lg\:placeholder-transparent::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .lg\:placeholder-transparent::placeholder {
-    color: transparent;
-  }
-
-  .lg\:placeholder-white::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-white:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-white::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-white::placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-black::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-black:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-black::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-black::placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-cool-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-red-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-orange-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-yellow-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-green-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-teal-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-blue-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-indigo-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-purple-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-pink-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-transparent:focus::-moz-placeholder {
-    color: transparent;
-  }
-
-  .lg\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .lg\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .lg\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
-  }
-
-  .lg\:focus\:placeholder-white:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-white:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-white:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-black:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-black:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-black:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-cool-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-red-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-orange-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-yellow-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-green-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-teal-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-blue-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-indigo-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-purple-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .lg\:focus\:placeholder-pink-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .lg\:placeholder-opacity-0::-moz-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .lg\:placeholder-opacity-0:-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .lg\:placeholder-opacity-0::-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .lg\:placeholder-opacity-0::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .lg\:placeholder-opacity-25::-moz-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .lg\:placeholder-opacity-25:-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .lg\:placeholder-opacity-25::-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .lg\:placeholder-opacity-25::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .lg\:placeholder-opacity-50::-moz-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .lg\:placeholder-opacity-50:-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .lg\:placeholder-opacity-50::-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .lg\:placeholder-opacity-50::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .lg\:placeholder-opacity-75::-moz-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .lg\:placeholder-opacity-75:-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .lg\:placeholder-opacity-75::-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .lg\:placeholder-opacity-75::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .lg\:placeholder-opacity-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .lg\:placeholder-opacity-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .lg\:placeholder-opacity-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .lg\:placeholder-opacity-100::placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .lg\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .lg\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .lg\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .lg\:focus\:placeholder-opacity-0:focus::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .lg\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .lg\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .lg\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .lg\:focus\:placeholder-opacity-25:focus::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .lg\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .lg\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .lg\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .lg\:focus\:placeholder-opacity-50:focus::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .lg\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .lg\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .lg\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .lg\:focus\:placeholder-opacity-75:focus::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .lg\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .lg\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .lg\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .lg\:focus\:placeholder-opacity-100:focus::placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .lg\:pointer-events-none {
-    pointer-events: none;
-  }
-
-  .lg\:pointer-events-auto {
-    pointer-events: auto;
-  }
-
-  .lg\:static {
-    position: static;
-  }
-
-  .lg\:fixed {
-    position: fixed;
-  }
-
-  .lg\:absolute {
-    position: absolute;
-  }
-
-  .lg\:relative {
-    position: relative;
-  }
-
-  .lg\:sticky {
-    position: -webkit-sticky;
-    position: sticky;
-  }
-
-  .lg\:inset-0 {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-  }
-
-  .lg\:inset-1 {
-    top: 0.25rem;
-    right: 0.25rem;
-    bottom: 0.25rem;
-    left: 0.25rem;
-  }
-
-  .lg\:inset-2 {
-    top: 0.5rem;
-    right: 0.5rem;
-    bottom: 0.5rem;
-    left: 0.5rem;
-  }
-
-  .lg\:inset-3 {
-    top: 0.75rem;
-    right: 0.75rem;
-    bottom: 0.75rem;
-    left: 0.75rem;
-  }
-
-  .lg\:inset-4 {
-    top: 1rem;
-    right: 1rem;
-    bottom: 1rem;
-    left: 1rem;
-  }
-
-  .lg\:inset-5 {
-    top: 1.25rem;
-    right: 1.25rem;
-    bottom: 1.25rem;
-    left: 1.25rem;
-  }
-
-  .lg\:inset-6 {
-    top: 1.5rem;
-    right: 1.5rem;
-    bottom: 1.5rem;
-    left: 1.5rem;
-  }
-
-  .lg\:inset-7 {
-    top: 1.75rem;
-    right: 1.75rem;
-    bottom: 1.75rem;
-    left: 1.75rem;
-  }
-
-  .lg\:inset-8 {
-    top: 2rem;
-    right: 2rem;
-    bottom: 2rem;
-    left: 2rem;
-  }
-
-  .lg\:inset-9 {
-    top: 2.25rem;
-    right: 2.25rem;
-    bottom: 2.25rem;
-    left: 2.25rem;
-  }
-
-  .lg\:inset-10 {
-    top: 2.5rem;
-    right: 2.5rem;
-    bottom: 2.5rem;
-    left: 2.5rem;
-  }
-
-  .lg\:inset-11 {
-    top: 2.75rem;
-    right: 2.75rem;
-    bottom: 2.75rem;
-    left: 2.75rem;
-  }
-
-  .lg\:inset-12 {
-    top: 3rem;
-    right: 3rem;
-    bottom: 3rem;
-    left: 3rem;
-  }
-
-  .lg\:inset-13 {
-    top: 3.25rem;
-    right: 3.25rem;
-    bottom: 3.25rem;
-    left: 3.25rem;
-  }
-
-  .lg\:inset-14 {
-    top: 3.5rem;
-    right: 3.5rem;
-    bottom: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .lg\:inset-15 {
-    top: 3.75rem;
-    right: 3.75rem;
-    bottom: 3.75rem;
-    left: 3.75rem;
-  }
-
-  .lg\:inset-16 {
-    top: 4rem;
-    right: 4rem;
-    bottom: 4rem;
-    left: 4rem;
-  }
-
-  .lg\:inset-20 {
-    top: 5rem;
-    right: 5rem;
-    bottom: 5rem;
-    left: 5rem;
-  }
-
-  .lg\:inset-24 {
-    top: 6rem;
-    right: 6rem;
-    bottom: 6rem;
-    left: 6rem;
-  }
-
-  .lg\:inset-28 {
-    top: 7rem;
-    right: 7rem;
-    bottom: 7rem;
-    left: 7rem;
-  }
-
-  .lg\:inset-32 {
-    top: 8rem;
-    right: 8rem;
-    bottom: 8rem;
-    left: 8rem;
-  }
-
-  .lg\:inset-36 {
-    top: 9rem;
-    right: 9rem;
-    bottom: 9rem;
-    left: 9rem;
-  }
-
-  .lg\:inset-40 {
-    top: 10rem;
-    right: 10rem;
-    bottom: 10rem;
-    left: 10rem;
-  }
-
-  .lg\:inset-48 {
-    top: 12rem;
-    right: 12rem;
-    bottom: 12rem;
-    left: 12rem;
-  }
-
-  .lg\:inset-56 {
-    top: 14rem;
-    right: 14rem;
-    bottom: 14rem;
-    left: 14rem;
-  }
-
-  .lg\:inset-60 {
-    top: 15rem;
-    right: 15rem;
-    bottom: 15rem;
-    left: 15rem;
-  }
-
-  .lg\:inset-64 {
-    top: 16rem;
-    right: 16rem;
-    bottom: 16rem;
-    left: 16rem;
-  }
-
-  .lg\:inset-72 {
-    top: 18rem;
-    right: 18rem;
-    bottom: 18rem;
-    left: 18rem;
-  }
-
-  .lg\:inset-80 {
-    top: 20rem;
-    right: 20rem;
-    bottom: 20rem;
-    left: 20rem;
-  }
-
-  .lg\:inset-96 {
-    top: 24rem;
-    right: 24rem;
-    bottom: 24rem;
-    left: 24rem;
-  }
-
-  .lg\:inset-auto {
-    top: auto;
-    right: auto;
-    bottom: auto;
-    left: auto;
-  }
-
-  .lg\:inset-px {
-    top: 1px;
-    right: 1px;
-    bottom: 1px;
-    left: 1px;
-  }
-
-  .lg\:inset-0\.5 {
-    top: 0.125rem;
-    right: 0.125rem;
-    bottom: 0.125rem;
-    left: 0.125rem;
-  }
-
-  .lg\:inset-1\.5 {
-    top: 0.375rem;
-    right: 0.375rem;
-    bottom: 0.375rem;
-    left: 0.375rem;
-  }
-
-  .lg\:inset-2\.5 {
-    top: 0.625rem;
-    right: 0.625rem;
-    bottom: 0.625rem;
-    left: 0.625rem;
-  }
-
-  .lg\:inset-3\.5 {
-    top: 0.875rem;
-    right: 0.875rem;
-    bottom: 0.875rem;
-    left: 0.875rem;
-  }
-
-  .lg\:inset-1\/2 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .lg\:inset-1\/3 {
-    top: 33.333333%;
-    right: 33.333333%;
-    bottom: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .lg\:inset-2\/3 {
-    top: 66.666667%;
-    right: 66.666667%;
-    bottom: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .lg\:inset-1\/4 {
-    top: 25%;
-    right: 25%;
-    bottom: 25%;
-    left: 25%;
-  }
-
-  .lg\:inset-2\/4 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .lg\:inset-3\/4 {
-    top: 75%;
-    right: 75%;
-    bottom: 75%;
-    left: 75%;
-  }
-
-  .lg\:inset-1\/5 {
-    top: 20%;
-    right: 20%;
-    bottom: 20%;
-    left: 20%;
-  }
-
-  .lg\:inset-2\/5 {
-    top: 40%;
-    right: 40%;
-    bottom: 40%;
-    left: 40%;
-  }
-
-  .lg\:inset-3\/5 {
-    top: 60%;
-    right: 60%;
-    bottom: 60%;
-    left: 60%;
-  }
-
-  .lg\:inset-4\/5 {
-    top: 80%;
-    right: 80%;
-    bottom: 80%;
-    left: 80%;
-  }
-
-  .lg\:inset-1\/6 {
-    top: 16.666667%;
-    right: 16.666667%;
-    bottom: 16.666667%;
-    left: 16.666667%;
-  }
-
-  .lg\:inset-2\/6 {
-    top: 33.333333%;
-    right: 33.333333%;
-    bottom: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .lg\:inset-3\/6 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .lg\:inset-4\/6 {
-    top: 66.666667%;
-    right: 66.666667%;
-    bottom: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .lg\:inset-5\/6 {
-    top: 83.333333%;
-    right: 83.333333%;
-    bottom: 83.333333%;
-    left: 83.333333%;
-  }
-
-  .lg\:inset-1\/12 {
-    top: 8.333333%;
-    right: 8.333333%;
-    bottom: 8.333333%;
-    left: 8.333333%;
-  }
-
-  .lg\:inset-2\/12 {
-    top: 16.666667%;
-    right: 16.666667%;
-    bottom: 16.666667%;
-    left: 16.666667%;
-  }
-
-  .lg\:inset-3\/12 {
-    top: 25%;
-    right: 25%;
-    bottom: 25%;
-    left: 25%;
-  }
-
-  .lg\:inset-4\/12 {
-    top: 33.333333%;
-    right: 33.333333%;
-    bottom: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .lg\:inset-5\/12 {
-    top: 41.666667%;
-    right: 41.666667%;
-    bottom: 41.666667%;
-    left: 41.666667%;
-  }
-
-  .lg\:inset-6\/12 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .lg\:inset-7\/12 {
-    top: 58.333333%;
-    right: 58.333333%;
-    bottom: 58.333333%;
-    left: 58.333333%;
-  }
-
-  .lg\:inset-8\/12 {
-    top: 66.666667%;
-    right: 66.666667%;
-    bottom: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .lg\:inset-9\/12 {
-    top: 75%;
-    right: 75%;
-    bottom: 75%;
-    left: 75%;
-  }
-
-  .lg\:inset-10\/12 {
-    top: 83.333333%;
-    right: 83.333333%;
-    bottom: 83.333333%;
-    left: 83.333333%;
-  }
-
-  .lg\:inset-11\/12 {
-    top: 91.666667%;
-    right: 91.666667%;
-    bottom: 91.666667%;
-    left: 91.666667%;
-  }
-
-  .lg\:inset-full {
-    top: 100%;
-    right: 100%;
-    bottom: 100%;
-    left: 100%;
-  }
-
-  .lg\:inset-y-0 {
-    top: 0;
-    bottom: 0;
-  }
-
-  .lg\:inset-x-0 {
-    right: 0;
-    left: 0;
-  }
-
-  .lg\:inset-y-1 {
-    top: 0.25rem;
-    bottom: 0.25rem;
-  }
-
-  .lg\:inset-x-1 {
-    right: 0.25rem;
-    left: 0.25rem;
-  }
-
-  .lg\:inset-y-2 {
-    top: 0.5rem;
-    bottom: 0.5rem;
-  }
-
-  .lg\:inset-x-2 {
-    right: 0.5rem;
-    left: 0.5rem;
-  }
-
-  .lg\:inset-y-3 {
-    top: 0.75rem;
-    bottom: 0.75rem;
-  }
-
-  .lg\:inset-x-3 {
-    right: 0.75rem;
-    left: 0.75rem;
-  }
-
-  .lg\:inset-y-4 {
-    top: 1rem;
-    bottom: 1rem;
-  }
-
-  .lg\:inset-x-4 {
-    right: 1rem;
-    left: 1rem;
-  }
-
-  .lg\:inset-y-5 {
-    top: 1.25rem;
-    bottom: 1.25rem;
-  }
-
-  .lg\:inset-x-5 {
-    right: 1.25rem;
-    left: 1.25rem;
-  }
-
-  .lg\:inset-y-6 {
-    top: 1.5rem;
-    bottom: 1.5rem;
-  }
-
-  .lg\:inset-x-6 {
-    right: 1.5rem;
-    left: 1.5rem;
-  }
-
-  .lg\:inset-y-7 {
-    top: 1.75rem;
-    bottom: 1.75rem;
-  }
-
-  .lg\:inset-x-7 {
-    right: 1.75rem;
-    left: 1.75rem;
-  }
-
-  .lg\:inset-y-8 {
-    top: 2rem;
-    bottom: 2rem;
-  }
-
-  .lg\:inset-x-8 {
-    right: 2rem;
-    left: 2rem;
-  }
-
-  .lg\:inset-y-9 {
-    top: 2.25rem;
-    bottom: 2.25rem;
-  }
-
-  .lg\:inset-x-9 {
-    right: 2.25rem;
-    left: 2.25rem;
-  }
-
-  .lg\:inset-y-10 {
-    top: 2.5rem;
-    bottom: 2.5rem;
-  }
-
-  .lg\:inset-x-10 {
-    right: 2.5rem;
-    left: 2.5rem;
-  }
-
-  .lg\:inset-y-11 {
-    top: 2.75rem;
-    bottom: 2.75rem;
-  }
-
-  .lg\:inset-x-11 {
-    right: 2.75rem;
-    left: 2.75rem;
-  }
-
-  .lg\:inset-y-12 {
-    top: 3rem;
-    bottom: 3rem;
-  }
-
-  .lg\:inset-x-12 {
-    right: 3rem;
-    left: 3rem;
-  }
-
-  .lg\:inset-y-13 {
-    top: 3.25rem;
-    bottom: 3.25rem;
-  }
-
-  .lg\:inset-x-13 {
-    right: 3.25rem;
-    left: 3.25rem;
-  }
-
-  .lg\:inset-y-14 {
-    top: 3.5rem;
-    bottom: 3.5rem;
-  }
-
-  .lg\:inset-x-14 {
-    right: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .lg\:inset-y-15 {
-    top: 3.75rem;
-    bottom: 3.75rem;
-  }
-
-  .lg\:inset-x-15 {
-    right: 3.75rem;
-    left: 3.75rem;
-  }
-
-  .lg\:inset-y-16 {
-    top: 4rem;
-    bottom: 4rem;
-  }
-
-  .lg\:inset-x-16 {
-    right: 4rem;
-    left: 4rem;
-  }
-
-  .lg\:inset-y-20 {
-    top: 5rem;
-    bottom: 5rem;
-  }
-
-  .lg\:inset-x-20 {
-    right: 5rem;
-    left: 5rem;
-  }
-
-  .lg\:inset-y-24 {
-    top: 6rem;
-    bottom: 6rem;
-  }
-
-  .lg\:inset-x-24 {
-    right: 6rem;
-    left: 6rem;
-  }
-
-  .lg\:inset-y-28 {
-    top: 7rem;
-    bottom: 7rem;
-  }
-
-  .lg\:inset-x-28 {
-    right: 7rem;
-    left: 7rem;
-  }
-
-  .lg\:inset-y-32 {
-    top: 8rem;
-    bottom: 8rem;
-  }
-
-  .lg\:inset-x-32 {
-    right: 8rem;
-    left: 8rem;
-  }
-
-  .lg\:inset-y-36 {
-    top: 9rem;
-    bottom: 9rem;
-  }
-
-  .lg\:inset-x-36 {
-    right: 9rem;
-    left: 9rem;
-  }
-
-  .lg\:inset-y-40 {
-    top: 10rem;
-    bottom: 10rem;
-  }
-
-  .lg\:inset-x-40 {
-    right: 10rem;
-    left: 10rem;
-  }
-
-  .lg\:inset-y-48 {
-    top: 12rem;
-    bottom: 12rem;
-  }
-
-  .lg\:inset-x-48 {
-    right: 12rem;
-    left: 12rem;
-  }
-
-  .lg\:inset-y-56 {
-    top: 14rem;
-    bottom: 14rem;
-  }
-
-  .lg\:inset-x-56 {
-    right: 14rem;
-    left: 14rem;
-  }
-
-  .lg\:inset-y-60 {
-    top: 15rem;
-    bottom: 15rem;
-  }
-
-  .lg\:inset-x-60 {
-    right: 15rem;
-    left: 15rem;
-  }
-
-  .lg\:inset-y-64 {
-    top: 16rem;
-    bottom: 16rem;
-  }
-
-  .lg\:inset-x-64 {
-    right: 16rem;
-    left: 16rem;
-  }
-
-  .lg\:inset-y-72 {
-    top: 18rem;
-    bottom: 18rem;
-  }
-
-  .lg\:inset-x-72 {
-    right: 18rem;
-    left: 18rem;
-  }
-
-  .lg\:inset-y-80 {
-    top: 20rem;
-    bottom: 20rem;
-  }
-
-  .lg\:inset-x-80 {
-    right: 20rem;
-    left: 20rem;
-  }
-
-  .lg\:inset-y-96 {
-    top: 24rem;
-    bottom: 24rem;
-  }
-
-  .lg\:inset-x-96 {
-    right: 24rem;
-    left: 24rem;
-  }
-
-  .lg\:inset-y-auto {
-    top: auto;
-    bottom: auto;
-  }
-
-  .lg\:inset-x-auto {
-    right: auto;
-    left: auto;
-  }
-
-  .lg\:inset-y-px {
-    top: 1px;
-    bottom: 1px;
-  }
-
-  .lg\:inset-x-px {
-    right: 1px;
-    left: 1px;
-  }
-
-  .lg\:inset-y-0\.5 {
-    top: 0.125rem;
-    bottom: 0.125rem;
-  }
-
-  .lg\:inset-x-0\.5 {
-    right: 0.125rem;
-    left: 0.125rem;
-  }
-
-  .lg\:inset-y-1\.5 {
-    top: 0.375rem;
-    bottom: 0.375rem;
-  }
-
-  .lg\:inset-x-1\.5 {
-    right: 0.375rem;
-    left: 0.375rem;
-  }
-
-  .lg\:inset-y-2\.5 {
-    top: 0.625rem;
-    bottom: 0.625rem;
-  }
-
-  .lg\:inset-x-2\.5 {
-    right: 0.625rem;
-    left: 0.625rem;
-  }
-
-  .lg\:inset-y-3\.5 {
-    top: 0.875rem;
-    bottom: 0.875rem;
-  }
-
-  .lg\:inset-x-3\.5 {
-    right: 0.875rem;
-    left: 0.875rem;
-  }
-
-  .lg\:inset-y-1\/2 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .lg\:inset-x-1\/2 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .lg\:inset-y-1\/3 {
-    top: 33.333333%;
-    bottom: 33.333333%;
-  }
-
-  .lg\:inset-x-1\/3 {
-    right: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .lg\:inset-y-2\/3 {
-    top: 66.666667%;
-    bottom: 66.666667%;
-  }
-
-  .lg\:inset-x-2\/3 {
-    right: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .lg\:inset-y-1\/4 {
-    top: 25%;
-    bottom: 25%;
-  }
-
-  .lg\:inset-x-1\/4 {
-    right: 25%;
-    left: 25%;
-  }
-
-  .lg\:inset-y-2\/4 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .lg\:inset-x-2\/4 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .lg\:inset-y-3\/4 {
-    top: 75%;
-    bottom: 75%;
-  }
-
-  .lg\:inset-x-3\/4 {
-    right: 75%;
-    left: 75%;
-  }
-
-  .lg\:inset-y-1\/5 {
-    top: 20%;
-    bottom: 20%;
-  }
-
-  .lg\:inset-x-1\/5 {
-    right: 20%;
-    left: 20%;
-  }
-
-  .lg\:inset-y-2\/5 {
-    top: 40%;
-    bottom: 40%;
-  }
-
-  .lg\:inset-x-2\/5 {
-    right: 40%;
-    left: 40%;
-  }
-
-  .lg\:inset-y-3\/5 {
-    top: 60%;
-    bottom: 60%;
-  }
-
-  .lg\:inset-x-3\/5 {
-    right: 60%;
-    left: 60%;
-  }
-
-  .lg\:inset-y-4\/5 {
-    top: 80%;
-    bottom: 80%;
-  }
-
-  .lg\:inset-x-4\/5 {
-    right: 80%;
-    left: 80%;
-  }
-
-  .lg\:inset-y-1\/6 {
-    top: 16.666667%;
-    bottom: 16.666667%;
-  }
-
-  .lg\:inset-x-1\/6 {
-    right: 16.666667%;
-    left: 16.666667%;
-  }
-
-  .lg\:inset-y-2\/6 {
-    top: 33.333333%;
-    bottom: 33.333333%;
-  }
-
-  .lg\:inset-x-2\/6 {
-    right: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .lg\:inset-y-3\/6 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .lg\:inset-x-3\/6 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .lg\:inset-y-4\/6 {
-    top: 66.666667%;
-    bottom: 66.666667%;
-  }
-
-  .lg\:inset-x-4\/6 {
-    right: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .lg\:inset-y-5\/6 {
-    top: 83.333333%;
-    bottom: 83.333333%;
-  }
-
-  .lg\:inset-x-5\/6 {
-    right: 83.333333%;
-    left: 83.333333%;
-  }
-
-  .lg\:inset-y-1\/12 {
-    top: 8.333333%;
-    bottom: 8.333333%;
-  }
-
-  .lg\:inset-x-1\/12 {
-    right: 8.333333%;
-    left: 8.333333%;
-  }
-
-  .lg\:inset-y-2\/12 {
-    top: 16.666667%;
-    bottom: 16.666667%;
-  }
-
-  .lg\:inset-x-2\/12 {
-    right: 16.666667%;
-    left: 16.666667%;
-  }
-
-  .lg\:inset-y-3\/12 {
-    top: 25%;
-    bottom: 25%;
-  }
-
-  .lg\:inset-x-3\/12 {
-    right: 25%;
-    left: 25%;
-  }
-
-  .lg\:inset-y-4\/12 {
-    top: 33.333333%;
-    bottom: 33.333333%;
-  }
-
-  .lg\:inset-x-4\/12 {
-    right: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .lg\:inset-y-5\/12 {
-    top: 41.666667%;
-    bottom: 41.666667%;
-  }
-
-  .lg\:inset-x-5\/12 {
-    right: 41.666667%;
-    left: 41.666667%;
-  }
-
-  .lg\:inset-y-6\/12 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .lg\:inset-x-6\/12 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .lg\:inset-y-7\/12 {
-    top: 58.333333%;
-    bottom: 58.333333%;
-  }
-
-  .lg\:inset-x-7\/12 {
-    right: 58.333333%;
-    left: 58.333333%;
-  }
-
-  .lg\:inset-y-8\/12 {
-    top: 66.666667%;
-    bottom: 66.666667%;
-  }
-
-  .lg\:inset-x-8\/12 {
-    right: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .lg\:inset-y-9\/12 {
-    top: 75%;
-    bottom: 75%;
-  }
-
-  .lg\:inset-x-9\/12 {
-    right: 75%;
-    left: 75%;
-  }
-
-  .lg\:inset-y-10\/12 {
-    top: 83.333333%;
-    bottom: 83.333333%;
-  }
-
-  .lg\:inset-x-10\/12 {
-    right: 83.333333%;
-    left: 83.333333%;
-  }
-
-  .lg\:inset-y-11\/12 {
-    top: 91.666667%;
-    bottom: 91.666667%;
-  }
-
-  .lg\:inset-x-11\/12 {
-    right: 91.666667%;
-    left: 91.666667%;
-  }
-
-  .lg\:inset-y-full {
-    top: 100%;
-    bottom: 100%;
-  }
-
-  .lg\:inset-x-full {
-    right: 100%;
-    left: 100%;
-  }
-
-  .lg\:top-0 {
-    top: 0;
-  }
-
-  .lg\:right-0 {
-    right: 0;
-  }
-
-  .lg\:bottom-0 {
-    bottom: 0;
-  }
-
-  .lg\:left-0 {
-    left: 0;
-  }
-
-  .lg\:top-1 {
-    top: 0.25rem;
-  }
-
-  .lg\:right-1 {
-    right: 0.25rem;
-  }
-
-  .lg\:bottom-1 {
-    bottom: 0.25rem;
-  }
-
-  .lg\:left-1 {
-    left: 0.25rem;
-  }
-
-  .lg\:top-2 {
-    top: 0.5rem;
-  }
-
-  .lg\:right-2 {
-    right: 0.5rem;
-  }
-
-  .lg\:bottom-2 {
-    bottom: 0.5rem;
-  }
-
-  .lg\:left-2 {
-    left: 0.5rem;
-  }
-
-  .lg\:top-3 {
-    top: 0.75rem;
-  }
-
-  .lg\:right-3 {
-    right: 0.75rem;
-  }
-
-  .lg\:bottom-3 {
-    bottom: 0.75rem;
-  }
-
-  .lg\:left-3 {
-    left: 0.75rem;
-  }
-
-  .lg\:top-4 {
-    top: 1rem;
-  }
-
-  .lg\:right-4 {
-    right: 1rem;
-  }
-
-  .lg\:bottom-4 {
-    bottom: 1rem;
-  }
-
-  .lg\:left-4 {
-    left: 1rem;
-  }
-
-  .lg\:top-5 {
-    top: 1.25rem;
-  }
-
-  .lg\:right-5 {
-    right: 1.25rem;
-  }
-
-  .lg\:bottom-5 {
-    bottom: 1.25rem;
-  }
-
-  .lg\:left-5 {
-    left: 1.25rem;
-  }
-
-  .lg\:top-6 {
-    top: 1.5rem;
-  }
-
-  .lg\:right-6 {
-    right: 1.5rem;
-  }
-
-  .lg\:bottom-6 {
-    bottom: 1.5rem;
-  }
-
-  .lg\:left-6 {
-    left: 1.5rem;
-  }
-
-  .lg\:top-7 {
-    top: 1.75rem;
-  }
-
-  .lg\:right-7 {
-    right: 1.75rem;
-  }
-
-  .lg\:bottom-7 {
-    bottom: 1.75rem;
-  }
-
-  .lg\:left-7 {
-    left: 1.75rem;
-  }
-
-  .lg\:top-8 {
-    top: 2rem;
-  }
-
-  .lg\:right-8 {
-    right: 2rem;
-  }
-
-  .lg\:bottom-8 {
-    bottom: 2rem;
-  }
-
-  .lg\:left-8 {
-    left: 2rem;
-  }
-
-  .lg\:top-9 {
-    top: 2.25rem;
-  }
-
-  .lg\:right-9 {
-    right: 2.25rem;
-  }
-
-  .lg\:bottom-9 {
-    bottom: 2.25rem;
-  }
-
-  .lg\:left-9 {
-    left: 2.25rem;
-  }
-
-  .lg\:top-10 {
-    top: 2.5rem;
-  }
-
-  .lg\:right-10 {
-    right: 2.5rem;
-  }
-
-  .lg\:bottom-10 {
-    bottom: 2.5rem;
-  }
-
-  .lg\:left-10 {
-    left: 2.5rem;
-  }
-
-  .lg\:top-11 {
-    top: 2.75rem;
-  }
-
-  .lg\:right-11 {
-    right: 2.75rem;
-  }
-
-  .lg\:bottom-11 {
-    bottom: 2.75rem;
-  }
-
-  .lg\:left-11 {
-    left: 2.75rem;
-  }
-
-  .lg\:top-12 {
-    top: 3rem;
-  }
-
-  .lg\:right-12 {
-    right: 3rem;
-  }
-
-  .lg\:bottom-12 {
-    bottom: 3rem;
-  }
-
-  .lg\:left-12 {
-    left: 3rem;
-  }
-
-  .lg\:top-13 {
-    top: 3.25rem;
-  }
-
-  .lg\:right-13 {
-    right: 3.25rem;
-  }
-
-  .lg\:bottom-13 {
-    bottom: 3.25rem;
-  }
-
-  .lg\:left-13 {
-    left: 3.25rem;
-  }
-
-  .lg\:top-14 {
-    top: 3.5rem;
-  }
-
-  .lg\:right-14 {
-    right: 3.5rem;
-  }
-
-  .lg\:bottom-14 {
-    bottom: 3.5rem;
-  }
-
-  .lg\:left-14 {
-    left: 3.5rem;
-  }
-
-  .lg\:top-15 {
-    top: 3.75rem;
-  }
-
-  .lg\:right-15 {
-    right: 3.75rem;
-  }
-
-  .lg\:bottom-15 {
-    bottom: 3.75rem;
-  }
-
-  .lg\:left-15 {
-    left: 3.75rem;
-  }
-
-  .lg\:top-16 {
-    top: 4rem;
-  }
-
-  .lg\:right-16 {
-    right: 4rem;
-  }
-
-  .lg\:bottom-16 {
-    bottom: 4rem;
-  }
-
-  .lg\:left-16 {
-    left: 4rem;
-  }
-
-  .lg\:top-20 {
-    top: 5rem;
-  }
-
-  .lg\:right-20 {
-    right: 5rem;
-  }
-
-  .lg\:bottom-20 {
-    bottom: 5rem;
-  }
-
-  .lg\:left-20 {
-    left: 5rem;
-  }
-
-  .lg\:top-24 {
-    top: 6rem;
-  }
-
-  .lg\:right-24 {
-    right: 6rem;
-  }
-
-  .lg\:bottom-24 {
-    bottom: 6rem;
-  }
-
-  .lg\:left-24 {
-    left: 6rem;
-  }
-
-  .lg\:top-28 {
-    top: 7rem;
-  }
-
-  .lg\:right-28 {
-    right: 7rem;
-  }
-
-  .lg\:bottom-28 {
-    bottom: 7rem;
-  }
-
-  .lg\:left-28 {
-    left: 7rem;
-  }
-
-  .lg\:top-32 {
-    top: 8rem;
-  }
-
-  .lg\:right-32 {
-    right: 8rem;
-  }
-
-  .lg\:bottom-32 {
-    bottom: 8rem;
-  }
-
-  .lg\:left-32 {
-    left: 8rem;
-  }
-
-  .lg\:top-36 {
-    top: 9rem;
-  }
-
-  .lg\:right-36 {
-    right: 9rem;
-  }
-
-  .lg\:bottom-36 {
-    bottom: 9rem;
-  }
-
-  .lg\:left-36 {
-    left: 9rem;
-  }
-
-  .lg\:top-40 {
-    top: 10rem;
-  }
-
-  .lg\:right-40 {
-    right: 10rem;
-  }
-
-  .lg\:bottom-40 {
-    bottom: 10rem;
-  }
-
-  .lg\:left-40 {
-    left: 10rem;
-  }
-
-  .lg\:top-48 {
-    top: 12rem;
-  }
-
-  .lg\:right-48 {
-    right: 12rem;
-  }
-
-  .lg\:bottom-48 {
-    bottom: 12rem;
-  }
-
-  .lg\:left-48 {
-    left: 12rem;
-  }
-
-  .lg\:top-56 {
-    top: 14rem;
-  }
-
-  .lg\:right-56 {
-    right: 14rem;
-  }
-
-  .lg\:bottom-56 {
-    bottom: 14rem;
-  }
-
-  .lg\:left-56 {
-    left: 14rem;
-  }
-
-  .lg\:top-60 {
-    top: 15rem;
-  }
-
-  .lg\:right-60 {
-    right: 15rem;
-  }
-
-  .lg\:bottom-60 {
-    bottom: 15rem;
-  }
-
-  .lg\:left-60 {
-    left: 15rem;
-  }
-
-  .lg\:top-64 {
-    top: 16rem;
-  }
-
-  .lg\:right-64 {
-    right: 16rem;
-  }
-
-  .lg\:bottom-64 {
-    bottom: 16rem;
-  }
-
-  .lg\:left-64 {
-    left: 16rem;
-  }
-
-  .lg\:top-72 {
-    top: 18rem;
-  }
-
-  .lg\:right-72 {
-    right: 18rem;
-  }
-
-  .lg\:bottom-72 {
-    bottom: 18rem;
-  }
-
-  .lg\:left-72 {
-    left: 18rem;
-  }
-
-  .lg\:top-80 {
-    top: 20rem;
-  }
-
-  .lg\:right-80 {
-    right: 20rem;
-  }
-
-  .lg\:bottom-80 {
-    bottom: 20rem;
-  }
-
-  .lg\:left-80 {
-    left: 20rem;
-  }
-
-  .lg\:top-96 {
-    top: 24rem;
-  }
-
-  .lg\:right-96 {
-    right: 24rem;
-  }
-
-  .lg\:bottom-96 {
-    bottom: 24rem;
-  }
-
-  .lg\:left-96 {
-    left: 24rem;
-  }
-
-  .lg\:top-auto {
-    top: auto;
-  }
-
-  .lg\:right-auto {
-    right: auto;
-  }
-
-  .lg\:bottom-auto {
-    bottom: auto;
-  }
-
-  .lg\:left-auto {
-    left: auto;
-  }
-
-  .lg\:top-px {
-    top: 1px;
-  }
-
-  .lg\:right-px {
-    right: 1px;
-  }
-
-  .lg\:bottom-px {
-    bottom: 1px;
-  }
-
-  .lg\:left-px {
-    left: 1px;
-  }
-
-  .lg\:top-0\.5 {
-    top: 0.125rem;
-  }
-
-  .lg\:right-0\.5 {
-    right: 0.125rem;
-  }
-
-  .lg\:bottom-0\.5 {
-    bottom: 0.125rem;
-  }
-
-  .lg\:left-0\.5 {
-    left: 0.125rem;
-  }
-
-  .lg\:top-1\.5 {
-    top: 0.375rem;
-  }
-
-  .lg\:right-1\.5 {
-    right: 0.375rem;
-  }
-
-  .lg\:bottom-1\.5 {
-    bottom: 0.375rem;
-  }
-
-  .lg\:left-1\.5 {
-    left: 0.375rem;
-  }
-
-  .lg\:top-2\.5 {
-    top: 0.625rem;
-  }
-
-  .lg\:right-2\.5 {
-    right: 0.625rem;
-  }
-
-  .lg\:bottom-2\.5 {
-    bottom: 0.625rem;
-  }
-
-  .lg\:left-2\.5 {
-    left: 0.625rem;
-  }
-
-  .lg\:top-3\.5 {
-    top: 0.875rem;
-  }
-
-  .lg\:right-3\.5 {
-    right: 0.875rem;
-  }
-
-  .lg\:bottom-3\.5 {
-    bottom: 0.875rem;
-  }
-
-  .lg\:left-3\.5 {
-    left: 0.875rem;
-  }
-
-  .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\:top-1\/3 {
-    top: 33.333333%;
-  }
-
-  .lg\:right-1\/3 {
-    right: 33.333333%;
-  }
-
-  .lg\:bottom-1\/3 {
-    bottom: 33.333333%;
-  }
-
-  .lg\:left-1\/3 {
-    left: 33.333333%;
-  }
-
-  .lg\:top-2\/3 {
-    top: 66.666667%;
-  }
-
-  .lg\:right-2\/3 {
-    right: 66.666667%;
-  }
-
-  .lg\:bottom-2\/3 {
-    bottom: 66.666667%;
-  }
-
-  .lg\:left-2\/3 {
-    left: 66.666667%;
-  }
-
-  .lg\:top-1\/4 {
-    top: 25%;
-  }
-
-  .lg\:right-1\/4 {
-    right: 25%;
-  }
-
-  .lg\:bottom-1\/4 {
-    bottom: 25%;
-  }
-
-  .lg\:left-1\/4 {
-    left: 25%;
-  }
-
-  .lg\:top-2\/4 {
-    top: 50%;
-  }
-
-  .lg\:right-2\/4 {
-    right: 50%;
-  }
-
-  .lg\:bottom-2\/4 {
-    bottom: 50%;
-  }
-
-  .lg\:left-2\/4 {
-    left: 50%;
-  }
-
-  .lg\:top-3\/4 {
-    top: 75%;
-  }
-
-  .lg\:right-3\/4 {
-    right: 75%;
-  }
-
-  .lg\:bottom-3\/4 {
-    bottom: 75%;
-  }
-
-  .lg\:left-3\/4 {
-    left: 75%;
-  }
-
-  .lg\:top-1\/5 {
-    top: 20%;
-  }
-
-  .lg\:right-1\/5 {
-    right: 20%;
-  }
-
-  .lg\:bottom-1\/5 {
-    bottom: 20%;
-  }
-
-  .lg\:left-1\/5 {
-    left: 20%;
-  }
-
-  .lg\:top-2\/5 {
-    top: 40%;
-  }
-
-  .lg\:right-2\/5 {
-    right: 40%;
-  }
-
-  .lg\:bottom-2\/5 {
-    bottom: 40%;
-  }
-
-  .lg\:left-2\/5 {
-    left: 40%;
-  }
-
-  .lg\:top-3\/5 {
-    top: 60%;
-  }
-
-  .lg\:right-3\/5 {
-    right: 60%;
-  }
-
-  .lg\:bottom-3\/5 {
-    bottom: 60%;
-  }
-
-  .lg\:left-3\/5 {
-    left: 60%;
-  }
-
-  .lg\:top-4\/5 {
-    top: 80%;
-  }
-
-  .lg\:right-4\/5 {
-    right: 80%;
-  }
-
-  .lg\:bottom-4\/5 {
-    bottom: 80%;
-  }
-
-  .lg\:left-4\/5 {
-    left: 80%;
-  }
-
-  .lg\:top-1\/6 {
-    top: 16.666667%;
-  }
-
-  .lg\:right-1\/6 {
-    right: 16.666667%;
-  }
-
-  .lg\:bottom-1\/6 {
-    bottom: 16.666667%;
-  }
-
-  .lg\:left-1\/6 {
-    left: 16.666667%;
-  }
-
-  .lg\:top-2\/6 {
-    top: 33.333333%;
-  }
-
-  .lg\:right-2\/6 {
-    right: 33.333333%;
-  }
-
-  .lg\:bottom-2\/6 {
-    bottom: 33.333333%;
-  }
-
-  .lg\:left-2\/6 {
-    left: 33.333333%;
-  }
-
-  .lg\:top-3\/6 {
-    top: 50%;
-  }
-
-  .lg\:right-3\/6 {
-    right: 50%;
-  }
-
-  .lg\:bottom-3\/6 {
-    bottom: 50%;
-  }
-
-  .lg\:left-3\/6 {
-    left: 50%;
-  }
-
-  .lg\:top-4\/6 {
-    top: 66.666667%;
-  }
-
-  .lg\:right-4\/6 {
-    right: 66.666667%;
-  }
-
-  .lg\:bottom-4\/6 {
-    bottom: 66.666667%;
-  }
-
-  .lg\:left-4\/6 {
-    left: 66.666667%;
-  }
-
-  .lg\:top-5\/6 {
-    top: 83.333333%;
-  }
-
-  .lg\:right-5\/6 {
-    right: 83.333333%;
-  }
-
-  .lg\:bottom-5\/6 {
-    bottom: 83.333333%;
-  }
-
-  .lg\:left-5\/6 {
-    left: 83.333333%;
-  }
-
-  .lg\:top-1\/12 {
-    top: 8.333333%;
-  }
-
-  .lg\:right-1\/12 {
-    right: 8.333333%;
-  }
-
-  .lg\:bottom-1\/12 {
-    bottom: 8.333333%;
-  }
-
-  .lg\:left-1\/12 {
-    left: 8.333333%;
-  }
-
-  .lg\:top-2\/12 {
-    top: 16.666667%;
-  }
-
-  .lg\:right-2\/12 {
-    right: 16.666667%;
-  }
-
-  .lg\:bottom-2\/12 {
-    bottom: 16.666667%;
-  }
-
-  .lg\:left-2\/12 {
-    left: 16.666667%;
-  }
-
-  .lg\:top-3\/12 {
-    top: 25%;
-  }
-
-  .lg\:right-3\/12 {
-    right: 25%;
-  }
-
-  .lg\:bottom-3\/12 {
-    bottom: 25%;
-  }
-
-  .lg\:left-3\/12 {
-    left: 25%;
-  }
-
-  .lg\:top-4\/12 {
-    top: 33.333333%;
-  }
-
-  .lg\:right-4\/12 {
-    right: 33.333333%;
-  }
-
-  .lg\:bottom-4\/12 {
-    bottom: 33.333333%;
-  }
-
-  .lg\:left-4\/12 {
-    left: 33.333333%;
-  }
-
-  .lg\:top-5\/12 {
-    top: 41.666667%;
-  }
-
-  .lg\:right-5\/12 {
-    right: 41.666667%;
-  }
-
-  .lg\:bottom-5\/12 {
-    bottom: 41.666667%;
-  }
-
-  .lg\:left-5\/12 {
-    left: 41.666667%;
-  }
-
-  .lg\:top-6\/12 {
-    top: 50%;
-  }
-
-  .lg\:right-6\/12 {
-    right: 50%;
-  }
-
-  .lg\:bottom-6\/12 {
-    bottom: 50%;
-  }
-
-  .lg\:left-6\/12 {
-    left: 50%;
-  }
-
-  .lg\:top-7\/12 {
-    top: 58.333333%;
-  }
-
-  .lg\:right-7\/12 {
-    right: 58.333333%;
-  }
-
-  .lg\:bottom-7\/12 {
-    bottom: 58.333333%;
-  }
-
-  .lg\:left-7\/12 {
-    left: 58.333333%;
-  }
-
-  .lg\:top-8\/12 {
-    top: 66.666667%;
-  }
-
-  .lg\:right-8\/12 {
-    right: 66.666667%;
-  }
-
-  .lg\:bottom-8\/12 {
-    bottom: 66.666667%;
-  }
-
-  .lg\:left-8\/12 {
-    left: 66.666667%;
-  }
-
-  .lg\:top-9\/12 {
-    top: 75%;
-  }
-
-  .lg\:right-9\/12 {
-    right: 75%;
-  }
-
-  .lg\:bottom-9\/12 {
-    bottom: 75%;
-  }
-
-  .lg\:left-9\/12 {
-    left: 75%;
-  }
-
-  .lg\:top-10\/12 {
-    top: 83.333333%;
-  }
-
-  .lg\:right-10\/12 {
-    right: 83.333333%;
-  }
-
-  .lg\:bottom-10\/12 {
-    bottom: 83.333333%;
-  }
-
-  .lg\:left-10\/12 {
-    left: 83.333333%;
-  }
-
-  .lg\:top-11\/12 {
-    top: 91.666667%;
-  }
-
-  .lg\:right-11\/12 {
-    right: 91.666667%;
-  }
-
-  .lg\:bottom-11\/12 {
-    bottom: 91.666667%;
-  }
-
-  .lg\:left-11\/12 {
-    left: 91.666667%;
-  }
-
-  .lg\:top-full {
-    top: 100%;
-  }
-
-  .lg\:right-full {
-    right: 100%;
-  }
-
-  .lg\:bottom-full {
-    bottom: 100%;
-  }
-
-  .lg\:left-full {
-    left: 100%;
-  }
-
-  .lg\:resize-none {
-    resize: none;
-  }
-
-  .lg\:resize-y {
-    resize: vertical;
-  }
-
-  .lg\:resize-x {
-    resize: horizontal;
-  }
-
-  .lg\:resize {
-    resize: both;
-  }
-
-  .lg\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .lg\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .lg\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .lg\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .lg\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .lg\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .lg\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .lg\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .lg\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .lg\:shadow-none {
-    box-shadow: none;
-  }
-
-  .lg\:shadow-solid {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .lg\:shadow-outline-gray {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .lg\:shadow-outline-blue {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .lg\:shadow-outline-teal {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .lg\:shadow-outline-green {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .lg\:shadow-outline-yellow {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .lg\:shadow-outline-orange {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .lg\:shadow-outline-red {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .lg\:shadow-outline-pink {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .lg\:shadow-outline-purple {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .lg\:shadow-outline-indigo {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .lg\:group-focus\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-none {
-    box-shadow: none;
-  }
-
-  .group:focus .lg\:group-focus\:shadow-solid {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-gray {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-blue {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-teal {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-green {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-yellow {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-orange {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-red {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-pink {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-purple {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .group:focus .lg\:group-focus\:shadow-outline-indigo {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .lg\:hover\:shadow-xs:hover {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .lg\:hover\:shadow-sm:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .lg\: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);
-  }
-
-  .lg\: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);
-  }
-
-  .lg\: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);
-  }
-
-  .lg\: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);
-  }
-
-  .lg\:hover\:shadow-2xl:hover {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .lg\:hover\:shadow-inner:hover {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .lg\:hover\:shadow-outline:hover {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .lg\:hover\:shadow-none:hover {
-    box-shadow: none;
-  }
-
-  .lg\:hover\:shadow-solid:hover {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .lg\:hover\:shadow-outline-gray:hover {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-blue:hover {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-teal:hover {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-green:hover {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-yellow:hover {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-orange:hover {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-red:hover {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-pink:hover {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-purple:hover {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .lg\:hover\:shadow-outline-indigo:hover {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .lg\:focus\:shadow-xs:focus {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .lg\:focus\:shadow-sm:focus {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .lg\: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);
-  }
-
-  .lg\: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);
-  }
-
-  .lg\: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);
-  }
-
-  .lg\: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);
-  }
-
-  .lg\:focus\:shadow-2xl:focus {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .lg\:focus\:shadow-inner:focus {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .lg\:focus\:shadow-outline:focus {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .lg\:focus\:shadow-none:focus {
-    box-shadow: none;
-  }
-
-  .lg\:focus\:shadow-solid:focus {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .lg\:focus\:shadow-outline-gray:focus {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .lg\:focus\:shadow-outline-blue:focus {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .lg\:focus\:shadow-outline-teal:focus {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .lg\:focus\:shadow-outline-green:focus {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .lg\:focus\:shadow-outline-yellow:focus {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .lg\:focus\:shadow-outline-orange:focus {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .lg\:focus\:shadow-outline-red:focus {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .lg\:focus\:shadow-outline-pink:focus {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .lg\:focus\:shadow-outline-purple:focus {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .lg\:focus\:shadow-outline-indigo:focus {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .lg\:fill-current {
-    fill: currentColor;
-  }
-
-  .lg\:stroke-current {
-    stroke: currentColor;
-  }
-
-  .lg\:stroke-0 {
-    stroke-width: 0;
-  }
-
-  .lg\:stroke-1 {
-    stroke-width: 1;
-  }
-
-  .lg\:stroke-2 {
-    stroke-width: 2;
-  }
-
-  .lg\:table-auto {
-    table-layout: auto;
-  }
-
-  .lg\:table-fixed {
-    table-layout: fixed;
-  }
-
-  .lg\:text-left {
-    text-align: left;
-  }
-
-  .lg\:text-center {
-    text-align: center;
-  }
-
-  .lg\:text-right {
-    text-align: right;
-  }
-
-  .lg\:text-justify {
-    text-align: justify;
-  }
-
-  .lg\:text-transparent {
-    color: transparent;
-  }
-
-  .lg\:text-white {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .lg\:text-black {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .lg\:text-gray-50 {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .lg\:text-gray-100 {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .lg\:text-gray-200 {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .lg\:text-gray-300 {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .lg\:text-gray-400 {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .lg\:text-gray-500 {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .lg\:text-gray-600 {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .lg\:text-gray-700 {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .lg\:text-gray-800 {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .lg\:text-gray-900 {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .lg\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .lg\:text-cool-gray-100 {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .lg\:text-cool-gray-200 {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .lg\:text-cool-gray-300 {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .lg\:text-cool-gray-400 {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .lg\:text-cool-gray-500 {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .lg\:text-cool-gray-600 {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .lg\:text-cool-gray-700 {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .lg\:text-cool-gray-800 {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .lg\:text-cool-gray-900 {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .lg\:text-red-50 {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .lg\:text-red-100 {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .lg\:text-red-200 {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .lg\:text-red-300 {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .lg\:text-red-400 {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .lg\:text-red-500 {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .lg\:text-red-600 {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .lg\:text-red-700 {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .lg\:text-red-800 {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .lg\:text-red-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .lg\:text-orange-50 {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .lg\:text-orange-100 {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .lg\:text-orange-200 {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .lg\:text-orange-300 {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .lg\:text-orange-400 {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .lg\:text-orange-500 {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .lg\:text-orange-600 {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .lg\:text-orange-700 {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .lg\:text-orange-800 {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .lg\:text-orange-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .lg\:text-yellow-50 {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .lg\:text-yellow-100 {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .lg\:text-yellow-200 {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .lg\:text-yellow-300 {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .lg\:text-yellow-400 {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .lg\:text-yellow-500 {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .lg\:text-yellow-600 {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .lg\:text-yellow-700 {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .lg\:text-yellow-800 {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .lg\:text-yellow-900 {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .lg\:text-green-50 {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .lg\:text-green-100 {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .lg\:text-green-200 {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .lg\:text-green-300 {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .lg\:text-green-400 {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .lg\:text-green-500 {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .lg\:text-green-600 {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .lg\:text-green-700 {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .lg\:text-green-800 {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .lg\:text-green-900 {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .lg\:text-teal-50 {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .lg\:text-teal-100 {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .lg\:text-teal-200 {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .lg\:text-teal-300 {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .lg\:text-teal-400 {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .lg\:text-teal-500 {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .lg\:text-teal-600 {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .lg\:text-teal-700 {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .lg\:text-teal-800 {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .lg\:text-teal-900 {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .lg\:text-blue-50 {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .lg\:text-blue-100 {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .lg\:text-blue-200 {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .lg\:text-blue-300 {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .lg\:text-blue-400 {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .lg\:text-blue-500 {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .lg\:text-blue-600 {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .lg\:text-blue-700 {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .lg\:text-blue-800 {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .lg\:text-blue-900 {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .lg\:text-indigo-50 {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .lg\:text-indigo-100 {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .lg\:text-indigo-200 {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .lg\:text-indigo-300 {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .lg\:text-indigo-400 {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .lg\:text-indigo-500 {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .lg\:text-indigo-600 {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .lg\:text-indigo-700 {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .lg\:text-indigo-800 {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .lg\:text-indigo-900 {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .lg\:text-purple-50 {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .lg\:text-purple-100 {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .lg\:text-purple-200 {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .lg\:text-purple-300 {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .lg\:text-purple-400 {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .lg\:text-purple-500 {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .lg\:text-purple-600 {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .lg\:text-purple-700 {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .lg\:text-purple-800 {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .lg\:text-purple-900 {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .lg\:text-pink-50 {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .lg\:text-pink-100 {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .lg\:text-pink-200 {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .lg\:text-pink-300 {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .lg\:text-pink-400 {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .lg\:text-pink-500 {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .lg\:text-pink-600 {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .lg\:text-pink-700 {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .lg\:text-pink-800 {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .lg\:text-pink-900 {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-transparent {
-    color: transparent;
-  }
-
-  .group:hover .lg\:group-hover\:text-white {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-black {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-50 {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-100 {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-200 {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-300 {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-400 {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-500 {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-600 {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-700 {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-800 {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-gray-900 {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-cool-gray-100 {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-cool-gray-200 {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-cool-gray-300 {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-cool-gray-400 {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-cool-gray-500 {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-cool-gray-600 {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-cool-gray-700 {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-cool-gray-800 {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-cool-gray-900 {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-50 {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-100 {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-200 {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-300 {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-400 {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-500 {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-600 {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-700 {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-800 {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-red-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-orange-50 {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-orange-100 {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-orange-200 {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-orange-300 {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-orange-400 {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-orange-500 {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-orange-600 {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-orange-700 {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-orange-800 {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-orange-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-50 {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-100 {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-200 {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-300 {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-400 {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-500 {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-600 {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-700 {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-800 {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-yellow-900 {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-50 {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-100 {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-200 {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-300 {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-400 {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-500 {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-600 {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-700 {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-800 {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-green-900 {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-teal-50 {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-teal-100 {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-teal-200 {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-teal-300 {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-teal-400 {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-teal-500 {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-teal-600 {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-teal-700 {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-teal-800 {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-teal-900 {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-50 {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-100 {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-200 {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-300 {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-400 {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-500 {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-600 {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-700 {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-800 {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-blue-900 {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-50 {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-100 {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-200 {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-300 {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-400 {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-500 {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-600 {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-700 {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-800 {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-indigo-900 {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-purple-50 {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-purple-100 {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-purple-200 {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-purple-300 {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-purple-400 {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-purple-500 {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-purple-600 {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-purple-700 {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-purple-800 {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-purple-900 {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-pink-50 {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-pink-100 {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-pink-200 {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-pink-300 {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-pink-400 {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-pink-500 {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-pink-600 {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-pink-700 {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-pink-800 {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .group:hover .lg\:group-hover\:text-pink-900 {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-transparent {
-    color: transparent;
-  }
-
-  .group:focus .lg\:group-focus\:text-white {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-black {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-gray-50 {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-gray-100 {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-gray-200 {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-gray-300 {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-gray-400 {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-gray-500 {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-gray-600 {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-gray-700 {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-gray-800 {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-gray-900 {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-cool-gray-100 {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-cool-gray-200 {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-cool-gray-300 {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-cool-gray-400 {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-cool-gray-500 {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-cool-gray-600 {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-cool-gray-700 {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-cool-gray-800 {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-cool-gray-900 {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-red-50 {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-red-100 {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-red-200 {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-red-300 {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-red-400 {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-red-500 {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-red-600 {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-red-700 {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-red-800 {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-red-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-orange-50 {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-orange-100 {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-orange-200 {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-orange-300 {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-orange-400 {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-orange-500 {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-orange-600 {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-orange-700 {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-orange-800 {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-orange-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-yellow-50 {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-yellow-100 {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-yellow-200 {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-yellow-300 {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-yellow-400 {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-yellow-500 {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-yellow-600 {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-yellow-700 {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-yellow-800 {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-yellow-900 {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-green-50 {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-green-100 {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-green-200 {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-green-300 {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-green-400 {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-green-500 {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-green-600 {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-green-700 {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-green-800 {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-green-900 {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-teal-50 {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-teal-100 {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-teal-200 {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-teal-300 {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-teal-400 {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-teal-500 {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-teal-600 {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-teal-700 {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-teal-800 {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-teal-900 {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-blue-50 {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-blue-100 {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-blue-200 {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-blue-300 {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-blue-400 {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-blue-500 {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-blue-600 {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-blue-700 {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-blue-800 {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-blue-900 {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-indigo-50 {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-indigo-100 {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-indigo-200 {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-indigo-300 {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-indigo-400 {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-indigo-500 {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-indigo-600 {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-indigo-700 {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-indigo-800 {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-indigo-900 {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-purple-50 {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-purple-100 {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-purple-200 {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-purple-300 {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-purple-400 {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-purple-500 {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-purple-600 {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-purple-700 {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-purple-800 {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-purple-900 {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-pink-50 {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-pink-100 {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-pink-200 {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-pink-300 {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-pink-400 {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-pink-500 {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-pink-600 {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-pink-700 {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-pink-800 {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .group:focus .lg\:group-focus\:text-pink-900 {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .lg\:hover\:text-white:hover {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-black:hover {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-gray-50:hover {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-gray-100:hover {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-gray-200:hover {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-gray-300:hover {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-gray-400:hover {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-gray-500:hover {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-gray-600:hover {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-gray-700:hover {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-gray-800:hover {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-gray-900:hover {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-cool-gray-50:hover {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-cool-gray-100:hover {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-cool-gray-200:hover {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-cool-gray-300:hover {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-cool-gray-400:hover {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-cool-gray-500:hover {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-cool-gray-600:hover {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-cool-gray-700:hover {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-cool-gray-800:hover {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-cool-gray-900:hover {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-red-50:hover {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-red-100:hover {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-red-200:hover {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-red-300:hover {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-red-400:hover {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-red-500:hover {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-red-600:hover {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-red-700:hover {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-red-800:hover {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-red-900:hover {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-orange-50:hover {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-orange-100:hover {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-orange-200:hover {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-orange-300:hover {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-orange-400:hover {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-orange-500:hover {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-orange-600:hover {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-orange-700:hover {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-orange-800:hover {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-orange-900:hover {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-50:hover {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-100:hover {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-200:hover {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-300:hover {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-400:hover {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-500:hover {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-600:hover {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-700:hover {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-800:hover {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-yellow-900:hover {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-green-50:hover {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-green-100:hover {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-green-200:hover {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-green-300:hover {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-green-400:hover {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-green-500:hover {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-green-600:hover {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-green-700:hover {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-green-800:hover {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-green-900:hover {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-teal-50:hover {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-teal-100:hover {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-teal-200:hover {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-teal-300:hover {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-teal-400:hover {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-teal-500:hover {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-teal-600:hover {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-teal-700:hover {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-teal-800:hover {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-teal-900:hover {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-blue-50:hover {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-blue-100:hover {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-blue-200:hover {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-blue-300:hover {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-blue-400:hover {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-blue-500:hover {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-blue-600:hover {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-blue-700:hover {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-blue-800:hover {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-blue-900:hover {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-50:hover {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-100:hover {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-200:hover {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-300:hover {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-400:hover {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-500:hover {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-600:hover {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-700:hover {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-800:hover {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-indigo-900:hover {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-purple-50:hover {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-purple-100:hover {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-purple-200:hover {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-purple-300:hover {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-purple-400:hover {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-purple-500:hover {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-purple-600:hover {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-purple-700:hover {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-purple-800:hover {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-purple-900:hover {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-pink-50:hover {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-pink-100:hover {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-pink-200:hover {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-pink-300:hover {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-pink-400:hover {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-pink-500:hover {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-pink-600:hover {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-pink-700:hover {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-pink-800:hover {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .lg\:hover\:text-pink-900:hover {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-transparent:focus-within {
-    color: transparent;
-  }
-
-  .lg\:focus-within\:text-white:focus-within {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-black:focus-within {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-50:focus-within {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-100:focus-within {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-200:focus-within {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-300:focus-within {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-400:focus-within {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-500:focus-within {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-600:focus-within {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-700:focus-within {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-800:focus-within {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-gray-900:focus-within {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-cool-gray-50:focus-within {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-cool-gray-100:focus-within {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-cool-gray-200:focus-within {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-cool-gray-300:focus-within {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-cool-gray-400:focus-within {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-cool-gray-500:focus-within {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-cool-gray-600:focus-within {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-cool-gray-700:focus-within {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-cool-gray-800:focus-within {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-cool-gray-900:focus-within {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-50:focus-within {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-100:focus-within {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-200:focus-within {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-300:focus-within {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-400:focus-within {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-500:focus-within {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-600:focus-within {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-700:focus-within {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-800:focus-within {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-red-900:focus-within {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-orange-50:focus-within {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-orange-100:focus-within {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-orange-200:focus-within {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-orange-300:focus-within {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-orange-400:focus-within {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-orange-500:focus-within {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-orange-600:focus-within {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-orange-700:focus-within {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-orange-800:focus-within {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-orange-900:focus-within {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-50:focus-within {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-100:focus-within {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-200:focus-within {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-300:focus-within {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-400:focus-within {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-500:focus-within {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-600:focus-within {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-700:focus-within {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-800:focus-within {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-yellow-900:focus-within {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-50:focus-within {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-100:focus-within {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-200:focus-within {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-300:focus-within {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-400:focus-within {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-500:focus-within {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-600:focus-within {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-700:focus-within {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-800:focus-within {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-green-900:focus-within {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-teal-50:focus-within {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-teal-100:focus-within {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-teal-200:focus-within {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-teal-300:focus-within {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-teal-400:focus-within {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-teal-500:focus-within {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-teal-600:focus-within {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-teal-700:focus-within {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-teal-800:focus-within {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-teal-900:focus-within {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-50:focus-within {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-100:focus-within {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-200:focus-within {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-300:focus-within {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-400:focus-within {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-500:focus-within {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-600:focus-within {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-700:focus-within {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-800:focus-within {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-blue-900:focus-within {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-50:focus-within {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-100:focus-within {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-200:focus-within {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-300:focus-within {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-400:focus-within {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-500:focus-within {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-600:focus-within {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-700:focus-within {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-800:focus-within {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-indigo-900:focus-within {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-purple-50:focus-within {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-purple-100:focus-within {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-purple-200:focus-within {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-purple-300:focus-within {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-purple-400:focus-within {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-purple-500:focus-within {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-purple-600:focus-within {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-purple-700:focus-within {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-purple-800:focus-within {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-purple-900:focus-within {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-pink-50:focus-within {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-pink-100:focus-within {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-pink-200:focus-within {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-pink-300:focus-within {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-pink-400:focus-within {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-pink-500:focus-within {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-pink-600:focus-within {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-pink-700:focus-within {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-pink-800:focus-within {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .lg\:focus-within\:text-pink-900:focus-within {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-transparent:focus {
-    color: transparent;
-  }
-
-  .lg\:focus\:text-white:focus {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-black:focus {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-gray-50:focus {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-gray-100:focus {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-gray-200:focus {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-gray-300:focus {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-gray-400:focus {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-gray-500:focus {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-gray-600:focus {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-gray-700:focus {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-gray-800:focus {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-gray-900:focus {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-cool-gray-50:focus {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-cool-gray-100:focus {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-cool-gray-200:focus {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-cool-gray-300:focus {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-cool-gray-400:focus {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-cool-gray-500:focus {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-cool-gray-600:focus {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-cool-gray-700:focus {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-cool-gray-800:focus {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-cool-gray-900:focus {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-red-50:focus {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-red-100:focus {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-red-200:focus {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-red-300:focus {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-red-400:focus {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-red-500:focus {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-red-600:focus {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-red-700:focus {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-red-800:focus {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-red-900:focus {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-orange-50:focus {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-orange-100:focus {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-orange-200:focus {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-orange-300:focus {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-orange-400:focus {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-orange-500:focus {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-orange-600:focus {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-orange-700:focus {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-orange-800:focus {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-orange-900:focus {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-50:focus {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-100:focus {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-200:focus {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-300:focus {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-400:focus {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-500:focus {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-600:focus {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-700:focus {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-800:focus {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-yellow-900:focus {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-green-50:focus {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-green-100:focus {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-green-200:focus {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-green-300:focus {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-green-400:focus {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-green-500:focus {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-green-600:focus {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-green-700:focus {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-green-800:focus {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-green-900:focus {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-teal-50:focus {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-teal-100:focus {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-teal-200:focus {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-teal-300:focus {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-teal-400:focus {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-teal-500:focus {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-teal-600:focus {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-teal-700:focus {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-teal-800:focus {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-teal-900:focus {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-blue-50:focus {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-blue-100:focus {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-blue-200:focus {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-blue-300:focus {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-blue-400:focus {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-blue-500:focus {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-blue-600:focus {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-blue-700:focus {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-blue-800:focus {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-blue-900:focus {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-50:focus {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-100:focus {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-200:focus {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-300:focus {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-400:focus {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-500:focus {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-600:focus {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-700:focus {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-800:focus {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-indigo-900:focus {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-purple-50:focus {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-purple-100:focus {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-purple-200:focus {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-purple-300:focus {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-purple-400:focus {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-purple-500:focus {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-purple-600:focus {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-purple-700:focus {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-purple-800:focus {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-purple-900:focus {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-pink-50:focus {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-pink-100:focus {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-pink-200:focus {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-pink-300:focus {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-pink-400:focus {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-pink-500:focus {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-pink-600:focus {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-pink-700:focus {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-pink-800:focus {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .lg\:focus\:text-pink-900:focus {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .lg\:active\:text-transparent:active {
-    color: transparent;
-  }
-
-  .lg\:active\:text-white:active {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .lg\:active\:text-black:active {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .lg\:active\:text-gray-50:active {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .lg\:active\:text-gray-100:active {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .lg\:active\:text-gray-200:active {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .lg\:active\:text-gray-300:active {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .lg\:active\:text-gray-400:active {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .lg\:active\:text-gray-500:active {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .lg\:active\:text-gray-600:active {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .lg\:active\:text-gray-700:active {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .lg\:active\:text-gray-800:active {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .lg\:active\:text-gray-900:active {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .lg\:active\:text-cool-gray-50:active {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .lg\:active\:text-cool-gray-100:active {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .lg\:active\:text-cool-gray-200:active {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .lg\:active\:text-cool-gray-300:active {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .lg\:active\:text-cool-gray-400:active {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .lg\:active\:text-cool-gray-500:active {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .lg\:active\:text-cool-gray-600:active {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .lg\:active\:text-cool-gray-700:active {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .lg\:active\:text-cool-gray-800:active {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .lg\:active\:text-cool-gray-900:active {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .lg\:active\:text-red-50:active {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .lg\:active\:text-red-100:active {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .lg\:active\:text-red-200:active {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .lg\:active\:text-red-300:active {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .lg\:active\:text-red-400:active {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .lg\:active\:text-red-500:active {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .lg\:active\:text-red-600:active {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .lg\:active\:text-red-700:active {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .lg\:active\:text-red-800:active {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .lg\:active\:text-red-900:active {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .lg\:active\:text-orange-50:active {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .lg\:active\:text-orange-100:active {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .lg\:active\:text-orange-200:active {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .lg\:active\:text-orange-300:active {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .lg\:active\:text-orange-400:active {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .lg\:active\:text-orange-500:active {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .lg\:active\:text-orange-600:active {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .lg\:active\:text-orange-700:active {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .lg\:active\:text-orange-800:active {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .lg\:active\:text-orange-900:active {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .lg\:active\:text-yellow-50:active {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .lg\:active\:text-yellow-100:active {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .lg\:active\:text-yellow-200:active {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .lg\:active\:text-yellow-300:active {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .lg\:active\:text-yellow-400:active {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .lg\:active\:text-yellow-500:active {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .lg\:active\:text-yellow-600:active {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .lg\:active\:text-yellow-700:active {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .lg\:active\:text-yellow-800:active {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .lg\:active\:text-yellow-900:active {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .lg\:active\:text-green-50:active {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .lg\:active\:text-green-100:active {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .lg\:active\:text-green-200:active {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .lg\:active\:text-green-300:active {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .lg\:active\:text-green-400:active {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .lg\:active\:text-green-500:active {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .lg\:active\:text-green-600:active {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .lg\:active\:text-green-700:active {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .lg\:active\:text-green-800:active {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .lg\:active\:text-green-900:active {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .lg\:active\:text-teal-50:active {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .lg\:active\:text-teal-100:active {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .lg\:active\:text-teal-200:active {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .lg\:active\:text-teal-300:active {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .lg\:active\:text-teal-400:active {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .lg\:active\:text-teal-500:active {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .lg\:active\:text-teal-600:active {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .lg\:active\:text-teal-700:active {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .lg\:active\:text-teal-800:active {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .lg\:active\:text-teal-900:active {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .lg\:active\:text-blue-50:active {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .lg\:active\:text-blue-100:active {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .lg\:active\:text-blue-200:active {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .lg\:active\:text-blue-300:active {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .lg\:active\:text-blue-400:active {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .lg\:active\:text-blue-500:active {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .lg\:active\:text-blue-600:active {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .lg\:active\:text-blue-700:active {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .lg\:active\:text-blue-800:active {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .lg\:active\:text-blue-900:active {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .lg\:active\:text-indigo-50:active {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .lg\:active\:text-indigo-100:active {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .lg\:active\:text-indigo-200:active {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .lg\:active\:text-indigo-300:active {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .lg\:active\:text-indigo-400:active {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .lg\:active\:text-indigo-500:active {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .lg\:active\:text-indigo-600:active {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .lg\:active\:text-indigo-700:active {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .lg\:active\:text-indigo-800:active {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .lg\:active\:text-indigo-900:active {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .lg\:active\:text-purple-50:active {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .lg\:active\:text-purple-100:active {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .lg\:active\:text-purple-200:active {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .lg\:active\:text-purple-300:active {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .lg\:active\:text-purple-400:active {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .lg\:active\:text-purple-500:active {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .lg\:active\:text-purple-600:active {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .lg\:active\:text-purple-700:active {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .lg\:active\:text-purple-800:active {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .lg\:active\:text-purple-900:active {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .lg\:active\:text-pink-50:active {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .lg\:active\:text-pink-100:active {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .lg\:active\:text-pink-200:active {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .lg\:active\:text-pink-300:active {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .lg\:active\:text-pink-400:active {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .lg\:active\:text-pink-500:active {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .lg\:active\:text-pink-600:active {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .lg\:active\:text-pink-700:active {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .lg\:active\:text-pink-800:active {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .lg\:active\:text-pink-900:active {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .lg\:text-opacity-0 {
-    --text-opacity: 0;
-  }
-
-  .lg\:text-opacity-25 {
-    --text-opacity: 0.25;
-  }
-
-  .lg\:text-opacity-50 {
-    --text-opacity: 0.5;
-  }
-
-  .lg\:text-opacity-75 {
-    --text-opacity: 0.75;
-  }
-
-  .lg\:text-opacity-100 {
-    --text-opacity: 1;
-  }
-
-  .lg\:hover\:text-opacity-0:hover {
-    --text-opacity: 0;
-  }
-
-  .lg\:hover\:text-opacity-25:hover {
-    --text-opacity: 0.25;
-  }
-
-  .lg\:hover\:text-opacity-50:hover {
-    --text-opacity: 0.5;
-  }
-
-  .lg\:hover\:text-opacity-75:hover {
-    --text-opacity: 0.75;
-  }
-
-  .lg\:hover\:text-opacity-100:hover {
-    --text-opacity: 1;
-  }
-
-  .lg\:focus\:text-opacity-0:focus {
-    --text-opacity: 0;
-  }
-
-  .lg\:focus\:text-opacity-25:focus {
-    --text-opacity: 0.25;
-  }
-
-  .lg\:focus\:text-opacity-50:focus {
-    --text-opacity: 0.5;
-  }
-
-  .lg\:focus\:text-opacity-75:focus {
-    --text-opacity: 0.75;
-  }
-
-  .lg\:focus\:text-opacity-100:focus {
-    --text-opacity: 1;
-  }
-
-  .lg\:italic {
-    font-style: italic;
-  }
-
-  .lg\:not-italic {
-    font-style: normal;
-  }
-
-  .lg\:uppercase {
-    text-transform: uppercase;
-  }
-
-  .lg\:lowercase {
-    text-transform: lowercase;
-  }
-
-  .lg\:capitalize {
-    text-transform: capitalize;
-  }
-
-  .lg\:normal-case {
-    text-transform: none;
-  }
-
-  .lg\:underline {
-    text-decoration: underline;
-  }
-
-  .lg\:line-through {
-    text-decoration: line-through;
-  }
-
-  .lg\:no-underline {
-    text-decoration: none;
-  }
-
-  .group:hover .lg\:group-hover\:underline {
-    text-decoration: underline;
-  }
-
-  .group:hover .lg\:group-hover\:line-through {
-    text-decoration: line-through;
-  }
-
-  .group:hover .lg\:group-hover\:no-underline {
-    text-decoration: none;
-  }
-
-  .group:focus .lg\:group-focus\:underline {
-    text-decoration: underline;
-  }
-
-  .group:focus .lg\:group-focus\:line-through {
-    text-decoration: line-through;
-  }
-
-  .group:focus .lg\:group-focus\:no-underline {
-    text-decoration: none;
-  }
-
-  .lg\:hover\:underline:hover {
-    text-decoration: underline;
-  }
-
-  .lg\:hover\:line-through:hover {
-    text-decoration: line-through;
-  }
-
-  .lg\:hover\:no-underline:hover {
-    text-decoration: none;
-  }
-
-  .lg\:focus\:underline:focus {
-    text-decoration: underline;
-  }
-
-  .lg\:focus\:line-through:focus {
-    text-decoration: line-through;
-  }
-
-  .lg\:focus\:no-underline:focus {
-    text-decoration: none;
-  }
-
-  .lg\:antialiased {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  .lg\:subpixel-antialiased {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
-  }
-
-  .lg\:tracking-tighter {
-    letter-spacing: -0.05em;
-  }
-
-  .lg\:tracking-tight {
-    letter-spacing: -0.025em;
-  }
-
-  .lg\:tracking-normal {
-    letter-spacing: 0;
-  }
-
-  .lg\:tracking-wide {
-    letter-spacing: 0.025em;
-  }
-
-  .lg\:tracking-wider {
-    letter-spacing: 0.05em;
-  }
-
-  .lg\:tracking-widest {
-    letter-spacing: 0.1em;
-  }
-
-  .lg\:select-none {
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-  }
-
-  .lg\:select-text {
-    -webkit-user-select: text;
-       -moz-user-select: text;
-        -ms-user-select: text;
-            user-select: text;
-  }
-
-  .lg\:select-all {
-    -webkit-user-select: all;
-       -moz-user-select: all;
-        -ms-user-select: all;
-            user-select: all;
-  }
-
-  .lg\:select-auto {
-    -webkit-user-select: auto;
-       -moz-user-select: auto;
-        -ms-user-select: auto;
-            user-select: auto;
-  }
-
-  .lg\:align-baseline {
-    vertical-align: baseline;
-  }
-
-  .lg\:align-top {
-    vertical-align: top;
-  }
-
-  .lg\:align-middle {
-    vertical-align: middle;
-  }
-
-  .lg\:align-bottom {
-    vertical-align: bottom;
-  }
-
-  .lg\:align-text-top {
-    vertical-align: text-top;
-  }
-
-  .lg\:align-text-bottom {
-    vertical-align: text-bottom;
-  }
-
-  .lg\:visible {
-    visibility: visible;
-  }
-
-  .lg\:invisible {
-    visibility: hidden;
-  }
-
-  .lg\:whitespace-normal {
-    white-space: normal;
-  }
-
-  .lg\:whitespace-no-wrap {
-    white-space: nowrap;
-  }
-
-  .lg\:whitespace-pre {
-    white-space: pre;
-  }
-
-  .lg\:whitespace-pre-line {
-    white-space: pre-line;
-  }
-
-  .lg\:whitespace-pre-wrap {
-    white-space: pre-wrap;
-  }
-
-  .lg\:break-normal {
-    overflow-wrap: normal;
-    word-break: normal;
-  }
-
-  .lg\:break-words {
-    overflow-wrap: break-word;
-  }
-
-  .lg\:break-all {
-    word-break: break-all;
-  }
-
-  .lg\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .lg\:w-0 {
-    width: 0;
-  }
-
-  .lg\:w-1 {
-    width: 0.25rem;
-  }
-
-  .lg\:w-2 {
-    width: 0.5rem;
-  }
-
-  .lg\:w-3 {
-    width: 0.75rem;
-  }
-
-  .lg\:w-4 {
-    width: 1rem;
-  }
-
-  .lg\:w-5 {
-    width: 1.25rem;
-  }
-
-  .lg\:w-6 {
-    width: 1.5rem;
-  }
-
-  .lg\:w-7 {
-    width: 1.75rem;
-  }
-
-  .lg\:w-8 {
-    width: 2rem;
-  }
-
-  .lg\:w-9 {
-    width: 2.25rem;
-  }
-
-  .lg\:w-10 {
-    width: 2.5rem;
-  }
-
-  .lg\:w-11 {
-    width: 2.75rem;
-  }
-
-  .lg\:w-12 {
-    width: 3rem;
-  }
-
-  .lg\:w-13 {
-    width: 3.25rem;
-  }
-
-  .lg\:w-14 {
-    width: 3.5rem;
-  }
-
-  .lg\:w-15 {
-    width: 3.75rem;
-  }
-
-  .lg\:w-16 {
-    width: 4rem;
-  }
-
-  .lg\:w-20 {
-    width: 5rem;
-  }
-
-  .lg\:w-24 {
-    width: 6rem;
-  }
-
-  .lg\:w-28 {
-    width: 7rem;
-  }
-
-  .lg\:w-32 {
-    width: 8rem;
-  }
-
-  .lg\:w-36 {
-    width: 9rem;
-  }
-
-  .lg\:w-40 {
-    width: 10rem;
-  }
-
-  .lg\:w-48 {
-    width: 12rem;
-  }
-
-  .lg\:w-56 {
-    width: 14rem;
-  }
-
-  .lg\:w-60 {
-    width: 15rem;
-  }
-
-  .lg\:w-64 {
-    width: 16rem;
-  }
-
-  .lg\:w-72 {
-    width: 18rem;
-  }
-
-  .lg\:w-80 {
-    width: 20rem;
-  }
-
-  .lg\:w-96 {
-    width: 24rem;
-  }
-
-  .lg\:w-auto {
-    width: auto;
-  }
-
-  .lg\:w-px {
-    width: 1px;
-  }
-
-  .lg\:w-0\.5 {
-    width: 0.125rem;
-  }
-
-  .lg\:w-1\.5 {
-    width: 0.375rem;
-  }
-
-  .lg\:w-2\.5 {
-    width: 0.625rem;
-  }
-
-  .lg\:w-3\.5 {
-    width: 0.875rem;
-  }
-
-  .lg\:w-1\/2 {
-    width: 50%;
-  }
-
-  .lg\:w-1\/3 {
-    width: 33.333333%;
-  }
-
-  .lg\:w-2\/3 {
-    width: 66.666667%;
-  }
-
-  .lg\:w-1\/4 {
-    width: 25%;
-  }
-
-  .lg\:w-2\/4 {
-    width: 50%;
-  }
-
-  .lg\:w-3\/4 {
-    width: 75%;
-  }
-
-  .lg\:w-1\/5 {
-    width: 20%;
-  }
-
-  .lg\:w-2\/5 {
-    width: 40%;
-  }
-
-  .lg\:w-3\/5 {
-    width: 60%;
-  }
-
-  .lg\:w-4\/5 {
-    width: 80%;
-  }
-
-  .lg\:w-1\/6 {
-    width: 16.666667%;
-  }
-
-  .lg\:w-2\/6 {
-    width: 33.333333%;
-  }
-
-  .lg\:w-3\/6 {
-    width: 50%;
-  }
-
-  .lg\:w-4\/6 {
-    width: 66.666667%;
-  }
-
-  .lg\:w-5\/6 {
-    width: 83.333333%;
-  }
-
-  .lg\:w-1\/12 {
-    width: 8.333333%;
-  }
-
-  .lg\:w-2\/12 {
-    width: 16.666667%;
-  }
-
-  .lg\:w-3\/12 {
-    width: 25%;
-  }
-
-  .lg\:w-4\/12 {
-    width: 33.333333%;
-  }
-
-  .lg\:w-5\/12 {
-    width: 41.666667%;
-  }
-
-  .lg\:w-6\/12 {
-    width: 50%;
-  }
-
-  .lg\:w-7\/12 {
-    width: 58.333333%;
-  }
-
-  .lg\:w-8\/12 {
-    width: 66.666667%;
-  }
-
-  .lg\:w-9\/12 {
-    width: 75%;
-  }
-
-  .lg\:w-10\/12 {
-    width: 83.333333%;
-  }
-
-  .lg\:w-11\/12 {
-    width: 91.666667%;
-  }
-
-  .lg\:w-full {
-    width: 100%;
-  }
-
-  .lg\:w-screen {
-    width: 100vw;
-  }
-
-  .lg\:z-0 {
-    z-index: 0;
-  }
-
-  .lg\:z-10 {
-    z-index: 10;
-  }
-
-  .lg\:z-20 {
-    z-index: 20;
-  }
-
-  .lg\:z-30 {
-    z-index: 30;
-  }
-
-  .lg\:z-40 {
-    z-index: 40;
-  }
-
-  .lg\:z-50 {
-    z-index: 50;
-  }
-
-  .lg\:z-auto {
-    z-index: auto;
-  }
-
-  .lg\:focus-within\:z-0:focus-within {
-    z-index: 0;
-  }
-
-  .lg\:focus-within\:z-10:focus-within {
-    z-index: 10;
-  }
-
-  .lg\:focus-within\:z-20:focus-within {
-    z-index: 20;
-  }
-
-  .lg\:focus-within\:z-30:focus-within {
-    z-index: 30;
-  }
-
-  .lg\:focus-within\:z-40:focus-within {
-    z-index: 40;
-  }
-
-  .lg\:focus-within\:z-50:focus-within {
-    z-index: 50;
-  }
-
-  .lg\:focus-within\:z-auto:focus-within {
-    z-index: auto;
-  }
-
-  .lg\:focus\:z-0:focus {
-    z-index: 0;
-  }
-
-  .lg\:focus\:z-10:focus {
-    z-index: 10;
-  }
-
-  .lg\:focus\:z-20:focus {
-    z-index: 20;
-  }
-
-  .lg\:focus\:z-30:focus {
-    z-index: 30;
-  }
-
-  .lg\:focus\:z-40:focus {
-    z-index: 40;
-  }
-
-  .lg\:focus\:z-50:focus {
-    z-index: 50;
-  }
-
-  .lg\:focus\:z-auto:focus {
-    z-index: auto;
-  }
-
-  .lg\:gap-0 {
-    grid-gap: 0;
-    gap: 0;
-  }
-
-  .lg\:gap-1 {
-    grid-gap: 0.25rem;
-    gap: 0.25rem;
-  }
-
-  .lg\:gap-2 {
-    grid-gap: 0.5rem;
-    gap: 0.5rem;
-  }
-
-  .lg\:gap-3 {
-    grid-gap: 0.75rem;
-    gap: 0.75rem;
-  }
-
-  .lg\:gap-4 {
-    grid-gap: 1rem;
-    gap: 1rem;
-  }
-
-  .lg\:gap-5 {
-    grid-gap: 1.25rem;
-    gap: 1.25rem;
-  }
-
-  .lg\:gap-6 {
-    grid-gap: 1.5rem;
-    gap: 1.5rem;
-  }
-
-  .lg\:gap-7 {
-    grid-gap: 1.75rem;
-    gap: 1.75rem;
-  }
-
-  .lg\:gap-8 {
-    grid-gap: 2rem;
-    gap: 2rem;
-  }
-
-  .lg\:gap-9 {
-    grid-gap: 2.25rem;
-    gap: 2.25rem;
-  }
-
-  .lg\:gap-10 {
-    grid-gap: 2.5rem;
-    gap: 2.5rem;
-  }
-
-  .lg\:gap-11 {
-    grid-gap: 2.75rem;
-    gap: 2.75rem;
-  }
-
-  .lg\:gap-12 {
-    grid-gap: 3rem;
-    gap: 3rem;
-  }
-
-  .lg\:gap-13 {
-    grid-gap: 3.25rem;
-    gap: 3.25rem;
-  }
-
-  .lg\:gap-14 {
-    grid-gap: 3.5rem;
-    gap: 3.5rem;
-  }
-
-  .lg\:gap-15 {
-    grid-gap: 3.75rem;
-    gap: 3.75rem;
-  }
-
-  .lg\:gap-16 {
-    grid-gap: 4rem;
-    gap: 4rem;
-  }
-
-  .lg\:gap-20 {
-    grid-gap: 5rem;
-    gap: 5rem;
-  }
-
-  .lg\:gap-24 {
-    grid-gap: 6rem;
-    gap: 6rem;
-  }
-
-  .lg\:gap-28 {
-    grid-gap: 7rem;
-    gap: 7rem;
-  }
-
-  .lg\:gap-32 {
-    grid-gap: 8rem;
-    gap: 8rem;
-  }
-
-  .lg\:gap-36 {
-    grid-gap: 9rem;
-    gap: 9rem;
-  }
-
-  .lg\:gap-40 {
-    grid-gap: 10rem;
-    gap: 10rem;
-  }
-
-  .lg\:gap-48 {
-    grid-gap: 12rem;
-    gap: 12rem;
-  }
-
-  .lg\:gap-56 {
-    grid-gap: 14rem;
-    gap: 14rem;
-  }
-
-  .lg\:gap-60 {
-    grid-gap: 15rem;
-    gap: 15rem;
-  }
-
-  .lg\:gap-64 {
-    grid-gap: 16rem;
-    gap: 16rem;
-  }
-
-  .lg\:gap-72 {
-    grid-gap: 18rem;
-    gap: 18rem;
-  }
-
-  .lg\:gap-80 {
-    grid-gap: 20rem;
-    gap: 20rem;
-  }
-
-  .lg\:gap-96 {
-    grid-gap: 24rem;
-    gap: 24rem;
-  }
-
-  .lg\:gap-px {
-    grid-gap: 1px;
-    gap: 1px;
-  }
-
-  .lg\:gap-0\.5 {
-    grid-gap: 0.125rem;
-    gap: 0.125rem;
-  }
-
-  .lg\:gap-1\.5 {
-    grid-gap: 0.375rem;
-    gap: 0.375rem;
-  }
-
-  .lg\:gap-2\.5 {
-    grid-gap: 0.625rem;
-    gap: 0.625rem;
-  }
-
-  .lg\:gap-3\.5 {
-    grid-gap: 0.875rem;
-    gap: 0.875rem;
-  }
-
-  .lg\:gap-1\/2 {
-    grid-gap: 50%;
-    gap: 50%;
-  }
-
-  .lg\:gap-1\/3 {
-    grid-gap: 33.333333%;
-    gap: 33.333333%;
-  }
-
-  .lg\:gap-2\/3 {
-    grid-gap: 66.666667%;
-    gap: 66.666667%;
-  }
-
-  .lg\:gap-1\/4 {
-    grid-gap: 25%;
-    gap: 25%;
-  }
-
-  .lg\:gap-2\/4 {
-    grid-gap: 50%;
-    gap: 50%;
-  }
-
-  .lg\:gap-3\/4 {
-    grid-gap: 75%;
-    gap: 75%;
-  }
-
-  .lg\:gap-1\/5 {
-    grid-gap: 20%;
-    gap: 20%;
-  }
-
-  .lg\:gap-2\/5 {
-    grid-gap: 40%;
-    gap: 40%;
-  }
-
-  .lg\:gap-3\/5 {
-    grid-gap: 60%;
-    gap: 60%;
-  }
-
-  .lg\:gap-4\/5 {
-    grid-gap: 80%;
-    gap: 80%;
-  }
-
-  .lg\:gap-1\/6 {
-    grid-gap: 16.666667%;
-    gap: 16.666667%;
-  }
-
-  .lg\:gap-2\/6 {
-    grid-gap: 33.333333%;
-    gap: 33.333333%;
-  }
-
-  .lg\:gap-3\/6 {
-    grid-gap: 50%;
-    gap: 50%;
-  }
-
-  .lg\:gap-4\/6 {
-    grid-gap: 66.666667%;
-    gap: 66.666667%;
-  }
-
-  .lg\:gap-5\/6 {
-    grid-gap: 83.333333%;
-    gap: 83.333333%;
-  }
-
-  .lg\:gap-1\/12 {
-    grid-gap: 8.333333%;
-    gap: 8.333333%;
-  }
-
-  .lg\:gap-2\/12 {
-    grid-gap: 16.666667%;
-    gap: 16.666667%;
-  }
-
-  .lg\:gap-3\/12 {
-    grid-gap: 25%;
-    gap: 25%;
-  }
-
-  .lg\:gap-4\/12 {
-    grid-gap: 33.333333%;
-    gap: 33.333333%;
-  }
-
-  .lg\:gap-5\/12 {
-    grid-gap: 41.666667%;
-    gap: 41.666667%;
-  }
-
-  .lg\:gap-6\/12 {
-    grid-gap: 50%;
-    gap: 50%;
-  }
-
-  .lg\:gap-7\/12 {
-    grid-gap: 58.333333%;
-    gap: 58.333333%;
-  }
-
-  .lg\:gap-8\/12 {
-    grid-gap: 66.666667%;
-    gap: 66.666667%;
-  }
-
-  .lg\:gap-9\/12 {
-    grid-gap: 75%;
-    gap: 75%;
-  }
-
-  .lg\:gap-10\/12 {
-    grid-gap: 83.333333%;
-    gap: 83.333333%;
-  }
-
-  .lg\:gap-11\/12 {
-    grid-gap: 91.666667%;
-    gap: 91.666667%;
-  }
-
-  .lg\:gap-full {
-    grid-gap: 100%;
-    gap: 100%;
-  }
-
-  .lg\:col-gap-0 {
-    grid-column-gap: 0;
-    -moz-column-gap: 0;
-         column-gap: 0;
-  }
-
-  .lg\:col-gap-1 {
-    grid-column-gap: 0.25rem;
-    -moz-column-gap: 0.25rem;
-         column-gap: 0.25rem;
-  }
-
-  .lg\:col-gap-2 {
-    grid-column-gap: 0.5rem;
-    -moz-column-gap: 0.5rem;
-         column-gap: 0.5rem;
-  }
-
-  .lg\:col-gap-3 {
-    grid-column-gap: 0.75rem;
-    -moz-column-gap: 0.75rem;
-         column-gap: 0.75rem;
-  }
-
-  .lg\:col-gap-4 {
-    grid-column-gap: 1rem;
-    -moz-column-gap: 1rem;
-         column-gap: 1rem;
-  }
-
-  .lg\:col-gap-5 {
-    grid-column-gap: 1.25rem;
-    -moz-column-gap: 1.25rem;
-         column-gap: 1.25rem;
-  }
-
-  .lg\:col-gap-6 {
-    grid-column-gap: 1.5rem;
-    -moz-column-gap: 1.5rem;
-         column-gap: 1.5rem;
-  }
-
-  .lg\:col-gap-7 {
-    grid-column-gap: 1.75rem;
-    -moz-column-gap: 1.75rem;
-         column-gap: 1.75rem;
-  }
-
-  .lg\:col-gap-8 {
-    grid-column-gap: 2rem;
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
-  }
-
-  .lg\:col-gap-9 {
-    grid-column-gap: 2.25rem;
-    -moz-column-gap: 2.25rem;
-         column-gap: 2.25rem;
-  }
-
-  .lg\:col-gap-10 {
-    grid-column-gap: 2.5rem;
-    -moz-column-gap: 2.5rem;
-         column-gap: 2.5rem;
-  }
-
-  .lg\:col-gap-11 {
-    grid-column-gap: 2.75rem;
-    -moz-column-gap: 2.75rem;
-         column-gap: 2.75rem;
-  }
-
-  .lg\:col-gap-12 {
-    grid-column-gap: 3rem;
-    -moz-column-gap: 3rem;
-         column-gap: 3rem;
-  }
-
-  .lg\:col-gap-13 {
-    grid-column-gap: 3.25rem;
-    -moz-column-gap: 3.25rem;
-         column-gap: 3.25rem;
-  }
-
-  .lg\:col-gap-14 {
-    grid-column-gap: 3.5rem;
-    -moz-column-gap: 3.5rem;
-         column-gap: 3.5rem;
-  }
-
-  .lg\:col-gap-15 {
-    grid-column-gap: 3.75rem;
-    -moz-column-gap: 3.75rem;
-         column-gap: 3.75rem;
-  }
-
-  .lg\:col-gap-16 {
-    grid-column-gap: 4rem;
-    -moz-column-gap: 4rem;
-         column-gap: 4rem;
-  }
-
-  .lg\:col-gap-20 {
-    grid-column-gap: 5rem;
-    -moz-column-gap: 5rem;
-         column-gap: 5rem;
-  }
-
-  .lg\:col-gap-24 {
-    grid-column-gap: 6rem;
-    -moz-column-gap: 6rem;
-         column-gap: 6rem;
-  }
-
-  .lg\:col-gap-28 {
-    grid-column-gap: 7rem;
-    -moz-column-gap: 7rem;
-         column-gap: 7rem;
-  }
-
-  .lg\:col-gap-32 {
-    grid-column-gap: 8rem;
-    -moz-column-gap: 8rem;
-         column-gap: 8rem;
-  }
-
-  .lg\:col-gap-36 {
-    grid-column-gap: 9rem;
-    -moz-column-gap: 9rem;
-         column-gap: 9rem;
-  }
-
-  .lg\:col-gap-40 {
-    grid-column-gap: 10rem;
-    -moz-column-gap: 10rem;
-         column-gap: 10rem;
-  }
-
-  .lg\:col-gap-48 {
-    grid-column-gap: 12rem;
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .lg\:col-gap-56 {
-    grid-column-gap: 14rem;
-    -moz-column-gap: 14rem;
-         column-gap: 14rem;
-  }
-
-  .lg\:col-gap-60 {
-    grid-column-gap: 15rem;
-    -moz-column-gap: 15rem;
-         column-gap: 15rem;
-  }
-
-  .lg\:col-gap-64 {
-    grid-column-gap: 16rem;
-    -moz-column-gap: 16rem;
-         column-gap: 16rem;
-  }
-
-  .lg\:col-gap-72 {
-    grid-column-gap: 18rem;
-    -moz-column-gap: 18rem;
-         column-gap: 18rem;
-  }
-
-  .lg\:col-gap-80 {
-    grid-column-gap: 20rem;
-    -moz-column-gap: 20rem;
-         column-gap: 20rem;
-  }
-
-  .lg\:col-gap-96 {
-    grid-column-gap: 24rem;
-    -moz-column-gap: 24rem;
-         column-gap: 24rem;
-  }
-
-  .lg\:col-gap-px {
-    grid-column-gap: 1px;
-    -moz-column-gap: 1px;
-         column-gap: 1px;
-  }
-
-  .lg\:col-gap-0\.5 {
-    grid-column-gap: 0.125rem;
-    -moz-column-gap: 0.125rem;
-         column-gap: 0.125rem;
-  }
-
-  .lg\:col-gap-1\.5 {
-    grid-column-gap: 0.375rem;
-    -moz-column-gap: 0.375rem;
-         column-gap: 0.375rem;
-  }
-
-  .lg\:col-gap-2\.5 {
-    grid-column-gap: 0.625rem;
-    -moz-column-gap: 0.625rem;
-         column-gap: 0.625rem;
-  }
-
-  .lg\:col-gap-3\.5 {
-    grid-column-gap: 0.875rem;
-    -moz-column-gap: 0.875rem;
-         column-gap: 0.875rem;
-  }
-
-  .lg\:col-gap-1\/2 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .lg\:col-gap-1\/3 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .lg\:col-gap-2\/3 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .lg\:col-gap-1\/4 {
-    grid-column-gap: 25%;
-    -moz-column-gap: 25%;
-         column-gap: 25%;
-  }
-
-  .lg\:col-gap-2\/4 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .lg\:col-gap-3\/4 {
-    grid-column-gap: 75%;
-    -moz-column-gap: 75%;
-         column-gap: 75%;
-  }
-
-  .lg\:col-gap-1\/5 {
-    grid-column-gap: 20%;
-    -moz-column-gap: 20%;
-         column-gap: 20%;
-  }
-
-  .lg\:col-gap-2\/5 {
-    grid-column-gap: 40%;
-    -moz-column-gap: 40%;
-         column-gap: 40%;
-  }
-
-  .lg\:col-gap-3\/5 {
-    grid-column-gap: 60%;
-    -moz-column-gap: 60%;
-         column-gap: 60%;
-  }
-
-  .lg\:col-gap-4\/5 {
-    grid-column-gap: 80%;
-    -moz-column-gap: 80%;
-         column-gap: 80%;
-  }
-
-  .lg\:col-gap-1\/6 {
-    grid-column-gap: 16.666667%;
-    -moz-column-gap: 16.666667%;
-         column-gap: 16.666667%;
-  }
-
-  .lg\:col-gap-2\/6 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .lg\:col-gap-3\/6 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .lg\:col-gap-4\/6 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .lg\:col-gap-5\/6 {
-    grid-column-gap: 83.333333%;
-    -moz-column-gap: 83.333333%;
-         column-gap: 83.333333%;
-  }
-
-  .lg\:col-gap-1\/12 {
-    grid-column-gap: 8.333333%;
-    -moz-column-gap: 8.333333%;
-         column-gap: 8.333333%;
-  }
-
-  .lg\:col-gap-2\/12 {
-    grid-column-gap: 16.666667%;
-    -moz-column-gap: 16.666667%;
-         column-gap: 16.666667%;
-  }
-
-  .lg\:col-gap-3\/12 {
-    grid-column-gap: 25%;
-    -moz-column-gap: 25%;
-         column-gap: 25%;
-  }
-
-  .lg\:col-gap-4\/12 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .lg\:col-gap-5\/12 {
-    grid-column-gap: 41.666667%;
-    -moz-column-gap: 41.666667%;
-         column-gap: 41.666667%;
-  }
-
-  .lg\:col-gap-6\/12 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .lg\:col-gap-7\/12 {
-    grid-column-gap: 58.333333%;
-    -moz-column-gap: 58.333333%;
-         column-gap: 58.333333%;
-  }
-
-  .lg\:col-gap-8\/12 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .lg\:col-gap-9\/12 {
-    grid-column-gap: 75%;
-    -moz-column-gap: 75%;
-         column-gap: 75%;
-  }
-
-  .lg\:col-gap-10\/12 {
-    grid-column-gap: 83.333333%;
-    -moz-column-gap: 83.333333%;
-         column-gap: 83.333333%;
-  }
-
-  .lg\:col-gap-11\/12 {
-    grid-column-gap: 91.666667%;
-    -moz-column-gap: 91.666667%;
-         column-gap: 91.666667%;
-  }
-
-  .lg\:col-gap-full {
-    grid-column-gap: 100%;
-    -moz-column-gap: 100%;
-         column-gap: 100%;
-  }
-
-  .lg\:row-gap-0 {
-    grid-row-gap: 0;
-    row-gap: 0;
-  }
-
-  .lg\:row-gap-1 {
-    grid-row-gap: 0.25rem;
-    row-gap: 0.25rem;
-  }
-
-  .lg\:row-gap-2 {
-    grid-row-gap: 0.5rem;
-    row-gap: 0.5rem;
-  }
-
-  .lg\:row-gap-3 {
-    grid-row-gap: 0.75rem;
-    row-gap: 0.75rem;
-  }
-
-  .lg\:row-gap-4 {
-    grid-row-gap: 1rem;
-    row-gap: 1rem;
-  }
-
-  .lg\:row-gap-5 {
-    grid-row-gap: 1.25rem;
-    row-gap: 1.25rem;
-  }
-
-  .lg\:row-gap-6 {
-    grid-row-gap: 1.5rem;
-    row-gap: 1.5rem;
-  }
-
-  .lg\:row-gap-7 {
-    grid-row-gap: 1.75rem;
-    row-gap: 1.75rem;
-  }
-
-  .lg\:row-gap-8 {
-    grid-row-gap: 2rem;
-    row-gap: 2rem;
-  }
-
-  .lg\:row-gap-9 {
-    grid-row-gap: 2.25rem;
-    row-gap: 2.25rem;
-  }
-
-  .lg\:row-gap-10 {
-    grid-row-gap: 2.5rem;
-    row-gap: 2.5rem;
-  }
-
-  .lg\:row-gap-11 {
-    grid-row-gap: 2.75rem;
-    row-gap: 2.75rem;
-  }
-
-  .lg\:row-gap-12 {
-    grid-row-gap: 3rem;
-    row-gap: 3rem;
-  }
-
-  .lg\:row-gap-13 {
-    grid-row-gap: 3.25rem;
-    row-gap: 3.25rem;
-  }
-
-  .lg\:row-gap-14 {
-    grid-row-gap: 3.5rem;
-    row-gap: 3.5rem;
-  }
-
-  .lg\:row-gap-15 {
-    grid-row-gap: 3.75rem;
-    row-gap: 3.75rem;
-  }
-
-  .lg\:row-gap-16 {
-    grid-row-gap: 4rem;
-    row-gap: 4rem;
-  }
-
-  .lg\:row-gap-20 {
-    grid-row-gap: 5rem;
-    row-gap: 5rem;
-  }
-
-  .lg\:row-gap-24 {
-    grid-row-gap: 6rem;
-    row-gap: 6rem;
-  }
-
-  .lg\:row-gap-28 {
-    grid-row-gap: 7rem;
-    row-gap: 7rem;
-  }
-
-  .lg\:row-gap-32 {
-    grid-row-gap: 8rem;
-    row-gap: 8rem;
-  }
-
-  .lg\:row-gap-36 {
-    grid-row-gap: 9rem;
-    row-gap: 9rem;
-  }
-
-  .lg\:row-gap-40 {
-    grid-row-gap: 10rem;
-    row-gap: 10rem;
-  }
-
-  .lg\:row-gap-48 {
-    grid-row-gap: 12rem;
-    row-gap: 12rem;
-  }
-
-  .lg\:row-gap-56 {
-    grid-row-gap: 14rem;
-    row-gap: 14rem;
-  }
-
-  .lg\:row-gap-60 {
-    grid-row-gap: 15rem;
-    row-gap: 15rem;
-  }
-
-  .lg\:row-gap-64 {
-    grid-row-gap: 16rem;
-    row-gap: 16rem;
-  }
-
-  .lg\:row-gap-72 {
-    grid-row-gap: 18rem;
-    row-gap: 18rem;
-  }
-
-  .lg\:row-gap-80 {
-    grid-row-gap: 20rem;
-    row-gap: 20rem;
-  }
-
-  .lg\:row-gap-96 {
-    grid-row-gap: 24rem;
-    row-gap: 24rem;
-  }
-
-  .lg\:row-gap-px {
-    grid-row-gap: 1px;
-    row-gap: 1px;
-  }
-
-  .lg\:row-gap-0\.5 {
-    grid-row-gap: 0.125rem;
-    row-gap: 0.125rem;
-  }
-
-  .lg\:row-gap-1\.5 {
-    grid-row-gap: 0.375rem;
-    row-gap: 0.375rem;
-  }
-
-  .lg\:row-gap-2\.5 {
-    grid-row-gap: 0.625rem;
-    row-gap: 0.625rem;
-  }
-
-  .lg\:row-gap-3\.5 {
-    grid-row-gap: 0.875rem;
-    row-gap: 0.875rem;
-  }
-
-  .lg\:row-gap-1\/2 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .lg\:row-gap-1\/3 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .lg\:row-gap-2\/3 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .lg\:row-gap-1\/4 {
-    grid-row-gap: 25%;
-    row-gap: 25%;
-  }
-
-  .lg\:row-gap-2\/4 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .lg\:row-gap-3\/4 {
-    grid-row-gap: 75%;
-    row-gap: 75%;
-  }
-
-  .lg\:row-gap-1\/5 {
-    grid-row-gap: 20%;
-    row-gap: 20%;
-  }
-
-  .lg\:row-gap-2\/5 {
-    grid-row-gap: 40%;
-    row-gap: 40%;
-  }
-
-  .lg\:row-gap-3\/5 {
-    grid-row-gap: 60%;
-    row-gap: 60%;
-  }
-
-  .lg\:row-gap-4\/5 {
-    grid-row-gap: 80%;
-    row-gap: 80%;
-  }
-
-  .lg\:row-gap-1\/6 {
-    grid-row-gap: 16.666667%;
-    row-gap: 16.666667%;
-  }
-
-  .lg\:row-gap-2\/6 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .lg\:row-gap-3\/6 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .lg\:row-gap-4\/6 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .lg\:row-gap-5\/6 {
-    grid-row-gap: 83.333333%;
-    row-gap: 83.333333%;
-  }
-
-  .lg\:row-gap-1\/12 {
-    grid-row-gap: 8.333333%;
-    row-gap: 8.333333%;
-  }
-
-  .lg\:row-gap-2\/12 {
-    grid-row-gap: 16.666667%;
-    row-gap: 16.666667%;
-  }
-
-  .lg\:row-gap-3\/12 {
-    grid-row-gap: 25%;
-    row-gap: 25%;
-  }
-
-  .lg\:row-gap-4\/12 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .lg\:row-gap-5\/12 {
-    grid-row-gap: 41.666667%;
-    row-gap: 41.666667%;
-  }
-
-  .lg\:row-gap-6\/12 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .lg\:row-gap-7\/12 {
-    grid-row-gap: 58.333333%;
-    row-gap: 58.333333%;
-  }
-
-  .lg\:row-gap-8\/12 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .lg\:row-gap-9\/12 {
-    grid-row-gap: 75%;
-    row-gap: 75%;
-  }
-
-  .lg\:row-gap-10\/12 {
-    grid-row-gap: 83.333333%;
-    row-gap: 83.333333%;
-  }
-
-  .lg\:row-gap-11\/12 {
-    grid-row-gap: 91.666667%;
-    row-gap: 91.666667%;
-  }
-
-  .lg\:row-gap-full {
-    grid-row-gap: 100%;
-    row-gap: 100%;
-  }
-
-  .lg\:grid-flow-row {
-    grid-auto-flow: row;
-  }
-
-  .lg\:grid-flow-col {
-    grid-auto-flow: column;
-  }
-
-  .lg\:grid-flow-row-dense {
-    grid-auto-flow: row dense;
-  }
-
-  .lg\:grid-flow-col-dense {
-    grid-auto-flow: column dense;
-  }
-
-  .lg\:grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-
-  .lg\:grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .lg\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .lg\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
-  .lg\:grid-cols-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-
-  .lg\:grid-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-
-  .lg\:grid-cols-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-
-  .lg\:grid-cols-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-
-  .lg\:grid-cols-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-
-  .lg\:grid-cols-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-
-  .lg\:grid-cols-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-
-  .lg\:grid-cols-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-
-  .lg\:grid-cols-none {
-    grid-template-columns: none;
-  }
-
-  .lg\:col-auto {
-    grid-column: auto;
-  }
-
-  .lg\:col-span-1 {
-    grid-column: span 1 / span 1;
-  }
-
-  .lg\:col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-
-  .lg\:col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .lg\:col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-
-  .lg\:col-span-5 {
-    grid-column: span 5 / span 5;
-  }
-
-  .lg\:col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .lg\:col-span-7 {
-    grid-column: span 7 / span 7;
-  }
-
-  .lg\:col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-
-  .lg\:col-span-9 {
-    grid-column: span 9 / span 9;
-  }
-
-  .lg\:col-span-10 {
-    grid-column: span 10 / span 10;
-  }
-
-  .lg\:col-span-11 {
-    grid-column: span 11 / span 11;
-  }
-
-  .lg\:col-span-12 {
-    grid-column: span 12 / span 12;
-  }
-
-  .lg\:col-start-1 {
-    grid-column-start: 1;
-  }
-
-  .lg\:col-start-2 {
-    grid-column-start: 2;
-  }
-
-  .lg\:col-start-3 {
-    grid-column-start: 3;
-  }
-
-  .lg\:col-start-4 {
-    grid-column-start: 4;
-  }
-
-  .lg\:col-start-5 {
-    grid-column-start: 5;
-  }
-
-  .lg\:col-start-6 {
-    grid-column-start: 6;
-  }
-
-  .lg\:col-start-7 {
-    grid-column-start: 7;
-  }
-
-  .lg\:col-start-8 {
-    grid-column-start: 8;
-  }
-
-  .lg\:col-start-9 {
-    grid-column-start: 9;
-  }
-
-  .lg\:col-start-10 {
-    grid-column-start: 10;
-  }
-
-  .lg\:col-start-11 {
-    grid-column-start: 11;
-  }
-
-  .lg\:col-start-12 {
-    grid-column-start: 12;
-  }
-
-  .lg\:col-start-13 {
-    grid-column-start: 13;
-  }
-
-  .lg\:col-start-auto {
-    grid-column-start: auto;
-  }
-
-  .lg\:col-end-1 {
-    grid-column-end: 1;
-  }
-
-  .lg\:col-end-2 {
-    grid-column-end: 2;
-  }
-
-  .lg\:col-end-3 {
-    grid-column-end: 3;
-  }
-
-  .lg\:col-end-4 {
-    grid-column-end: 4;
-  }
-
-  .lg\:col-end-5 {
-    grid-column-end: 5;
-  }
-
-  .lg\:col-end-6 {
-    grid-column-end: 6;
-  }
-
-  .lg\:col-end-7 {
-    grid-column-end: 7;
-  }
-
-  .lg\:col-end-8 {
-    grid-column-end: 8;
-  }
-
-  .lg\:col-end-9 {
-    grid-column-end: 9;
-  }
-
-  .lg\:col-end-10 {
-    grid-column-end: 10;
-  }
-
-  .lg\:col-end-11 {
-    grid-column-end: 11;
-  }
-
-  .lg\:col-end-12 {
-    grid-column-end: 12;
-  }
-
-  .lg\:col-end-13 {
-    grid-column-end: 13;
-  }
-
-  .lg\:col-end-auto {
-    grid-column-end: auto;
-  }
-
-  .lg\:grid-rows-1 {
-    grid-template-rows: repeat(1, minmax(0, 1fr));
-  }
-
-  .lg\:grid-rows-2 {
-    grid-template-rows: repeat(2, minmax(0, 1fr));
-  }
-
-  .lg\:grid-rows-3 {
-    grid-template-rows: repeat(3, minmax(0, 1fr));
-  }
-
-  .lg\:grid-rows-4 {
-    grid-template-rows: repeat(4, minmax(0, 1fr));
-  }
-
-  .lg\:grid-rows-5 {
-    grid-template-rows: repeat(5, minmax(0, 1fr));
-  }
-
-  .lg\:grid-rows-6 {
-    grid-template-rows: repeat(6, minmax(0, 1fr));
-  }
-
-  .lg\:grid-rows-none {
-    grid-template-rows: none;
-  }
-
-  .lg\:row-auto {
-    grid-row: auto;
-  }
-
-  .lg\:row-span-1 {
-    grid-row: span 1 / span 1;
-  }
-
-  .lg\:row-span-2 {
-    grid-row: span 2 / span 2;
-  }
-
-  .lg\:row-span-3 {
-    grid-row: span 3 / span 3;
-  }
-
-  .lg\:row-span-4 {
-    grid-row: span 4 / span 4;
-  }
-
-  .lg\:row-span-5 {
-    grid-row: span 5 / span 5;
-  }
-
-  .lg\:row-span-6 {
-    grid-row: span 6 / span 6;
-  }
-
-  .lg\:row-start-1 {
-    grid-row-start: 1;
-  }
-
-  .lg\:row-start-2 {
-    grid-row-start: 2;
-  }
-
-  .lg\:row-start-3 {
-    grid-row-start: 3;
-  }
-
-  .lg\:row-start-4 {
-    grid-row-start: 4;
-  }
-
-  .lg\:row-start-5 {
-    grid-row-start: 5;
-  }
-
-  .lg\:row-start-6 {
-    grid-row-start: 6;
-  }
-
-  .lg\:row-start-7 {
-    grid-row-start: 7;
-  }
-
-  .lg\:row-start-auto {
-    grid-row-start: auto;
-  }
-
-  .lg\:row-end-1 {
-    grid-row-end: 1;
-  }
-
-  .lg\:row-end-2 {
-    grid-row-end: 2;
-  }
-
-  .lg\:row-end-3 {
-    grid-row-end: 3;
-  }
-
-  .lg\:row-end-4 {
-    grid-row-end: 4;
-  }
-
-  .lg\:row-end-5 {
-    grid-row-end: 5;
-  }
-
-  .lg\:row-end-6 {
-    grid-row-end: 6;
-  }
-
-  .lg\:row-end-7 {
-    grid-row-end: 7;
-  }
-
-  .lg\:row-end-auto {
-    grid-row-end: auto;
-  }
-
-  .lg\: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));
-  }
-
-  .lg\:transform-none {
-    transform: none;
-  }
-
-  .lg\:origin-center {
-    transform-origin: center;
-  }
-
-  .lg\:origin-top {
-    transform-origin: top;
-  }
-
-  .lg\:origin-top-right {
-    transform-origin: top right;
-  }
-
-  .lg\:origin-right {
-    transform-origin: right;
-  }
-
-  .lg\:origin-bottom-right {
-    transform-origin: bottom right;
-  }
-
-  .lg\:origin-bottom {
-    transform-origin: bottom;
-  }
-
-  .lg\:origin-bottom-left {
-    transform-origin: bottom left;
-  }
-
-  .lg\:origin-left {
-    transform-origin: left;
-  }
-
-  .lg\:origin-top-left {
-    transform-origin: top left;
-  }
-
-  .lg\:scale-0 {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .lg\:scale-50 {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .lg\:scale-75 {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .lg\:scale-90 {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .lg\:scale-95 {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .lg\:scale-100 {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .lg\:scale-105 {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .lg\:scale-110 {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .lg\:scale-125 {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .lg\:scale-150 {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .lg\:scale-x-0 {
-    --transform-scale-x: 0;
-  }
-
-  .lg\:scale-x-50 {
-    --transform-scale-x: .5;
-  }
-
-  .lg\:scale-x-75 {
-    --transform-scale-x: .75;
-  }
-
-  .lg\:scale-x-90 {
-    --transform-scale-x: .9;
-  }
-
-  .lg\:scale-x-95 {
-    --transform-scale-x: .95;
-  }
-
-  .lg\:scale-x-100 {
-    --transform-scale-x: 1;
-  }
-
-  .lg\:scale-x-105 {
-    --transform-scale-x: 1.05;
-  }
-
-  .lg\:scale-x-110 {
-    --transform-scale-x: 1.1;
-  }
-
-  .lg\:scale-x-125 {
-    --transform-scale-x: 1.25;
-  }
-
-  .lg\:scale-x-150 {
-    --transform-scale-x: 1.5;
-  }
-
-  .lg\:scale-y-0 {
-    --transform-scale-y: 0;
-  }
-
-  .lg\:scale-y-50 {
-    --transform-scale-y: .5;
-  }
-
-  .lg\:scale-y-75 {
-    --transform-scale-y: .75;
-  }
-
-  .lg\:scale-y-90 {
-    --transform-scale-y: .9;
-  }
-
-  .lg\:scale-y-95 {
-    --transform-scale-y: .95;
-  }
-
-  .lg\:scale-y-100 {
-    --transform-scale-y: 1;
-  }
-
-  .lg\:scale-y-105 {
-    --transform-scale-y: 1.05;
-  }
-
-  .lg\:scale-y-110 {
-    --transform-scale-y: 1.1;
-  }
-
-  .lg\:scale-y-125 {
-    --transform-scale-y: 1.25;
-  }
-
-  .lg\:scale-y-150 {
-    --transform-scale-y: 1.5;
-  }
-
-  .lg\:hover\:scale-0:hover {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .lg\:hover\:scale-50:hover {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .lg\:hover\:scale-75:hover {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .lg\:hover\:scale-90:hover {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .lg\:hover\:scale-95:hover {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .lg\:hover\:scale-100:hover {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .lg\:hover\:scale-105:hover {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .lg\:hover\:scale-110:hover {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .lg\:hover\:scale-125:hover {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .lg\:hover\:scale-150:hover {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .lg\:hover\:scale-x-0:hover {
-    --transform-scale-x: 0;
-  }
-
-  .lg\:hover\:scale-x-50:hover {
-    --transform-scale-x: .5;
-  }
-
-  .lg\:hover\:scale-x-75:hover {
-    --transform-scale-x: .75;
-  }
-
-  .lg\:hover\:scale-x-90:hover {
-    --transform-scale-x: .9;
-  }
-
-  .lg\:hover\:scale-x-95:hover {
-    --transform-scale-x: .95;
-  }
-
-  .lg\:hover\:scale-x-100:hover {
-    --transform-scale-x: 1;
-  }
-
-  .lg\:hover\:scale-x-105:hover {
-    --transform-scale-x: 1.05;
-  }
-
-  .lg\:hover\:scale-x-110:hover {
-    --transform-scale-x: 1.1;
-  }
-
-  .lg\:hover\:scale-x-125:hover {
-    --transform-scale-x: 1.25;
-  }
-
-  .lg\:hover\:scale-x-150:hover {
-    --transform-scale-x: 1.5;
-  }
-
-  .lg\:hover\:scale-y-0:hover {
-    --transform-scale-y: 0;
-  }
-
-  .lg\:hover\:scale-y-50:hover {
-    --transform-scale-y: .5;
-  }
-
-  .lg\:hover\:scale-y-75:hover {
-    --transform-scale-y: .75;
-  }
-
-  .lg\:hover\:scale-y-90:hover {
-    --transform-scale-y: .9;
-  }
-
-  .lg\:hover\:scale-y-95:hover {
-    --transform-scale-y: .95;
-  }
-
-  .lg\:hover\:scale-y-100:hover {
-    --transform-scale-y: 1;
-  }
-
-  .lg\:hover\:scale-y-105:hover {
-    --transform-scale-y: 1.05;
-  }
-
-  .lg\:hover\:scale-y-110:hover {
-    --transform-scale-y: 1.1;
-  }
-
-  .lg\:hover\:scale-y-125:hover {
-    --transform-scale-y: 1.25;
-  }
-
-  .lg\:hover\:scale-y-150:hover {
-    --transform-scale-y: 1.5;
-  }
-
-  .lg\:focus\:scale-0:focus {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .lg\:focus\:scale-50:focus {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .lg\:focus\:scale-75:focus {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .lg\:focus\:scale-90:focus {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .lg\:focus\:scale-95:focus {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .lg\:focus\:scale-100:focus {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .lg\:focus\:scale-105:focus {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .lg\:focus\:scale-110:focus {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .lg\:focus\:scale-125:focus {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .lg\:focus\:scale-150:focus {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .lg\:focus\:scale-x-0:focus {
-    --transform-scale-x: 0;
-  }
-
-  .lg\:focus\:scale-x-50:focus {
-    --transform-scale-x: .5;
-  }
-
-  .lg\:focus\:scale-x-75:focus {
-    --transform-scale-x: .75;
-  }
-
-  .lg\:focus\:scale-x-90:focus {
-    --transform-scale-x: .9;
-  }
-
-  .lg\:focus\:scale-x-95:focus {
-    --transform-scale-x: .95;
-  }
-
-  .lg\:focus\:scale-x-100:focus {
-    --transform-scale-x: 1;
-  }
-
-  .lg\:focus\:scale-x-105:focus {
-    --transform-scale-x: 1.05;
-  }
-
-  .lg\:focus\:scale-x-110:focus {
-    --transform-scale-x: 1.1;
-  }
-
-  .lg\:focus\:scale-x-125:focus {
-    --transform-scale-x: 1.25;
-  }
-
-  .lg\:focus\:scale-x-150:focus {
-    --transform-scale-x: 1.5;
-  }
-
-  .lg\:focus\:scale-y-0:focus {
-    --transform-scale-y: 0;
-  }
-
-  .lg\:focus\:scale-y-50:focus {
-    --transform-scale-y: .5;
-  }
-
-  .lg\:focus\:scale-y-75:focus {
-    --transform-scale-y: .75;
-  }
-
-  .lg\:focus\:scale-y-90:focus {
-    --transform-scale-y: .9;
-  }
-
-  .lg\:focus\:scale-y-95:focus {
-    --transform-scale-y: .95;
-  }
-
-  .lg\:focus\:scale-y-100:focus {
-    --transform-scale-y: 1;
-  }
-
-  .lg\:focus\:scale-y-105:focus {
-    --transform-scale-y: 1.05;
-  }
-
-  .lg\:focus\:scale-y-110:focus {
-    --transform-scale-y: 1.1;
-  }
-
-  .lg\:focus\:scale-y-125:focus {
-    --transform-scale-y: 1.25;
-  }
-
-  .lg\:focus\:scale-y-150:focus {
-    --transform-scale-y: 1.5;
-  }
-
-  .lg\:rotate-0 {
-    --transform-rotate: 0;
-  }
-
-  .lg\:rotate-45 {
-    --transform-rotate: 45deg;
-  }
-
-  .lg\:rotate-90 {
-    --transform-rotate: 90deg;
-  }
-
-  .lg\:rotate-180 {
-    --transform-rotate: 180deg;
-  }
-
-  .lg\:-rotate-180 {
-    --transform-rotate: -180deg;
-  }
-
-  .lg\:-rotate-90 {
-    --transform-rotate: -90deg;
-  }
-
-  .lg\:-rotate-45 {
-    --transform-rotate: -45deg;
-  }
-
-  .lg\:hover\:rotate-0:hover {
-    --transform-rotate: 0;
-  }
-
-  .lg\:hover\:rotate-45:hover {
-    --transform-rotate: 45deg;
-  }
-
-  .lg\:hover\:rotate-90:hover {
-    --transform-rotate: 90deg;
-  }
-
-  .lg\:hover\:rotate-180:hover {
-    --transform-rotate: 180deg;
-  }
-
-  .lg\:hover\:-rotate-180:hover {
-    --transform-rotate: -180deg;
-  }
-
-  .lg\:hover\:-rotate-90:hover {
-    --transform-rotate: -90deg;
-  }
-
-  .lg\:hover\:-rotate-45:hover {
-    --transform-rotate: -45deg;
-  }
-
-  .lg\:focus\:rotate-0:focus {
-    --transform-rotate: 0;
-  }
-
-  .lg\:focus\:rotate-45:focus {
-    --transform-rotate: 45deg;
-  }
-
-  .lg\:focus\:rotate-90:focus {
-    --transform-rotate: 90deg;
-  }
-
-  .lg\:focus\:rotate-180:focus {
-    --transform-rotate: 180deg;
-  }
-
-  .lg\:focus\:-rotate-180:focus {
-    --transform-rotate: -180deg;
-  }
-
-  .lg\:focus\:-rotate-90:focus {
-    --transform-rotate: -90deg;
-  }
-
-  .lg\:focus\:-rotate-45:focus {
-    --transform-rotate: -45deg;
-  }
-
-  .lg\:translate-x-0 {
-    --transform-translate-x: 0;
-  }
-
-  .lg\:translate-x-1 {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .lg\:translate-x-2 {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .lg\:translate-x-3 {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .lg\:translate-x-4 {
-    --transform-translate-x: 1rem;
-  }
-
-  .lg\:translate-x-5 {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .lg\:translate-x-6 {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .lg\:translate-x-7 {
-    --transform-translate-x: 1.75rem;
-  }
-
-  .lg\:translate-x-8 {
-    --transform-translate-x: 2rem;
-  }
-
-  .lg\:translate-x-9 {
-    --transform-translate-x: 2.25rem;
-  }
-
-  .lg\:translate-x-10 {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .lg\:translate-x-11 {
-    --transform-translate-x: 2.75rem;
-  }
-
-  .lg\:translate-x-12 {
-    --transform-translate-x: 3rem;
-  }
-
-  .lg\:translate-x-13 {
-    --transform-translate-x: 3.25rem;
-  }
-
-  .lg\:translate-x-14 {
-    --transform-translate-x: 3.5rem;
-  }
-
-  .lg\:translate-x-15 {
-    --transform-translate-x: 3.75rem;
-  }
-
-  .lg\:translate-x-16 {
-    --transform-translate-x: 4rem;
-  }
-
-  .lg\:translate-x-20 {
-    --transform-translate-x: 5rem;
-  }
-
-  .lg\:translate-x-24 {
-    --transform-translate-x: 6rem;
-  }
-
-  .lg\:translate-x-28 {
-    --transform-translate-x: 7rem;
-  }
-
-  .lg\:translate-x-32 {
-    --transform-translate-x: 8rem;
-  }
-
-  .lg\:translate-x-36 {
-    --transform-translate-x: 9rem;
-  }
-
-  .lg\:translate-x-40 {
-    --transform-translate-x: 10rem;
-  }
-
-  .lg\:translate-x-48 {
-    --transform-translate-x: 12rem;
-  }
-
-  .lg\:translate-x-56 {
-    --transform-translate-x: 14rem;
-  }
-
-  .lg\:translate-x-60 {
-    --transform-translate-x: 15rem;
-  }
-
-  .lg\:translate-x-64 {
-    --transform-translate-x: 16rem;
-  }
-
-  .lg\:translate-x-72 {
-    --transform-translate-x: 18rem;
-  }
-
-  .lg\:translate-x-80 {
-    --transform-translate-x: 20rem;
-  }
-
-  .lg\:translate-x-96 {
-    --transform-translate-x: 24rem;
-  }
-
-  .lg\:translate-x-px {
-    --transform-translate-x: 1px;
-  }
-
-  .lg\:translate-x-0\.5 {
-    --transform-translate-x: 0.125rem;
-  }
-
-  .lg\:translate-x-1\.5 {
-    --transform-translate-x: 0.375rem;
-  }
-
-  .lg\:translate-x-2\.5 {
-    --transform-translate-x: 0.625rem;
-  }
-
-  .lg\:translate-x-3\.5 {
-    --transform-translate-x: 0.875rem;
-  }
-
-  .lg\:translate-x-1\/2 {
-    --transform-translate-x: 50%;
-  }
-
-  .lg\:translate-x-1\/3 {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .lg\:translate-x-2\/3 {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .lg\:translate-x-1\/4 {
-    --transform-translate-x: 25%;
-  }
-
-  .lg\:translate-x-2\/4 {
-    --transform-translate-x: 50%;
-  }
-
-  .lg\:translate-x-3\/4 {
-    --transform-translate-x: 75%;
-  }
-
-  .lg\:translate-x-1\/5 {
-    --transform-translate-x: 20%;
-  }
-
-  .lg\:translate-x-2\/5 {
-    --transform-translate-x: 40%;
-  }
-
-  .lg\:translate-x-3\/5 {
-    --transform-translate-x: 60%;
-  }
-
-  .lg\:translate-x-4\/5 {
-    --transform-translate-x: 80%;
-  }
-
-  .lg\:translate-x-1\/6 {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .lg\:translate-x-2\/6 {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .lg\:translate-x-3\/6 {
-    --transform-translate-x: 50%;
-  }
-
-  .lg\:translate-x-4\/6 {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .lg\:translate-x-5\/6 {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .lg\:translate-x-1\/12 {
-    --transform-translate-x: 8.333333%;
-  }
-
-  .lg\:translate-x-2\/12 {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .lg\:translate-x-3\/12 {
-    --transform-translate-x: 25%;
-  }
-
-  .lg\:translate-x-4\/12 {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .lg\:translate-x-5\/12 {
-    --transform-translate-x: 41.666667%;
-  }
-
-  .lg\:translate-x-6\/12 {
-    --transform-translate-x: 50%;
-  }
-
-  .lg\:translate-x-7\/12 {
-    --transform-translate-x: 58.333333%;
-  }
-
-  .lg\:translate-x-8\/12 {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .lg\:translate-x-9\/12 {
-    --transform-translate-x: 75%;
-  }
-
-  .lg\:translate-x-10\/12 {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .lg\:translate-x-11\/12 {
-    --transform-translate-x: 91.666667%;
-  }
-
-  .lg\:translate-x-full {
-    --transform-translate-x: 100%;
-  }
-
-  .lg\:-translate-x-1 {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .lg\:-translate-x-2 {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .lg\:-translate-x-3 {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .lg\:-translate-x-4 {
-    --transform-translate-x: -1rem;
-  }
-
-  .lg\:-translate-x-5 {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .lg\:-translate-x-6 {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .lg\:-translate-x-7 {
-    --transform-translate-x: -1.75rem;
-  }
-
-  .lg\:-translate-x-8 {
-    --transform-translate-x: -2rem;
-  }
-
-  .lg\:-translate-x-9 {
-    --transform-translate-x: -2.25rem;
-  }
-
-  .lg\:-translate-x-10 {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .lg\:-translate-x-11 {
-    --transform-translate-x: -2.75rem;
-  }
-
-  .lg\:-translate-x-12 {
-    --transform-translate-x: -3rem;
-  }
-
-  .lg\:-translate-x-13 {
-    --transform-translate-x: -3.25rem;
-  }
-
-  .lg\:-translate-x-14 {
-    --transform-translate-x: -3.5rem;
-  }
-
-  .lg\:-translate-x-15 {
-    --transform-translate-x: -3.75rem;
-  }
-
-  .lg\:-translate-x-16 {
-    --transform-translate-x: -4rem;
-  }
-
-  .lg\:-translate-x-20 {
-    --transform-translate-x: -5rem;
-  }
-
-  .lg\:-translate-x-24 {
-    --transform-translate-x: -6rem;
-  }
-
-  .lg\:-translate-x-28 {
-    --transform-translate-x: -7rem;
-  }
-
-  .lg\:-translate-x-32 {
-    --transform-translate-x: -8rem;
-  }
-
-  .lg\:-translate-x-36 {
-    --transform-translate-x: -9rem;
-  }
-
-  .lg\:-translate-x-40 {
-    --transform-translate-x: -10rem;
-  }
-
-  .lg\:-translate-x-48 {
-    --transform-translate-x: -12rem;
-  }
-
-  .lg\:-translate-x-56 {
-    --transform-translate-x: -14rem;
-  }
-
-  .lg\:-translate-x-60 {
-    --transform-translate-x: -15rem;
-  }
-
-  .lg\:-translate-x-64 {
-    --transform-translate-x: -16rem;
-  }
-
-  .lg\:-translate-x-72 {
-    --transform-translate-x: -18rem;
-  }
-
-  .lg\:-translate-x-80 {
-    --transform-translate-x: -20rem;
-  }
-
-  .lg\:-translate-x-96 {
-    --transform-translate-x: -24rem;
-  }
-
-  .lg\:-translate-x-px {
-    --transform-translate-x: -1px;
-  }
-
-  .lg\:-translate-x-0\.5 {
-    --transform-translate-x: -0.125rem;
-  }
-
-  .lg\:-translate-x-1\.5 {
-    --transform-translate-x: -0.375rem;
-  }
-
-  .lg\:-translate-x-2\.5 {
-    --transform-translate-x: -0.625rem;
-  }
-
-  .lg\:-translate-x-3\.5 {
-    --transform-translate-x: -0.875rem;
-  }
-
-  .lg\:-translate-x-1\/2 {
-    --transform-translate-x: -50%;
-  }
-
-  .lg\:-translate-x-1\/3 {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .lg\:-translate-x-2\/3 {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .lg\:-translate-x-1\/4 {
-    --transform-translate-x: -25%;
-  }
-
-  .lg\:-translate-x-2\/4 {
-    --transform-translate-x: -50%;
-  }
-
-  .lg\:-translate-x-3\/4 {
-    --transform-translate-x: -75%;
-  }
-
-  .lg\:-translate-x-1\/5 {
-    --transform-translate-x: -20%;
-  }
-
-  .lg\:-translate-x-2\/5 {
-    --transform-translate-x: -40%;
-  }
-
-  .lg\:-translate-x-3\/5 {
-    --transform-translate-x: -60%;
-  }
-
-  .lg\:-translate-x-4\/5 {
-    --transform-translate-x: -80%;
-  }
-
-  .lg\:-translate-x-1\/6 {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .lg\:-translate-x-2\/6 {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .lg\:-translate-x-3\/6 {
-    --transform-translate-x: -50%;
-  }
-
-  .lg\:-translate-x-4\/6 {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .lg\:-translate-x-5\/6 {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .lg\:-translate-x-1\/12 {
-    --transform-translate-x: -8.33333%;
-  }
-
-  .lg\:-translate-x-2\/12 {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .lg\:-translate-x-3\/12 {
-    --transform-translate-x: -25%;
-  }
-
-  .lg\:-translate-x-4\/12 {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .lg\:-translate-x-5\/12 {
-    --transform-translate-x: -41.66667%;
-  }
-
-  .lg\:-translate-x-6\/12 {
-    --transform-translate-x: -50%;
-  }
-
-  .lg\:-translate-x-7\/12 {
-    --transform-translate-x: -58.33333%;
-  }
-
-  .lg\:-translate-x-8\/12 {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .lg\:-translate-x-9\/12 {
-    --transform-translate-x: -75%;
-  }
-
-  .lg\:-translate-x-10\/12 {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .lg\:-translate-x-11\/12 {
-    --transform-translate-x: -91.66667%;
-  }
-
-  .lg\:-translate-x-full {
-    --transform-translate-x: -100%;
-  }
-
-  .lg\:translate-y-0 {
-    --transform-translate-y: 0;
-  }
-
-  .lg\:translate-y-1 {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .lg\:translate-y-2 {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .lg\:translate-y-3 {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .lg\:translate-y-4 {
-    --transform-translate-y: 1rem;
-  }
-
-  .lg\:translate-y-5 {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .lg\:translate-y-6 {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .lg\:translate-y-7 {
-    --transform-translate-y: 1.75rem;
-  }
-
-  .lg\:translate-y-8 {
-    --transform-translate-y: 2rem;
-  }
-
-  .lg\:translate-y-9 {
-    --transform-translate-y: 2.25rem;
-  }
-
-  .lg\:translate-y-10 {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .lg\:translate-y-11 {
-    --transform-translate-y: 2.75rem;
-  }
-
-  .lg\:translate-y-12 {
-    --transform-translate-y: 3rem;
-  }
-
-  .lg\:translate-y-13 {
-    --transform-translate-y: 3.25rem;
-  }
-
-  .lg\:translate-y-14 {
-    --transform-translate-y: 3.5rem;
-  }
-
-  .lg\:translate-y-15 {
-    --transform-translate-y: 3.75rem;
-  }
-
-  .lg\:translate-y-16 {
-    --transform-translate-y: 4rem;
-  }
-
-  .lg\:translate-y-20 {
-    --transform-translate-y: 5rem;
-  }
-
-  .lg\:translate-y-24 {
-    --transform-translate-y: 6rem;
-  }
-
-  .lg\:translate-y-28 {
-    --transform-translate-y: 7rem;
-  }
-
-  .lg\:translate-y-32 {
-    --transform-translate-y: 8rem;
-  }
-
-  .lg\:translate-y-36 {
-    --transform-translate-y: 9rem;
-  }
-
-  .lg\:translate-y-40 {
-    --transform-translate-y: 10rem;
-  }
-
-  .lg\:translate-y-48 {
-    --transform-translate-y: 12rem;
-  }
-
-  .lg\:translate-y-56 {
-    --transform-translate-y: 14rem;
-  }
-
-  .lg\:translate-y-60 {
-    --transform-translate-y: 15rem;
-  }
-
-  .lg\:translate-y-64 {
-    --transform-translate-y: 16rem;
-  }
-
-  .lg\:translate-y-72 {
-    --transform-translate-y: 18rem;
-  }
-
-  .lg\:translate-y-80 {
-    --transform-translate-y: 20rem;
-  }
-
-  .lg\:translate-y-96 {
-    --transform-translate-y: 24rem;
-  }
-
-  .lg\:translate-y-px {
-    --transform-translate-y: 1px;
-  }
-
-  .lg\:translate-y-0\.5 {
-    --transform-translate-y: 0.125rem;
-  }
-
-  .lg\:translate-y-1\.5 {
-    --transform-translate-y: 0.375rem;
-  }
-
-  .lg\:translate-y-2\.5 {
-    --transform-translate-y: 0.625rem;
-  }
-
-  .lg\:translate-y-3\.5 {
-    --transform-translate-y: 0.875rem;
-  }
-
-  .lg\:translate-y-1\/2 {
-    --transform-translate-y: 50%;
-  }
-
-  .lg\:translate-y-1\/3 {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .lg\:translate-y-2\/3 {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .lg\:translate-y-1\/4 {
-    --transform-translate-y: 25%;
-  }
-
-  .lg\:translate-y-2\/4 {
-    --transform-translate-y: 50%;
-  }
-
-  .lg\:translate-y-3\/4 {
-    --transform-translate-y: 75%;
-  }
-
-  .lg\:translate-y-1\/5 {
-    --transform-translate-y: 20%;
-  }
-
-  .lg\:translate-y-2\/5 {
-    --transform-translate-y: 40%;
-  }
-
-  .lg\:translate-y-3\/5 {
-    --transform-translate-y: 60%;
-  }
-
-  .lg\:translate-y-4\/5 {
-    --transform-translate-y: 80%;
-  }
-
-  .lg\:translate-y-1\/6 {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .lg\:translate-y-2\/6 {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .lg\:translate-y-3\/6 {
-    --transform-translate-y: 50%;
-  }
-
-  .lg\:translate-y-4\/6 {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .lg\:translate-y-5\/6 {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .lg\:translate-y-1\/12 {
-    --transform-translate-y: 8.333333%;
-  }
-
-  .lg\:translate-y-2\/12 {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .lg\:translate-y-3\/12 {
-    --transform-translate-y: 25%;
-  }
-
-  .lg\:translate-y-4\/12 {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .lg\:translate-y-5\/12 {
-    --transform-translate-y: 41.666667%;
-  }
-
-  .lg\:translate-y-6\/12 {
-    --transform-translate-y: 50%;
-  }
-
-  .lg\:translate-y-7\/12 {
-    --transform-translate-y: 58.333333%;
-  }
-
-  .lg\:translate-y-8\/12 {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .lg\:translate-y-9\/12 {
-    --transform-translate-y: 75%;
-  }
-
-  .lg\:translate-y-10\/12 {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .lg\:translate-y-11\/12 {
-    --transform-translate-y: 91.666667%;
-  }
-
-  .lg\:translate-y-full {
-    --transform-translate-y: 100%;
-  }
-
-  .lg\:-translate-y-1 {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .lg\:-translate-y-2 {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .lg\:-translate-y-3 {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .lg\:-translate-y-4 {
-    --transform-translate-y: -1rem;
-  }
-
-  .lg\:-translate-y-5 {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .lg\:-translate-y-6 {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .lg\:-translate-y-7 {
-    --transform-translate-y: -1.75rem;
-  }
-
-  .lg\:-translate-y-8 {
-    --transform-translate-y: -2rem;
-  }
-
-  .lg\:-translate-y-9 {
-    --transform-translate-y: -2.25rem;
-  }
-
-  .lg\:-translate-y-10 {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .lg\:-translate-y-11 {
-    --transform-translate-y: -2.75rem;
-  }
-
-  .lg\:-translate-y-12 {
-    --transform-translate-y: -3rem;
-  }
-
-  .lg\:-translate-y-13 {
-    --transform-translate-y: -3.25rem;
-  }
-
-  .lg\:-translate-y-14 {
-    --transform-translate-y: -3.5rem;
-  }
-
-  .lg\:-translate-y-15 {
-    --transform-translate-y: -3.75rem;
-  }
-
-  .lg\:-translate-y-16 {
-    --transform-translate-y: -4rem;
-  }
-
-  .lg\:-translate-y-20 {
-    --transform-translate-y: -5rem;
-  }
-
-  .lg\:-translate-y-24 {
-    --transform-translate-y: -6rem;
-  }
-
-  .lg\:-translate-y-28 {
-    --transform-translate-y: -7rem;
-  }
-
-  .lg\:-translate-y-32 {
-    --transform-translate-y: -8rem;
-  }
-
-  .lg\:-translate-y-36 {
-    --transform-translate-y: -9rem;
-  }
-
-  .lg\:-translate-y-40 {
-    --transform-translate-y: -10rem;
-  }
-
-  .lg\:-translate-y-48 {
-    --transform-translate-y: -12rem;
-  }
-
-  .lg\:-translate-y-56 {
-    --transform-translate-y: -14rem;
-  }
-
-  .lg\:-translate-y-60 {
-    --transform-translate-y: -15rem;
-  }
-
-  .lg\:-translate-y-64 {
-    --transform-translate-y: -16rem;
-  }
-
-  .lg\:-translate-y-72 {
-    --transform-translate-y: -18rem;
-  }
-
-  .lg\:-translate-y-80 {
-    --transform-translate-y: -20rem;
-  }
-
-  .lg\:-translate-y-96 {
-    --transform-translate-y: -24rem;
-  }
-
-  .lg\:-translate-y-px {
-    --transform-translate-y: -1px;
-  }
-
-  .lg\:-translate-y-0\.5 {
-    --transform-translate-y: -0.125rem;
-  }
-
-  .lg\:-translate-y-1\.5 {
-    --transform-translate-y: -0.375rem;
-  }
-
-  .lg\:-translate-y-2\.5 {
-    --transform-translate-y: -0.625rem;
-  }
-
-  .lg\:-translate-y-3\.5 {
-    --transform-translate-y: -0.875rem;
-  }
-
-  .lg\:-translate-y-1\/2 {
-    --transform-translate-y: -50%;
-  }
-
-  .lg\:-translate-y-1\/3 {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .lg\:-translate-y-2\/3 {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .lg\:-translate-y-1\/4 {
-    --transform-translate-y: -25%;
-  }
-
-  .lg\:-translate-y-2\/4 {
-    --transform-translate-y: -50%;
-  }
-
-  .lg\:-translate-y-3\/4 {
-    --transform-translate-y: -75%;
-  }
-
-  .lg\:-translate-y-1\/5 {
-    --transform-translate-y: -20%;
-  }
-
-  .lg\:-translate-y-2\/5 {
-    --transform-translate-y: -40%;
-  }
-
-  .lg\:-translate-y-3\/5 {
-    --transform-translate-y: -60%;
-  }
-
-  .lg\:-translate-y-4\/5 {
-    --transform-translate-y: -80%;
-  }
-
-  .lg\:-translate-y-1\/6 {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .lg\:-translate-y-2\/6 {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .lg\:-translate-y-3\/6 {
-    --transform-translate-y: -50%;
-  }
-
-  .lg\:-translate-y-4\/6 {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .lg\:-translate-y-5\/6 {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .lg\:-translate-y-1\/12 {
-    --transform-translate-y: -8.33333%;
-  }
-
-  .lg\:-translate-y-2\/12 {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .lg\:-translate-y-3\/12 {
-    --transform-translate-y: -25%;
-  }
-
-  .lg\:-translate-y-4\/12 {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .lg\:-translate-y-5\/12 {
-    --transform-translate-y: -41.66667%;
-  }
-
-  .lg\:-translate-y-6\/12 {
-    --transform-translate-y: -50%;
-  }
-
-  .lg\:-translate-y-7\/12 {
-    --transform-translate-y: -58.33333%;
-  }
-
-  .lg\:-translate-y-8\/12 {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .lg\:-translate-y-9\/12 {
-    --transform-translate-y: -75%;
-  }
-
-  .lg\:-translate-y-10\/12 {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .lg\:-translate-y-11\/12 {
-    --transform-translate-y: -91.66667%;
-  }
-
-  .lg\:-translate-y-full {
-    --transform-translate-y: -100%;
-  }
-
-  .lg\:hover\:translate-x-0:hover {
-    --transform-translate-x: 0;
-  }
-
-  .lg\:hover\:translate-x-1:hover {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .lg\:hover\:translate-x-2:hover {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .lg\:hover\:translate-x-3:hover {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .lg\:hover\:translate-x-4:hover {
-    --transform-translate-x: 1rem;
-  }
-
-  .lg\:hover\:translate-x-5:hover {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .lg\:hover\:translate-x-6:hover {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .lg\:hover\:translate-x-7:hover {
-    --transform-translate-x: 1.75rem;
-  }
-
-  .lg\:hover\:translate-x-8:hover {
-    --transform-translate-x: 2rem;
-  }
-
-  .lg\:hover\:translate-x-9:hover {
-    --transform-translate-x: 2.25rem;
-  }
-
-  .lg\:hover\:translate-x-10:hover {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .lg\:hover\:translate-x-11:hover {
-    --transform-translate-x: 2.75rem;
-  }
-
-  .lg\:hover\:translate-x-12:hover {
-    --transform-translate-x: 3rem;
-  }
-
-  .lg\:hover\:translate-x-13:hover {
-    --transform-translate-x: 3.25rem;
-  }
-
-  .lg\:hover\:translate-x-14:hover {
-    --transform-translate-x: 3.5rem;
-  }
-
-  .lg\:hover\:translate-x-15:hover {
-    --transform-translate-x: 3.75rem;
-  }
-
-  .lg\:hover\:translate-x-16:hover {
-    --transform-translate-x: 4rem;
-  }
-
-  .lg\:hover\:translate-x-20:hover {
-    --transform-translate-x: 5rem;
-  }
-
-  .lg\:hover\:translate-x-24:hover {
-    --transform-translate-x: 6rem;
-  }
-
-  .lg\:hover\:translate-x-28:hover {
-    --transform-translate-x: 7rem;
-  }
-
-  .lg\:hover\:translate-x-32:hover {
-    --transform-translate-x: 8rem;
-  }
-
-  .lg\:hover\:translate-x-36:hover {
-    --transform-translate-x: 9rem;
-  }
-
-  .lg\:hover\:translate-x-40:hover {
-    --transform-translate-x: 10rem;
-  }
-
-  .lg\:hover\:translate-x-48:hover {
-    --transform-translate-x: 12rem;
-  }
-
-  .lg\:hover\:translate-x-56:hover {
-    --transform-translate-x: 14rem;
-  }
-
-  .lg\:hover\:translate-x-60:hover {
-    --transform-translate-x: 15rem;
-  }
-
-  .lg\:hover\:translate-x-64:hover {
-    --transform-translate-x: 16rem;
-  }
-
-  .lg\:hover\:translate-x-72:hover {
-    --transform-translate-x: 18rem;
-  }
-
-  .lg\:hover\:translate-x-80:hover {
-    --transform-translate-x: 20rem;
-  }
-
-  .lg\:hover\:translate-x-96:hover {
-    --transform-translate-x: 24rem;
-  }
-
-  .lg\:hover\:translate-x-px:hover {
-    --transform-translate-x: 1px;
-  }
-
-  .lg\:hover\:translate-x-0\.5:hover {
-    --transform-translate-x: 0.125rem;
-  }
-
-  .lg\:hover\:translate-x-1\.5:hover {
-    --transform-translate-x: 0.375rem;
-  }
-
-  .lg\:hover\:translate-x-2\.5:hover {
-    --transform-translate-x: 0.625rem;
-  }
-
-  .lg\:hover\:translate-x-3\.5:hover {
-    --transform-translate-x: 0.875rem;
-  }
-
-  .lg\:hover\:translate-x-1\/2:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .lg\:hover\:translate-x-1\/3:hover {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .lg\:hover\:translate-x-2\/3:hover {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .lg\:hover\:translate-x-1\/4:hover {
-    --transform-translate-x: 25%;
-  }
-
-  .lg\:hover\:translate-x-2\/4:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .lg\:hover\:translate-x-3\/4:hover {
-    --transform-translate-x: 75%;
-  }
-
-  .lg\:hover\:translate-x-1\/5:hover {
-    --transform-translate-x: 20%;
-  }
-
-  .lg\:hover\:translate-x-2\/5:hover {
-    --transform-translate-x: 40%;
-  }
-
-  .lg\:hover\:translate-x-3\/5:hover {
-    --transform-translate-x: 60%;
-  }
-
-  .lg\:hover\:translate-x-4\/5:hover {
-    --transform-translate-x: 80%;
-  }
-
-  .lg\:hover\:translate-x-1\/6:hover {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .lg\:hover\:translate-x-2\/6:hover {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .lg\:hover\:translate-x-3\/6:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .lg\:hover\:translate-x-4\/6:hover {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .lg\:hover\:translate-x-5\/6:hover {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .lg\:hover\:translate-x-1\/12:hover {
-    --transform-translate-x: 8.333333%;
-  }
-
-  .lg\:hover\:translate-x-2\/12:hover {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .lg\:hover\:translate-x-3\/12:hover {
-    --transform-translate-x: 25%;
-  }
-
-  .lg\:hover\:translate-x-4\/12:hover {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .lg\:hover\:translate-x-5\/12:hover {
-    --transform-translate-x: 41.666667%;
-  }
-
-  .lg\:hover\:translate-x-6\/12:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .lg\:hover\:translate-x-7\/12:hover {
-    --transform-translate-x: 58.333333%;
-  }
-
-  .lg\:hover\:translate-x-8\/12:hover {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .lg\:hover\:translate-x-9\/12:hover {
-    --transform-translate-x: 75%;
-  }
-
-  .lg\:hover\:translate-x-10\/12:hover {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .lg\:hover\:translate-x-11\/12:hover {
-    --transform-translate-x: 91.666667%;
-  }
-
-  .lg\:hover\:translate-x-full:hover {
-    --transform-translate-x: 100%;
-  }
-
-  .lg\:hover\:-translate-x-1:hover {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .lg\:hover\:-translate-x-2:hover {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .lg\:hover\:-translate-x-3:hover {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .lg\:hover\:-translate-x-4:hover {
-    --transform-translate-x: -1rem;
-  }
-
-  .lg\:hover\:-translate-x-5:hover {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .lg\:hover\:-translate-x-6:hover {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .lg\:hover\:-translate-x-7:hover {
-    --transform-translate-x: -1.75rem;
-  }
-
-  .lg\:hover\:-translate-x-8:hover {
-    --transform-translate-x: -2rem;
-  }
-
-  .lg\:hover\:-translate-x-9:hover {
-    --transform-translate-x: -2.25rem;
-  }
-
-  .lg\:hover\:-translate-x-10:hover {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .lg\:hover\:-translate-x-11:hover {
-    --transform-translate-x: -2.75rem;
-  }
-
-  .lg\:hover\:-translate-x-12:hover {
-    --transform-translate-x: -3rem;
-  }
-
-  .lg\:hover\:-translate-x-13:hover {
-    --transform-translate-x: -3.25rem;
-  }
-
-  .lg\:hover\:-translate-x-14:hover {
-    --transform-translate-x: -3.5rem;
-  }
-
-  .lg\:hover\:-translate-x-15:hover {
-    --transform-translate-x: -3.75rem;
-  }
-
-  .lg\:hover\:-translate-x-16:hover {
-    --transform-translate-x: -4rem;
-  }
-
-  .lg\:hover\:-translate-x-20:hover {
-    --transform-translate-x: -5rem;
-  }
-
-  .lg\:hover\:-translate-x-24:hover {
-    --transform-translate-x: -6rem;
-  }
-
-  .lg\:hover\:-translate-x-28:hover {
-    --transform-translate-x: -7rem;
-  }
-
-  .lg\:hover\:-translate-x-32:hover {
-    --transform-translate-x: -8rem;
-  }
-
-  .lg\:hover\:-translate-x-36:hover {
-    --transform-translate-x: -9rem;
-  }
-
-  .lg\:hover\:-translate-x-40:hover {
-    --transform-translate-x: -10rem;
-  }
-
-  .lg\:hover\:-translate-x-48:hover {
-    --transform-translate-x: -12rem;
-  }
-
-  .lg\:hover\:-translate-x-56:hover {
-    --transform-translate-x: -14rem;
-  }
-
-  .lg\:hover\:-translate-x-60:hover {
-    --transform-translate-x: -15rem;
-  }
-
-  .lg\:hover\:-translate-x-64:hover {
-    --transform-translate-x: -16rem;
-  }
-
-  .lg\:hover\:-translate-x-72:hover {
-    --transform-translate-x: -18rem;
-  }
-
-  .lg\:hover\:-translate-x-80:hover {
-    --transform-translate-x: -20rem;
-  }
-
-  .lg\:hover\:-translate-x-96:hover {
-    --transform-translate-x: -24rem;
-  }
-
-  .lg\:hover\:-translate-x-px:hover {
-    --transform-translate-x: -1px;
-  }
-
-  .lg\:hover\:-translate-x-0\.5:hover {
-    --transform-translate-x: -0.125rem;
-  }
-
-  .lg\:hover\:-translate-x-1\.5:hover {
-    --transform-translate-x: -0.375rem;
-  }
-
-  .lg\:hover\:-translate-x-2\.5:hover {
-    --transform-translate-x: -0.625rem;
-  }
-
-  .lg\:hover\:-translate-x-3\.5:hover {
-    --transform-translate-x: -0.875rem;
-  }
-
-  .lg\:hover\:-translate-x-1\/2:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .lg\:hover\:-translate-x-1\/3:hover {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .lg\:hover\:-translate-x-2\/3:hover {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .lg\:hover\:-translate-x-1\/4:hover {
-    --transform-translate-x: -25%;
-  }
-
-  .lg\:hover\:-translate-x-2\/4:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .lg\:hover\:-translate-x-3\/4:hover {
-    --transform-translate-x: -75%;
-  }
-
-  .lg\:hover\:-translate-x-1\/5:hover {
-    --transform-translate-x: -20%;
-  }
-
-  .lg\:hover\:-translate-x-2\/5:hover {
-    --transform-translate-x: -40%;
-  }
-
-  .lg\:hover\:-translate-x-3\/5:hover {
-    --transform-translate-x: -60%;
-  }
-
-  .lg\:hover\:-translate-x-4\/5:hover {
-    --transform-translate-x: -80%;
-  }
-
-  .lg\:hover\:-translate-x-1\/6:hover {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .lg\:hover\:-translate-x-2\/6:hover {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .lg\:hover\:-translate-x-3\/6:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .lg\:hover\:-translate-x-4\/6:hover {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .lg\:hover\:-translate-x-5\/6:hover {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .lg\:hover\:-translate-x-1\/12:hover {
-    --transform-translate-x: -8.33333%;
-  }
-
-  .lg\:hover\:-translate-x-2\/12:hover {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .lg\:hover\:-translate-x-3\/12:hover {
-    --transform-translate-x: -25%;
-  }
-
-  .lg\:hover\:-translate-x-4\/12:hover {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .lg\:hover\:-translate-x-5\/12:hover {
-    --transform-translate-x: -41.66667%;
-  }
-
-  .lg\:hover\:-translate-x-6\/12:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .lg\:hover\:-translate-x-7\/12:hover {
-    --transform-translate-x: -58.33333%;
-  }
-
-  .lg\:hover\:-translate-x-8\/12:hover {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .lg\:hover\:-translate-x-9\/12:hover {
-    --transform-translate-x: -75%;
-  }
-
-  .lg\:hover\:-translate-x-10\/12:hover {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .lg\:hover\:-translate-x-11\/12:hover {
-    --transform-translate-x: -91.66667%;
-  }
-
-  .lg\:hover\:-translate-x-full:hover {
-    --transform-translate-x: -100%;
-  }
-
-  .lg\:hover\:translate-y-0:hover {
-    --transform-translate-y: 0;
-  }
-
-  .lg\:hover\:translate-y-1:hover {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .lg\:hover\:translate-y-2:hover {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .lg\:hover\:translate-y-3:hover {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .lg\:hover\:translate-y-4:hover {
-    --transform-translate-y: 1rem;
-  }
-
-  .lg\:hover\:translate-y-5:hover {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .lg\:hover\:translate-y-6:hover {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .lg\:hover\:translate-y-7:hover {
-    --transform-translate-y: 1.75rem;
-  }
-
-  .lg\:hover\:translate-y-8:hover {
-    --transform-translate-y: 2rem;
-  }
-
-  .lg\:hover\:translate-y-9:hover {
-    --transform-translate-y: 2.25rem;
-  }
-
-  .lg\:hover\:translate-y-10:hover {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .lg\:hover\:translate-y-11:hover {
-    --transform-translate-y: 2.75rem;
-  }
-
-  .lg\:hover\:translate-y-12:hover {
-    --transform-translate-y: 3rem;
-  }
-
-  .lg\:hover\:translate-y-13:hover {
-    --transform-translate-y: 3.25rem;
-  }
-
-  .lg\:hover\:translate-y-14:hover {
-    --transform-translate-y: 3.5rem;
-  }
-
-  .lg\:hover\:translate-y-15:hover {
-    --transform-translate-y: 3.75rem;
-  }
-
-  .lg\:hover\:translate-y-16:hover {
-    --transform-translate-y: 4rem;
-  }
-
-  .lg\:hover\:translate-y-20:hover {
-    --transform-translate-y: 5rem;
-  }
-
-  .lg\:hover\:translate-y-24:hover {
-    --transform-translate-y: 6rem;
-  }
-
-  .lg\:hover\:translate-y-28:hover {
-    --transform-translate-y: 7rem;
-  }
-
-  .lg\:hover\:translate-y-32:hover {
-    --transform-translate-y: 8rem;
-  }
-
-  .lg\:hover\:translate-y-36:hover {
-    --transform-translate-y: 9rem;
-  }
-
-  .lg\:hover\:translate-y-40:hover {
-    --transform-translate-y: 10rem;
-  }
-
-  .lg\:hover\:translate-y-48:hover {
-    --transform-translate-y: 12rem;
-  }
-
-  .lg\:hover\:translate-y-56:hover {
-    --transform-translate-y: 14rem;
-  }
-
-  .lg\:hover\:translate-y-60:hover {
-    --transform-translate-y: 15rem;
-  }
-
-  .lg\:hover\:translate-y-64:hover {
-    --transform-translate-y: 16rem;
-  }
-
-  .lg\:hover\:translate-y-72:hover {
-    --transform-translate-y: 18rem;
-  }
-
-  .lg\:hover\:translate-y-80:hover {
-    --transform-translate-y: 20rem;
-  }
-
-  .lg\:hover\:translate-y-96:hover {
-    --transform-translate-y: 24rem;
-  }
-
-  .lg\:hover\:translate-y-px:hover {
-    --transform-translate-y: 1px;
-  }
-
-  .lg\:hover\:translate-y-0\.5:hover {
-    --transform-translate-y: 0.125rem;
-  }
-
-  .lg\:hover\:translate-y-1\.5:hover {
-    --transform-translate-y: 0.375rem;
-  }
-
-  .lg\:hover\:translate-y-2\.5:hover {
-    --transform-translate-y: 0.625rem;
-  }
-
-  .lg\:hover\:translate-y-3\.5:hover {
-    --transform-translate-y: 0.875rem;
-  }
-
-  .lg\:hover\:translate-y-1\/2:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .lg\:hover\:translate-y-1\/3:hover {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .lg\:hover\:translate-y-2\/3:hover {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .lg\:hover\:translate-y-1\/4:hover {
-    --transform-translate-y: 25%;
-  }
-
-  .lg\:hover\:translate-y-2\/4:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .lg\:hover\:translate-y-3\/4:hover {
-    --transform-translate-y: 75%;
-  }
-
-  .lg\:hover\:translate-y-1\/5:hover {
-    --transform-translate-y: 20%;
-  }
-
-  .lg\:hover\:translate-y-2\/5:hover {
-    --transform-translate-y: 40%;
-  }
-
-  .lg\:hover\:translate-y-3\/5:hover {
-    --transform-translate-y: 60%;
-  }
-
-  .lg\:hover\:translate-y-4\/5:hover {
-    --transform-translate-y: 80%;
-  }
-
-  .lg\:hover\:translate-y-1\/6:hover {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .lg\:hover\:translate-y-2\/6:hover {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .lg\:hover\:translate-y-3\/6:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .lg\:hover\:translate-y-4\/6:hover {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .lg\:hover\:translate-y-5\/6:hover {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .lg\:hover\:translate-y-1\/12:hover {
-    --transform-translate-y: 8.333333%;
-  }
-
-  .lg\:hover\:translate-y-2\/12:hover {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .lg\:hover\:translate-y-3\/12:hover {
-    --transform-translate-y: 25%;
-  }
-
-  .lg\:hover\:translate-y-4\/12:hover {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .lg\:hover\:translate-y-5\/12:hover {
-    --transform-translate-y: 41.666667%;
-  }
-
-  .lg\:hover\:translate-y-6\/12:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .lg\:hover\:translate-y-7\/12:hover {
-    --transform-translate-y: 58.333333%;
-  }
-
-  .lg\:hover\:translate-y-8\/12:hover {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .lg\:hover\:translate-y-9\/12:hover {
-    --transform-translate-y: 75%;
-  }
-
-  .lg\:hover\:translate-y-10\/12:hover {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .lg\:hover\:translate-y-11\/12:hover {
-    --transform-translate-y: 91.666667%;
-  }
-
-  .lg\:hover\:translate-y-full:hover {
-    --transform-translate-y: 100%;
-  }
-
-  .lg\:hover\:-translate-y-1:hover {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .lg\:hover\:-translate-y-2:hover {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .lg\:hover\:-translate-y-3:hover {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .lg\:hover\:-translate-y-4:hover {
-    --transform-translate-y: -1rem;
-  }
-
-  .lg\:hover\:-translate-y-5:hover {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .lg\:hover\:-translate-y-6:hover {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .lg\:hover\:-translate-y-7:hover {
-    --transform-translate-y: -1.75rem;
-  }
-
-  .lg\:hover\:-translate-y-8:hover {
-    --transform-translate-y: -2rem;
-  }
-
-  .lg\:hover\:-translate-y-9:hover {
-    --transform-translate-y: -2.25rem;
-  }
-
-  .lg\:hover\:-translate-y-10:hover {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .lg\:hover\:-translate-y-11:hover {
-    --transform-translate-y: -2.75rem;
-  }
-
-  .lg\:hover\:-translate-y-12:hover {
-    --transform-translate-y: -3rem;
-  }
-
-  .lg\:hover\:-translate-y-13:hover {
-    --transform-translate-y: -3.25rem;
-  }
-
-  .lg\:hover\:-translate-y-14:hover {
-    --transform-translate-y: -3.5rem;
-  }
-
-  .lg\:hover\:-translate-y-15:hover {
-    --transform-translate-y: -3.75rem;
-  }
-
-  .lg\:hover\:-translate-y-16:hover {
-    --transform-translate-y: -4rem;
-  }
-
-  .lg\:hover\:-translate-y-20:hover {
-    --transform-translate-y: -5rem;
-  }
-
-  .lg\:hover\:-translate-y-24:hover {
-    --transform-translate-y: -6rem;
-  }
-
-  .lg\:hover\:-translate-y-28:hover {
-    --transform-translate-y: -7rem;
-  }
-
-  .lg\:hover\:-translate-y-32:hover {
-    --transform-translate-y: -8rem;
-  }
-
-  .lg\:hover\:-translate-y-36:hover {
-    --transform-translate-y: -9rem;
-  }
-
-  .lg\:hover\:-translate-y-40:hover {
-    --transform-translate-y: -10rem;
-  }
-
-  .lg\:hover\:-translate-y-48:hover {
-    --transform-translate-y: -12rem;
-  }
-
-  .lg\:hover\:-translate-y-56:hover {
-    --transform-translate-y: -14rem;
-  }
-
-  .lg\:hover\:-translate-y-60:hover {
-    --transform-translate-y: -15rem;
-  }
-
-  .lg\:hover\:-translate-y-64:hover {
-    --transform-translate-y: -16rem;
-  }
-
-  .lg\:hover\:-translate-y-72:hover {
-    --transform-translate-y: -18rem;
-  }
-
-  .lg\:hover\:-translate-y-80:hover {
-    --transform-translate-y: -20rem;
-  }
-
-  .lg\:hover\:-translate-y-96:hover {
-    --transform-translate-y: -24rem;
-  }
-
-  .lg\:hover\:-translate-y-px:hover {
-    --transform-translate-y: -1px;
-  }
-
-  .lg\:hover\:-translate-y-0\.5:hover {
-    --transform-translate-y: -0.125rem;
-  }
-
-  .lg\:hover\:-translate-y-1\.5:hover {
-    --transform-translate-y: -0.375rem;
-  }
-
-  .lg\:hover\:-translate-y-2\.5:hover {
-    --transform-translate-y: -0.625rem;
-  }
-
-  .lg\:hover\:-translate-y-3\.5:hover {
-    --transform-translate-y: -0.875rem;
-  }
-
-  .lg\:hover\:-translate-y-1\/2:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .lg\:hover\:-translate-y-1\/3:hover {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .lg\:hover\:-translate-y-2\/3:hover {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .lg\:hover\:-translate-y-1\/4:hover {
-    --transform-translate-y: -25%;
-  }
-
-  .lg\:hover\:-translate-y-2\/4:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .lg\:hover\:-translate-y-3\/4:hover {
-    --transform-translate-y: -75%;
-  }
-
-  .lg\:hover\:-translate-y-1\/5:hover {
-    --transform-translate-y: -20%;
-  }
-
-  .lg\:hover\:-translate-y-2\/5:hover {
-    --transform-translate-y: -40%;
-  }
-
-  .lg\:hover\:-translate-y-3\/5:hover {
-    --transform-translate-y: -60%;
-  }
-
-  .lg\:hover\:-translate-y-4\/5:hover {
-    --transform-translate-y: -80%;
-  }
-
-  .lg\:hover\:-translate-y-1\/6:hover {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .lg\:hover\:-translate-y-2\/6:hover {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .lg\:hover\:-translate-y-3\/6:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .lg\:hover\:-translate-y-4\/6:hover {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .lg\:hover\:-translate-y-5\/6:hover {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .lg\:hover\:-translate-y-1\/12:hover {
-    --transform-translate-y: -8.33333%;
-  }
-
-  .lg\:hover\:-translate-y-2\/12:hover {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .lg\:hover\:-translate-y-3\/12:hover {
-    --transform-translate-y: -25%;
-  }
-
-  .lg\:hover\:-translate-y-4\/12:hover {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .lg\:hover\:-translate-y-5\/12:hover {
-    --transform-translate-y: -41.66667%;
-  }
-
-  .lg\:hover\:-translate-y-6\/12:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .lg\:hover\:-translate-y-7\/12:hover {
-    --transform-translate-y: -58.33333%;
-  }
-
-  .lg\:hover\:-translate-y-8\/12:hover {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .lg\:hover\:-translate-y-9\/12:hover {
-    --transform-translate-y: -75%;
-  }
-
-  .lg\:hover\:-translate-y-10\/12:hover {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .lg\:hover\:-translate-y-11\/12:hover {
-    --transform-translate-y: -91.66667%;
-  }
-
-  .lg\:hover\:-translate-y-full:hover {
-    --transform-translate-y: -100%;
-  }
-
-  .lg\:focus\:translate-x-0:focus {
-    --transform-translate-x: 0;
-  }
-
-  .lg\:focus\:translate-x-1:focus {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .lg\:focus\:translate-x-2:focus {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .lg\:focus\:translate-x-3:focus {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .lg\:focus\:translate-x-4:focus {
-    --transform-translate-x: 1rem;
-  }
-
-  .lg\:focus\:translate-x-5:focus {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .lg\:focus\:translate-x-6:focus {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .lg\:focus\:translate-x-7:focus {
-    --transform-translate-x: 1.75rem;
-  }
-
-  .lg\:focus\:translate-x-8:focus {
-    --transform-translate-x: 2rem;
-  }
-
-  .lg\:focus\:translate-x-9:focus {
-    --transform-translate-x: 2.25rem;
-  }
-
-  .lg\:focus\:translate-x-10:focus {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .lg\:focus\:translate-x-11:focus {
-    --transform-translate-x: 2.75rem;
-  }
-
-  .lg\:focus\:translate-x-12:focus {
-    --transform-translate-x: 3rem;
-  }
-
-  .lg\:focus\:translate-x-13:focus {
-    --transform-translate-x: 3.25rem;
-  }
-
-  .lg\:focus\:translate-x-14:focus {
-    --transform-translate-x: 3.5rem;
-  }
-
-  .lg\:focus\:translate-x-15:focus {
-    --transform-translate-x: 3.75rem;
-  }
-
-  .lg\:focus\:translate-x-16:focus {
-    --transform-translate-x: 4rem;
-  }
-
-  .lg\:focus\:translate-x-20:focus {
-    --transform-translate-x: 5rem;
-  }
-
-  .lg\:focus\:translate-x-24:focus {
-    --transform-translate-x: 6rem;
-  }
-
-  .lg\:focus\:translate-x-28:focus {
-    --transform-translate-x: 7rem;
-  }
-
-  .lg\:focus\:translate-x-32:focus {
-    --transform-translate-x: 8rem;
-  }
-
-  .lg\:focus\:translate-x-36:focus {
-    --transform-translate-x: 9rem;
-  }
-
-  .lg\:focus\:translate-x-40:focus {
-    --transform-translate-x: 10rem;
-  }
-
-  .lg\:focus\:translate-x-48:focus {
-    --transform-translate-x: 12rem;
-  }
-
-  .lg\:focus\:translate-x-56:focus {
-    --transform-translate-x: 14rem;
-  }
-
-  .lg\:focus\:translate-x-60:focus {
-    --transform-translate-x: 15rem;
-  }
-
-  .lg\:focus\:translate-x-64:focus {
-    --transform-translate-x: 16rem;
-  }
-
-  .lg\:focus\:translate-x-72:focus {
-    --transform-translate-x: 18rem;
-  }
-
-  .lg\:focus\:translate-x-80:focus {
-    --transform-translate-x: 20rem;
-  }
-
-  .lg\:focus\:translate-x-96:focus {
-    --transform-translate-x: 24rem;
-  }
-
-  .lg\:focus\:translate-x-px:focus {
-    --transform-translate-x: 1px;
-  }
-
-  .lg\:focus\:translate-x-0\.5:focus {
-    --transform-translate-x: 0.125rem;
-  }
-
-  .lg\:focus\:translate-x-1\.5:focus {
-    --transform-translate-x: 0.375rem;
-  }
-
-  .lg\:focus\:translate-x-2\.5:focus {
-    --transform-translate-x: 0.625rem;
-  }
-
-  .lg\:focus\:translate-x-3\.5:focus {
-    --transform-translate-x: 0.875rem;
-  }
-
-  .lg\:focus\:translate-x-1\/2:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .lg\:focus\:translate-x-1\/3:focus {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .lg\:focus\:translate-x-2\/3:focus {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .lg\:focus\:translate-x-1\/4:focus {
-    --transform-translate-x: 25%;
-  }
-
-  .lg\:focus\:translate-x-2\/4:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .lg\:focus\:translate-x-3\/4:focus {
-    --transform-translate-x: 75%;
-  }
-
-  .lg\:focus\:translate-x-1\/5:focus {
-    --transform-translate-x: 20%;
-  }
-
-  .lg\:focus\:translate-x-2\/5:focus {
-    --transform-translate-x: 40%;
-  }
-
-  .lg\:focus\:translate-x-3\/5:focus {
-    --transform-translate-x: 60%;
-  }
-
-  .lg\:focus\:translate-x-4\/5:focus {
-    --transform-translate-x: 80%;
-  }
-
-  .lg\:focus\:translate-x-1\/6:focus {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .lg\:focus\:translate-x-2\/6:focus {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .lg\:focus\:translate-x-3\/6:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .lg\:focus\:translate-x-4\/6:focus {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .lg\:focus\:translate-x-5\/6:focus {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .lg\:focus\:translate-x-1\/12:focus {
-    --transform-translate-x: 8.333333%;
-  }
-
-  .lg\:focus\:translate-x-2\/12:focus {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .lg\:focus\:translate-x-3\/12:focus {
-    --transform-translate-x: 25%;
-  }
-
-  .lg\:focus\:translate-x-4\/12:focus {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .lg\:focus\:translate-x-5\/12:focus {
-    --transform-translate-x: 41.666667%;
-  }
-
-  .lg\:focus\:translate-x-6\/12:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .lg\:focus\:translate-x-7\/12:focus {
-    --transform-translate-x: 58.333333%;
-  }
-
-  .lg\:focus\:translate-x-8\/12:focus {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .lg\:focus\:translate-x-9\/12:focus {
-    --transform-translate-x: 75%;
-  }
-
-  .lg\:focus\:translate-x-10\/12:focus {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .lg\:focus\:translate-x-11\/12:focus {
-    --transform-translate-x: 91.666667%;
-  }
-
-  .lg\:focus\:translate-x-full:focus {
-    --transform-translate-x: 100%;
-  }
-
-  .lg\:focus\:-translate-x-1:focus {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .lg\:focus\:-translate-x-2:focus {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .lg\:focus\:-translate-x-3:focus {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .lg\:focus\:-translate-x-4:focus {
-    --transform-translate-x: -1rem;
-  }
-
-  .lg\:focus\:-translate-x-5:focus {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .lg\:focus\:-translate-x-6:focus {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .lg\:focus\:-translate-x-7:focus {
-    --transform-translate-x: -1.75rem;
-  }
-
-  .lg\:focus\:-translate-x-8:focus {
-    --transform-translate-x: -2rem;
-  }
-
-  .lg\:focus\:-translate-x-9:focus {
-    --transform-translate-x: -2.25rem;
-  }
-
-  .lg\:focus\:-translate-x-10:focus {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .lg\:focus\:-translate-x-11:focus {
-    --transform-translate-x: -2.75rem;
-  }
-
-  .lg\:focus\:-translate-x-12:focus {
-    --transform-translate-x: -3rem;
-  }
-
-  .lg\:focus\:-translate-x-13:focus {
-    --transform-translate-x: -3.25rem;
-  }
-
-  .lg\:focus\:-translate-x-14:focus {
-    --transform-translate-x: -3.5rem;
-  }
-
-  .lg\:focus\:-translate-x-15:focus {
-    --transform-translate-x: -3.75rem;
-  }
-
-  .lg\:focus\:-translate-x-16:focus {
-    --transform-translate-x: -4rem;
-  }
-
-  .lg\:focus\:-translate-x-20:focus {
-    --transform-translate-x: -5rem;
-  }
-
-  .lg\:focus\:-translate-x-24:focus {
-    --transform-translate-x: -6rem;
-  }
-
-  .lg\:focus\:-translate-x-28:focus {
-    --transform-translate-x: -7rem;
-  }
-
-  .lg\:focus\:-translate-x-32:focus {
-    --transform-translate-x: -8rem;
-  }
-
-  .lg\:focus\:-translate-x-36:focus {
-    --transform-translate-x: -9rem;
-  }
-
-  .lg\:focus\:-translate-x-40:focus {
-    --transform-translate-x: -10rem;
-  }
-
-  .lg\:focus\:-translate-x-48:focus {
-    --transform-translate-x: -12rem;
-  }
-
-  .lg\:focus\:-translate-x-56:focus {
-    --transform-translate-x: -14rem;
-  }
-
-  .lg\:focus\:-translate-x-60:focus {
-    --transform-translate-x: -15rem;
-  }
-
-  .lg\:focus\:-translate-x-64:focus {
-    --transform-translate-x: -16rem;
-  }
-
-  .lg\:focus\:-translate-x-72:focus {
-    --transform-translate-x: -18rem;
-  }
-
-  .lg\:focus\:-translate-x-80:focus {
-    --transform-translate-x: -20rem;
-  }
-
-  .lg\:focus\:-translate-x-96:focus {
-    --transform-translate-x: -24rem;
-  }
-
-  .lg\:focus\:-translate-x-px:focus {
-    --transform-translate-x: -1px;
-  }
-
-  .lg\:focus\:-translate-x-0\.5:focus {
-    --transform-translate-x: -0.125rem;
-  }
-
-  .lg\:focus\:-translate-x-1\.5:focus {
-    --transform-translate-x: -0.375rem;
-  }
-
-  .lg\:focus\:-translate-x-2\.5:focus {
-    --transform-translate-x: -0.625rem;
-  }
-
-  .lg\:focus\:-translate-x-3\.5:focus {
-    --transform-translate-x: -0.875rem;
-  }
-
-  .lg\:focus\:-translate-x-1\/2:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .lg\:focus\:-translate-x-1\/3:focus {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .lg\:focus\:-translate-x-2\/3:focus {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .lg\:focus\:-translate-x-1\/4:focus {
-    --transform-translate-x: -25%;
-  }
-
-  .lg\:focus\:-translate-x-2\/4:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .lg\:focus\:-translate-x-3\/4:focus {
-    --transform-translate-x: -75%;
-  }
-
-  .lg\:focus\:-translate-x-1\/5:focus {
-    --transform-translate-x: -20%;
-  }
-
-  .lg\:focus\:-translate-x-2\/5:focus {
-    --transform-translate-x: -40%;
-  }
-
-  .lg\:focus\:-translate-x-3\/5:focus {
-    --transform-translate-x: -60%;
-  }
-
-  .lg\:focus\:-translate-x-4\/5:focus {
-    --transform-translate-x: -80%;
-  }
-
-  .lg\:focus\:-translate-x-1\/6:focus {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .lg\:focus\:-translate-x-2\/6:focus {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .lg\:focus\:-translate-x-3\/6:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .lg\:focus\:-translate-x-4\/6:focus {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .lg\:focus\:-translate-x-5\/6:focus {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .lg\:focus\:-translate-x-1\/12:focus {
-    --transform-translate-x: -8.33333%;
-  }
-
-  .lg\:focus\:-translate-x-2\/12:focus {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .lg\:focus\:-translate-x-3\/12:focus {
-    --transform-translate-x: -25%;
-  }
-
-  .lg\:focus\:-translate-x-4\/12:focus {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .lg\:focus\:-translate-x-5\/12:focus {
-    --transform-translate-x: -41.66667%;
-  }
-
-  .lg\:focus\:-translate-x-6\/12:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .lg\:focus\:-translate-x-7\/12:focus {
-    --transform-translate-x: -58.33333%;
-  }
-
-  .lg\:focus\:-translate-x-8\/12:focus {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .lg\:focus\:-translate-x-9\/12:focus {
-    --transform-translate-x: -75%;
-  }
-
-  .lg\:focus\:-translate-x-10\/12:focus {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .lg\:focus\:-translate-x-11\/12:focus {
-    --transform-translate-x: -91.66667%;
-  }
-
-  .lg\:focus\:-translate-x-full:focus {
-    --transform-translate-x: -100%;
-  }
-
-  .lg\:focus\:translate-y-0:focus {
-    --transform-translate-y: 0;
-  }
-
-  .lg\:focus\:translate-y-1:focus {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .lg\:focus\:translate-y-2:focus {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .lg\:focus\:translate-y-3:focus {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .lg\:focus\:translate-y-4:focus {
-    --transform-translate-y: 1rem;
-  }
-
-  .lg\:focus\:translate-y-5:focus {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .lg\:focus\:translate-y-6:focus {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .lg\:focus\:translate-y-7:focus {
-    --transform-translate-y: 1.75rem;
-  }
-
-  .lg\:focus\:translate-y-8:focus {
-    --transform-translate-y: 2rem;
-  }
-
-  .lg\:focus\:translate-y-9:focus {
-    --transform-translate-y: 2.25rem;
-  }
-
-  .lg\:focus\:translate-y-10:focus {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .lg\:focus\:translate-y-11:focus {
-    --transform-translate-y: 2.75rem;
-  }
-
-  .lg\:focus\:translate-y-12:focus {
-    --transform-translate-y: 3rem;
-  }
-
-  .lg\:focus\:translate-y-13:focus {
-    --transform-translate-y: 3.25rem;
-  }
-
-  .lg\:focus\:translate-y-14:focus {
-    --transform-translate-y: 3.5rem;
-  }
-
-  .lg\:focus\:translate-y-15:focus {
-    --transform-translate-y: 3.75rem;
-  }
-
-  .lg\:focus\:translate-y-16:focus {
-    --transform-translate-y: 4rem;
-  }
-
-  .lg\:focus\:translate-y-20:focus {
-    --transform-translate-y: 5rem;
-  }
-
-  .lg\:focus\:translate-y-24:focus {
-    --transform-translate-y: 6rem;
-  }
-
-  .lg\:focus\:translate-y-28:focus {
-    --transform-translate-y: 7rem;
-  }
-
-  .lg\:focus\:translate-y-32:focus {
-    --transform-translate-y: 8rem;
-  }
-
-  .lg\:focus\:translate-y-36:focus {
-    --transform-translate-y: 9rem;
-  }
-
-  .lg\:focus\:translate-y-40:focus {
-    --transform-translate-y: 10rem;
-  }
-
-  .lg\:focus\:translate-y-48:focus {
-    --transform-translate-y: 12rem;
-  }
-
-  .lg\:focus\:translate-y-56:focus {
-    --transform-translate-y: 14rem;
-  }
-
-  .lg\:focus\:translate-y-60:focus {
-    --transform-translate-y: 15rem;
-  }
-
-  .lg\:focus\:translate-y-64:focus {
-    --transform-translate-y: 16rem;
-  }
-
-  .lg\:focus\:translate-y-72:focus {
-    --transform-translate-y: 18rem;
-  }
-
-  .lg\:focus\:translate-y-80:focus {
-    --transform-translate-y: 20rem;
-  }
-
-  .lg\:focus\:translate-y-96:focus {
-    --transform-translate-y: 24rem;
-  }
-
-  .lg\:focus\:translate-y-px:focus {
-    --transform-translate-y: 1px;
-  }
-
-  .lg\:focus\:translate-y-0\.5:focus {
-    --transform-translate-y: 0.125rem;
-  }
-
-  .lg\:focus\:translate-y-1\.5:focus {
-    --transform-translate-y: 0.375rem;
-  }
-
-  .lg\:focus\:translate-y-2\.5:focus {
-    --transform-translate-y: 0.625rem;
-  }
-
-  .lg\:focus\:translate-y-3\.5:focus {
-    --transform-translate-y: 0.875rem;
-  }
-
-  .lg\:focus\:translate-y-1\/2:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .lg\:focus\:translate-y-1\/3:focus {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .lg\:focus\:translate-y-2\/3:focus {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .lg\:focus\:translate-y-1\/4:focus {
-    --transform-translate-y: 25%;
-  }
-
-  .lg\:focus\:translate-y-2\/4:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .lg\:focus\:translate-y-3\/4:focus {
-    --transform-translate-y: 75%;
-  }
-
-  .lg\:focus\:translate-y-1\/5:focus {
-    --transform-translate-y: 20%;
-  }
-
-  .lg\:focus\:translate-y-2\/5:focus {
-    --transform-translate-y: 40%;
-  }
-
-  .lg\:focus\:translate-y-3\/5:focus {
-    --transform-translate-y: 60%;
-  }
-
-  .lg\:focus\:translate-y-4\/5:focus {
-    --transform-translate-y: 80%;
-  }
-
-  .lg\:focus\:translate-y-1\/6:focus {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .lg\:focus\:translate-y-2\/6:focus {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .lg\:focus\:translate-y-3\/6:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .lg\:focus\:translate-y-4\/6:focus {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .lg\:focus\:translate-y-5\/6:focus {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .lg\:focus\:translate-y-1\/12:focus {
-    --transform-translate-y: 8.333333%;
-  }
-
-  .lg\:focus\:translate-y-2\/12:focus {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .lg\:focus\:translate-y-3\/12:focus {
-    --transform-translate-y: 25%;
-  }
-
-  .lg\:focus\:translate-y-4\/12:focus {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .lg\:focus\:translate-y-5\/12:focus {
-    --transform-translate-y: 41.666667%;
-  }
-
-  .lg\:focus\:translate-y-6\/12:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .lg\:focus\:translate-y-7\/12:focus {
-    --transform-translate-y: 58.333333%;
-  }
-
-  .lg\:focus\:translate-y-8\/12:focus {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .lg\:focus\:translate-y-9\/12:focus {
-    --transform-translate-y: 75%;
-  }
-
-  .lg\:focus\:translate-y-10\/12:focus {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .lg\:focus\:translate-y-11\/12:focus {
-    --transform-translate-y: 91.666667%;
-  }
-
-  .lg\:focus\:translate-y-full:focus {
-    --transform-translate-y: 100%;
-  }
-
-  .lg\:focus\:-translate-y-1:focus {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .lg\:focus\:-translate-y-2:focus {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .lg\:focus\:-translate-y-3:focus {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .lg\:focus\:-translate-y-4:focus {
-    --transform-translate-y: -1rem;
-  }
-
-  .lg\:focus\:-translate-y-5:focus {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .lg\:focus\:-translate-y-6:focus {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .lg\:focus\:-translate-y-7:focus {
-    --transform-translate-y: -1.75rem;
-  }
-
-  .lg\:focus\:-translate-y-8:focus {
-    --transform-translate-y: -2rem;
-  }
-
-  .lg\:focus\:-translate-y-9:focus {
-    --transform-translate-y: -2.25rem;
-  }
-
-  .lg\:focus\:-translate-y-10:focus {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .lg\:focus\:-translate-y-11:focus {
-    --transform-translate-y: -2.75rem;
-  }
-
-  .lg\:focus\:-translate-y-12:focus {
-    --transform-translate-y: -3rem;
-  }
-
-  .lg\:focus\:-translate-y-13:focus {
-    --transform-translate-y: -3.25rem;
-  }
-
-  .lg\:focus\:-translate-y-14:focus {
-    --transform-translate-y: -3.5rem;
-  }
-
-  .lg\:focus\:-translate-y-15:focus {
-    --transform-translate-y: -3.75rem;
-  }
-
-  .lg\:focus\:-translate-y-16:focus {
-    --transform-translate-y: -4rem;
-  }
-
-  .lg\:focus\:-translate-y-20:focus {
-    --transform-translate-y: -5rem;
-  }
-
-  .lg\:focus\:-translate-y-24:focus {
-    --transform-translate-y: -6rem;
-  }
-
-  .lg\:focus\:-translate-y-28:focus {
-    --transform-translate-y: -7rem;
-  }
-
-  .lg\:focus\:-translate-y-32:focus {
-    --transform-translate-y: -8rem;
-  }
-
-  .lg\:focus\:-translate-y-36:focus {
-    --transform-translate-y: -9rem;
-  }
-
-  .lg\:focus\:-translate-y-40:focus {
-    --transform-translate-y: -10rem;
-  }
-
-  .lg\:focus\:-translate-y-48:focus {
-    --transform-translate-y: -12rem;
-  }
-
-  .lg\:focus\:-translate-y-56:focus {
-    --transform-translate-y: -14rem;
-  }
-
-  .lg\:focus\:-translate-y-60:focus {
-    --transform-translate-y: -15rem;
-  }
-
-  .lg\:focus\:-translate-y-64:focus {
-    --transform-translate-y: -16rem;
-  }
-
-  .lg\:focus\:-translate-y-72:focus {
-    --transform-translate-y: -18rem;
-  }
-
-  .lg\:focus\:-translate-y-80:focus {
-    --transform-translate-y: -20rem;
-  }
-
-  .lg\:focus\:-translate-y-96:focus {
-    --transform-translate-y: -24rem;
-  }
-
-  .lg\:focus\:-translate-y-px:focus {
-    --transform-translate-y: -1px;
-  }
-
-  .lg\:focus\:-translate-y-0\.5:focus {
-    --transform-translate-y: -0.125rem;
-  }
-
-  .lg\:focus\:-translate-y-1\.5:focus {
-    --transform-translate-y: -0.375rem;
-  }
-
-  .lg\:focus\:-translate-y-2\.5:focus {
-    --transform-translate-y: -0.625rem;
-  }
-
-  .lg\:focus\:-translate-y-3\.5:focus {
-    --transform-translate-y: -0.875rem;
-  }
-
-  .lg\:focus\:-translate-y-1\/2:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .lg\:focus\:-translate-y-1\/3:focus {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .lg\:focus\:-translate-y-2\/3:focus {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .lg\:focus\:-translate-y-1\/4:focus {
-    --transform-translate-y: -25%;
-  }
-
-  .lg\:focus\:-translate-y-2\/4:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .lg\:focus\:-translate-y-3\/4:focus {
-    --transform-translate-y: -75%;
-  }
-
-  .lg\:focus\:-translate-y-1\/5:focus {
-    --transform-translate-y: -20%;
-  }
-
-  .lg\:focus\:-translate-y-2\/5:focus {
-    --transform-translate-y: -40%;
-  }
-
-  .lg\:focus\:-translate-y-3\/5:focus {
-    --transform-translate-y: -60%;
-  }
-
-  .lg\:focus\:-translate-y-4\/5:focus {
-    --transform-translate-y: -80%;
-  }
-
-  .lg\:focus\:-translate-y-1\/6:focus {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .lg\:focus\:-translate-y-2\/6:focus {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .lg\:focus\:-translate-y-3\/6:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .lg\:focus\:-translate-y-4\/6:focus {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .lg\:focus\:-translate-y-5\/6:focus {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .lg\:focus\:-translate-y-1\/12:focus {
-    --transform-translate-y: -8.33333%;
-  }
-
-  .lg\:focus\:-translate-y-2\/12:focus {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .lg\:focus\:-translate-y-3\/12:focus {
-    --transform-translate-y: -25%;
-  }
-
-  .lg\:focus\:-translate-y-4\/12:focus {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .lg\:focus\:-translate-y-5\/12:focus {
-    --transform-translate-y: -41.66667%;
-  }
-
-  .lg\:focus\:-translate-y-6\/12:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .lg\:focus\:-translate-y-7\/12:focus {
-    --transform-translate-y: -58.33333%;
-  }
-
-  .lg\:focus\:-translate-y-8\/12:focus {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .lg\:focus\:-translate-y-9\/12:focus {
-    --transform-translate-y: -75%;
-  }
-
-  .lg\:focus\:-translate-y-10\/12:focus {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .lg\:focus\:-translate-y-11\/12:focus {
-    --transform-translate-y: -91.66667%;
-  }
-
-  .lg\:focus\:-translate-y-full:focus {
-    --transform-translate-y: -100%;
-  }
-
-  .lg\:skew-x-0 {
-    --transform-skew-x: 0;
-  }
-
-  .lg\:skew-x-3 {
-    --transform-skew-x: 3deg;
-  }
-
-  .lg\:skew-x-6 {
-    --transform-skew-x: 6deg;
-  }
-
-  .lg\:skew-x-12 {
-    --transform-skew-x: 12deg;
-  }
-
-  .lg\:-skew-x-12 {
-    --transform-skew-x: -12deg;
-  }
-
-  .lg\:-skew-x-6 {
-    --transform-skew-x: -6deg;
-  }
-
-  .lg\:-skew-x-3 {
-    --transform-skew-x: -3deg;
-  }
-
-  .lg\:skew-y-0 {
-    --transform-skew-y: 0;
-  }
-
-  .lg\:skew-y-3 {
-    --transform-skew-y: 3deg;
-  }
-
-  .lg\:skew-y-6 {
-    --transform-skew-y: 6deg;
-  }
-
-  .lg\:skew-y-12 {
-    --transform-skew-y: 12deg;
-  }
-
-  .lg\:-skew-y-12 {
-    --transform-skew-y: -12deg;
-  }
-
-  .lg\:-skew-y-6 {
-    --transform-skew-y: -6deg;
-  }
-
-  .lg\:-skew-y-3 {
-    --transform-skew-y: -3deg;
-  }
-
-  .lg\:hover\:skew-x-0:hover {
-    --transform-skew-x: 0;
-  }
-
-  .lg\:hover\:skew-x-3:hover {
-    --transform-skew-x: 3deg;
-  }
-
-  .lg\:hover\:skew-x-6:hover {
-    --transform-skew-x: 6deg;
-  }
-
-  .lg\:hover\:skew-x-12:hover {
-    --transform-skew-x: 12deg;
-  }
-
-  .lg\:hover\:-skew-x-12:hover {
-    --transform-skew-x: -12deg;
-  }
-
-  .lg\:hover\:-skew-x-6:hover {
-    --transform-skew-x: -6deg;
-  }
-
-  .lg\:hover\:-skew-x-3:hover {
-    --transform-skew-x: -3deg;
-  }
-
-  .lg\:hover\:skew-y-0:hover {
-    --transform-skew-y: 0;
-  }
-
-  .lg\:hover\:skew-y-3:hover {
-    --transform-skew-y: 3deg;
-  }
-
-  .lg\:hover\:skew-y-6:hover {
-    --transform-skew-y: 6deg;
-  }
-
-  .lg\:hover\:skew-y-12:hover {
-    --transform-skew-y: 12deg;
-  }
-
-  .lg\:hover\:-skew-y-12:hover {
-    --transform-skew-y: -12deg;
-  }
-
-  .lg\:hover\:-skew-y-6:hover {
-    --transform-skew-y: -6deg;
-  }
-
-  .lg\:hover\:-skew-y-3:hover {
-    --transform-skew-y: -3deg;
-  }
-
-  .lg\:focus\:skew-x-0:focus {
-    --transform-skew-x: 0;
-  }
-
-  .lg\:focus\:skew-x-3:focus {
-    --transform-skew-x: 3deg;
-  }
-
-  .lg\:focus\:skew-x-6:focus {
-    --transform-skew-x: 6deg;
-  }
-
-  .lg\:focus\:skew-x-12:focus {
-    --transform-skew-x: 12deg;
-  }
-
-  .lg\:focus\:-skew-x-12:focus {
-    --transform-skew-x: -12deg;
-  }
-
-  .lg\:focus\:-skew-x-6:focus {
-    --transform-skew-x: -6deg;
-  }
-
-  .lg\:focus\:-skew-x-3:focus {
-    --transform-skew-x: -3deg;
-  }
-
-  .lg\:focus\:skew-y-0:focus {
-    --transform-skew-y: 0;
-  }
-
-  .lg\:focus\:skew-y-3:focus {
-    --transform-skew-y: 3deg;
-  }
-
-  .lg\:focus\:skew-y-6:focus {
-    --transform-skew-y: 6deg;
-  }
-
-  .lg\:focus\:skew-y-12:focus {
-    --transform-skew-y: 12deg;
-  }
-
-  .lg\:focus\:-skew-y-12:focus {
-    --transform-skew-y: -12deg;
-  }
-
-  .lg\:focus\:-skew-y-6:focus {
-    --transform-skew-y: -6deg;
-  }
-
-  .lg\:focus\:-skew-y-3:focus {
-    --transform-skew-y: -3deg;
-  }
-
-  .lg\:transition-none {
-    transition-property: none;
-  }
-
-  .lg\:transition-all {
-    transition-property: all;
-  }
-
-  .lg\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-  }
-
-  .lg\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
-  }
-
-  .lg\:transition-opacity {
-    transition-property: opacity;
-  }
-
-  .lg\:transition-shadow {
-    transition-property: box-shadow;
-  }
-
-  .lg\:transition-transform {
-    transition-property: transform;
-  }
-
-  .lg\:ease-linear {
-    transition-timing-function: linear;
-  }
-
-  .lg\:ease-in {
-    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-  }
-
-  .lg\:ease-out {
-    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  }
-
-  .lg\:ease-in-out {
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  .lg\:duration-75 {
-    transition-duration: 75ms;
-  }
-
-  .lg\:duration-100 {
-    transition-duration: 100ms;
-  }
-
-  .lg\:duration-150 {
-    transition-duration: 150ms;
-  }
-
-  .lg\:duration-200 {
-    transition-duration: 200ms;
-  }
-
-  .lg\:duration-300 {
-    transition-duration: 300ms;
-  }
-
-  .lg\:duration-500 {
-    transition-duration: 500ms;
-  }
-
-  .lg\:duration-700 {
-    transition-duration: 700ms;
-  }
-
-  .lg\:duration-1000 {
-    transition-duration: 1000ms;
-  }
-
-  .lg\:delay-75 {
-    transition-delay: 75ms;
-  }
-
-  .lg\:delay-100 {
-    transition-delay: 100ms;
-  }
-
-  .lg\:delay-150 {
-    transition-delay: 150ms;
-  }
-
-  .lg\:delay-200 {
-    transition-delay: 200ms;
-  }
-
-  .lg\:delay-300 {
-    transition-delay: 300ms;
-  }
-
-  .lg\:delay-500 {
-    transition-delay: 500ms;
-  }
-
-  .lg\:delay-700 {
-    transition-delay: 700ms;
-  }
-
-  .lg\:delay-1000 {
-    transition-delay: 1000ms;
-  }
-
-  .lg\:animate-none {
-    -webkit-animation: none;
-            animation: none;
-  }
-
-  .lg\:animate-spin {
-    -webkit-animation: spin 1s linear infinite;
-            animation: spin 1s linear infinite;
-  }
-
-  .lg\:animate-ping {
-    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-  }
-
-  .lg\:animate-pulse {
-    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-  }
-
-  .lg\:animate-bounce {
-    -webkit-animation: bounce 1s infinite;
-            animation: bounce 1s infinite;
-  }
-}
-
-@media (min-width: 1280px) {
-  .xl\:container {
-    width: 100%;
-  }
-
-  @media (min-width: 640px) {
-    .xl\:container {
-      max-width: 640px;
-    }
-  }
-
-  @media (min-width: 768px) {
-    .xl\:container {
-      max-width: 768px;
-    }
-  }
-
-  @media (min-width: 1024px) {
-    .xl\:container {
-      max-width: 1024px;
-    }
-  }
-
-  @media (min-width: 1280px) {
-    .xl\:container {
-      max-width: 1280px;
-    }
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\:space-y-7 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(1.75rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-7 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(1.75rem * var(--space-x-reverse));
-    margin-left: calc(1.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\:space-y-9 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(2.25rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-9 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(2.25rem * var(--space-x-reverse));
-    margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\:space-y-11 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(2.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(2.75rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-11 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(2.75rem * var(--space-x-reverse));
-    margin-left: calc(2.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\:space-y-13 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(3.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(3.25rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-13 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(3.25rem * var(--space-x-reverse));
-    margin-left: calc(3.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-14 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(3.5rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-14 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(3.5rem * var(--space-x-reverse));
-    margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-15 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(3.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(3.75rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-15 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(3.75rem * var(--space-x-reverse));
-    margin-left: calc(3.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\:space-y-28 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(7rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(7rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-28 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(7rem * var(--space-x-reverse));
-    margin-left: calc(7rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\:space-y-36 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(9rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(9rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-36 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(9rem * var(--space-x-reverse));
-    margin-left: calc(9rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\:space-y-60 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(15rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(15rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-60 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(15rem * var(--space-x-reverse));
-    margin-left: calc(15rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\:space-y-72 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(18rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(18rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-72 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(18rem * var(--space-x-reverse));
-    margin-left: calc(18rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-80 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(20rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(20rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-80 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(20rem * var(--space-x-reverse));
-    margin-left: calc(20rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-96 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(24rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(24rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-96 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(24rem * var(--space-x-reverse));
-    margin-left: calc(24rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\:space-y-0\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.125rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-0\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.125rem * var(--space-x-reverse));
-    margin-left: calc(0.125rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-1\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.375rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-1\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.375rem * var(--space-x-reverse));
-    margin-left: calc(0.375rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-2\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.625rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-2\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.625rem * var(--space-x-reverse));
-    margin-left: calc(0.625rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-3\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.875rem * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-3\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.875rem * var(--space-x-reverse));
-    margin-left: calc(0.875rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-1\/2 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(50% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-1\/2 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(50% * var(--space-x-reverse));
-    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-1\/3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(33.333333% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-1\/3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(33.333333% * var(--space-x-reverse));
-    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-2\/3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(66.666667% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-2\/3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(66.666667% * var(--space-x-reverse));
-    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-1\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(25% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-1\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(25% * var(--space-x-reverse));
-    margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-2\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(50% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-2\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(50% * var(--space-x-reverse));
-    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-3\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(75% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-3\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(75% * var(--space-x-reverse));
-    margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-1\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(20% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(20% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-1\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(20% * var(--space-x-reverse));
-    margin-left: calc(20% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-2\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(40% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(40% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-2\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(40% * var(--space-x-reverse));
-    margin-left: calc(40% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-3\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(60% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(60% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-3\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(60% * var(--space-x-reverse));
-    margin-left: calc(60% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-4\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(80% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(80% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-4\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(80% * var(--space-x-reverse));
-    margin-left: calc(80% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-1\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(16.666667% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-1\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(16.666667% * var(--space-x-reverse));
-    margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-2\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(33.333333% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-2\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(33.333333% * var(--space-x-reverse));
-    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-3\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(50% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-3\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(50% * var(--space-x-reverse));
-    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-4\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(66.666667% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-4\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(66.666667% * var(--space-x-reverse));
-    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-5\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(83.333333% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-5\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(83.333333% * var(--space-x-reverse));
-    margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-1\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(8.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(8.333333% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-1\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(8.333333% * var(--space-x-reverse));
-    margin-left: calc(8.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-2\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(16.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(16.666667% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-2\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(16.666667% * var(--space-x-reverse));
-    margin-left: calc(16.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-3\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(25% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(25% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-3\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(25% * var(--space-x-reverse));
-    margin-left: calc(25% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-4\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(33.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(33.333333% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-4\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(33.333333% * var(--space-x-reverse));
-    margin-left: calc(33.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-5\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(41.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(41.666667% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-5\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(41.666667% * var(--space-x-reverse));
-    margin-left: calc(41.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-6\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(50% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-6\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(50% * var(--space-x-reverse));
-    margin-left: calc(50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-7\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(58.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(58.333333% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-7\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(58.333333% * var(--space-x-reverse));
-    margin-left: calc(58.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-8\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(66.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(66.666667% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-8\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(66.666667% * var(--space-x-reverse));
-    margin-left: calc(66.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-9\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(75% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(75% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-9\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(75% * var(--space-x-reverse));
-    margin-left: calc(75% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-10\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(83.333333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(83.333333% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-10\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(83.333333% * var(--space-x-reverse));
-    margin-left: calc(83.333333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-11\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(91.666667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(91.666667% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-11\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(91.666667% * var(--space-x-reverse));
-    margin-left: calc(91.666667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-full > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(100% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(100% * var(--space-y-reverse));
-  }
-
-  .xl\:space-x-full > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(100% * var(--space-x-reverse));
-    margin-left: calc(100% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-space-y-7 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-1.75rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-7 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-1.75rem * var(--space-x-reverse));
-    margin-left: calc(-1.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-space-y-9 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-2.25rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-9 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-2.25rem * var(--space-x-reverse));
-    margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-space-y-11 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-2.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-2.75rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-11 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-2.75rem * var(--space-x-reverse));
-    margin-left: calc(-2.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-space-y-13 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-3.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-3.25rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-13 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-3.25rem * var(--space-x-reverse));
-    margin-left: calc(-3.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-14 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-3.5rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-14 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-3.5rem * var(--space-x-reverse));
-    margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-15 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-3.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-3.75rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-15 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-3.75rem * var(--space-x-reverse));
-    margin-left: calc(-3.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-space-y-28 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-7rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-7rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-28 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-7rem * var(--space-x-reverse));
-    margin-left: calc(-7rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-space-y-36 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-9rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-9rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-36 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-9rem * var(--space-x-reverse));
-    margin-left: calc(-9rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-space-y-60 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-15rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-15rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-60 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-15rem * var(--space-x-reverse));
-    margin-left: calc(-15rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-space-y-72 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-18rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-18rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-72 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-18rem * var(--space-x-reverse));
-    margin-left: calc(-18rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-80 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-20rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-20rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-80 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-20rem * var(--space-x-reverse));
-    margin-left: calc(-20rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-96 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-24rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-24rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-96 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-24rem * var(--space-x-reverse));
-    margin-left: calc(-24rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-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));
-  }
-
-  .xl\:-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)));
-  }
-
-  .xl\:-space-y-0\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.125rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-0\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.125rem * var(--space-x-reverse));
-    margin-left: calc(-0.125rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-1\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.375rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-1\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.375rem * var(--space-x-reverse));
-    margin-left: calc(-0.375rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-2\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.625rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-2\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.625rem * var(--space-x-reverse));
-    margin-left: calc(-0.625rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-3\.5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.875rem * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-3\.5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.875rem * var(--space-x-reverse));
-    margin-left: calc(-0.875rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-1\/2 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-50% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-1\/2 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-50% * var(--space-x-reverse));
-    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-1\/3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-1\/3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-33.33333% * var(--space-x-reverse));
-    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-2\/3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-2\/3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-66.66667% * var(--space-x-reverse));
-    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-1\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-25% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-1\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-25% * var(--space-x-reverse));
-    margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-2\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-50% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-2\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-50% * var(--space-x-reverse));
-    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-3\/4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-75% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-3\/4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-75% * var(--space-x-reverse));
-    margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-1\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-20% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-20% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-1\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-20% * var(--space-x-reverse));
-    margin-left: calc(-20% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-2\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-40% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-40% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-2\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-40% * var(--space-x-reverse));
-    margin-left: calc(-40% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-3\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-60% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-60% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-3\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-60% * var(--space-x-reverse));
-    margin-left: calc(-60% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-4\/5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-80% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-80% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-4\/5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-80% * var(--space-x-reverse));
-    margin-left: calc(-80% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-1\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-16.66667% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-1\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-16.66667% * var(--space-x-reverse));
-    margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-2\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-2\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-33.33333% * var(--space-x-reverse));
-    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-3\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-50% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-3\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-50% * var(--space-x-reverse));
-    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-4\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-4\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-66.66667% * var(--space-x-reverse));
-    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-5\/6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-83.33333% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-5\/6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-83.33333% * var(--space-x-reverse));
-    margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-1\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-8.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-8.33333% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-1\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-8.33333% * var(--space-x-reverse));
-    margin-left: calc(-8.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-2\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-16.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-16.66667% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-2\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-16.66667% * var(--space-x-reverse));
-    margin-left: calc(-16.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-3\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-25% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-25% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-3\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-25% * var(--space-x-reverse));
-    margin-left: calc(-25% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-4\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-33.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-33.33333% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-4\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-33.33333% * var(--space-x-reverse));
-    margin-left: calc(-33.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-5\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-41.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-41.66667% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-5\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-41.66667% * var(--space-x-reverse));
-    margin-left: calc(-41.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-6\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-50% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-50% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-6\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-50% * var(--space-x-reverse));
-    margin-left: calc(-50% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-7\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-58.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-58.33333% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-7\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-58.33333% * var(--space-x-reverse));
-    margin-left: calc(-58.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-8\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-66.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-66.66667% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-8\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-66.66667% * var(--space-x-reverse));
-    margin-left: calc(-66.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-9\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-75% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-75% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-9\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-75% * var(--space-x-reverse));
-    margin-left: calc(-75% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-10\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-83.33333% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-83.33333% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-10\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-83.33333% * var(--space-x-reverse));
-    margin-left: calc(-83.33333% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-11\/12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-91.66667% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-91.66667% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-11\/12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-91.66667% * var(--space-x-reverse));
-    margin-left: calc(-91.66667% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:-space-y-full > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-100% * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-100% * var(--space-y-reverse));
-  }
-
-  .xl\:-space-x-full > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-100% * var(--space-x-reverse));
-    margin-left: calc(-100% * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xl\:space-y-reverse > :not(template) ~ :not(template) {
-    --space-y-reverse: 1;
-  }
-
-  .xl\:space-x-reverse > :not(template) ~ :not(template) {
-    --space-x-reverse: 1;
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\: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));
-  }
-
-  .xl\: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)));
-  }
-
-  .xl\:divide-y-reverse > :not(template) ~ :not(template) {
-    --divide-y-reverse: 1;
-  }
-
-  .xl\:divide-x-reverse > :not(template) ~ :not(template) {
-    --divide-x-reverse: 1;
-  }
-
-  .xl\:divide-transparent > :not(template) ~ :not(template) {
-    border-color: transparent;
-  }
-
-  .xl\:divide-white > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--divide-opacity));
-  }
-
-  .xl\:divide-black > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--divide-opacity));
-  }
-
-  .xl\:divide-gray-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--divide-opacity));
-  }
-
-  .xl\:divide-gray-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--divide-opacity));
-  }
-
-  .xl\:divide-gray-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--divide-opacity));
-  }
-
-  .xl\:divide-gray-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--divide-opacity));
-  }
-
-  .xl\:divide-gray-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--divide-opacity));
-  }
-
-  .xl\:divide-gray-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--divide-opacity));
-  }
-
-  .xl\:divide-gray-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--divide-opacity));
-  }
-
-  .xl\:divide-gray-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--divide-opacity));
-  }
-
-  .xl\:divide-gray-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--divide-opacity));
-  }
-
-  .xl\:divide-gray-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--divide-opacity));
-  }
-
-  .xl\:divide-cool-gray-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--divide-opacity));
-  }
-
-  .xl\:divide-cool-gray-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--divide-opacity));
-  }
-
-  .xl\:divide-cool-gray-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--divide-opacity));
-  }
-
-  .xl\:divide-cool-gray-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--divide-opacity));
-  }
-
-  .xl\:divide-cool-gray-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--divide-opacity));
-  }
-
-  .xl\:divide-cool-gray-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--divide-opacity));
-  }
-
-  .xl\:divide-cool-gray-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--divide-opacity));
-  }
-
-  .xl\:divide-cool-gray-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--divide-opacity));
-  }
-
-  .xl\:divide-cool-gray-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--divide-opacity));
-  }
-
-  .xl\:divide-cool-gray-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--divide-opacity));
-  }
-
-  .xl\:divide-red-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--divide-opacity));
-  }
-
-  .xl\:divide-red-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--divide-opacity));
-  }
-
-  .xl\:divide-red-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--divide-opacity));
-  }
-
-  .xl\:divide-red-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--divide-opacity));
-  }
-
-  .xl\:divide-red-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--divide-opacity));
-  }
-
-  .xl\:divide-red-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--divide-opacity));
-  }
-
-  .xl\:divide-red-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--divide-opacity));
-  }
-
-  .xl\:divide-red-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--divide-opacity));
-  }
-
-  .xl\:divide-red-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--divide-opacity));
-  }
-
-  .xl\:divide-red-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--divide-opacity));
-  }
-
-  .xl\:divide-orange-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--divide-opacity));
-  }
-
-  .xl\:divide-orange-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--divide-opacity));
-  }
-
-  .xl\:divide-orange-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--divide-opacity));
-  }
-
-  .xl\:divide-orange-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--divide-opacity));
-  }
-
-  .xl\:divide-orange-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--divide-opacity));
-  }
-
-  .xl\:divide-orange-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--divide-opacity));
-  }
-
-  .xl\:divide-orange-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--divide-opacity));
-  }
-
-  .xl\:divide-orange-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--divide-opacity));
-  }
-
-  .xl\:divide-orange-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--divide-opacity));
-  }
-
-  .xl\:divide-orange-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--divide-opacity));
-  }
-
-  .xl\:divide-yellow-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--divide-opacity));
-  }
-
-  .xl\:divide-yellow-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--divide-opacity));
-  }
-
-  .xl\:divide-yellow-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--divide-opacity));
-  }
-
-  .xl\:divide-yellow-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--divide-opacity));
-  }
-
-  .xl\:divide-yellow-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--divide-opacity));
-  }
-
-  .xl\:divide-yellow-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--divide-opacity));
-  }
-
-  .xl\:divide-yellow-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--divide-opacity));
-  }
-
-  .xl\:divide-yellow-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--divide-opacity));
-  }
-
-  .xl\:divide-yellow-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--divide-opacity));
-  }
-
-  .xl\:divide-yellow-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--divide-opacity));
-  }
-
-  .xl\:divide-green-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--divide-opacity));
-  }
-
-  .xl\:divide-green-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--divide-opacity));
-  }
-
-  .xl\:divide-green-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--divide-opacity));
-  }
-
-  .xl\:divide-green-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--divide-opacity));
-  }
-
-  .xl\:divide-green-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--divide-opacity));
-  }
-
-  .xl\:divide-green-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--divide-opacity));
-  }
-
-  .xl\:divide-green-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--divide-opacity));
-  }
-
-  .xl\:divide-green-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--divide-opacity));
-  }
-
-  .xl\:divide-green-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--divide-opacity));
-  }
-
-  .xl\:divide-green-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--divide-opacity));
-  }
-
-  .xl\:divide-teal-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--divide-opacity));
-  }
-
-  .xl\:divide-teal-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--divide-opacity));
-  }
-
-  .xl\:divide-teal-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--divide-opacity));
-  }
-
-  .xl\:divide-teal-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--divide-opacity));
-  }
-
-  .xl\:divide-teal-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--divide-opacity));
-  }
-
-  .xl\:divide-teal-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--divide-opacity));
-  }
-
-  .xl\:divide-teal-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--divide-opacity));
-  }
-
-  .xl\:divide-teal-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--divide-opacity));
-  }
-
-  .xl\:divide-teal-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--divide-opacity));
-  }
-
-  .xl\:divide-teal-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--divide-opacity));
-  }
-
-  .xl\:divide-blue-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--divide-opacity));
-  }
-
-  .xl\:divide-blue-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--divide-opacity));
-  }
-
-  .xl\:divide-blue-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--divide-opacity));
-  }
-
-  .xl\:divide-blue-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--divide-opacity));
-  }
-
-  .xl\:divide-blue-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--divide-opacity));
-  }
-
-  .xl\:divide-blue-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--divide-opacity));
-  }
-
-  .xl\:divide-blue-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--divide-opacity));
-  }
-
-  .xl\:divide-blue-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--divide-opacity));
-  }
-
-  .xl\:divide-blue-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--divide-opacity));
-  }
-
-  .xl\:divide-blue-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--divide-opacity));
-  }
-
-  .xl\:divide-indigo-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--divide-opacity));
-  }
-
-  .xl\:divide-indigo-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--divide-opacity));
-  }
-
-  .xl\:divide-indigo-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--divide-opacity));
-  }
-
-  .xl\:divide-indigo-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--divide-opacity));
-  }
-
-  .xl\:divide-indigo-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--divide-opacity));
-  }
-
-  .xl\:divide-indigo-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--divide-opacity));
-  }
-
-  .xl\:divide-indigo-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--divide-opacity));
-  }
-
-  .xl\:divide-indigo-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--divide-opacity));
-  }
-
-  .xl\:divide-indigo-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--divide-opacity));
-  }
-
-  .xl\:divide-indigo-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--divide-opacity));
-  }
-
-  .xl\:divide-purple-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--divide-opacity));
-  }
-
-  .xl\:divide-purple-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--divide-opacity));
-  }
-
-  .xl\:divide-purple-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--divide-opacity));
-  }
-
-  .xl\:divide-purple-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--divide-opacity));
-  }
-
-  .xl\:divide-purple-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--divide-opacity));
-  }
-
-  .xl\:divide-purple-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--divide-opacity));
-  }
-
-  .xl\:divide-purple-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--divide-opacity));
-  }
-
-  .xl\:divide-purple-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--divide-opacity));
-  }
-
-  .xl\:divide-purple-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--divide-opacity));
-  }
-
-  .xl\:divide-purple-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--divide-opacity));
-  }
-
-  .xl\:divide-pink-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--divide-opacity));
-  }
-
-  .xl\:divide-pink-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--divide-opacity));
-  }
-
-  .xl\:divide-pink-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--divide-opacity));
-  }
-
-  .xl\:divide-pink-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--divide-opacity));
-  }
-
-  .xl\:divide-pink-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--divide-opacity));
-  }
-
-  .xl\:divide-pink-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--divide-opacity));
-  }
-
-  .xl\:divide-pink-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--divide-opacity));
-  }
-
-  .xl\:divide-pink-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--divide-opacity));
-  }
-
-  .xl\:divide-pink-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--divide-opacity));
-  }
-
-  .xl\:divide-pink-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--divide-opacity));
-  }
-
-  .xl\:divide-opacity-0 > :not(template) ~ :not(template) {
-    --divide-opacity: 0;
-  }
-
-  .xl\:divide-opacity-25 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.25;
-  }
-
-  .xl\:divide-opacity-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.5;
-  }
-
-  .xl\:divide-opacity-75 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.75;
-  }
-
-  .xl\:divide-opacity-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-  }
-
-  .xl\: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;
-  }
-
-  .xl\:not-sr-only {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-  }
-
-  .xl\: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;
-  }
-
-  .xl\:focus\:not-sr-only:focus {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-  }
-
-  .xl\:appearance-none {
-    -webkit-appearance: none;
-       -moz-appearance: none;
-            appearance: none;
-  }
-
-  .xl\:bg-fixed {
-    background-attachment: fixed;
-  }
-
-  .xl\:bg-local {
-    background-attachment: local;
-  }
-
-  .xl\:bg-scroll {
-    background-attachment: scroll;
-  }
-
-  .xl\:bg-transparent {
-    background-color: transparent;
-  }
-
-  .xl\:bg-white {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .xl\:bg-black {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .xl\:bg-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .xl\:bg-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .xl\:bg-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .xl\:bg-gray-300 {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .xl\:bg-gray-400 {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .xl\:bg-gray-500 {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .xl\:bg-gray-600 {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .xl\:bg-gray-700 {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .xl\:bg-gray-800 {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .xl\:bg-gray-900 {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .xl\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .xl\:bg-cool-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .xl\:bg-cool-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .xl\:bg-cool-gray-300 {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .xl\:bg-cool-gray-400 {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .xl\:bg-cool-gray-500 {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .xl\:bg-cool-gray-600 {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .xl\:bg-cool-gray-700 {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .xl\:bg-cool-gray-800 {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .xl\:bg-cool-gray-900 {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .xl\:bg-red-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .xl\:bg-red-100 {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .xl\:bg-red-200 {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .xl\:bg-red-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .xl\:bg-red-400 {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .xl\:bg-red-500 {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .xl\:bg-red-600 {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .xl\:bg-red-700 {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .xl\:bg-red-800 {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .xl\:bg-red-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .xl\:bg-orange-50 {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .xl\:bg-orange-100 {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .xl\:bg-orange-200 {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .xl\:bg-orange-300 {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .xl\:bg-orange-400 {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .xl\:bg-orange-500 {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .xl\:bg-orange-600 {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .xl\:bg-orange-700 {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .xl\:bg-orange-800 {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .xl\:bg-orange-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .xl\:bg-yellow-50 {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .xl\:bg-yellow-100 {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .xl\:bg-yellow-200 {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .xl\:bg-yellow-300 {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .xl\:bg-yellow-400 {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .xl\:bg-yellow-500 {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .xl\:bg-yellow-600 {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .xl\:bg-yellow-700 {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .xl\:bg-yellow-800 {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .xl\:bg-yellow-900 {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .xl\:bg-green-50 {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .xl\:bg-green-100 {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .xl\:bg-green-200 {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .xl\:bg-green-300 {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .xl\:bg-green-400 {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .xl\:bg-green-500 {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .xl\:bg-green-600 {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .xl\:bg-green-700 {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .xl\:bg-green-800 {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .xl\:bg-green-900 {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .xl\:bg-teal-50 {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .xl\:bg-teal-100 {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .xl\:bg-teal-200 {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .xl\:bg-teal-300 {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .xl\:bg-teal-400 {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .xl\:bg-teal-500 {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .xl\:bg-teal-600 {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .xl\:bg-teal-700 {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .xl\:bg-teal-800 {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .xl\:bg-teal-900 {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .xl\:bg-blue-50 {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .xl\:bg-blue-100 {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .xl\:bg-blue-200 {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .xl\:bg-blue-300 {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .xl\:bg-blue-400 {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .xl\:bg-blue-500 {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .xl\:bg-blue-600 {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .xl\:bg-blue-700 {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .xl\:bg-blue-800 {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .xl\:bg-blue-900 {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .xl\:bg-indigo-50 {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .xl\:bg-indigo-100 {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .xl\:bg-indigo-200 {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .xl\:bg-indigo-300 {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .xl\:bg-indigo-400 {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .xl\:bg-indigo-500 {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .xl\:bg-indigo-600 {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .xl\:bg-indigo-700 {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .xl\:bg-indigo-800 {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .xl\:bg-indigo-900 {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .xl\:bg-purple-50 {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .xl\:bg-purple-100 {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .xl\:bg-purple-200 {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .xl\:bg-purple-300 {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .xl\:bg-purple-400 {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .xl\:bg-purple-500 {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .xl\:bg-purple-600 {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .xl\:bg-purple-700 {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .xl\:bg-purple-800 {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .xl\:bg-purple-900 {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .xl\:bg-pink-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .xl\:bg-pink-100 {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .xl\:bg-pink-200 {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .xl\:bg-pink-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .xl\:bg-pink-400 {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .xl\:bg-pink-500 {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .xl\:bg-pink-600 {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .xl\:bg-pink-700 {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .xl\:bg-pink-800 {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .xl\:bg-pink-900 {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-transparent {
-    background-color: transparent;
-  }
-
-  .group:hover .xl\:group-hover\:bg-white {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-black {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-300 {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-400 {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-500 {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-600 {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-700 {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-800 {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-gray-900 {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-cool-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-cool-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-cool-gray-300 {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-cool-gray-400 {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-cool-gray-500 {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-cool-gray-600 {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-cool-gray-700 {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-cool-gray-800 {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-cool-gray-900 {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-100 {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-200 {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-400 {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-500 {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-600 {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-700 {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-800 {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-red-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-orange-50 {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-orange-100 {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-orange-200 {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-orange-300 {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-orange-400 {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-orange-500 {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-orange-600 {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-orange-700 {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-orange-800 {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-orange-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-50 {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-100 {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-200 {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-300 {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-400 {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-500 {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-600 {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-700 {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-800 {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-yellow-900 {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-50 {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-100 {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-200 {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-300 {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-400 {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-500 {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-600 {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-700 {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-800 {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-green-900 {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-teal-50 {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-teal-100 {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-teal-200 {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-teal-300 {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-teal-400 {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-teal-500 {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-teal-600 {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-teal-700 {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-teal-800 {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-teal-900 {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-50 {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-100 {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-200 {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-300 {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-400 {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-500 {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-600 {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-700 {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-800 {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-blue-900 {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-50 {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-100 {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-200 {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-300 {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-400 {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-500 {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-600 {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-700 {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-800 {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-indigo-900 {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-purple-50 {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-purple-100 {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-purple-200 {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-purple-300 {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-purple-400 {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-purple-500 {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-purple-600 {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-purple-700 {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-purple-800 {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-purple-900 {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-pink-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-pink-100 {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-pink-200 {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-pink-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-pink-400 {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-pink-500 {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-pink-600 {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-pink-700 {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-pink-800 {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:bg-pink-900 {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-transparent {
-    background-color: transparent;
-  }
-
-  .group:focus .xl\:group-focus\:bg-white {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-black {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-gray-50 {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-gray-300 {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-gray-400 {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-gray-500 {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-gray-600 {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-gray-700 {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-gray-800 {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-gray-900 {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-cool-gray-50 {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-cool-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-cool-gray-200 {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-cool-gray-300 {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-cool-gray-400 {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-cool-gray-500 {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-cool-gray-600 {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-cool-gray-700 {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-cool-gray-800 {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-cool-gray-900 {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-red-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-red-100 {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-red-200 {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-red-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-red-400 {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-red-500 {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-red-600 {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-red-700 {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-red-800 {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-red-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-orange-50 {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-orange-100 {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-orange-200 {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-orange-300 {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-orange-400 {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-orange-500 {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-orange-600 {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-orange-700 {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-orange-800 {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-orange-900 {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-yellow-50 {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-yellow-100 {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-yellow-200 {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-yellow-300 {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-yellow-400 {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-yellow-500 {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-yellow-600 {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-yellow-700 {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-yellow-800 {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-yellow-900 {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-green-50 {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-green-100 {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-green-200 {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-green-300 {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-green-400 {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-green-500 {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-green-600 {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-green-700 {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-green-800 {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-green-900 {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-teal-50 {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-teal-100 {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-teal-200 {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-teal-300 {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-teal-400 {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-teal-500 {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-teal-600 {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-teal-700 {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-teal-800 {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-teal-900 {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-blue-50 {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-blue-100 {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-blue-200 {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-blue-300 {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-blue-400 {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-blue-500 {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-blue-600 {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-blue-700 {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-blue-800 {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-blue-900 {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-indigo-50 {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-indigo-100 {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-indigo-200 {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-indigo-300 {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-indigo-400 {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-indigo-500 {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-indigo-600 {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-indigo-700 {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-indigo-800 {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-indigo-900 {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-purple-50 {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-purple-100 {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-purple-200 {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-purple-300 {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-purple-400 {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-purple-500 {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-purple-600 {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-purple-700 {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-purple-800 {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-purple-900 {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-pink-50 {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-pink-100 {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-pink-200 {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-pink-300 {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-pink-400 {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-pink-500 {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-pink-600 {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-pink-700 {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-pink-800 {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:bg-pink-900 {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-transparent:hover {
-    background-color: transparent;
-  }
-
-  .xl\:hover\:bg-white:hover {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-black:hover {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-50:hover {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-100:hover {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-200:hover {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-300:hover {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-400:hover {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-500:hover {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-600:hover {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-700:hover {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-800:hover {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-gray-900:hover {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-cool-gray-50:hover {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-cool-gray-100:hover {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-cool-gray-200:hover {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-cool-gray-300:hover {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-cool-gray-400:hover {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-cool-gray-500:hover {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-cool-gray-600:hover {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-cool-gray-700:hover {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-cool-gray-800:hover {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-cool-gray-900:hover {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-50:hover {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-100:hover {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-200:hover {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-300:hover {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-400:hover {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-500:hover {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-600:hover {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-700:hover {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-800:hover {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-red-900:hover {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-orange-50:hover {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-orange-100:hover {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-orange-200:hover {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-orange-300:hover {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-orange-400:hover {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-orange-500:hover {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-orange-600:hover {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-orange-700:hover {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-orange-800:hover {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-orange-900:hover {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-50:hover {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-100:hover {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-200:hover {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-300:hover {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-400:hover {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-500:hover {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-600:hover {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-700:hover {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-800:hover {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-yellow-900:hover {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-50:hover {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-100:hover {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-200:hover {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-300:hover {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-400:hover {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-500:hover {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-600:hover {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-700:hover {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-800:hover {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-green-900:hover {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-teal-50:hover {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-teal-100:hover {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-teal-200:hover {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-teal-300:hover {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-teal-400:hover {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-teal-500:hover {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-teal-600:hover {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-teal-700:hover {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-teal-800:hover {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-teal-900:hover {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-50:hover {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-100:hover {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-200:hover {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-300:hover {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-400:hover {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-500:hover {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-600:hover {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-700:hover {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-800:hover {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-blue-900:hover {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-50:hover {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-100:hover {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-200:hover {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-300:hover {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-400:hover {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-500:hover {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-600:hover {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-700:hover {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-800:hover {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-indigo-900:hover {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-purple-50:hover {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-purple-100:hover {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-purple-200:hover {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-purple-300:hover {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-purple-400:hover {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-purple-500:hover {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-purple-600:hover {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-purple-700:hover {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-purple-800:hover {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-purple-900:hover {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-pink-50:hover {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-pink-100:hover {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-pink-200:hover {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-pink-300:hover {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-pink-400:hover {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-pink-500:hover {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-pink-600:hover {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-pink-700:hover {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-pink-800:hover {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .xl\:hover\:bg-pink-900:hover {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-transparent:focus {
-    background-color: transparent;
-  }
-
-  .xl\:focus\:bg-white:focus {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-black:focus {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-50:focus {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-100:focus {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-200:focus {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-300:focus {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-400:focus {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-500:focus {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-600:focus {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-700:focus {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-800:focus {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-gray-900:focus {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-cool-gray-50:focus {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-cool-gray-100:focus {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-cool-gray-200:focus {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-cool-gray-300:focus {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-cool-gray-400:focus {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-cool-gray-500:focus {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-cool-gray-600:focus {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-cool-gray-700:focus {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-cool-gray-800:focus {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-cool-gray-900:focus {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-50:focus {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-100:focus {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-200:focus {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-300:focus {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-400:focus {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-500:focus {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-600:focus {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-700:focus {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-800:focus {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-red-900:focus {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-orange-50:focus {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-orange-100:focus {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-orange-200:focus {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-orange-300:focus {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-orange-400:focus {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-orange-500:focus {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-orange-600:focus {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-orange-700:focus {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-orange-800:focus {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-orange-900:focus {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-50:focus {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-100:focus {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-200:focus {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-300:focus {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-400:focus {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-500:focus {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-600:focus {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-700:focus {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-800:focus {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-yellow-900:focus {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-50:focus {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-100:focus {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-200:focus {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-300:focus {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-400:focus {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-500:focus {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-600:focus {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-700:focus {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-800:focus {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-green-900:focus {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-teal-50:focus {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-teal-100:focus {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-teal-200:focus {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-teal-300:focus {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-teal-400:focus {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-teal-500:focus {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-teal-600:focus {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-teal-700:focus {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-teal-800:focus {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-teal-900:focus {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-50:focus {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-100:focus {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-200:focus {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-300:focus {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-400:focus {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-500:focus {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-600:focus {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-700:focus {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-800:focus {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-blue-900:focus {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-50:focus {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-100:focus {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-200:focus {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-300:focus {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-400:focus {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-500:focus {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-600:focus {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-700:focus {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-800:focus {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-indigo-900:focus {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-purple-50:focus {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-purple-100:focus {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-purple-200:focus {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-purple-300:focus {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-purple-400:focus {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-purple-500:focus {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-purple-600:focus {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-purple-700:focus {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-purple-800:focus {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-purple-900:focus {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-pink-50:focus {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-pink-100:focus {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-pink-200:focus {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-pink-300:focus {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-pink-400:focus {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-pink-500:focus {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-pink-600:focus {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-pink-700:focus {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-pink-800:focus {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .xl\:focus\:bg-pink-900:focus {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-transparent:active {
-    background-color: transparent;
-  }
-
-  .xl\:active\:bg-white:active {
-    --bg-opacity: 1;
-    background-color: #ffffff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-black:active {
-    --bg-opacity: 1;
-    background-color: #000000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-gray-50:active {
-    --bg-opacity: 1;
-    background-color: #f9fafb;
-    background-color: rgba(249, 250, 251, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-gray-100:active {
-    --bg-opacity: 1;
-    background-color: #f4f5f7;
-    background-color: rgba(244, 245, 247, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-gray-200:active {
-    --bg-opacity: 1;
-    background-color: #e5e7eb;
-    background-color: rgba(229, 231, 235, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-gray-300:active {
-    --bg-opacity: 1;
-    background-color: #d2d6dc;
-    background-color: rgba(210, 214, 220, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-gray-400:active {
-    --bg-opacity: 1;
-    background-color: #9fa6b2;
-    background-color: rgba(159, 166, 178, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-gray-500:active {
-    --bg-opacity: 1;
-    background-color: #6b7280;
-    background-color: rgba(107, 114, 128, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-gray-600:active {
-    --bg-opacity: 1;
-    background-color: #4b5563;
-    background-color: rgba(75, 85, 99, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-gray-700:active {
-    --bg-opacity: 1;
-    background-color: #374151;
-    background-color: rgba(55, 65, 81, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-gray-800:active {
-    --bg-opacity: 1;
-    background-color: #252f3f;
-    background-color: rgba(37, 47, 63, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-gray-900:active {
-    --bg-opacity: 1;
-    background-color: #161e2e;
-    background-color: rgba(22, 30, 46, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-cool-gray-50:active {
-    --bg-opacity: 1;
-    background-color: #fbfdfe;
-    background-color: rgba(251, 253, 254, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-cool-gray-100:active {
-    --bg-opacity: 1;
-    background-color: #f1f5f9;
-    background-color: rgba(241, 245, 249, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-cool-gray-200:active {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-cool-gray-300:active {
-    --bg-opacity: 1;
-    background-color: #cfd8e3;
-    background-color: rgba(207, 216, 227, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-cool-gray-400:active {
-    --bg-opacity: 1;
-    background-color: #97a6ba;
-    background-color: rgba(151, 166, 186, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-cool-gray-500:active {
-    --bg-opacity: 1;
-    background-color: #64748b;
-    background-color: rgba(100, 116, 139, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-cool-gray-600:active {
-    --bg-opacity: 1;
-    background-color: #475569;
-    background-color: rgba(71, 85, 105, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-cool-gray-700:active {
-    --bg-opacity: 1;
-    background-color: #364152;
-    background-color: rgba(54, 65, 82, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-cool-gray-800:active {
-    --bg-opacity: 1;
-    background-color: #27303f;
-    background-color: rgba(39, 48, 63, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-cool-gray-900:active {
-    --bg-opacity: 1;
-    background-color: #1a202e;
-    background-color: rgba(26, 32, 46, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-red-50:active {
-    --bg-opacity: 1;
-    background-color: #fdf2f2;
-    background-color: rgba(253, 242, 242, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-red-100:active {
-    --bg-opacity: 1;
-    background-color: #fde8e8;
-    background-color: rgba(253, 232, 232, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-red-200:active {
-    --bg-opacity: 1;
-    background-color: #fbd5d5;
-    background-color: rgba(251, 213, 213, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-red-300:active {
-    --bg-opacity: 1;
-    background-color: #f8b4b4;
-    background-color: rgba(248, 180, 180, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-red-400:active {
-    --bg-opacity: 1;
-    background-color: #f98080;
-    background-color: rgba(249, 128, 128, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-red-500:active {
-    --bg-opacity: 1;
-    background-color: #f05252;
-    background-color: rgba(240, 82, 82, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-red-600:active {
-    --bg-opacity: 1;
-    background-color: #e02424;
-    background-color: rgba(224, 36, 36, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-red-700:active {
-    --bg-opacity: 1;
-    background-color: #c81e1e;
-    background-color: rgba(200, 30, 30, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-red-800:active {
-    --bg-opacity: 1;
-    background-color: #9b1c1c;
-    background-color: rgba(155, 28, 28, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-red-900:active {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-orange-50:active {
-    --bg-opacity: 1;
-    background-color: #fff8f1;
-    background-color: rgba(255, 248, 241, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-orange-100:active {
-    --bg-opacity: 1;
-    background-color: #feecdc;
-    background-color: rgba(254, 236, 220, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-orange-200:active {
-    --bg-opacity: 1;
-    background-color: #fcd9bd;
-    background-color: rgba(252, 217, 189, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-orange-300:active {
-    --bg-opacity: 1;
-    background-color: #fdba8c;
-    background-color: rgba(253, 186, 140, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-orange-400:active {
-    --bg-opacity: 1;
-    background-color: #ff8a4c;
-    background-color: rgba(255, 138, 76, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-orange-500:active {
-    --bg-opacity: 1;
-    background-color: #ff5a1f;
-    background-color: rgba(255, 90, 31, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-orange-600:active {
-    --bg-opacity: 1;
-    background-color: #d03801;
-    background-color: rgba(208, 56, 1, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-orange-700:active {
-    --bg-opacity: 1;
-    background-color: #b43403;
-    background-color: rgba(180, 52, 3, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-orange-800:active {
-    --bg-opacity: 1;
-    background-color: #8a2c0d;
-    background-color: rgba(138, 44, 13, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-orange-900:active {
-    --bg-opacity: 1;
-    background-color: #771d1d;
-    background-color: rgba(119, 29, 29, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-yellow-50:active {
-    --bg-opacity: 1;
-    background-color: #fdfdea;
-    background-color: rgba(253, 253, 234, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-yellow-100:active {
-    --bg-opacity: 1;
-    background-color: #fdf6b2;
-    background-color: rgba(253, 246, 178, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-yellow-200:active {
-    --bg-opacity: 1;
-    background-color: #fce96a;
-    background-color: rgba(252, 233, 106, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-yellow-300:active {
-    --bg-opacity: 1;
-    background-color: #faca15;
-    background-color: rgba(250, 202, 21, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-yellow-400:active {
-    --bg-opacity: 1;
-    background-color: #e3a008;
-    background-color: rgba(227, 160, 8, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-yellow-500:active {
-    --bg-opacity: 1;
-    background-color: #c27803;
-    background-color: rgba(194, 120, 3, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-yellow-600:active {
-    --bg-opacity: 1;
-    background-color: #9f580a;
-    background-color: rgba(159, 88, 10, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-yellow-700:active {
-    --bg-opacity: 1;
-    background-color: #8e4b10;
-    background-color: rgba(142, 75, 16, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-yellow-800:active {
-    --bg-opacity: 1;
-    background-color: #723b13;
-    background-color: rgba(114, 59, 19, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-yellow-900:active {
-    --bg-opacity: 1;
-    background-color: #633112;
-    background-color: rgba(99, 49, 18, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-green-50:active {
-    --bg-opacity: 1;
-    background-color: #f3faf7;
-    background-color: rgba(243, 250, 247, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-green-100:active {
-    --bg-opacity: 1;
-    background-color: #def7ec;
-    background-color: rgba(222, 247, 236, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-green-200:active {
-    --bg-opacity: 1;
-    background-color: #bcf0da;
-    background-color: rgba(188, 240, 218, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-green-300:active {
-    --bg-opacity: 1;
-    background-color: #84e1bc;
-    background-color: rgba(132, 225, 188, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-green-400:active {
-    --bg-opacity: 1;
-    background-color: #31c48d;
-    background-color: rgba(49, 196, 141, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-green-500:active {
-    --bg-opacity: 1;
-    background-color: #0e9f6e;
-    background-color: rgba(14, 159, 110, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-green-600:active {
-    --bg-opacity: 1;
-    background-color: #057a55;
-    background-color: rgba(5, 122, 85, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-green-700:active {
-    --bg-opacity: 1;
-    background-color: #046c4e;
-    background-color: rgba(4, 108, 78, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-green-800:active {
-    --bg-opacity: 1;
-    background-color: #03543f;
-    background-color: rgba(3, 84, 63, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-green-900:active {
-    --bg-opacity: 1;
-    background-color: #014737;
-    background-color: rgba(1, 71, 55, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-teal-50:active {
-    --bg-opacity: 1;
-    background-color: #edfafa;
-    background-color: rgba(237, 250, 250, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-teal-100:active {
-    --bg-opacity: 1;
-    background-color: #d5f5f6;
-    background-color: rgba(213, 245, 246, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-teal-200:active {
-    --bg-opacity: 1;
-    background-color: #afecef;
-    background-color: rgba(175, 236, 239, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-teal-300:active {
-    --bg-opacity: 1;
-    background-color: #7edce2;
-    background-color: rgba(126, 220, 226, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-teal-400:active {
-    --bg-opacity: 1;
-    background-color: #16bdca;
-    background-color: rgba(22, 189, 202, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-teal-500:active {
-    --bg-opacity: 1;
-    background-color: #0694a2;
-    background-color: rgba(6, 148, 162, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-teal-600:active {
-    --bg-opacity: 1;
-    background-color: #047481;
-    background-color: rgba(4, 116, 129, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-teal-700:active {
-    --bg-opacity: 1;
-    background-color: #036672;
-    background-color: rgba(3, 102, 114, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-teal-800:active {
-    --bg-opacity: 1;
-    background-color: #05505c;
-    background-color: rgba(5, 80, 92, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-teal-900:active {
-    --bg-opacity: 1;
-    background-color: #014451;
-    background-color: rgba(1, 68, 81, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-blue-50:active {
-    --bg-opacity: 1;
-    background-color: #ebf5ff;
-    background-color: rgba(235, 245, 255, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-blue-100:active {
-    --bg-opacity: 1;
-    background-color: #e1effe;
-    background-color: rgba(225, 239, 254, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-blue-200:active {
-    --bg-opacity: 1;
-    background-color: #c3ddfd;
-    background-color: rgba(195, 221, 253, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-blue-300:active {
-    --bg-opacity: 1;
-    background-color: #a4cafe;
-    background-color: rgba(164, 202, 254, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-blue-400:active {
-    --bg-opacity: 1;
-    background-color: #76a9fa;
-    background-color: rgba(118, 169, 250, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-blue-500:active {
-    --bg-opacity: 1;
-    background-color: #3f83f8;
-    background-color: rgba(63, 131, 248, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-blue-600:active {
-    --bg-opacity: 1;
-    background-color: #1c64f2;
-    background-color: rgba(28, 100, 242, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-blue-700:active {
-    --bg-opacity: 1;
-    background-color: #1a56db;
-    background-color: rgba(26, 86, 219, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-blue-800:active {
-    --bg-opacity: 1;
-    background-color: #1e429f;
-    background-color: rgba(30, 66, 159, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-blue-900:active {
-    --bg-opacity: 1;
-    background-color: #233876;
-    background-color: rgba(35, 56, 118, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-indigo-50:active {
-    --bg-opacity: 1;
-    background-color: #f0f5ff;
-    background-color: rgba(240, 245, 255, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-indigo-100:active {
-    --bg-opacity: 1;
-    background-color: #e5edff;
-    background-color: rgba(229, 237, 255, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-indigo-200:active {
-    --bg-opacity: 1;
-    background-color: #cddbfe;
-    background-color: rgba(205, 219, 254, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-indigo-300:active {
-    --bg-opacity: 1;
-    background-color: #b4c6fc;
-    background-color: rgba(180, 198, 252, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-indigo-400:active {
-    --bg-opacity: 1;
-    background-color: #8da2fb;
-    background-color: rgba(141, 162, 251, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-indigo-500:active {
-    --bg-opacity: 1;
-    background-color: #6875f5;
-    background-color: rgba(104, 117, 245, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-indigo-600:active {
-    --bg-opacity: 1;
-    background-color: #5850ec;
-    background-color: rgba(88, 80, 236, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-indigo-700:active {
-    --bg-opacity: 1;
-    background-color: #5145cd;
-    background-color: rgba(81, 69, 205, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-indigo-800:active {
-    --bg-opacity: 1;
-    background-color: #42389d;
-    background-color: rgba(66, 56, 157, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-indigo-900:active {
-    --bg-opacity: 1;
-    background-color: #362f78;
-    background-color: rgba(54, 47, 120, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-purple-50:active {
-    --bg-opacity: 1;
-    background-color: #f6f5ff;
-    background-color: rgba(246, 245, 255, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-purple-100:active {
-    --bg-opacity: 1;
-    background-color: #edebfe;
-    background-color: rgba(237, 235, 254, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-purple-200:active {
-    --bg-opacity: 1;
-    background-color: #dcd7fe;
-    background-color: rgba(220, 215, 254, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-purple-300:active {
-    --bg-opacity: 1;
-    background-color: #cabffd;
-    background-color: rgba(202, 191, 253, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-purple-400:active {
-    --bg-opacity: 1;
-    background-color: #ac94fa;
-    background-color: rgba(172, 148, 250, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-purple-500:active {
-    --bg-opacity: 1;
-    background-color: #9061f9;
-    background-color: rgba(144, 97, 249, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-purple-600:active {
-    --bg-opacity: 1;
-    background-color: #7e3af2;
-    background-color: rgba(126, 58, 242, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-purple-700:active {
-    --bg-opacity: 1;
-    background-color: #6c2bd9;
-    background-color: rgba(108, 43, 217, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-purple-800:active {
-    --bg-opacity: 1;
-    background-color: #5521b5;
-    background-color: rgba(85, 33, 181, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-purple-900:active {
-    --bg-opacity: 1;
-    background-color: #4a1d96;
-    background-color: rgba(74, 29, 150, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-pink-50:active {
-    --bg-opacity: 1;
-    background-color: #fdf2f8;
-    background-color: rgba(253, 242, 248, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-pink-100:active {
-    --bg-opacity: 1;
-    background-color: #fce8f3;
-    background-color: rgba(252, 232, 243, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-pink-200:active {
-    --bg-opacity: 1;
-    background-color: #fad1e8;
-    background-color: rgba(250, 209, 232, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-pink-300:active {
-    --bg-opacity: 1;
-    background-color: #f8b4d9;
-    background-color: rgba(248, 180, 217, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-pink-400:active {
-    --bg-opacity: 1;
-    background-color: #f17eb8;
-    background-color: rgba(241, 126, 184, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-pink-500:active {
-    --bg-opacity: 1;
-    background-color: #e74694;
-    background-color: rgba(231, 70, 148, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-pink-600:active {
-    --bg-opacity: 1;
-    background-color: #d61f69;
-    background-color: rgba(214, 31, 105, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-pink-700:active {
-    --bg-opacity: 1;
-    background-color: #bf125d;
-    background-color: rgba(191, 18, 93, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-pink-800:active {
-    --bg-opacity: 1;
-    background-color: #99154b;
-    background-color: rgba(153, 21, 75, var(--bg-opacity));
-  }
-
-  .xl\:active\:bg-pink-900:active {
-    --bg-opacity: 1;
-    background-color: #751a3d;
-    background-color: rgba(117, 26, 61, var(--bg-opacity));
-  }
-
-  .xl\:bg-opacity-0 {
-    --bg-opacity: 0;
-  }
-
-  .xl\:bg-opacity-25 {
-    --bg-opacity: 0.25;
-  }
-
-  .xl\:bg-opacity-50 {
-    --bg-opacity: 0.5;
-  }
-
-  .xl\:bg-opacity-75 {
-    --bg-opacity: 0.75;
-  }
-
-  .xl\:bg-opacity-100 {
-    --bg-opacity: 1;
-  }
-
-  .xl\:hover\:bg-opacity-0:hover {
-    --bg-opacity: 0;
-  }
-
-  .xl\:hover\:bg-opacity-25:hover {
-    --bg-opacity: 0.25;
-  }
-
-  .xl\:hover\:bg-opacity-50:hover {
-    --bg-opacity: 0.5;
-  }
-
-  .xl\:hover\:bg-opacity-75:hover {
-    --bg-opacity: 0.75;
-  }
-
-  .xl\:hover\:bg-opacity-100:hover {
-    --bg-opacity: 1;
-  }
-
-  .xl\:focus\:bg-opacity-0:focus {
-    --bg-opacity: 0;
-  }
-
-  .xl\:focus\:bg-opacity-25:focus {
-    --bg-opacity: 0.25;
-  }
-
-  .xl\:focus\:bg-opacity-50:focus {
-    --bg-opacity: 0.5;
-  }
-
-  .xl\:focus\:bg-opacity-75:focus {
-    --bg-opacity: 0.75;
-  }
-
-  .xl\:focus\:bg-opacity-100:focus {
-    --bg-opacity: 1;
-  }
-
-  .xl\:bg-bottom {
-    background-position: bottom;
-  }
-
-  .xl\:bg-center {
-    background-position: center;
-  }
-
-  .xl\:bg-left {
-    background-position: left;
-  }
-
-  .xl\:bg-left-bottom {
-    background-position: left bottom;
-  }
-
-  .xl\:bg-left-top {
-    background-position: left top;
-  }
-
-  .xl\:bg-right {
-    background-position: right;
-  }
-
-  .xl\:bg-right-bottom {
-    background-position: right bottom;
-  }
-
-  .xl\:bg-right-top {
-    background-position: right top;
-  }
-
-  .xl\:bg-top {
-    background-position: top;
-  }
-
-  .xl\:bg-repeat {
-    background-repeat: repeat;
-  }
-
-  .xl\:bg-no-repeat {
-    background-repeat: no-repeat;
-  }
-
-  .xl\:bg-repeat-x {
-    background-repeat: repeat-x;
-  }
-
-  .xl\:bg-repeat-y {
-    background-repeat: repeat-y;
-  }
-
-  .xl\:bg-repeat-round {
-    background-repeat: round;
-  }
-
-  .xl\:bg-repeat-space {
-    background-repeat: space;
-  }
-
-  .xl\:bg-auto {
-    background-size: auto;
-  }
-
-  .xl\:bg-cover {
-    background-size: cover;
-  }
-
-  .xl\:bg-contain {
-    background-size: contain;
-  }
-
-  .xl\:border-collapse {
-    border-collapse: collapse;
-  }
-
-  .xl\:border-separate {
-    border-collapse: separate;
-  }
-
-  .xl\:border-transparent {
-    border-color: transparent;
-  }
-
-  .xl\:border-white {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .xl\:border-black {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .xl\:border-gray-50 {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .xl\:border-gray-100 {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .xl\:border-gray-200 {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .xl\:border-gray-300 {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .xl\:border-gray-400 {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .xl\:border-gray-500 {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .xl\:border-gray-600 {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .xl\:border-gray-700 {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .xl\:border-gray-800 {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .xl\:border-gray-900 {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .xl\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .xl\:border-cool-gray-100 {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .xl\:border-cool-gray-200 {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .xl\:border-cool-gray-300 {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .xl\:border-cool-gray-400 {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .xl\:border-cool-gray-500 {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .xl\:border-cool-gray-600 {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .xl\:border-cool-gray-700 {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .xl\:border-cool-gray-800 {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .xl\:border-cool-gray-900 {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .xl\:border-red-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .xl\:border-red-100 {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .xl\:border-red-200 {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .xl\:border-red-300 {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .xl\:border-red-400 {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .xl\:border-red-500 {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .xl\:border-red-600 {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .xl\:border-red-700 {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .xl\:border-red-800 {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .xl\:border-red-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .xl\:border-orange-50 {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .xl\:border-orange-100 {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .xl\:border-orange-200 {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .xl\:border-orange-300 {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .xl\:border-orange-400 {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .xl\:border-orange-500 {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .xl\:border-orange-600 {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .xl\:border-orange-700 {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .xl\:border-orange-800 {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .xl\:border-orange-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .xl\:border-yellow-50 {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .xl\:border-yellow-100 {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .xl\:border-yellow-200 {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .xl\:border-yellow-300 {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .xl\:border-yellow-400 {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .xl\:border-yellow-500 {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .xl\:border-yellow-600 {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .xl\:border-yellow-700 {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .xl\:border-yellow-800 {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .xl\:border-yellow-900 {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .xl\:border-green-50 {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .xl\:border-green-100 {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .xl\:border-green-200 {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .xl\:border-green-300 {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .xl\:border-green-400 {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .xl\:border-green-500 {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .xl\:border-green-600 {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .xl\:border-green-700 {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .xl\:border-green-800 {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .xl\:border-green-900 {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .xl\:border-teal-50 {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .xl\:border-teal-100 {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .xl\:border-teal-200 {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .xl\:border-teal-300 {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .xl\:border-teal-400 {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .xl\:border-teal-500 {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .xl\:border-teal-600 {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .xl\:border-teal-700 {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .xl\:border-teal-800 {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .xl\:border-teal-900 {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .xl\:border-blue-50 {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .xl\:border-blue-100 {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .xl\:border-blue-200 {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .xl\:border-blue-300 {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .xl\:border-blue-400 {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .xl\:border-blue-500 {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .xl\:border-blue-600 {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .xl\:border-blue-700 {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .xl\:border-blue-800 {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .xl\:border-blue-900 {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .xl\:border-indigo-50 {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .xl\:border-indigo-100 {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .xl\:border-indigo-200 {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .xl\:border-indigo-300 {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .xl\:border-indigo-400 {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .xl\:border-indigo-500 {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .xl\:border-indigo-600 {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .xl\:border-indigo-700 {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .xl\:border-indigo-800 {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .xl\:border-indigo-900 {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .xl\:border-purple-50 {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .xl\:border-purple-100 {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .xl\:border-purple-200 {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .xl\:border-purple-300 {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .xl\:border-purple-400 {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .xl\:border-purple-500 {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .xl\:border-purple-600 {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .xl\:border-purple-700 {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .xl\:border-purple-800 {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .xl\:border-purple-900 {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .xl\:border-pink-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .xl\:border-pink-100 {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .xl\:border-pink-200 {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .xl\:border-pink-300 {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .xl\:border-pink-400 {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .xl\:border-pink-500 {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .xl\:border-pink-600 {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .xl\:border-pink-700 {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .xl\:border-pink-800 {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .xl\:border-pink-900 {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-transparent {
-    border-color: transparent;
-  }
-
-  .group:hover .xl\:group-hover\:border-white {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-black {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-50 {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-100 {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-200 {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-300 {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-400 {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-500 {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-600 {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-700 {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-800 {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-gray-900 {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-cool-gray-100 {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-cool-gray-200 {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-cool-gray-300 {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-cool-gray-400 {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-cool-gray-500 {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-cool-gray-600 {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-cool-gray-700 {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-cool-gray-800 {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-cool-gray-900 {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-100 {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-200 {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-300 {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-400 {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-500 {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-600 {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-700 {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-800 {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-red-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-orange-50 {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-orange-100 {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-orange-200 {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-orange-300 {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-orange-400 {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-orange-500 {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-orange-600 {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-orange-700 {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-orange-800 {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-orange-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-50 {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-100 {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-200 {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-300 {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-400 {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-500 {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-600 {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-700 {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-800 {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-yellow-900 {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-50 {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-100 {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-200 {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-300 {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-400 {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-500 {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-600 {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-700 {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-800 {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-green-900 {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-teal-50 {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-teal-100 {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-teal-200 {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-teal-300 {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-teal-400 {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-teal-500 {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-teal-600 {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-teal-700 {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-teal-800 {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-teal-900 {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-50 {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-100 {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-200 {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-300 {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-400 {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-500 {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-600 {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-700 {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-800 {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-blue-900 {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-50 {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-100 {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-200 {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-300 {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-400 {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-500 {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-600 {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-700 {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-800 {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-indigo-900 {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-purple-50 {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-purple-100 {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-purple-200 {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-purple-300 {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-purple-400 {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-purple-500 {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-purple-600 {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-purple-700 {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-purple-800 {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-purple-900 {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-pink-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-pink-100 {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-pink-200 {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-pink-300 {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-pink-400 {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-pink-500 {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-pink-600 {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-pink-700 {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-pink-800 {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:border-pink-900 {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-transparent {
-    border-color: transparent;
-  }
-
-  .group:focus .xl\:group-focus\:border-white {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-black {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-gray-50 {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-gray-100 {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-gray-200 {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-gray-300 {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-gray-400 {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-gray-500 {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-gray-600 {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-gray-700 {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-gray-800 {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-gray-900 {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-cool-gray-50 {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-cool-gray-100 {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-cool-gray-200 {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-cool-gray-300 {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-cool-gray-400 {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-cool-gray-500 {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-cool-gray-600 {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-cool-gray-700 {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-cool-gray-800 {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-cool-gray-900 {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-red-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-red-100 {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-red-200 {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-red-300 {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-red-400 {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-red-500 {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-red-600 {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-red-700 {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-red-800 {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-red-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-orange-50 {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-orange-100 {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-orange-200 {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-orange-300 {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-orange-400 {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-orange-500 {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-orange-600 {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-orange-700 {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-orange-800 {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-orange-900 {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-yellow-50 {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-yellow-100 {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-yellow-200 {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-yellow-300 {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-yellow-400 {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-yellow-500 {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-yellow-600 {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-yellow-700 {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-yellow-800 {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-yellow-900 {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-green-50 {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-green-100 {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-green-200 {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-green-300 {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-green-400 {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-green-500 {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-green-600 {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-green-700 {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-green-800 {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-green-900 {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-teal-50 {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-teal-100 {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-teal-200 {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-teal-300 {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-teal-400 {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-teal-500 {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-teal-600 {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-teal-700 {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-teal-800 {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-teal-900 {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-blue-50 {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-blue-100 {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-blue-200 {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-blue-300 {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-blue-400 {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-blue-500 {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-blue-600 {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-blue-700 {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-blue-800 {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-blue-900 {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-indigo-50 {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-indigo-100 {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-indigo-200 {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-indigo-300 {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-indigo-400 {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-indigo-500 {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-indigo-600 {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-indigo-700 {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-indigo-800 {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-indigo-900 {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-purple-50 {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-purple-100 {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-purple-200 {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-purple-300 {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-purple-400 {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-purple-500 {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-purple-600 {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-purple-700 {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-purple-800 {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-purple-900 {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-pink-50 {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-pink-100 {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-pink-200 {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-pink-300 {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-pink-400 {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-pink-500 {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-pink-600 {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-pink-700 {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-pink-800 {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:border-pink-900 {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-transparent:hover {
-    border-color: transparent;
-  }
-
-  .xl\:hover\:border-white:hover {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-black:hover {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-gray-50:hover {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-gray-100:hover {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-gray-200:hover {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-gray-300:hover {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-gray-400:hover {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-gray-500:hover {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-gray-600:hover {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-gray-700:hover {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-gray-800:hover {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-gray-900:hover {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-cool-gray-50:hover {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-cool-gray-100:hover {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-cool-gray-200:hover {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-cool-gray-300:hover {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-cool-gray-400:hover {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-cool-gray-500:hover {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-cool-gray-600:hover {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-cool-gray-700:hover {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-cool-gray-800:hover {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-cool-gray-900:hover {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-red-50:hover {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-red-100:hover {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-red-200:hover {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-red-300:hover {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-red-400:hover {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-red-500:hover {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-red-600:hover {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-red-700:hover {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-red-800:hover {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-red-900:hover {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-orange-50:hover {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-orange-100:hover {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-orange-200:hover {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-orange-300:hover {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-orange-400:hover {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-orange-500:hover {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-orange-600:hover {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-orange-700:hover {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-orange-800:hover {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-orange-900:hover {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-50:hover {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-100:hover {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-200:hover {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-300:hover {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-400:hover {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-500:hover {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-600:hover {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-700:hover {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-800:hover {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-yellow-900:hover {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-green-50:hover {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-green-100:hover {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-green-200:hover {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-green-300:hover {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-green-400:hover {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-green-500:hover {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-green-600:hover {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-green-700:hover {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-green-800:hover {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-green-900:hover {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-teal-50:hover {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-teal-100:hover {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-teal-200:hover {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-teal-300:hover {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-teal-400:hover {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-teal-500:hover {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-teal-600:hover {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-teal-700:hover {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-teal-800:hover {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-teal-900:hover {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-blue-50:hover {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-blue-100:hover {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-blue-200:hover {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-blue-300:hover {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-blue-400:hover {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-blue-500:hover {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-blue-600:hover {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-blue-700:hover {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-blue-800:hover {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-blue-900:hover {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-50:hover {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-100:hover {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-200:hover {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-300:hover {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-400:hover {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-500:hover {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-600:hover {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-700:hover {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-800:hover {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-indigo-900:hover {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-purple-50:hover {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-purple-100:hover {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-purple-200:hover {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-purple-300:hover {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-purple-400:hover {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-purple-500:hover {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-purple-600:hover {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-purple-700:hover {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-purple-800:hover {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-purple-900:hover {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-pink-50:hover {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-pink-100:hover {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-pink-200:hover {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-pink-300:hover {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-pink-400:hover {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-pink-500:hover {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-pink-600:hover {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-pink-700:hover {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-pink-800:hover {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .xl\:hover\:border-pink-900:hover {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-transparent:focus {
-    border-color: transparent;
-  }
-
-  .xl\:focus\:border-white:focus {
-    --border-opacity: 1;
-    border-color: #ffffff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-black:focus {
-    --border-opacity: 1;
-    border-color: #000000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-gray-50:focus {
-    --border-opacity: 1;
-    border-color: #f9fafb;
-    border-color: rgba(249, 250, 251, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-gray-100:focus {
-    --border-opacity: 1;
-    border-color: #f4f5f7;
-    border-color: rgba(244, 245, 247, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-gray-200:focus {
-    --border-opacity: 1;
-    border-color: #e5e7eb;
-    border-color: rgba(229, 231, 235, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-gray-300:focus {
-    --border-opacity: 1;
-    border-color: #d2d6dc;
-    border-color: rgba(210, 214, 220, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-gray-400:focus {
-    --border-opacity: 1;
-    border-color: #9fa6b2;
-    border-color: rgba(159, 166, 178, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-gray-500:focus {
-    --border-opacity: 1;
-    border-color: #6b7280;
-    border-color: rgba(107, 114, 128, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-gray-600:focus {
-    --border-opacity: 1;
-    border-color: #4b5563;
-    border-color: rgba(75, 85, 99, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-gray-700:focus {
-    --border-opacity: 1;
-    border-color: #374151;
-    border-color: rgba(55, 65, 81, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-gray-800:focus {
-    --border-opacity: 1;
-    border-color: #252f3f;
-    border-color: rgba(37, 47, 63, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-gray-900:focus {
-    --border-opacity: 1;
-    border-color: #161e2e;
-    border-color: rgba(22, 30, 46, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-cool-gray-50:focus {
-    --border-opacity: 1;
-    border-color: #fbfdfe;
-    border-color: rgba(251, 253, 254, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-cool-gray-100:focus {
-    --border-opacity: 1;
-    border-color: #f1f5f9;
-    border-color: rgba(241, 245, 249, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-cool-gray-200:focus {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-cool-gray-300:focus {
-    --border-opacity: 1;
-    border-color: #cfd8e3;
-    border-color: rgba(207, 216, 227, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-cool-gray-400:focus {
-    --border-opacity: 1;
-    border-color: #97a6ba;
-    border-color: rgba(151, 166, 186, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-cool-gray-500:focus {
-    --border-opacity: 1;
-    border-color: #64748b;
-    border-color: rgba(100, 116, 139, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-cool-gray-600:focus {
-    --border-opacity: 1;
-    border-color: #475569;
-    border-color: rgba(71, 85, 105, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-cool-gray-700:focus {
-    --border-opacity: 1;
-    border-color: #364152;
-    border-color: rgba(54, 65, 82, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-cool-gray-800:focus {
-    --border-opacity: 1;
-    border-color: #27303f;
-    border-color: rgba(39, 48, 63, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-cool-gray-900:focus {
-    --border-opacity: 1;
-    border-color: #1a202e;
-    border-color: rgba(26, 32, 46, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-red-50:focus {
-    --border-opacity: 1;
-    border-color: #fdf2f2;
-    border-color: rgba(253, 242, 242, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-red-100:focus {
-    --border-opacity: 1;
-    border-color: #fde8e8;
-    border-color: rgba(253, 232, 232, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-red-200:focus {
-    --border-opacity: 1;
-    border-color: #fbd5d5;
-    border-color: rgba(251, 213, 213, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-red-300:focus {
-    --border-opacity: 1;
-    border-color: #f8b4b4;
-    border-color: rgba(248, 180, 180, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-red-400:focus {
-    --border-opacity: 1;
-    border-color: #f98080;
-    border-color: rgba(249, 128, 128, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-red-500:focus {
-    --border-opacity: 1;
-    border-color: #f05252;
-    border-color: rgba(240, 82, 82, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-red-600:focus {
-    --border-opacity: 1;
-    border-color: #e02424;
-    border-color: rgba(224, 36, 36, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-red-700:focus {
-    --border-opacity: 1;
-    border-color: #c81e1e;
-    border-color: rgba(200, 30, 30, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-red-800:focus {
-    --border-opacity: 1;
-    border-color: #9b1c1c;
-    border-color: rgba(155, 28, 28, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-red-900:focus {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-orange-50:focus {
-    --border-opacity: 1;
-    border-color: #fff8f1;
-    border-color: rgba(255, 248, 241, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-orange-100:focus {
-    --border-opacity: 1;
-    border-color: #feecdc;
-    border-color: rgba(254, 236, 220, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-orange-200:focus {
-    --border-opacity: 1;
-    border-color: #fcd9bd;
-    border-color: rgba(252, 217, 189, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-orange-300:focus {
-    --border-opacity: 1;
-    border-color: #fdba8c;
-    border-color: rgba(253, 186, 140, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-orange-400:focus {
-    --border-opacity: 1;
-    border-color: #ff8a4c;
-    border-color: rgba(255, 138, 76, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-orange-500:focus {
-    --border-opacity: 1;
-    border-color: #ff5a1f;
-    border-color: rgba(255, 90, 31, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-orange-600:focus {
-    --border-opacity: 1;
-    border-color: #d03801;
-    border-color: rgba(208, 56, 1, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-orange-700:focus {
-    --border-opacity: 1;
-    border-color: #b43403;
-    border-color: rgba(180, 52, 3, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-orange-800:focus {
-    --border-opacity: 1;
-    border-color: #8a2c0d;
-    border-color: rgba(138, 44, 13, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-orange-900:focus {
-    --border-opacity: 1;
-    border-color: #771d1d;
-    border-color: rgba(119, 29, 29, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-50:focus {
-    --border-opacity: 1;
-    border-color: #fdfdea;
-    border-color: rgba(253, 253, 234, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-100:focus {
-    --border-opacity: 1;
-    border-color: #fdf6b2;
-    border-color: rgba(253, 246, 178, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-200:focus {
-    --border-opacity: 1;
-    border-color: #fce96a;
-    border-color: rgba(252, 233, 106, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-300:focus {
-    --border-opacity: 1;
-    border-color: #faca15;
-    border-color: rgba(250, 202, 21, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-400:focus {
-    --border-opacity: 1;
-    border-color: #e3a008;
-    border-color: rgba(227, 160, 8, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-500:focus {
-    --border-opacity: 1;
-    border-color: #c27803;
-    border-color: rgba(194, 120, 3, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-600:focus {
-    --border-opacity: 1;
-    border-color: #9f580a;
-    border-color: rgba(159, 88, 10, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-700:focus {
-    --border-opacity: 1;
-    border-color: #8e4b10;
-    border-color: rgba(142, 75, 16, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-800:focus {
-    --border-opacity: 1;
-    border-color: #723b13;
-    border-color: rgba(114, 59, 19, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-yellow-900:focus {
-    --border-opacity: 1;
-    border-color: #633112;
-    border-color: rgba(99, 49, 18, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-green-50:focus {
-    --border-opacity: 1;
-    border-color: #f3faf7;
-    border-color: rgba(243, 250, 247, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-green-100:focus {
-    --border-opacity: 1;
-    border-color: #def7ec;
-    border-color: rgba(222, 247, 236, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-green-200:focus {
-    --border-opacity: 1;
-    border-color: #bcf0da;
-    border-color: rgba(188, 240, 218, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-green-300:focus {
-    --border-opacity: 1;
-    border-color: #84e1bc;
-    border-color: rgba(132, 225, 188, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-green-400:focus {
-    --border-opacity: 1;
-    border-color: #31c48d;
-    border-color: rgba(49, 196, 141, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-green-500:focus {
-    --border-opacity: 1;
-    border-color: #0e9f6e;
-    border-color: rgba(14, 159, 110, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-green-600:focus {
-    --border-opacity: 1;
-    border-color: #057a55;
-    border-color: rgba(5, 122, 85, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-green-700:focus {
-    --border-opacity: 1;
-    border-color: #046c4e;
-    border-color: rgba(4, 108, 78, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-green-800:focus {
-    --border-opacity: 1;
-    border-color: #03543f;
-    border-color: rgba(3, 84, 63, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-green-900:focus {
-    --border-opacity: 1;
-    border-color: #014737;
-    border-color: rgba(1, 71, 55, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-teal-50:focus {
-    --border-opacity: 1;
-    border-color: #edfafa;
-    border-color: rgba(237, 250, 250, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-teal-100:focus {
-    --border-opacity: 1;
-    border-color: #d5f5f6;
-    border-color: rgba(213, 245, 246, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-teal-200:focus {
-    --border-opacity: 1;
-    border-color: #afecef;
-    border-color: rgba(175, 236, 239, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-teal-300:focus {
-    --border-opacity: 1;
-    border-color: #7edce2;
-    border-color: rgba(126, 220, 226, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-teal-400:focus {
-    --border-opacity: 1;
-    border-color: #16bdca;
-    border-color: rgba(22, 189, 202, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-teal-500:focus {
-    --border-opacity: 1;
-    border-color: #0694a2;
-    border-color: rgba(6, 148, 162, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-teal-600:focus {
-    --border-opacity: 1;
-    border-color: #047481;
-    border-color: rgba(4, 116, 129, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-teal-700:focus {
-    --border-opacity: 1;
-    border-color: #036672;
-    border-color: rgba(3, 102, 114, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-teal-800:focus {
-    --border-opacity: 1;
-    border-color: #05505c;
-    border-color: rgba(5, 80, 92, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-teal-900:focus {
-    --border-opacity: 1;
-    border-color: #014451;
-    border-color: rgba(1, 68, 81, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-blue-50:focus {
-    --border-opacity: 1;
-    border-color: #ebf5ff;
-    border-color: rgba(235, 245, 255, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-blue-100:focus {
-    --border-opacity: 1;
-    border-color: #e1effe;
-    border-color: rgba(225, 239, 254, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-blue-200:focus {
-    --border-opacity: 1;
-    border-color: #c3ddfd;
-    border-color: rgba(195, 221, 253, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-blue-300:focus {
-    --border-opacity: 1;
-    border-color: #a4cafe;
-    border-color: rgba(164, 202, 254, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-blue-400:focus {
-    --border-opacity: 1;
-    border-color: #76a9fa;
-    border-color: rgba(118, 169, 250, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-blue-500:focus {
-    --border-opacity: 1;
-    border-color: #3f83f8;
-    border-color: rgba(63, 131, 248, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-blue-600:focus {
-    --border-opacity: 1;
-    border-color: #1c64f2;
-    border-color: rgba(28, 100, 242, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-blue-700:focus {
-    --border-opacity: 1;
-    border-color: #1a56db;
-    border-color: rgba(26, 86, 219, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-blue-800:focus {
-    --border-opacity: 1;
-    border-color: #1e429f;
-    border-color: rgba(30, 66, 159, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-blue-900:focus {
-    --border-opacity: 1;
-    border-color: #233876;
-    border-color: rgba(35, 56, 118, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-50:focus {
-    --border-opacity: 1;
-    border-color: #f0f5ff;
-    border-color: rgba(240, 245, 255, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-100:focus {
-    --border-opacity: 1;
-    border-color: #e5edff;
-    border-color: rgba(229, 237, 255, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-200:focus {
-    --border-opacity: 1;
-    border-color: #cddbfe;
-    border-color: rgba(205, 219, 254, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-300:focus {
-    --border-opacity: 1;
-    border-color: #b4c6fc;
-    border-color: rgba(180, 198, 252, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-400:focus {
-    --border-opacity: 1;
-    border-color: #8da2fb;
-    border-color: rgba(141, 162, 251, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-500:focus {
-    --border-opacity: 1;
-    border-color: #6875f5;
-    border-color: rgba(104, 117, 245, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-600:focus {
-    --border-opacity: 1;
-    border-color: #5850ec;
-    border-color: rgba(88, 80, 236, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-700:focus {
-    --border-opacity: 1;
-    border-color: #5145cd;
-    border-color: rgba(81, 69, 205, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-800:focus {
-    --border-opacity: 1;
-    border-color: #42389d;
-    border-color: rgba(66, 56, 157, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-indigo-900:focus {
-    --border-opacity: 1;
-    border-color: #362f78;
-    border-color: rgba(54, 47, 120, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-purple-50:focus {
-    --border-opacity: 1;
-    border-color: #f6f5ff;
-    border-color: rgba(246, 245, 255, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-purple-100:focus {
-    --border-opacity: 1;
-    border-color: #edebfe;
-    border-color: rgba(237, 235, 254, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-purple-200:focus {
-    --border-opacity: 1;
-    border-color: #dcd7fe;
-    border-color: rgba(220, 215, 254, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-purple-300:focus {
-    --border-opacity: 1;
-    border-color: #cabffd;
-    border-color: rgba(202, 191, 253, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-purple-400:focus {
-    --border-opacity: 1;
-    border-color: #ac94fa;
-    border-color: rgba(172, 148, 250, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-purple-500:focus {
-    --border-opacity: 1;
-    border-color: #9061f9;
-    border-color: rgba(144, 97, 249, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-purple-600:focus {
-    --border-opacity: 1;
-    border-color: #7e3af2;
-    border-color: rgba(126, 58, 242, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-purple-700:focus {
-    --border-opacity: 1;
-    border-color: #6c2bd9;
-    border-color: rgba(108, 43, 217, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-purple-800:focus {
-    --border-opacity: 1;
-    border-color: #5521b5;
-    border-color: rgba(85, 33, 181, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-purple-900:focus {
-    --border-opacity: 1;
-    border-color: #4a1d96;
-    border-color: rgba(74, 29, 150, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-pink-50:focus {
-    --border-opacity: 1;
-    border-color: #fdf2f8;
-    border-color: rgba(253, 242, 248, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-pink-100:focus {
-    --border-opacity: 1;
-    border-color: #fce8f3;
-    border-color: rgba(252, 232, 243, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-pink-200:focus {
-    --border-opacity: 1;
-    border-color: #fad1e8;
-    border-color: rgba(250, 209, 232, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-pink-300:focus {
-    --border-opacity: 1;
-    border-color: #f8b4d9;
-    border-color: rgba(248, 180, 217, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-pink-400:focus {
-    --border-opacity: 1;
-    border-color: #f17eb8;
-    border-color: rgba(241, 126, 184, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-pink-500:focus {
-    --border-opacity: 1;
-    border-color: #e74694;
-    border-color: rgba(231, 70, 148, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-pink-600:focus {
-    --border-opacity: 1;
-    border-color: #d61f69;
-    border-color: rgba(214, 31, 105, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-pink-700:focus {
-    --border-opacity: 1;
-    border-color: #bf125d;
-    border-color: rgba(191, 18, 93, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-pink-800:focus {
-    --border-opacity: 1;
-    border-color: #99154b;
-    border-color: rgba(153, 21, 75, var(--border-opacity));
-  }
-
-  .xl\:focus\:border-pink-900:focus {
-    --border-opacity: 1;
-    border-color: #751a3d;
-    border-color: rgba(117, 26, 61, var(--border-opacity));
-  }
-
-  .xl\:border-opacity-0 {
-    --border-opacity: 0;
-  }
-
-  .xl\:border-opacity-25 {
-    --border-opacity: 0.25;
-  }
-
-  .xl\:border-opacity-50 {
-    --border-opacity: 0.5;
-  }
-
-  .xl\:border-opacity-75 {
-    --border-opacity: 0.75;
-  }
-
-  .xl\:border-opacity-100 {
-    --border-opacity: 1;
-  }
-
-  .xl\:hover\:border-opacity-0:hover {
-    --border-opacity: 0;
-  }
-
-  .xl\:hover\:border-opacity-25:hover {
-    --border-opacity: 0.25;
-  }
-
-  .xl\:hover\:border-opacity-50:hover {
-    --border-opacity: 0.5;
-  }
-
-  .xl\:hover\:border-opacity-75:hover {
-    --border-opacity: 0.75;
-  }
-
-  .xl\:hover\:border-opacity-100:hover {
-    --border-opacity: 1;
-  }
-
-  .xl\:focus\:border-opacity-0:focus {
-    --border-opacity: 0;
-  }
-
-  .xl\:focus\:border-opacity-25:focus {
-    --border-opacity: 0.25;
-  }
-
-  .xl\:focus\:border-opacity-50:focus {
-    --border-opacity: 0.5;
-  }
-
-  .xl\:focus\:border-opacity-75:focus {
-    --border-opacity: 0.75;
-  }
-
-  .xl\:focus\:border-opacity-100:focus {
-    --border-opacity: 1;
-  }
-
-  .xl\:rounded-none {
-    border-radius: 0;
-  }
-
-  .xl\:rounded-sm {
-    border-radius: 0.125rem;
-  }
-
-  .xl\:rounded {
-    border-radius: 0.25rem;
-  }
-
-  .xl\:rounded-md {
-    border-radius: 0.375rem;
-  }
-
-  .xl\:rounded-lg {
-    border-radius: 0.5rem;
-  }
-
-  .xl\:rounded-full {
-    border-radius: 9999px;
-  }
-
-  .xl\:rounded-t-none {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-
-  .xl\:rounded-r-none {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  .xl\:rounded-b-none {
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .xl\:rounded-l-none {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .xl\:rounded-t-sm {
-    border-top-left-radius: 0.125rem;
-    border-top-right-radius: 0.125rem;
-  }
-
-  .xl\:rounded-r-sm {
-    border-top-right-radius: 0.125rem;
-    border-bottom-right-radius: 0.125rem;
-  }
-
-  .xl\:rounded-b-sm {
-    border-bottom-right-radius: 0.125rem;
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .xl\:rounded-l-sm {
-    border-top-left-radius: 0.125rem;
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .xl\:rounded-t {
-    border-top-left-radius: 0.25rem;
-    border-top-right-radius: 0.25rem;
-  }
-
-  .xl\:rounded-r {
-    border-top-right-radius: 0.25rem;
-    border-bottom-right-radius: 0.25rem;
-  }
-
-  .xl\:rounded-b {
-    border-bottom-right-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .xl\:rounded-l {
-    border-top-left-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .xl\:rounded-t-md {
-    border-top-left-radius: 0.375rem;
-    border-top-right-radius: 0.375rem;
-  }
-
-  .xl\:rounded-r-md {
-    border-top-right-radius: 0.375rem;
-    border-bottom-right-radius: 0.375rem;
-  }
-
-  .xl\:rounded-b-md {
-    border-bottom-right-radius: 0.375rem;
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .xl\:rounded-l-md {
-    border-top-left-radius: 0.375rem;
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .xl\:rounded-t-lg {
-    border-top-left-radius: 0.5rem;
-    border-top-right-radius: 0.5rem;
-  }
-
-  .xl\:rounded-r-lg {
-    border-top-right-radius: 0.5rem;
-    border-bottom-right-radius: 0.5rem;
-  }
-
-  .xl\:rounded-b-lg {
-    border-bottom-right-radius: 0.5rem;
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .xl\:rounded-l-lg {
-    border-top-left-radius: 0.5rem;
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .xl\:rounded-t-full {
-    border-top-left-radius: 9999px;
-    border-top-right-radius: 9999px;
-  }
-
-  .xl\:rounded-r-full {
-    border-top-right-radius: 9999px;
-    border-bottom-right-radius: 9999px;
-  }
-
-  .xl\:rounded-b-full {
-    border-bottom-right-radius: 9999px;
-    border-bottom-left-radius: 9999px;
-  }
-
-  .xl\:rounded-l-full {
-    border-top-left-radius: 9999px;
-    border-bottom-left-radius: 9999px;
-  }
-
-  .xl\:rounded-tl-none {
-    border-top-left-radius: 0;
-  }
-
-  .xl\:rounded-tr-none {
-    border-top-right-radius: 0;
-  }
-
-  .xl\:rounded-br-none {
-    border-bottom-right-radius: 0;
-  }
-
-  .xl\:rounded-bl-none {
-    border-bottom-left-radius: 0;
-  }
-
-  .xl\:rounded-tl-sm {
-    border-top-left-radius: 0.125rem;
-  }
-
-  .xl\:rounded-tr-sm {
-    border-top-right-radius: 0.125rem;
-  }
-
-  .xl\:rounded-br-sm {
-    border-bottom-right-radius: 0.125rem;
-  }
-
-  .xl\:rounded-bl-sm {
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .xl\:rounded-tl {
-    border-top-left-radius: 0.25rem;
-  }
-
-  .xl\:rounded-tr {
-    border-top-right-radius: 0.25rem;
-  }
-
-  .xl\:rounded-br {
-    border-bottom-right-radius: 0.25rem;
-  }
-
-  .xl\:rounded-bl {
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .xl\:rounded-tl-md {
-    border-top-left-radius: 0.375rem;
-  }
-
-  .xl\:rounded-tr-md {
-    border-top-right-radius: 0.375rem;
-  }
-
-  .xl\:rounded-br-md {
-    border-bottom-right-radius: 0.375rem;
-  }
-
-  .xl\:rounded-bl-md {
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .xl\:rounded-tl-lg {
-    border-top-left-radius: 0.5rem;
-  }
-
-  .xl\:rounded-tr-lg {
-    border-top-right-radius: 0.5rem;
-  }
-
-  .xl\:rounded-br-lg {
-    border-bottom-right-radius: 0.5rem;
-  }
-
-  .xl\:rounded-bl-lg {
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .xl\:rounded-tl-full {
-    border-top-left-radius: 9999px;
-  }
-
-  .xl\:rounded-tr-full {
-    border-top-right-radius: 9999px;
-  }
-
-  .xl\:rounded-br-full {
-    border-bottom-right-radius: 9999px;
-  }
-
-  .xl\:rounded-bl-full {
-    border-bottom-left-radius: 9999px;
-  }
-
-  .xl\:border-solid {
-    border-style: solid;
-  }
-
-  .xl\:border-dashed {
-    border-style: dashed;
-  }
-
-  .xl\:border-dotted {
-    border-style: dotted;
-  }
-
-  .xl\:border-double {
-    border-style: double;
-  }
-
-  .xl\:border-none {
-    border-style: none;
-  }
-
-  .xl\:border-0 {
-    border-width: 0;
-  }
-
-  .xl\:border-2 {
-    border-width: 2px;
-  }
-
-  .xl\:border-4 {
-    border-width: 4px;
-  }
-
-  .xl\:border-8 {
-    border-width: 8px;
-  }
-
-  .xl\:border {
-    border-width: 1px;
-  }
-
-  .xl\:border-t-0 {
-    border-top-width: 0;
-  }
-
-  .xl\:border-r-0 {
-    border-right-width: 0;
-  }
-
-  .xl\:border-b-0 {
-    border-bottom-width: 0;
-  }
-
-  .xl\:border-l-0 {
-    border-left-width: 0;
-  }
-
-  .xl\:border-t-2 {
-    border-top-width: 2px;
-  }
-
-  .xl\:border-r-2 {
-    border-right-width: 2px;
-  }
-
-  .xl\:border-b-2 {
-    border-bottom-width: 2px;
-  }
-
-  .xl\:border-l-2 {
-    border-left-width: 2px;
-  }
-
-  .xl\:border-t-4 {
-    border-top-width: 4px;
-  }
-
-  .xl\:border-r-4 {
-    border-right-width: 4px;
-  }
-
-  .xl\:border-b-4 {
-    border-bottom-width: 4px;
-  }
-
-  .xl\:border-l-4 {
-    border-left-width: 4px;
-  }
-
-  .xl\:border-t-8 {
-    border-top-width: 8px;
-  }
-
-  .xl\:border-r-8 {
-    border-right-width: 8px;
-  }
-
-  .xl\:border-b-8 {
-    border-bottom-width: 8px;
-  }
-
-  .xl\:border-l-8 {
-    border-left-width: 8px;
-  }
-
-  .xl\:border-t {
-    border-top-width: 1px;
-  }
-
-  .xl\:border-r {
-    border-right-width: 1px;
-  }
-
-  .xl\:border-b {
-    border-bottom-width: 1px;
-  }
-
-  .xl\:border-l {
-    border-left-width: 1px;
-  }
-
-  .xl\:box-border {
-    box-sizing: border-box;
-  }
-
-  .xl\:box-content {
-    box-sizing: content-box;
-  }
-
-  .xl\:cursor-auto {
-    cursor: auto;
-  }
-
-  .xl\:cursor-default {
-    cursor: default;
-  }
-
-  .xl\:cursor-pointer {
-    cursor: pointer;
-  }
-
-  .xl\:cursor-wait {
-    cursor: wait;
-  }
-
-  .xl\:cursor-text {
-    cursor: text;
-  }
-
-  .xl\:cursor-move {
-    cursor: move;
-  }
-
-  .xl\:cursor-not-allowed {
-    cursor: not-allowed;
-  }
-
-  .xl\:block {
-    display: block;
-  }
-
-  .xl\:inline-block {
-    display: inline-block;
-  }
-
-  .xl\:inline {
-    display: inline;
-  }
-
-  .xl\:flex {
-    display: flex;
-  }
-
-  .xl\:inline-flex {
-    display: inline-flex;
-  }
-
-  .xl\:table {
-    display: table;
-  }
-
-  .xl\:table-caption {
-    display: table-caption;
-  }
-
-  .xl\:table-cell {
-    display: table-cell;
-  }
-
-  .xl\:table-column {
-    display: table-column;
-  }
-
-  .xl\:table-column-group {
-    display: table-column-group;
-  }
-
-  .xl\:table-footer-group {
-    display: table-footer-group;
-  }
-
-  .xl\:table-header-group {
-    display: table-header-group;
-  }
-
-  .xl\:table-row-group {
-    display: table-row-group;
-  }
-
-  .xl\:table-row {
-    display: table-row;
-  }
-
-  .xl\:flow-root {
-    display: flow-root;
-  }
-
-  .xl\:grid {
-    display: grid;
-  }
-
-  .xl\:inline-grid {
-    display: inline-grid;
-  }
-
-  .xl\:hidden {
-    display: none;
-  }
-
-  .xl\:flex-row {
-    flex-direction: row;
-  }
-
-  .xl\:flex-row-reverse {
-    flex-direction: row-reverse;
-  }
-
-  .xl\:flex-col {
-    flex-direction: column;
-  }
-
-  .xl\:flex-col-reverse {
-    flex-direction: column-reverse;
-  }
-
-  .xl\:flex-wrap {
-    flex-wrap: wrap;
-  }
-
-  .xl\:flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
-  }
-
-  .xl\:flex-no-wrap {
-    flex-wrap: nowrap;
-  }
-
-  .xl\:items-start {
-    align-items: flex-start;
-  }
-
-  .xl\:items-end {
-    align-items: flex-end;
-  }
-
-  .xl\:items-center {
-    align-items: center;
-  }
-
-  .xl\:items-baseline {
-    align-items: baseline;
-  }
-
-  .xl\:items-stretch {
-    align-items: stretch;
-  }
-
-  .xl\:self-auto {
-    align-self: auto;
-  }
-
-  .xl\:self-start {
-    align-self: flex-start;
-  }
-
-  .xl\:self-end {
-    align-self: flex-end;
-  }
-
-  .xl\:self-center {
-    align-self: center;
-  }
-
-  .xl\:self-stretch {
-    align-self: stretch;
-  }
-
-  .xl\:justify-start {
-    justify-content: flex-start;
-  }
-
-  .xl\:justify-end {
-    justify-content: flex-end;
-  }
-
-  .xl\:justify-center {
-    justify-content: center;
-  }
-
-  .xl\:justify-between {
-    justify-content: space-between;
-  }
-
-  .xl\:justify-around {
-    justify-content: space-around;
-  }
-
-  .xl\:justify-evenly {
-    justify-content: space-evenly;
-  }
-
-  .xl\:content-center {
-    align-content: center;
-  }
-
-  .xl\:content-start {
-    align-content: flex-start;
-  }
-
-  .xl\:content-end {
-    align-content: flex-end;
-  }
-
-  .xl\:content-between {
-    align-content: space-between;
-  }
-
-  .xl\:content-around {
-    align-content: space-around;
-  }
-
-  .xl\:flex-1 {
-    flex: 1 1 0%;
-  }
-
-  .xl\:flex-auto {
-    flex: 1 1 auto;
-  }
-
-  .xl\:flex-initial {
-    flex: 0 1 auto;
-  }
-
-  .xl\:flex-none {
-    flex: none;
-  }
-
-  .xl\:flex-grow-0 {
-    flex-grow: 0;
-  }
-
-  .xl\:flex-grow {
-    flex-grow: 1;
-  }
-
-  .xl\:flex-shrink-0 {
-    flex-shrink: 0;
-  }
-
-  .xl\:flex-shrink {
-    flex-shrink: 1;
-  }
-
-  .xl\:order-1 {
-    order: 1;
-  }
-
-  .xl\:order-2 {
-    order: 2;
-  }
-
-  .xl\:order-3 {
-    order: 3;
-  }
-
-  .xl\:order-4 {
-    order: 4;
-  }
-
-  .xl\:order-5 {
-    order: 5;
-  }
-
-  .xl\:order-6 {
-    order: 6;
-  }
-
-  .xl\:order-7 {
-    order: 7;
-  }
-
-  .xl\:order-8 {
-    order: 8;
-  }
-
-  .xl\:order-9 {
-    order: 9;
-  }
-
-  .xl\:order-10 {
-    order: 10;
-  }
-
-  .xl\:order-11 {
-    order: 11;
-  }
-
-  .xl\:order-12 {
-    order: 12;
-  }
-
-  .xl\:order-first {
-    order: -9999;
-  }
-
-  .xl\:order-last {
-    order: 9999;
-  }
-
-  .xl\:order-none {
-    order: 0;
-  }
-
-  .xl\:float-right {
-    float: right;
-  }
-
-  .xl\:float-left {
-    float: left;
-  }
-
-  .xl\:float-none {
-    float: none;
-  }
-
-  .xl\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
-  .xl\:clear-left {
-    clear: left;
-  }
-
-  .xl\:clear-right {
-    clear: right;
-  }
-
-  .xl\:clear-both {
-    clear: both;
-  }
-
-  .xl\:clear-none {
-    clear: none;
-  }
-
-  .xl\:font-sans {
-    font-family: Open Sans, 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";
-  }
-
-  .xl\:font-serif {
-    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
-  }
-
-  .xl\:font-mono {
-    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  }
-
-  .xl\:font-hairline {
-    font-weight: 100;
-  }
-
-  .xl\:font-thin {
-    font-weight: 200;
-  }
-
-  .xl\:font-light {
-    font-weight: 300;
-  }
-
-  .xl\:font-normal {
-    font-weight: 400;
-  }
-
-  .xl\:font-medium {
-    font-weight: 500;
-  }
-
-  .xl\:font-semibold {
-    font-weight: 600;
-  }
-
-  .xl\:font-bold {
-    font-weight: 700;
-  }
-
-  .xl\:font-extrabold {
-    font-weight: 800;
-  }
-
-  .xl\:font-black {
-    font-weight: 900;
-  }
-
-  .xl\:hover\:font-hairline:hover {
-    font-weight: 100;
-  }
-
-  .xl\:hover\:font-thin:hover {
-    font-weight: 200;
-  }
-
-  .xl\:hover\:font-light:hover {
-    font-weight: 300;
-  }
-
-  .xl\:hover\:font-normal:hover {
-    font-weight: 400;
-  }
-
-  .xl\:hover\:font-medium:hover {
-    font-weight: 500;
-  }
-
-  .xl\:hover\:font-semibold:hover {
-    font-weight: 600;
-  }
-
-  .xl\:hover\:font-bold:hover {
-    font-weight: 700;
-  }
-
-  .xl\:hover\:font-extrabold:hover {
-    font-weight: 800;
-  }
-
-  .xl\:hover\:font-black:hover {
-    font-weight: 900;
-  }
-
-  .xl\:focus\:font-hairline:focus {
-    font-weight: 100;
-  }
-
-  .xl\:focus\:font-thin:focus {
-    font-weight: 200;
-  }
-
-  .xl\:focus\:font-light:focus {
-    font-weight: 300;
-  }
-
-  .xl\:focus\:font-normal:focus {
-    font-weight: 400;
-  }
-
-  .xl\:focus\:font-medium:focus {
-    font-weight: 500;
-  }
-
-  .xl\:focus\:font-semibold:focus {
-    font-weight: 600;
-  }
-
-  .xl\:focus\:font-bold:focus {
-    font-weight: 700;
-  }
-
-  .xl\:focus\:font-extrabold:focus {
-    font-weight: 800;
-  }
-
-  .xl\:focus\:font-black:focus {
-    font-weight: 900;
-  }
-
-  .xl\:h-0 {
-    height: 0;
-  }
-
-  .xl\:h-1 {
-    height: 0.25rem;
-  }
-
-  .xl\:h-2 {
-    height: 0.5rem;
-  }
-
-  .xl\:h-3 {
-    height: 0.75rem;
-  }
-
-  .xl\:h-4 {
-    height: 1rem;
-  }
-
-  .xl\:h-5 {
-    height: 1.25rem;
-  }
-
-  .xl\:h-6 {
-    height: 1.5rem;
-  }
-
-  .xl\:h-7 {
-    height: 1.75rem;
-  }
-
-  .xl\:h-8 {
-    height: 2rem;
-  }
-
-  .xl\:h-9 {
-    height: 2.25rem;
-  }
-
-  .xl\:h-10 {
-    height: 2.5rem;
-  }
-
-  .xl\:h-11 {
-    height: 2.75rem;
-  }
-
-  .xl\:h-12 {
-    height: 3rem;
-  }
-
-  .xl\:h-13 {
-    height: 3.25rem;
-  }
-
-  .xl\:h-14 {
-    height: 3.5rem;
-  }
-
-  .xl\:h-15 {
-    height: 3.75rem;
-  }
-
-  .xl\:h-16 {
-    height: 4rem;
-  }
-
-  .xl\:h-20 {
-    height: 5rem;
-  }
-
-  .xl\:h-24 {
-    height: 6rem;
-  }
-
-  .xl\:h-28 {
-    height: 7rem;
-  }
-
-  .xl\:h-32 {
-    height: 8rem;
-  }
-
-  .xl\:h-36 {
-    height: 9rem;
-  }
-
-  .xl\:h-40 {
-    height: 10rem;
-  }
-
-  .xl\:h-48 {
-    height: 12rem;
-  }
-
-  .xl\:h-56 {
-    height: 14rem;
-  }
-
-  .xl\:h-60 {
-    height: 15rem;
-  }
-
-  .xl\:h-64 {
-    height: 16rem;
-  }
-
-  .xl\:h-72 {
-    height: 18rem;
-  }
-
-  .xl\:h-80 {
-    height: 20rem;
-  }
-
-  .xl\:h-96 {
-    height: 24rem;
-  }
-
-  .xl\:h-auto {
-    height: auto;
-  }
-
-  .xl\:h-px {
-    height: 1px;
-  }
-
-  .xl\:h-0\.5 {
-    height: 0.125rem;
-  }
-
-  .xl\:h-1\.5 {
-    height: 0.375rem;
-  }
-
-  .xl\:h-2\.5 {
-    height: 0.625rem;
-  }
-
-  .xl\:h-3\.5 {
-    height: 0.875rem;
-  }
-
-  .xl\:h-1\/2 {
-    height: 50%;
-  }
-
-  .xl\:h-1\/3 {
-    height: 33.333333%;
-  }
-
-  .xl\:h-2\/3 {
-    height: 66.666667%;
-  }
-
-  .xl\:h-1\/4 {
-    height: 25%;
-  }
-
-  .xl\:h-2\/4 {
-    height: 50%;
-  }
-
-  .xl\:h-3\/4 {
-    height: 75%;
-  }
-
-  .xl\:h-1\/5 {
-    height: 20%;
-  }
-
-  .xl\:h-2\/5 {
-    height: 40%;
-  }
-
-  .xl\:h-3\/5 {
-    height: 60%;
-  }
-
-  .xl\:h-4\/5 {
-    height: 80%;
-  }
-
-  .xl\:h-1\/6 {
-    height: 16.666667%;
-  }
-
-  .xl\:h-2\/6 {
-    height: 33.333333%;
-  }
-
-  .xl\:h-3\/6 {
-    height: 50%;
-  }
-
-  .xl\:h-4\/6 {
-    height: 66.666667%;
-  }
-
-  .xl\:h-5\/6 {
-    height: 83.333333%;
-  }
-
-  .xl\:h-1\/12 {
-    height: 8.333333%;
-  }
-
-  .xl\:h-2\/12 {
-    height: 16.666667%;
-  }
-
-  .xl\:h-3\/12 {
-    height: 25%;
-  }
-
-  .xl\:h-4\/12 {
-    height: 33.333333%;
-  }
-
-  .xl\:h-5\/12 {
-    height: 41.666667%;
-  }
-
-  .xl\:h-6\/12 {
-    height: 50%;
-  }
-
-  .xl\:h-7\/12 {
-    height: 58.333333%;
-  }
-
-  .xl\:h-8\/12 {
-    height: 66.666667%;
-  }
-
-  .xl\:h-9\/12 {
-    height: 75%;
-  }
-
-  .xl\:h-10\/12 {
-    height: 83.333333%;
-  }
-
-  .xl\:h-11\/12 {
-    height: 91.666667%;
-  }
-
-  .xl\:h-full {
-    height: 100%;
-  }
-
-  .xl\:h-screen {
-    height: 100vh;
-  }
-
-  .xl\:text-xs {
-    font-size: 0.75rem;
-  }
-
-  .xl\:text-sm {
-    font-size: 0.875rem;
-  }
-
-  .xl\:text-base {
-    font-size: 1rem;
-  }
-
-  .xl\:text-lg {
-    font-size: 1.125rem;
-  }
-
-  .xl\:text-xl {
-    font-size: 1.25rem;
-  }
-
-  .xl\:text-2xl {
-    font-size: 1.5rem;
-  }
-
-  .xl\:text-3xl {
-    font-size: 1.875rem;
-  }
-
-  .xl\:text-4xl {
-    font-size: 2.25rem;
-  }
-
-  .xl\:text-5xl {
-    font-size: 3rem;
-  }
-
-  .xl\:text-6xl {
-    font-size: 4rem;
-  }
-
-  .xl\:leading-3 {
-    line-height: .75rem;
-  }
-
-  .xl\:leading-4 {
-    line-height: 1rem;
-  }
-
-  .xl\:leading-5 {
-    line-height: 1.25rem;
-  }
-
-  .xl\:leading-6 {
-    line-height: 1.5rem;
-  }
-
-  .xl\:leading-7 {
-    line-height: 1.75rem;
-  }
-
-  .xl\:leading-8 {
-    line-height: 2rem;
-  }
-
-  .xl\:leading-9 {
-    line-height: 2.25rem;
-  }
-
-  .xl\:leading-10 {
-    line-height: 2.5rem;
-  }
-
-  .xl\:leading-none {
-    line-height: 1;
-  }
-
-  .xl\:leading-tight {
-    line-height: 1.25;
-  }
-
-  .xl\:leading-snug {
-    line-height: 1.375;
-  }
-
-  .xl\:leading-normal {
-    line-height: 1.5;
-  }
-
-  .xl\:leading-relaxed {
-    line-height: 1.625;
-  }
-
-  .xl\:leading-loose {
-    line-height: 2;
-  }
-
-  .xl\:list-inside {
-    list-style-position: inside;
-  }
-
-  .xl\:list-outside {
-    list-style-position: outside;
-  }
-
-  .xl\:list-none {
-    list-style-type: none;
-  }
-
-  .xl\:list-disc {
-    list-style-type: disc;
-  }
-
-  .xl\:list-decimal {
-    list-style-type: decimal;
-  }
-
-  .xl\:m-0 {
-    margin: 0;
-  }
-
-  .xl\:m-1 {
-    margin: 0.25rem;
-  }
-
-  .xl\:m-2 {
-    margin: 0.5rem;
-  }
-
-  .xl\:m-3 {
-    margin: 0.75rem;
-  }
-
-  .xl\:m-4 {
-    margin: 1rem;
-  }
-
-  .xl\:m-5 {
-    margin: 1.25rem;
-  }
-
-  .xl\:m-6 {
-    margin: 1.5rem;
-  }
-
-  .xl\:m-7 {
-    margin: 1.75rem;
-  }
-
-  .xl\:m-8 {
-    margin: 2rem;
-  }
-
-  .xl\:m-9 {
-    margin: 2.25rem;
-  }
-
-  .xl\:m-10 {
-    margin: 2.5rem;
-  }
-
-  .xl\:m-11 {
-    margin: 2.75rem;
-  }
-
-  .xl\:m-12 {
-    margin: 3rem;
-  }
-
-  .xl\:m-13 {
-    margin: 3.25rem;
-  }
-
-  .xl\:m-14 {
-    margin: 3.5rem;
-  }
-
-  .xl\:m-15 {
-    margin: 3.75rem;
-  }
-
-  .xl\:m-16 {
-    margin: 4rem;
-  }
-
-  .xl\:m-20 {
-    margin: 5rem;
-  }
-
-  .xl\:m-24 {
-    margin: 6rem;
-  }
-
-  .xl\:m-28 {
-    margin: 7rem;
-  }
-
-  .xl\:m-32 {
-    margin: 8rem;
-  }
-
-  .xl\:m-36 {
-    margin: 9rem;
-  }
-
-  .xl\:m-40 {
-    margin: 10rem;
-  }
-
-  .xl\:m-48 {
-    margin: 12rem;
-  }
-
-  .xl\:m-56 {
-    margin: 14rem;
-  }
-
-  .xl\:m-60 {
-    margin: 15rem;
-  }
-
-  .xl\:m-64 {
-    margin: 16rem;
-  }
-
-  .xl\:m-72 {
-    margin: 18rem;
-  }
-
-  .xl\:m-80 {
-    margin: 20rem;
-  }
-
-  .xl\:m-96 {
-    margin: 24rem;
-  }
-
-  .xl\:m-auto {
-    margin: auto;
-  }
-
-  .xl\:m-px {
-    margin: 1px;
-  }
-
-  .xl\:m-0\.5 {
-    margin: 0.125rem;
-  }
-
-  .xl\:m-1\.5 {
-    margin: 0.375rem;
-  }
-
-  .xl\:m-2\.5 {
-    margin: 0.625rem;
-  }
-
-  .xl\:m-3\.5 {
-    margin: 0.875rem;
-  }
-
-  .xl\:m-1\/2 {
-    margin: 50%;
-  }
-
-  .xl\:m-1\/3 {
-    margin: 33.333333%;
-  }
-
-  .xl\:m-2\/3 {
-    margin: 66.666667%;
-  }
-
-  .xl\:m-1\/4 {
-    margin: 25%;
-  }
-
-  .xl\:m-2\/4 {
-    margin: 50%;
-  }
-
-  .xl\:m-3\/4 {
-    margin: 75%;
-  }
-
-  .xl\:m-1\/5 {
-    margin: 20%;
-  }
-
-  .xl\:m-2\/5 {
-    margin: 40%;
-  }
-
-  .xl\:m-3\/5 {
-    margin: 60%;
-  }
-
-  .xl\:m-4\/5 {
-    margin: 80%;
-  }
-
-  .xl\:m-1\/6 {
-    margin: 16.666667%;
-  }
-
-  .xl\:m-2\/6 {
-    margin: 33.333333%;
-  }
-
-  .xl\:m-3\/6 {
-    margin: 50%;
-  }
-
-  .xl\:m-4\/6 {
-    margin: 66.666667%;
-  }
-
-  .xl\:m-5\/6 {
-    margin: 83.333333%;
-  }
-
-  .xl\:m-1\/12 {
-    margin: 8.333333%;
-  }
-
-  .xl\:m-2\/12 {
-    margin: 16.666667%;
-  }
-
-  .xl\:m-3\/12 {
-    margin: 25%;
-  }
-
-  .xl\:m-4\/12 {
-    margin: 33.333333%;
-  }
-
-  .xl\:m-5\/12 {
-    margin: 41.666667%;
-  }
-
-  .xl\:m-6\/12 {
-    margin: 50%;
-  }
-
-  .xl\:m-7\/12 {
-    margin: 58.333333%;
-  }
-
-  .xl\:m-8\/12 {
-    margin: 66.666667%;
-  }
-
-  .xl\:m-9\/12 {
-    margin: 75%;
-  }
-
-  .xl\:m-10\/12 {
-    margin: 83.333333%;
-  }
-
-  .xl\:m-11\/12 {
-    margin: 91.666667%;
-  }
-
-  .xl\:m-full {
-    margin: 100%;
-  }
-
-  .xl\:-m-1 {
-    margin: -0.25rem;
-  }
-
-  .xl\:-m-2 {
-    margin: -0.5rem;
-  }
-
-  .xl\:-m-3 {
-    margin: -0.75rem;
-  }
-
-  .xl\:-m-4 {
-    margin: -1rem;
-  }
-
-  .xl\:-m-5 {
-    margin: -1.25rem;
-  }
-
-  .xl\:-m-6 {
-    margin: -1.5rem;
-  }
-
-  .xl\:-m-7 {
-    margin: -1.75rem;
-  }
-
-  .xl\:-m-8 {
-    margin: -2rem;
-  }
-
-  .xl\:-m-9 {
-    margin: -2.25rem;
-  }
-
-  .xl\:-m-10 {
-    margin: -2.5rem;
-  }
-
-  .xl\:-m-11 {
-    margin: -2.75rem;
-  }
-
-  .xl\:-m-12 {
-    margin: -3rem;
-  }
-
-  .xl\:-m-13 {
-    margin: -3.25rem;
-  }
-
-  .xl\:-m-14 {
-    margin: -3.5rem;
-  }
-
-  .xl\:-m-15 {
-    margin: -3.75rem;
-  }
-
-  .xl\:-m-16 {
-    margin: -4rem;
-  }
-
-  .xl\:-m-20 {
-    margin: -5rem;
-  }
-
-  .xl\:-m-24 {
-    margin: -6rem;
-  }
-
-  .xl\:-m-28 {
-    margin: -7rem;
-  }
-
-  .xl\:-m-32 {
-    margin: -8rem;
-  }
-
-  .xl\:-m-36 {
-    margin: -9rem;
-  }
-
-  .xl\:-m-40 {
-    margin: -10rem;
-  }
-
-  .xl\:-m-48 {
-    margin: -12rem;
-  }
-
-  .xl\:-m-56 {
-    margin: -14rem;
-  }
-
-  .xl\:-m-60 {
-    margin: -15rem;
-  }
-
-  .xl\:-m-64 {
-    margin: -16rem;
-  }
-
-  .xl\:-m-72 {
-    margin: -18rem;
-  }
-
-  .xl\:-m-80 {
-    margin: -20rem;
-  }
-
-  .xl\:-m-96 {
-    margin: -24rem;
-  }
-
-  .xl\:-m-px {
-    margin: -1px;
-  }
-
-  .xl\:-m-0\.5 {
-    margin: -0.125rem;
-  }
-
-  .xl\:-m-1\.5 {
-    margin: -0.375rem;
-  }
-
-  .xl\:-m-2\.5 {
-    margin: -0.625rem;
-  }
-
-  .xl\:-m-3\.5 {
-    margin: -0.875rem;
-  }
-
-  .xl\:-m-1\/2 {
-    margin: -50%;
-  }
-
-  .xl\:-m-1\/3 {
-    margin: -33.33333%;
-  }
-
-  .xl\:-m-2\/3 {
-    margin: -66.66667%;
-  }
-
-  .xl\:-m-1\/4 {
-    margin: -25%;
-  }
-
-  .xl\:-m-2\/4 {
-    margin: -50%;
-  }
-
-  .xl\:-m-3\/4 {
-    margin: -75%;
-  }
-
-  .xl\:-m-1\/5 {
-    margin: -20%;
-  }
-
-  .xl\:-m-2\/5 {
-    margin: -40%;
-  }
-
-  .xl\:-m-3\/5 {
-    margin: -60%;
-  }
-
-  .xl\:-m-4\/5 {
-    margin: -80%;
-  }
-
-  .xl\:-m-1\/6 {
-    margin: -16.66667%;
-  }
-
-  .xl\:-m-2\/6 {
-    margin: -33.33333%;
-  }
-
-  .xl\:-m-3\/6 {
-    margin: -50%;
-  }
-
-  .xl\:-m-4\/6 {
-    margin: -66.66667%;
-  }
-
-  .xl\:-m-5\/6 {
-    margin: -83.33333%;
-  }
-
-  .xl\:-m-1\/12 {
-    margin: -8.33333%;
-  }
-
-  .xl\:-m-2\/12 {
-    margin: -16.66667%;
-  }
-
-  .xl\:-m-3\/12 {
-    margin: -25%;
-  }
-
-  .xl\:-m-4\/12 {
-    margin: -33.33333%;
-  }
-
-  .xl\:-m-5\/12 {
-    margin: -41.66667%;
-  }
-
-  .xl\:-m-6\/12 {
-    margin: -50%;
-  }
-
-  .xl\:-m-7\/12 {
-    margin: -58.33333%;
-  }
-
-  .xl\:-m-8\/12 {
-    margin: -66.66667%;
-  }
-
-  .xl\:-m-9\/12 {
-    margin: -75%;
-  }
-
-  .xl\:-m-10\/12 {
-    margin: -83.33333%;
-  }
-
-  .xl\:-m-11\/12 {
-    margin: -91.66667%;
-  }
-
-  .xl\:-m-full {
-    margin: -100%;
-  }
-
-  .xl\:my-0 {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .xl\:mx-0 {
-    margin-left: 0;
-    margin-right: 0;
-  }
-
-  .xl\:my-1 {
-    margin-top: 0.25rem;
-    margin-bottom: 0.25rem;
-  }
-
-  .xl\:mx-1 {
-    margin-left: 0.25rem;
-    margin-right: 0.25rem;
-  }
-
-  .xl\:my-2 {
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
-  }
-
-  .xl\:mx-2 {
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
-  }
-
-  .xl\:my-3 {
-    margin-top: 0.75rem;
-    margin-bottom: 0.75rem;
-  }
-
-  .xl\:mx-3 {
-    margin-left: 0.75rem;
-    margin-right: 0.75rem;
-  }
-
-  .xl\:my-4 {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-  }
-
-  .xl\:mx-4 {
-    margin-left: 1rem;
-    margin-right: 1rem;
-  }
-
-  .xl\:my-5 {
-    margin-top: 1.25rem;
-    margin-bottom: 1.25rem;
-  }
-
-  .xl\:mx-5 {
-    margin-left: 1.25rem;
-    margin-right: 1.25rem;
-  }
-
-  .xl\:my-6 {
-    margin-top: 1.5rem;
-    margin-bottom: 1.5rem;
-  }
-
-  .xl\:mx-6 {
-    margin-left: 1.5rem;
-    margin-right: 1.5rem;
-  }
-
-  .xl\:my-7 {
-    margin-top: 1.75rem;
-    margin-bottom: 1.75rem;
-  }
-
-  .xl\:mx-7 {
-    margin-left: 1.75rem;
-    margin-right: 1.75rem;
-  }
-
-  .xl\:my-8 {
-    margin-top: 2rem;
-    margin-bottom: 2rem;
-  }
-
-  .xl\:mx-8 {
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-
-  .xl\:my-9 {
-    margin-top: 2.25rem;
-    margin-bottom: 2.25rem;
-  }
-
-  .xl\:mx-9 {
-    margin-left: 2.25rem;
-    margin-right: 2.25rem;
-  }
-
-  .xl\:my-10 {
-    margin-top: 2.5rem;
-    margin-bottom: 2.5rem;
-  }
-
-  .xl\:mx-10 {
-    margin-left: 2.5rem;
-    margin-right: 2.5rem;
-  }
-
-  .xl\:my-11 {
-    margin-top: 2.75rem;
-    margin-bottom: 2.75rem;
-  }
-
-  .xl\:mx-11 {
-    margin-left: 2.75rem;
-    margin-right: 2.75rem;
-  }
-
-  .xl\:my-12 {
-    margin-top: 3rem;
-    margin-bottom: 3rem;
-  }
-
-  .xl\:mx-12 {
-    margin-left: 3rem;
-    margin-right: 3rem;
-  }
-
-  .xl\:my-13 {
-    margin-top: 3.25rem;
-    margin-bottom: 3.25rem;
-  }
-
-  .xl\:mx-13 {
-    margin-left: 3.25rem;
-    margin-right: 3.25rem;
-  }
-
-  .xl\:my-14 {
-    margin-top: 3.5rem;
-    margin-bottom: 3.5rem;
-  }
-
-  .xl\:mx-14 {
-    margin-left: 3.5rem;
-    margin-right: 3.5rem;
-  }
-
-  .xl\:my-15 {
-    margin-top: 3.75rem;
-    margin-bottom: 3.75rem;
-  }
-
-  .xl\:mx-15 {
-    margin-left: 3.75rem;
-    margin-right: 3.75rem;
-  }
-
-  .xl\:my-16 {
-    margin-top: 4rem;
-    margin-bottom: 4rem;
-  }
-
-  .xl\:mx-16 {
-    margin-left: 4rem;
-    margin-right: 4rem;
-  }
-
-  .xl\:my-20 {
-    margin-top: 5rem;
-    margin-bottom: 5rem;
-  }
-
-  .xl\:mx-20 {
-    margin-left: 5rem;
-    margin-right: 5rem;
-  }
-
-  .xl\:my-24 {
-    margin-top: 6rem;
-    margin-bottom: 6rem;
-  }
-
-  .xl\:mx-24 {
-    margin-left: 6rem;
-    margin-right: 6rem;
-  }
-
-  .xl\:my-28 {
-    margin-top: 7rem;
-    margin-bottom: 7rem;
-  }
-
-  .xl\:mx-28 {
-    margin-left: 7rem;
-    margin-right: 7rem;
-  }
-
-  .xl\:my-32 {
-    margin-top: 8rem;
-    margin-bottom: 8rem;
-  }
-
-  .xl\:mx-32 {
-    margin-left: 8rem;
-    margin-right: 8rem;
-  }
-
-  .xl\:my-36 {
-    margin-top: 9rem;
-    margin-bottom: 9rem;
-  }
-
-  .xl\:mx-36 {
-    margin-left: 9rem;
-    margin-right: 9rem;
-  }
-
-  .xl\:my-40 {
-    margin-top: 10rem;
-    margin-bottom: 10rem;
-  }
-
-  .xl\:mx-40 {
-    margin-left: 10rem;
-    margin-right: 10rem;
-  }
-
-  .xl\:my-48 {
-    margin-top: 12rem;
-    margin-bottom: 12rem;
-  }
-
-  .xl\:mx-48 {
-    margin-left: 12rem;
-    margin-right: 12rem;
-  }
-
-  .xl\:my-56 {
-    margin-top: 14rem;
-    margin-bottom: 14rem;
-  }
-
-  .xl\:mx-56 {
-    margin-left: 14rem;
-    margin-right: 14rem;
-  }
-
-  .xl\:my-60 {
-    margin-top: 15rem;
-    margin-bottom: 15rem;
-  }
-
-  .xl\:mx-60 {
-    margin-left: 15rem;
-    margin-right: 15rem;
-  }
-
-  .xl\:my-64 {
-    margin-top: 16rem;
-    margin-bottom: 16rem;
-  }
-
-  .xl\:mx-64 {
-    margin-left: 16rem;
-    margin-right: 16rem;
-  }
-
-  .xl\:my-72 {
-    margin-top: 18rem;
-    margin-bottom: 18rem;
-  }
-
-  .xl\:mx-72 {
-    margin-left: 18rem;
-    margin-right: 18rem;
-  }
-
-  .xl\:my-80 {
-    margin-top: 20rem;
-    margin-bottom: 20rem;
-  }
-
-  .xl\:mx-80 {
-    margin-left: 20rem;
-    margin-right: 20rem;
-  }
-
-  .xl\:my-96 {
-    margin-top: 24rem;
-    margin-bottom: 24rem;
-  }
-
-  .xl\:mx-96 {
-    margin-left: 24rem;
-    margin-right: 24rem;
-  }
-
-  .xl\:my-auto {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-
-  .xl\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .xl\:my-px {
-    margin-top: 1px;
-    margin-bottom: 1px;
-  }
-
-  .xl\:mx-px {
-    margin-left: 1px;
-    margin-right: 1px;
-  }
-
-  .xl\:my-0\.5 {
-    margin-top: 0.125rem;
-    margin-bottom: 0.125rem;
-  }
-
-  .xl\:mx-0\.5 {
-    margin-left: 0.125rem;
-    margin-right: 0.125rem;
-  }
-
-  .xl\:my-1\.5 {
-    margin-top: 0.375rem;
-    margin-bottom: 0.375rem;
-  }
-
-  .xl\:mx-1\.5 {
-    margin-left: 0.375rem;
-    margin-right: 0.375rem;
-  }
-
-  .xl\:my-2\.5 {
-    margin-top: 0.625rem;
-    margin-bottom: 0.625rem;
-  }
-
-  .xl\:mx-2\.5 {
-    margin-left: 0.625rem;
-    margin-right: 0.625rem;
-  }
-
-  .xl\:my-3\.5 {
-    margin-top: 0.875rem;
-    margin-bottom: 0.875rem;
-  }
-
-  .xl\:mx-3\.5 {
-    margin-left: 0.875rem;
-    margin-right: 0.875rem;
-  }
-
-  .xl\:my-1\/2 {
-    margin-top: 50%;
-    margin-bottom: 50%;
-  }
-
-  .xl\:mx-1\/2 {
-    margin-left: 50%;
-    margin-right: 50%;
-  }
-
-  .xl\:my-1\/3 {
-    margin-top: 33.333333%;
-    margin-bottom: 33.333333%;
-  }
-
-  .xl\:mx-1\/3 {
-    margin-left: 33.333333%;
-    margin-right: 33.333333%;
-  }
-
-  .xl\:my-2\/3 {
-    margin-top: 66.666667%;
-    margin-bottom: 66.666667%;
-  }
-
-  .xl\:mx-2\/3 {
-    margin-left: 66.666667%;
-    margin-right: 66.666667%;
-  }
-
-  .xl\:my-1\/4 {
-    margin-top: 25%;
-    margin-bottom: 25%;
-  }
-
-  .xl\:mx-1\/4 {
-    margin-left: 25%;
-    margin-right: 25%;
-  }
-
-  .xl\:my-2\/4 {
-    margin-top: 50%;
-    margin-bottom: 50%;
-  }
-
-  .xl\:mx-2\/4 {
-    margin-left: 50%;
-    margin-right: 50%;
-  }
-
-  .xl\:my-3\/4 {
-    margin-top: 75%;
-    margin-bottom: 75%;
-  }
-
-  .xl\:mx-3\/4 {
-    margin-left: 75%;
-    margin-right: 75%;
-  }
-
-  .xl\:my-1\/5 {
-    margin-top: 20%;
-    margin-bottom: 20%;
-  }
-
-  .xl\:mx-1\/5 {
-    margin-left: 20%;
-    margin-right: 20%;
-  }
-
-  .xl\:my-2\/5 {
-    margin-top: 40%;
-    margin-bottom: 40%;
-  }
-
-  .xl\:mx-2\/5 {
-    margin-left: 40%;
-    margin-right: 40%;
-  }
-
-  .xl\:my-3\/5 {
-    margin-top: 60%;
-    margin-bottom: 60%;
-  }
-
-  .xl\:mx-3\/5 {
-    margin-left: 60%;
-    margin-right: 60%;
-  }
-
-  .xl\:my-4\/5 {
-    margin-top: 80%;
-    margin-bottom: 80%;
-  }
-
-  .xl\:mx-4\/5 {
-    margin-left: 80%;
-    margin-right: 80%;
-  }
-
-  .xl\:my-1\/6 {
-    margin-top: 16.666667%;
-    margin-bottom: 16.666667%;
-  }
-
-  .xl\:mx-1\/6 {
-    margin-left: 16.666667%;
-    margin-right: 16.666667%;
-  }
-
-  .xl\:my-2\/6 {
-    margin-top: 33.333333%;
-    margin-bottom: 33.333333%;
-  }
-
-  .xl\:mx-2\/6 {
-    margin-left: 33.333333%;
-    margin-right: 33.333333%;
-  }
-
-  .xl\:my-3\/6 {
-    margin-top: 50%;
-    margin-bottom: 50%;
-  }
-
-  .xl\:mx-3\/6 {
-    margin-left: 50%;
-    margin-right: 50%;
-  }
-
-  .xl\:my-4\/6 {
-    margin-top: 66.666667%;
-    margin-bottom: 66.666667%;
-  }
-
-  .xl\:mx-4\/6 {
-    margin-left: 66.666667%;
-    margin-right: 66.666667%;
-  }
-
-  .xl\:my-5\/6 {
-    margin-top: 83.333333%;
-    margin-bottom: 83.333333%;
-  }
-
-  .xl\:mx-5\/6 {
-    margin-left: 83.333333%;
-    margin-right: 83.333333%;
-  }
-
-  .xl\:my-1\/12 {
-    margin-top: 8.333333%;
-    margin-bottom: 8.333333%;
-  }
-
-  .xl\:mx-1\/12 {
-    margin-left: 8.333333%;
-    margin-right: 8.333333%;
-  }
-
-  .xl\:my-2\/12 {
-    margin-top: 16.666667%;
-    margin-bottom: 16.666667%;
-  }
-
-  .xl\:mx-2\/12 {
-    margin-left: 16.666667%;
-    margin-right: 16.666667%;
-  }
-
-  .xl\:my-3\/12 {
-    margin-top: 25%;
-    margin-bottom: 25%;
-  }
-
-  .xl\:mx-3\/12 {
-    margin-left: 25%;
-    margin-right: 25%;
-  }
-
-  .xl\:my-4\/12 {
-    margin-top: 33.333333%;
-    margin-bottom: 33.333333%;
-  }
-
-  .xl\:mx-4\/12 {
-    margin-left: 33.333333%;
-    margin-right: 33.333333%;
-  }
-
-  .xl\:my-5\/12 {
-    margin-top: 41.666667%;
-    margin-bottom: 41.666667%;
-  }
-
-  .xl\:mx-5\/12 {
-    margin-left: 41.666667%;
-    margin-right: 41.666667%;
-  }
-
-  .xl\:my-6\/12 {
-    margin-top: 50%;
-    margin-bottom: 50%;
-  }
-
-  .xl\:mx-6\/12 {
-    margin-left: 50%;
-    margin-right: 50%;
-  }
-
-  .xl\:my-7\/12 {
-    margin-top: 58.333333%;
-    margin-bottom: 58.333333%;
-  }
-
-  .xl\:mx-7\/12 {
-    margin-left: 58.333333%;
-    margin-right: 58.333333%;
-  }
-
-  .xl\:my-8\/12 {
-    margin-top: 66.666667%;
-    margin-bottom: 66.666667%;
-  }
-
-  .xl\:mx-8\/12 {
-    margin-left: 66.666667%;
-    margin-right: 66.666667%;
-  }
-
-  .xl\:my-9\/12 {
-    margin-top: 75%;
-    margin-bottom: 75%;
-  }
-
-  .xl\:mx-9\/12 {
-    margin-left: 75%;
-    margin-right: 75%;
-  }
-
-  .xl\:my-10\/12 {
-    margin-top: 83.333333%;
-    margin-bottom: 83.333333%;
-  }
-
-  .xl\:mx-10\/12 {
-    margin-left: 83.333333%;
-    margin-right: 83.333333%;
-  }
-
-  .xl\:my-11\/12 {
-    margin-top: 91.666667%;
-    margin-bottom: 91.666667%;
-  }
-
-  .xl\:mx-11\/12 {
-    margin-left: 91.666667%;
-    margin-right: 91.666667%;
-  }
-
-  .xl\:my-full {
-    margin-top: 100%;
-    margin-bottom: 100%;
-  }
-
-  .xl\:mx-full {
-    margin-left: 100%;
-    margin-right: 100%;
-  }
-
-  .xl\:-my-1 {
-    margin-top: -0.25rem;
-    margin-bottom: -0.25rem;
-  }
-
-  .xl\:-mx-1 {
-    margin-left: -0.25rem;
-    margin-right: -0.25rem;
-  }
-
-  .xl\:-my-2 {
-    margin-top: -0.5rem;
-    margin-bottom: -0.5rem;
-  }
-
-  .xl\:-mx-2 {
-    margin-left: -0.5rem;
-    margin-right: -0.5rem;
-  }
-
-  .xl\:-my-3 {
-    margin-top: -0.75rem;
-    margin-bottom: -0.75rem;
-  }
-
-  .xl\:-mx-3 {
-    margin-left: -0.75rem;
-    margin-right: -0.75rem;
-  }
-
-  .xl\:-my-4 {
-    margin-top: -1rem;
-    margin-bottom: -1rem;
-  }
-
-  .xl\:-mx-4 {
-    margin-left: -1rem;
-    margin-right: -1rem;
-  }
-
-  .xl\:-my-5 {
-    margin-top: -1.25rem;
-    margin-bottom: -1.25rem;
-  }
-
-  .xl\:-mx-5 {
-    margin-left: -1.25rem;
-    margin-right: -1.25rem;
-  }
-
-  .xl\:-my-6 {
-    margin-top: -1.5rem;
-    margin-bottom: -1.5rem;
-  }
-
-  .xl\:-mx-6 {
-    margin-left: -1.5rem;
-    margin-right: -1.5rem;
-  }
-
-  .xl\:-my-7 {
-    margin-top: -1.75rem;
-    margin-bottom: -1.75rem;
-  }
-
-  .xl\:-mx-7 {
-    margin-left: -1.75rem;
-    margin-right: -1.75rem;
-  }
-
-  .xl\:-my-8 {
-    margin-top: -2rem;
-    margin-bottom: -2rem;
-  }
-
-  .xl\:-mx-8 {
-    margin-left: -2rem;
-    margin-right: -2rem;
-  }
-
-  .xl\:-my-9 {
-    margin-top: -2.25rem;
-    margin-bottom: -2.25rem;
-  }
-
-  .xl\:-mx-9 {
-    margin-left: -2.25rem;
-    margin-right: -2.25rem;
-  }
-
-  .xl\:-my-10 {
-    margin-top: -2.5rem;
-    margin-bottom: -2.5rem;
-  }
-
-  .xl\:-mx-10 {
-    margin-left: -2.5rem;
-    margin-right: -2.5rem;
-  }
-
-  .xl\:-my-11 {
-    margin-top: -2.75rem;
-    margin-bottom: -2.75rem;
-  }
-
-  .xl\:-mx-11 {
-    margin-left: -2.75rem;
-    margin-right: -2.75rem;
-  }
-
-  .xl\:-my-12 {
-    margin-top: -3rem;
-    margin-bottom: -3rem;
-  }
-
-  .xl\:-mx-12 {
-    margin-left: -3rem;
-    margin-right: -3rem;
-  }
-
-  .xl\:-my-13 {
-    margin-top: -3.25rem;
-    margin-bottom: -3.25rem;
-  }
-
-  .xl\:-mx-13 {
-    margin-left: -3.25rem;
-    margin-right: -3.25rem;
-  }
-
-  .xl\:-my-14 {
-    margin-top: -3.5rem;
-    margin-bottom: -3.5rem;
-  }
-
-  .xl\:-mx-14 {
-    margin-left: -3.5rem;
-    margin-right: -3.5rem;
-  }
-
-  .xl\:-my-15 {
-    margin-top: -3.75rem;
-    margin-bottom: -3.75rem;
-  }
-
-  .xl\:-mx-15 {
-    margin-left: -3.75rem;
-    margin-right: -3.75rem;
-  }
-
-  .xl\:-my-16 {
-    margin-top: -4rem;
-    margin-bottom: -4rem;
-  }
-
-  .xl\:-mx-16 {
-    margin-left: -4rem;
-    margin-right: -4rem;
-  }
-
-  .xl\:-my-20 {
-    margin-top: -5rem;
-    margin-bottom: -5rem;
-  }
-
-  .xl\:-mx-20 {
-    margin-left: -5rem;
-    margin-right: -5rem;
-  }
-
-  .xl\:-my-24 {
-    margin-top: -6rem;
-    margin-bottom: -6rem;
-  }
-
-  .xl\:-mx-24 {
-    margin-left: -6rem;
-    margin-right: -6rem;
-  }
-
-  .xl\:-my-28 {
-    margin-top: -7rem;
-    margin-bottom: -7rem;
-  }
-
-  .xl\:-mx-28 {
-    margin-left: -7rem;
-    margin-right: -7rem;
-  }
-
-  .xl\:-my-32 {
-    margin-top: -8rem;
-    margin-bottom: -8rem;
-  }
-
-  .xl\:-mx-32 {
-    margin-left: -8rem;
-    margin-right: -8rem;
-  }
-
-  .xl\:-my-36 {
-    margin-top: -9rem;
-    margin-bottom: -9rem;
-  }
-
-  .xl\:-mx-36 {
-    margin-left: -9rem;
-    margin-right: -9rem;
-  }
-
-  .xl\:-my-40 {
-    margin-top: -10rem;
-    margin-bottom: -10rem;
-  }
-
-  .xl\:-mx-40 {
-    margin-left: -10rem;
-    margin-right: -10rem;
-  }
-
-  .xl\:-my-48 {
-    margin-top: -12rem;
-    margin-bottom: -12rem;
-  }
-
-  .xl\:-mx-48 {
-    margin-left: -12rem;
-    margin-right: -12rem;
-  }
-
-  .xl\:-my-56 {
-    margin-top: -14rem;
-    margin-bottom: -14rem;
-  }
-
-  .xl\:-mx-56 {
-    margin-left: -14rem;
-    margin-right: -14rem;
-  }
-
-  .xl\:-my-60 {
-    margin-top: -15rem;
-    margin-bottom: -15rem;
-  }
-
-  .xl\:-mx-60 {
-    margin-left: -15rem;
-    margin-right: -15rem;
-  }
-
-  .xl\:-my-64 {
-    margin-top: -16rem;
-    margin-bottom: -16rem;
-  }
-
-  .xl\:-mx-64 {
-    margin-left: -16rem;
-    margin-right: -16rem;
-  }
-
-  .xl\:-my-72 {
-    margin-top: -18rem;
-    margin-bottom: -18rem;
-  }
-
-  .xl\:-mx-72 {
-    margin-left: -18rem;
-    margin-right: -18rem;
-  }
-
-  .xl\:-my-80 {
-    margin-top: -20rem;
-    margin-bottom: -20rem;
-  }
-
-  .xl\:-mx-80 {
-    margin-left: -20rem;
-    margin-right: -20rem;
-  }
-
-  .xl\:-my-96 {
-    margin-top: -24rem;
-    margin-bottom: -24rem;
-  }
-
-  .xl\:-mx-96 {
-    margin-left: -24rem;
-    margin-right: -24rem;
-  }
-
-  .xl\:-my-px {
-    margin-top: -1px;
-    margin-bottom: -1px;
-  }
-
-  .xl\:-mx-px {
-    margin-left: -1px;
-    margin-right: -1px;
-  }
-
-  .xl\:-my-0\.5 {
-    margin-top: -0.125rem;
-    margin-bottom: -0.125rem;
-  }
-
-  .xl\:-mx-0\.5 {
-    margin-left: -0.125rem;
-    margin-right: -0.125rem;
-  }
-
-  .xl\:-my-1\.5 {
-    margin-top: -0.375rem;
-    margin-bottom: -0.375rem;
-  }
-
-  .xl\:-mx-1\.5 {
-    margin-left: -0.375rem;
-    margin-right: -0.375rem;
-  }
-
-  .xl\:-my-2\.5 {
-    margin-top: -0.625rem;
-    margin-bottom: -0.625rem;
-  }
-
-  .xl\:-mx-2\.5 {
-    margin-left: -0.625rem;
-    margin-right: -0.625rem;
-  }
-
-  .xl\:-my-3\.5 {
-    margin-top: -0.875rem;
-    margin-bottom: -0.875rem;
-  }
-
-  .xl\:-mx-3\.5 {
-    margin-left: -0.875rem;
-    margin-right: -0.875rem;
-  }
-
-  .xl\:-my-1\/2 {
-    margin-top: -50%;
-    margin-bottom: -50%;
-  }
-
-  .xl\:-mx-1\/2 {
-    margin-left: -50%;
-    margin-right: -50%;
-  }
-
-  .xl\:-my-1\/3 {
-    margin-top: -33.33333%;
-    margin-bottom: -33.33333%;
-  }
-
-  .xl\:-mx-1\/3 {
-    margin-left: -33.33333%;
-    margin-right: -33.33333%;
-  }
-
-  .xl\:-my-2\/3 {
-    margin-top: -66.66667%;
-    margin-bottom: -66.66667%;
-  }
-
-  .xl\:-mx-2\/3 {
-    margin-left: -66.66667%;
-    margin-right: -66.66667%;
-  }
-
-  .xl\:-my-1\/4 {
-    margin-top: -25%;
-    margin-bottom: -25%;
-  }
-
-  .xl\:-mx-1\/4 {
-    margin-left: -25%;
-    margin-right: -25%;
-  }
-
-  .xl\:-my-2\/4 {
-    margin-top: -50%;
-    margin-bottom: -50%;
-  }
-
-  .xl\:-mx-2\/4 {
-    margin-left: -50%;
-    margin-right: -50%;
-  }
-
-  .xl\:-my-3\/4 {
-    margin-top: -75%;
-    margin-bottom: -75%;
-  }
-
-  .xl\:-mx-3\/4 {
-    margin-left: -75%;
-    margin-right: -75%;
-  }
-
-  .xl\:-my-1\/5 {
-    margin-top: -20%;
-    margin-bottom: -20%;
-  }
-
-  .xl\:-mx-1\/5 {
-    margin-left: -20%;
-    margin-right: -20%;
-  }
-
-  .xl\:-my-2\/5 {
-    margin-top: -40%;
-    margin-bottom: -40%;
-  }
-
-  .xl\:-mx-2\/5 {
-    margin-left: -40%;
-    margin-right: -40%;
-  }
-
-  .xl\:-my-3\/5 {
-    margin-top: -60%;
-    margin-bottom: -60%;
-  }
-
-  .xl\:-mx-3\/5 {
-    margin-left: -60%;
-    margin-right: -60%;
-  }
-
-  .xl\:-my-4\/5 {
-    margin-top: -80%;
-    margin-bottom: -80%;
-  }
-
-  .xl\:-mx-4\/5 {
-    margin-left: -80%;
-    margin-right: -80%;
-  }
-
-  .xl\:-my-1\/6 {
-    margin-top: -16.66667%;
-    margin-bottom: -16.66667%;
-  }
-
-  .xl\:-mx-1\/6 {
-    margin-left: -16.66667%;
-    margin-right: -16.66667%;
-  }
-
-  .xl\:-my-2\/6 {
-    margin-top: -33.33333%;
-    margin-bottom: -33.33333%;
-  }
-
-  .xl\:-mx-2\/6 {
-    margin-left: -33.33333%;
-    margin-right: -33.33333%;
-  }
-
-  .xl\:-my-3\/6 {
-    margin-top: -50%;
-    margin-bottom: -50%;
-  }
-
-  .xl\:-mx-3\/6 {
-    margin-left: -50%;
-    margin-right: -50%;
-  }
-
-  .xl\:-my-4\/6 {
-    margin-top: -66.66667%;
-    margin-bottom: -66.66667%;
-  }
-
-  .xl\:-mx-4\/6 {
-    margin-left: -66.66667%;
-    margin-right: -66.66667%;
-  }
-
-  .xl\:-my-5\/6 {
-    margin-top: -83.33333%;
-    margin-bottom: -83.33333%;
-  }
-
-  .xl\:-mx-5\/6 {
-    margin-left: -83.33333%;
-    margin-right: -83.33333%;
-  }
-
-  .xl\:-my-1\/12 {
-    margin-top: -8.33333%;
-    margin-bottom: -8.33333%;
-  }
-
-  .xl\:-mx-1\/12 {
-    margin-left: -8.33333%;
-    margin-right: -8.33333%;
-  }
-
-  .xl\:-my-2\/12 {
-    margin-top: -16.66667%;
-    margin-bottom: -16.66667%;
-  }
-
-  .xl\:-mx-2\/12 {
-    margin-left: -16.66667%;
-    margin-right: -16.66667%;
-  }
-
-  .xl\:-my-3\/12 {
-    margin-top: -25%;
-    margin-bottom: -25%;
-  }
-
-  .xl\:-mx-3\/12 {
-    margin-left: -25%;
-    margin-right: -25%;
-  }
-
-  .xl\:-my-4\/12 {
-    margin-top: -33.33333%;
-    margin-bottom: -33.33333%;
-  }
-
-  .xl\:-mx-4\/12 {
-    margin-left: -33.33333%;
-    margin-right: -33.33333%;
-  }
-
-  .xl\:-my-5\/12 {
-    margin-top: -41.66667%;
-    margin-bottom: -41.66667%;
-  }
-
-  .xl\:-mx-5\/12 {
-    margin-left: -41.66667%;
-    margin-right: -41.66667%;
-  }
-
-  .xl\:-my-6\/12 {
-    margin-top: -50%;
-    margin-bottom: -50%;
-  }
-
-  .xl\:-mx-6\/12 {
-    margin-left: -50%;
-    margin-right: -50%;
-  }
-
-  .xl\:-my-7\/12 {
-    margin-top: -58.33333%;
-    margin-bottom: -58.33333%;
-  }
-
-  .xl\:-mx-7\/12 {
-    margin-left: -58.33333%;
-    margin-right: -58.33333%;
-  }
-
-  .xl\:-my-8\/12 {
-    margin-top: -66.66667%;
-    margin-bottom: -66.66667%;
-  }
-
-  .xl\:-mx-8\/12 {
-    margin-left: -66.66667%;
-    margin-right: -66.66667%;
-  }
-
-  .xl\:-my-9\/12 {
-    margin-top: -75%;
-    margin-bottom: -75%;
-  }
-
-  .xl\:-mx-9\/12 {
-    margin-left: -75%;
-    margin-right: -75%;
-  }
-
-  .xl\:-my-10\/12 {
-    margin-top: -83.33333%;
-    margin-bottom: -83.33333%;
-  }
-
-  .xl\:-mx-10\/12 {
-    margin-left: -83.33333%;
-    margin-right: -83.33333%;
-  }
-
-  .xl\:-my-11\/12 {
-    margin-top: -91.66667%;
-    margin-bottom: -91.66667%;
-  }
-
-  .xl\:-mx-11\/12 {
-    margin-left: -91.66667%;
-    margin-right: -91.66667%;
-  }
-
-  .xl\:-my-full {
-    margin-top: -100%;
-    margin-bottom: -100%;
-  }
-
-  .xl\:-mx-full {
-    margin-left: -100%;
-    margin-right: -100%;
-  }
-
-  .xl\:mt-0 {
-    margin-top: 0;
-  }
-
-  .xl\:mr-0 {
-    margin-right: 0;
-  }
-
-  .xl\:mb-0 {
-    margin-bottom: 0;
-  }
-
-  .xl\:ml-0 {
-    margin-left: 0;
-  }
-
-  .xl\:mt-1 {
-    margin-top: 0.25rem;
-  }
-
-  .xl\:mr-1 {
-    margin-right: 0.25rem;
-  }
-
-  .xl\:mb-1 {
-    margin-bottom: 0.25rem;
-  }
-
-  .xl\:ml-1 {
-    margin-left: 0.25rem;
-  }
-
-  .xl\:mt-2 {
-    margin-top: 0.5rem;
-  }
-
-  .xl\:mr-2 {
-    margin-right: 0.5rem;
-  }
-
-  .xl\:mb-2 {
-    margin-bottom: 0.5rem;
-  }
-
-  .xl\:ml-2 {
-    margin-left: 0.5rem;
-  }
-
-  .xl\:mt-3 {
-    margin-top: 0.75rem;
-  }
-
-  .xl\:mr-3 {
-    margin-right: 0.75rem;
-  }
-
-  .xl\:mb-3 {
-    margin-bottom: 0.75rem;
-  }
-
-  .xl\:ml-3 {
-    margin-left: 0.75rem;
-  }
-
-  .xl\:mt-4 {
-    margin-top: 1rem;
-  }
-
-  .xl\:mr-4 {
-    margin-right: 1rem;
-  }
-
-  .xl\:mb-4 {
-    margin-bottom: 1rem;
-  }
-
-  .xl\:ml-4 {
-    margin-left: 1rem;
-  }
-
-  .xl\:mt-5 {
-    margin-top: 1.25rem;
-  }
-
-  .xl\:mr-5 {
-    margin-right: 1.25rem;
-  }
-
-  .xl\:mb-5 {
-    margin-bottom: 1.25rem;
-  }
-
-  .xl\:ml-5 {
-    margin-left: 1.25rem;
-  }
-
-  .xl\:mt-6 {
-    margin-top: 1.5rem;
-  }
-
-  .xl\:mr-6 {
-    margin-right: 1.5rem;
-  }
-
-  .xl\:mb-6 {
-    margin-bottom: 1.5rem;
-  }
-
-  .xl\:ml-6 {
-    margin-left: 1.5rem;
-  }
-
-  .xl\:mt-7 {
-    margin-top: 1.75rem;
-  }
-
-  .xl\:mr-7 {
-    margin-right: 1.75rem;
-  }
-
-  .xl\:mb-7 {
-    margin-bottom: 1.75rem;
-  }
-
-  .xl\:ml-7 {
-    margin-left: 1.75rem;
-  }
-
-  .xl\:mt-8 {
-    margin-top: 2rem;
-  }
-
-  .xl\:mr-8 {
-    margin-right: 2rem;
-  }
-
-  .xl\:mb-8 {
-    margin-bottom: 2rem;
-  }
-
-  .xl\:ml-8 {
-    margin-left: 2rem;
-  }
-
-  .xl\:mt-9 {
-    margin-top: 2.25rem;
-  }
-
-  .xl\:mr-9 {
-    margin-right: 2.25rem;
-  }
-
-  .xl\:mb-9 {
-    margin-bottom: 2.25rem;
-  }
-
-  .xl\:ml-9 {
-    margin-left: 2.25rem;
-  }
-
-  .xl\:mt-10 {
-    margin-top: 2.5rem;
-  }
-
-  .xl\:mr-10 {
-    margin-right: 2.5rem;
-  }
-
-  .xl\:mb-10 {
-    margin-bottom: 2.5rem;
-  }
-
-  .xl\:ml-10 {
-    margin-left: 2.5rem;
-  }
-
-  .xl\:mt-11 {
-    margin-top: 2.75rem;
-  }
-
-  .xl\:mr-11 {
-    margin-right: 2.75rem;
-  }
-
-  .xl\:mb-11 {
-    margin-bottom: 2.75rem;
-  }
-
-  .xl\:ml-11 {
-    margin-left: 2.75rem;
-  }
-
-  .xl\:mt-12 {
-    margin-top: 3rem;
-  }
-
-  .xl\:mr-12 {
-    margin-right: 3rem;
-  }
-
-  .xl\:mb-12 {
-    margin-bottom: 3rem;
-  }
-
-  .xl\:ml-12 {
-    margin-left: 3rem;
-  }
-
-  .xl\:mt-13 {
-    margin-top: 3.25rem;
-  }
-
-  .xl\:mr-13 {
-    margin-right: 3.25rem;
-  }
-
-  .xl\:mb-13 {
-    margin-bottom: 3.25rem;
-  }
-
-  .xl\:ml-13 {
-    margin-left: 3.25rem;
-  }
-
-  .xl\:mt-14 {
-    margin-top: 3.5rem;
-  }
-
-  .xl\:mr-14 {
-    margin-right: 3.5rem;
-  }
-
-  .xl\:mb-14 {
-    margin-bottom: 3.5rem;
-  }
-
-  .xl\:ml-14 {
-    margin-left: 3.5rem;
-  }
-
-  .xl\:mt-15 {
-    margin-top: 3.75rem;
-  }
-
-  .xl\:mr-15 {
-    margin-right: 3.75rem;
-  }
-
-  .xl\:mb-15 {
-    margin-bottom: 3.75rem;
-  }
-
-  .xl\:ml-15 {
-    margin-left: 3.75rem;
-  }
-
-  .xl\:mt-16 {
-    margin-top: 4rem;
-  }
-
-  .xl\:mr-16 {
-    margin-right: 4rem;
-  }
-
-  .xl\:mb-16 {
-    margin-bottom: 4rem;
-  }
-
-  .xl\:ml-16 {
-    margin-left: 4rem;
-  }
-
-  .xl\:mt-20 {
-    margin-top: 5rem;
-  }
-
-  .xl\:mr-20 {
-    margin-right: 5rem;
-  }
-
-  .xl\:mb-20 {
-    margin-bottom: 5rem;
-  }
-
-  .xl\:ml-20 {
-    margin-left: 5rem;
-  }
-
-  .xl\:mt-24 {
-    margin-top: 6rem;
-  }
-
-  .xl\:mr-24 {
-    margin-right: 6rem;
-  }
-
-  .xl\:mb-24 {
-    margin-bottom: 6rem;
-  }
-
-  .xl\:ml-24 {
-    margin-left: 6rem;
-  }
-
-  .xl\:mt-28 {
-    margin-top: 7rem;
-  }
-
-  .xl\:mr-28 {
-    margin-right: 7rem;
-  }
-
-  .xl\:mb-28 {
-    margin-bottom: 7rem;
-  }
-
-  .xl\:ml-28 {
-    margin-left: 7rem;
-  }
-
-  .xl\:mt-32 {
-    margin-top: 8rem;
-  }
-
-  .xl\:mr-32 {
-    margin-right: 8rem;
-  }
-
-  .xl\:mb-32 {
-    margin-bottom: 8rem;
-  }
-
-  .xl\:ml-32 {
-    margin-left: 8rem;
-  }
-
-  .xl\:mt-36 {
-    margin-top: 9rem;
-  }
-
-  .xl\:mr-36 {
-    margin-right: 9rem;
-  }
-
-  .xl\:mb-36 {
-    margin-bottom: 9rem;
-  }
-
-  .xl\:ml-36 {
-    margin-left: 9rem;
-  }
-
-  .xl\:mt-40 {
-    margin-top: 10rem;
-  }
-
-  .xl\:mr-40 {
-    margin-right: 10rem;
-  }
-
-  .xl\:mb-40 {
-    margin-bottom: 10rem;
-  }
-
-  .xl\:ml-40 {
-    margin-left: 10rem;
-  }
-
-  .xl\:mt-48 {
-    margin-top: 12rem;
-  }
-
-  .xl\:mr-48 {
-    margin-right: 12rem;
-  }
-
-  .xl\:mb-48 {
-    margin-bottom: 12rem;
-  }
-
-  .xl\:ml-48 {
-    margin-left: 12rem;
-  }
-
-  .xl\:mt-56 {
-    margin-top: 14rem;
-  }
-
-  .xl\:mr-56 {
-    margin-right: 14rem;
-  }
-
-  .xl\:mb-56 {
-    margin-bottom: 14rem;
-  }
-
-  .xl\:ml-56 {
-    margin-left: 14rem;
-  }
-
-  .xl\:mt-60 {
-    margin-top: 15rem;
-  }
-
-  .xl\:mr-60 {
-    margin-right: 15rem;
-  }
-
-  .xl\:mb-60 {
-    margin-bottom: 15rem;
-  }
-
-  .xl\:ml-60 {
-    margin-left: 15rem;
-  }
-
-  .xl\:mt-64 {
-    margin-top: 16rem;
-  }
-
-  .xl\:mr-64 {
-    margin-right: 16rem;
-  }
-
-  .xl\:mb-64 {
-    margin-bottom: 16rem;
-  }
-
-  .xl\:ml-64 {
-    margin-left: 16rem;
-  }
-
-  .xl\:mt-72 {
-    margin-top: 18rem;
-  }
-
-  .xl\:mr-72 {
-    margin-right: 18rem;
-  }
-
-  .xl\:mb-72 {
-    margin-bottom: 18rem;
-  }
-
-  .xl\:ml-72 {
-    margin-left: 18rem;
-  }
-
-  .xl\:mt-80 {
-    margin-top: 20rem;
-  }
-
-  .xl\:mr-80 {
-    margin-right: 20rem;
-  }
-
-  .xl\:mb-80 {
-    margin-bottom: 20rem;
-  }
-
-  .xl\:ml-80 {
-    margin-left: 20rem;
-  }
-
-  .xl\:mt-96 {
-    margin-top: 24rem;
-  }
-
-  .xl\:mr-96 {
-    margin-right: 24rem;
-  }
-
-  .xl\:mb-96 {
-    margin-bottom: 24rem;
-  }
-
-  .xl\:ml-96 {
-    margin-left: 24rem;
-  }
-
-  .xl\:mt-auto {
-    margin-top: auto;
-  }
-
-  .xl\:mr-auto {
-    margin-right: auto;
-  }
-
-  .xl\:mb-auto {
-    margin-bottom: auto;
-  }
-
-  .xl\:ml-auto {
-    margin-left: auto;
-  }
-
-  .xl\:mt-px {
-    margin-top: 1px;
-  }
-
-  .xl\:mr-px {
-    margin-right: 1px;
-  }
-
-  .xl\:mb-px {
-    margin-bottom: 1px;
-  }
-
-  .xl\:ml-px {
-    margin-left: 1px;
-  }
-
-  .xl\:mt-0\.5 {
-    margin-top: 0.125rem;
-  }
-
-  .xl\:mr-0\.5 {
-    margin-right: 0.125rem;
-  }
-
-  .xl\:mb-0\.5 {
-    margin-bottom: 0.125rem;
-  }
-
-  .xl\:ml-0\.5 {
-    margin-left: 0.125rem;
-  }
-
-  .xl\:mt-1\.5 {
-    margin-top: 0.375rem;
-  }
-
-  .xl\:mr-1\.5 {
-    margin-right: 0.375rem;
-  }
-
-  .xl\:mb-1\.5 {
-    margin-bottom: 0.375rem;
-  }
-
-  .xl\:ml-1\.5 {
-    margin-left: 0.375rem;
-  }
-
-  .xl\:mt-2\.5 {
-    margin-top: 0.625rem;
-  }
-
-  .xl\:mr-2\.5 {
-    margin-right: 0.625rem;
-  }
-
-  .xl\:mb-2\.5 {
-    margin-bottom: 0.625rem;
-  }
-
-  .xl\:ml-2\.5 {
-    margin-left: 0.625rem;
-  }
-
-  .xl\:mt-3\.5 {
-    margin-top: 0.875rem;
-  }
-
-  .xl\:mr-3\.5 {
-    margin-right: 0.875rem;
-  }
-
-  .xl\:mb-3\.5 {
-    margin-bottom: 0.875rem;
-  }
-
-  .xl\:ml-3\.5 {
-    margin-left: 0.875rem;
-  }
-
-  .xl\:mt-1\/2 {
-    margin-top: 50%;
-  }
-
-  .xl\:mr-1\/2 {
-    margin-right: 50%;
-  }
-
-  .xl\:mb-1\/2 {
-    margin-bottom: 50%;
-  }
-
-  .xl\:ml-1\/2 {
-    margin-left: 50%;
-  }
-
-  .xl\:mt-1\/3 {
-    margin-top: 33.333333%;
-  }
-
-  .xl\:mr-1\/3 {
-    margin-right: 33.333333%;
-  }
-
-  .xl\:mb-1\/3 {
-    margin-bottom: 33.333333%;
-  }
-
-  .xl\:ml-1\/3 {
-    margin-left: 33.333333%;
-  }
-
-  .xl\:mt-2\/3 {
-    margin-top: 66.666667%;
-  }
-
-  .xl\:mr-2\/3 {
-    margin-right: 66.666667%;
-  }
-
-  .xl\:mb-2\/3 {
-    margin-bottom: 66.666667%;
-  }
-
-  .xl\:ml-2\/3 {
-    margin-left: 66.666667%;
-  }
-
-  .xl\:mt-1\/4 {
-    margin-top: 25%;
-  }
-
-  .xl\:mr-1\/4 {
-    margin-right: 25%;
-  }
-
-  .xl\:mb-1\/4 {
-    margin-bottom: 25%;
-  }
-
-  .xl\:ml-1\/4 {
-    margin-left: 25%;
-  }
-
-  .xl\:mt-2\/4 {
-    margin-top: 50%;
-  }
-
-  .xl\:mr-2\/4 {
-    margin-right: 50%;
-  }
-
-  .xl\:mb-2\/4 {
-    margin-bottom: 50%;
-  }
-
-  .xl\:ml-2\/4 {
-    margin-left: 50%;
-  }
-
-  .xl\:mt-3\/4 {
-    margin-top: 75%;
-  }
-
-  .xl\:mr-3\/4 {
-    margin-right: 75%;
-  }
-
-  .xl\:mb-3\/4 {
-    margin-bottom: 75%;
-  }
-
-  .xl\:ml-3\/4 {
-    margin-left: 75%;
-  }
-
-  .xl\:mt-1\/5 {
-    margin-top: 20%;
-  }
-
-  .xl\:mr-1\/5 {
-    margin-right: 20%;
-  }
-
-  .xl\:mb-1\/5 {
-    margin-bottom: 20%;
-  }
-
-  .xl\:ml-1\/5 {
-    margin-left: 20%;
-  }
-
-  .xl\:mt-2\/5 {
-    margin-top: 40%;
-  }
-
-  .xl\:mr-2\/5 {
-    margin-right: 40%;
-  }
-
-  .xl\:mb-2\/5 {
-    margin-bottom: 40%;
-  }
-
-  .xl\:ml-2\/5 {
-    margin-left: 40%;
-  }
-
-  .xl\:mt-3\/5 {
-    margin-top: 60%;
-  }
-
-  .xl\:mr-3\/5 {
-    margin-right: 60%;
-  }
-
-  .xl\:mb-3\/5 {
-    margin-bottom: 60%;
-  }
-
-  .xl\:ml-3\/5 {
-    margin-left: 60%;
-  }
-
-  .xl\:mt-4\/5 {
-    margin-top: 80%;
-  }
-
-  .xl\:mr-4\/5 {
-    margin-right: 80%;
-  }
-
-  .xl\:mb-4\/5 {
-    margin-bottom: 80%;
-  }
-
-  .xl\:ml-4\/5 {
-    margin-left: 80%;
-  }
-
-  .xl\:mt-1\/6 {
-    margin-top: 16.666667%;
-  }
-
-  .xl\:mr-1\/6 {
-    margin-right: 16.666667%;
-  }
-
-  .xl\:mb-1\/6 {
-    margin-bottom: 16.666667%;
-  }
-
-  .xl\:ml-1\/6 {
-    margin-left: 16.666667%;
-  }
-
-  .xl\:mt-2\/6 {
-    margin-top: 33.333333%;
-  }
-
-  .xl\:mr-2\/6 {
-    margin-right: 33.333333%;
-  }
-
-  .xl\:mb-2\/6 {
-    margin-bottom: 33.333333%;
-  }
-
-  .xl\:ml-2\/6 {
-    margin-left: 33.333333%;
-  }
-
-  .xl\:mt-3\/6 {
-    margin-top: 50%;
-  }
-
-  .xl\:mr-3\/6 {
-    margin-right: 50%;
-  }
-
-  .xl\:mb-3\/6 {
-    margin-bottom: 50%;
-  }
-
-  .xl\:ml-3\/6 {
-    margin-left: 50%;
-  }
-
-  .xl\:mt-4\/6 {
-    margin-top: 66.666667%;
-  }
-
-  .xl\:mr-4\/6 {
-    margin-right: 66.666667%;
-  }
-
-  .xl\:mb-4\/6 {
-    margin-bottom: 66.666667%;
-  }
-
-  .xl\:ml-4\/6 {
-    margin-left: 66.666667%;
-  }
-
-  .xl\:mt-5\/6 {
-    margin-top: 83.333333%;
-  }
-
-  .xl\:mr-5\/6 {
-    margin-right: 83.333333%;
-  }
-
-  .xl\:mb-5\/6 {
-    margin-bottom: 83.333333%;
-  }
-
-  .xl\:ml-5\/6 {
-    margin-left: 83.333333%;
-  }
-
-  .xl\:mt-1\/12 {
-    margin-top: 8.333333%;
-  }
-
-  .xl\:mr-1\/12 {
-    margin-right: 8.333333%;
-  }
-
-  .xl\:mb-1\/12 {
-    margin-bottom: 8.333333%;
-  }
-
-  .xl\:ml-1\/12 {
-    margin-left: 8.333333%;
-  }
-
-  .xl\:mt-2\/12 {
-    margin-top: 16.666667%;
-  }
-
-  .xl\:mr-2\/12 {
-    margin-right: 16.666667%;
-  }
-
-  .xl\:mb-2\/12 {
-    margin-bottom: 16.666667%;
-  }
-
-  .xl\:ml-2\/12 {
-    margin-left: 16.666667%;
-  }
-
-  .xl\:mt-3\/12 {
-    margin-top: 25%;
-  }
-
-  .xl\:mr-3\/12 {
-    margin-right: 25%;
-  }
-
-  .xl\:mb-3\/12 {
-    margin-bottom: 25%;
-  }
-
-  .xl\:ml-3\/12 {
-    margin-left: 25%;
-  }
-
-  .xl\:mt-4\/12 {
-    margin-top: 33.333333%;
-  }
-
-  .xl\:mr-4\/12 {
-    margin-right: 33.333333%;
-  }
-
-  .xl\:mb-4\/12 {
-    margin-bottom: 33.333333%;
-  }
-
-  .xl\:ml-4\/12 {
-    margin-left: 33.333333%;
-  }
-
-  .xl\:mt-5\/12 {
-    margin-top: 41.666667%;
-  }
-
-  .xl\:mr-5\/12 {
-    margin-right: 41.666667%;
-  }
-
-  .xl\:mb-5\/12 {
-    margin-bottom: 41.666667%;
-  }
-
-  .xl\:ml-5\/12 {
-    margin-left: 41.666667%;
-  }
-
-  .xl\:mt-6\/12 {
-    margin-top: 50%;
-  }
-
-  .xl\:mr-6\/12 {
-    margin-right: 50%;
-  }
-
-  .xl\:mb-6\/12 {
-    margin-bottom: 50%;
-  }
-
-  .xl\:ml-6\/12 {
-    margin-left: 50%;
-  }
-
-  .xl\:mt-7\/12 {
-    margin-top: 58.333333%;
-  }
-
-  .xl\:mr-7\/12 {
-    margin-right: 58.333333%;
-  }
-
-  .xl\:mb-7\/12 {
-    margin-bottom: 58.333333%;
-  }
-
-  .xl\:ml-7\/12 {
-    margin-left: 58.333333%;
-  }
-
-  .xl\:mt-8\/12 {
-    margin-top: 66.666667%;
-  }
-
-  .xl\:mr-8\/12 {
-    margin-right: 66.666667%;
-  }
-
-  .xl\:mb-8\/12 {
-    margin-bottom: 66.666667%;
-  }
-
-  .xl\:ml-8\/12 {
-    margin-left: 66.666667%;
-  }
-
-  .xl\:mt-9\/12 {
-    margin-top: 75%;
-  }
-
-  .xl\:mr-9\/12 {
-    margin-right: 75%;
-  }
-
-  .xl\:mb-9\/12 {
-    margin-bottom: 75%;
-  }
-
-  .xl\:ml-9\/12 {
-    margin-left: 75%;
-  }
-
-  .xl\:mt-10\/12 {
-    margin-top: 83.333333%;
-  }
-
-  .xl\:mr-10\/12 {
-    margin-right: 83.333333%;
-  }
-
-  .xl\:mb-10\/12 {
-    margin-bottom: 83.333333%;
-  }
-
-  .xl\:ml-10\/12 {
-    margin-left: 83.333333%;
-  }
-
-  .xl\:mt-11\/12 {
-    margin-top: 91.666667%;
-  }
-
-  .xl\:mr-11\/12 {
-    margin-right: 91.666667%;
-  }
-
-  .xl\:mb-11\/12 {
-    margin-bottom: 91.666667%;
-  }
-
-  .xl\:ml-11\/12 {
-    margin-left: 91.666667%;
-  }
-
-  .xl\:mt-full {
-    margin-top: 100%;
-  }
-
-  .xl\:mr-full {
-    margin-right: 100%;
-  }
-
-  .xl\:mb-full {
-    margin-bottom: 100%;
-  }
-
-  .xl\:ml-full {
-    margin-left: 100%;
-  }
-
-  .xl\:-mt-1 {
-    margin-top: -0.25rem;
-  }
-
-  .xl\:-mr-1 {
-    margin-right: -0.25rem;
-  }
-
-  .xl\:-mb-1 {
-    margin-bottom: -0.25rem;
-  }
-
-  .xl\:-ml-1 {
-    margin-left: -0.25rem;
-  }
-
-  .xl\:-mt-2 {
-    margin-top: -0.5rem;
-  }
-
-  .xl\:-mr-2 {
-    margin-right: -0.5rem;
-  }
-
-  .xl\:-mb-2 {
-    margin-bottom: -0.5rem;
-  }
-
-  .xl\:-ml-2 {
-    margin-left: -0.5rem;
-  }
-
-  .xl\:-mt-3 {
-    margin-top: -0.75rem;
-  }
-
-  .xl\:-mr-3 {
-    margin-right: -0.75rem;
-  }
-
-  .xl\:-mb-3 {
-    margin-bottom: -0.75rem;
-  }
-
-  .xl\:-ml-3 {
-    margin-left: -0.75rem;
-  }
-
-  .xl\:-mt-4 {
-    margin-top: -1rem;
-  }
-
-  .xl\:-mr-4 {
-    margin-right: -1rem;
-  }
-
-  .xl\:-mb-4 {
-    margin-bottom: -1rem;
-  }
-
-  .xl\:-ml-4 {
-    margin-left: -1rem;
-  }
-
-  .xl\:-mt-5 {
-    margin-top: -1.25rem;
-  }
-
-  .xl\:-mr-5 {
-    margin-right: -1.25rem;
-  }
-
-  .xl\:-mb-5 {
-    margin-bottom: -1.25rem;
-  }
-
-  .xl\:-ml-5 {
-    margin-left: -1.25rem;
-  }
-
-  .xl\:-mt-6 {
-    margin-top: -1.5rem;
-  }
-
-  .xl\:-mr-6 {
-    margin-right: -1.5rem;
-  }
-
-  .xl\:-mb-6 {
-    margin-bottom: -1.5rem;
-  }
-
-  .xl\:-ml-6 {
-    margin-left: -1.5rem;
-  }
-
-  .xl\:-mt-7 {
-    margin-top: -1.75rem;
-  }
-
-  .xl\:-mr-7 {
-    margin-right: -1.75rem;
-  }
-
-  .xl\:-mb-7 {
-    margin-bottom: -1.75rem;
-  }
-
-  .xl\:-ml-7 {
-    margin-left: -1.75rem;
-  }
-
-  .xl\:-mt-8 {
-    margin-top: -2rem;
-  }
-
-  .xl\:-mr-8 {
-    margin-right: -2rem;
-  }
-
-  .xl\:-mb-8 {
-    margin-bottom: -2rem;
-  }
-
-  .xl\:-ml-8 {
-    margin-left: -2rem;
-  }
-
-  .xl\:-mt-9 {
-    margin-top: -2.25rem;
-  }
-
-  .xl\:-mr-9 {
-    margin-right: -2.25rem;
-  }
-
-  .xl\:-mb-9 {
-    margin-bottom: -2.25rem;
-  }
-
-  .xl\:-ml-9 {
-    margin-left: -2.25rem;
-  }
-
-  .xl\:-mt-10 {
-    margin-top: -2.5rem;
-  }
-
-  .xl\:-mr-10 {
-    margin-right: -2.5rem;
-  }
-
-  .xl\:-mb-10 {
-    margin-bottom: -2.5rem;
-  }
-
-  .xl\:-ml-10 {
-    margin-left: -2.5rem;
-  }
-
-  .xl\:-mt-11 {
-    margin-top: -2.75rem;
-  }
-
-  .xl\:-mr-11 {
-    margin-right: -2.75rem;
-  }
-
-  .xl\:-mb-11 {
-    margin-bottom: -2.75rem;
-  }
-
-  .xl\:-ml-11 {
-    margin-left: -2.75rem;
-  }
-
-  .xl\:-mt-12 {
-    margin-top: -3rem;
-  }
-
-  .xl\:-mr-12 {
-    margin-right: -3rem;
-  }
-
-  .xl\:-mb-12 {
-    margin-bottom: -3rem;
-  }
-
-  .xl\:-ml-12 {
-    margin-left: -3rem;
-  }
-
-  .xl\:-mt-13 {
-    margin-top: -3.25rem;
-  }
-
-  .xl\:-mr-13 {
-    margin-right: -3.25rem;
-  }
-
-  .xl\:-mb-13 {
-    margin-bottom: -3.25rem;
-  }
-
-  .xl\:-ml-13 {
-    margin-left: -3.25rem;
-  }
-
-  .xl\:-mt-14 {
-    margin-top: -3.5rem;
-  }
-
-  .xl\:-mr-14 {
-    margin-right: -3.5rem;
-  }
-
-  .xl\:-mb-14 {
-    margin-bottom: -3.5rem;
-  }
-
-  .xl\:-ml-14 {
-    margin-left: -3.5rem;
-  }
-
-  .xl\:-mt-15 {
-    margin-top: -3.75rem;
-  }
-
-  .xl\:-mr-15 {
-    margin-right: -3.75rem;
-  }
-
-  .xl\:-mb-15 {
-    margin-bottom: -3.75rem;
-  }
-
-  .xl\:-ml-15 {
-    margin-left: -3.75rem;
-  }
-
-  .xl\:-mt-16 {
-    margin-top: -4rem;
-  }
-
-  .xl\:-mr-16 {
-    margin-right: -4rem;
-  }
-
-  .xl\:-mb-16 {
-    margin-bottom: -4rem;
-  }
-
-  .xl\:-ml-16 {
-    margin-left: -4rem;
-  }
-
-  .xl\:-mt-20 {
-    margin-top: -5rem;
-  }
-
-  .xl\:-mr-20 {
-    margin-right: -5rem;
-  }
-
-  .xl\:-mb-20 {
-    margin-bottom: -5rem;
-  }
-
-  .xl\:-ml-20 {
-    margin-left: -5rem;
-  }
-
-  .xl\:-mt-24 {
-    margin-top: -6rem;
-  }
-
-  .xl\:-mr-24 {
-    margin-right: -6rem;
-  }
-
-  .xl\:-mb-24 {
-    margin-bottom: -6rem;
-  }
-
-  .xl\:-ml-24 {
-    margin-left: -6rem;
-  }
-
-  .xl\:-mt-28 {
-    margin-top: -7rem;
-  }
-
-  .xl\:-mr-28 {
-    margin-right: -7rem;
-  }
-
-  .xl\:-mb-28 {
-    margin-bottom: -7rem;
-  }
-
-  .xl\:-ml-28 {
-    margin-left: -7rem;
-  }
-
-  .xl\:-mt-32 {
-    margin-top: -8rem;
-  }
-
-  .xl\:-mr-32 {
-    margin-right: -8rem;
-  }
-
-  .xl\:-mb-32 {
-    margin-bottom: -8rem;
-  }
-
-  .xl\:-ml-32 {
-    margin-left: -8rem;
-  }
-
-  .xl\:-mt-36 {
-    margin-top: -9rem;
-  }
-
-  .xl\:-mr-36 {
-    margin-right: -9rem;
-  }
-
-  .xl\:-mb-36 {
-    margin-bottom: -9rem;
-  }
-
-  .xl\:-ml-36 {
-    margin-left: -9rem;
-  }
-
-  .xl\:-mt-40 {
-    margin-top: -10rem;
-  }
-
-  .xl\:-mr-40 {
-    margin-right: -10rem;
-  }
-
-  .xl\:-mb-40 {
-    margin-bottom: -10rem;
-  }
-
-  .xl\:-ml-40 {
-    margin-left: -10rem;
-  }
-
-  .xl\:-mt-48 {
-    margin-top: -12rem;
-  }
-
-  .xl\:-mr-48 {
-    margin-right: -12rem;
-  }
-
-  .xl\:-mb-48 {
-    margin-bottom: -12rem;
-  }
-
-  .xl\:-ml-48 {
-    margin-left: -12rem;
-  }
-
-  .xl\:-mt-56 {
-    margin-top: -14rem;
-  }
-
-  .xl\:-mr-56 {
-    margin-right: -14rem;
-  }
-
-  .xl\:-mb-56 {
-    margin-bottom: -14rem;
-  }
-
-  .xl\:-ml-56 {
-    margin-left: -14rem;
-  }
-
-  .xl\:-mt-60 {
-    margin-top: -15rem;
-  }
-
-  .xl\:-mr-60 {
-    margin-right: -15rem;
-  }
-
-  .xl\:-mb-60 {
-    margin-bottom: -15rem;
-  }
-
-  .xl\:-ml-60 {
-    margin-left: -15rem;
-  }
-
-  .xl\:-mt-64 {
-    margin-top: -16rem;
-  }
-
-  .xl\:-mr-64 {
-    margin-right: -16rem;
-  }
-
-  .xl\:-mb-64 {
-    margin-bottom: -16rem;
-  }
-
-  .xl\:-ml-64 {
-    margin-left: -16rem;
-  }
-
-  .xl\:-mt-72 {
-    margin-top: -18rem;
-  }
-
-  .xl\:-mr-72 {
-    margin-right: -18rem;
-  }
-
-  .xl\:-mb-72 {
-    margin-bottom: -18rem;
-  }
-
-  .xl\:-ml-72 {
-    margin-left: -18rem;
-  }
-
-  .xl\:-mt-80 {
-    margin-top: -20rem;
-  }
-
-  .xl\:-mr-80 {
-    margin-right: -20rem;
-  }
-
-  .xl\:-mb-80 {
-    margin-bottom: -20rem;
-  }
-
-  .xl\:-ml-80 {
-    margin-left: -20rem;
-  }
-
-  .xl\:-mt-96 {
-    margin-top: -24rem;
-  }
-
-  .xl\:-mr-96 {
-    margin-right: -24rem;
-  }
-
-  .xl\:-mb-96 {
-    margin-bottom: -24rem;
-  }
-
-  .xl\:-ml-96 {
-    margin-left: -24rem;
-  }
-
-  .xl\:-mt-px {
-    margin-top: -1px;
-  }
-
-  .xl\:-mr-px {
-    margin-right: -1px;
-  }
-
-  .xl\:-mb-px {
-    margin-bottom: -1px;
-  }
-
-  .xl\:-ml-px {
-    margin-left: -1px;
-  }
-
-  .xl\:-mt-0\.5 {
-    margin-top: -0.125rem;
-  }
-
-  .xl\:-mr-0\.5 {
-    margin-right: -0.125rem;
-  }
-
-  .xl\:-mb-0\.5 {
-    margin-bottom: -0.125rem;
-  }
-
-  .xl\:-ml-0\.5 {
-    margin-left: -0.125rem;
-  }
-
-  .xl\:-mt-1\.5 {
-    margin-top: -0.375rem;
-  }
-
-  .xl\:-mr-1\.5 {
-    margin-right: -0.375rem;
-  }
-
-  .xl\:-mb-1\.5 {
-    margin-bottom: -0.375rem;
-  }
-
-  .xl\:-ml-1\.5 {
-    margin-left: -0.375rem;
-  }
-
-  .xl\:-mt-2\.5 {
-    margin-top: -0.625rem;
-  }
-
-  .xl\:-mr-2\.5 {
-    margin-right: -0.625rem;
-  }
-
-  .xl\:-mb-2\.5 {
-    margin-bottom: -0.625rem;
-  }
-
-  .xl\:-ml-2\.5 {
-    margin-left: -0.625rem;
-  }
-
-  .xl\:-mt-3\.5 {
-    margin-top: -0.875rem;
-  }
-
-  .xl\:-mr-3\.5 {
-    margin-right: -0.875rem;
-  }
-
-  .xl\:-mb-3\.5 {
-    margin-bottom: -0.875rem;
-  }
-
-  .xl\:-ml-3\.5 {
-    margin-left: -0.875rem;
-  }
-
-  .xl\:-mt-1\/2 {
-    margin-top: -50%;
-  }
-
-  .xl\:-mr-1\/2 {
-    margin-right: -50%;
-  }
-
-  .xl\:-mb-1\/2 {
-    margin-bottom: -50%;
-  }
-
-  .xl\:-ml-1\/2 {
-    margin-left: -50%;
-  }
-
-  .xl\:-mt-1\/3 {
-    margin-top: -33.33333%;
-  }
-
-  .xl\:-mr-1\/3 {
-    margin-right: -33.33333%;
-  }
-
-  .xl\:-mb-1\/3 {
-    margin-bottom: -33.33333%;
-  }
-
-  .xl\:-ml-1\/3 {
-    margin-left: -33.33333%;
-  }
-
-  .xl\:-mt-2\/3 {
-    margin-top: -66.66667%;
-  }
-
-  .xl\:-mr-2\/3 {
-    margin-right: -66.66667%;
-  }
-
-  .xl\:-mb-2\/3 {
-    margin-bottom: -66.66667%;
-  }
-
-  .xl\:-ml-2\/3 {
-    margin-left: -66.66667%;
-  }
-
-  .xl\:-mt-1\/4 {
-    margin-top: -25%;
-  }
-
-  .xl\:-mr-1\/4 {
-    margin-right: -25%;
-  }
-
-  .xl\:-mb-1\/4 {
-    margin-bottom: -25%;
-  }
-
-  .xl\:-ml-1\/4 {
-    margin-left: -25%;
-  }
-
-  .xl\:-mt-2\/4 {
-    margin-top: -50%;
-  }
-
-  .xl\:-mr-2\/4 {
-    margin-right: -50%;
-  }
-
-  .xl\:-mb-2\/4 {
-    margin-bottom: -50%;
-  }
-
-  .xl\:-ml-2\/4 {
-    margin-left: -50%;
-  }
-
-  .xl\:-mt-3\/4 {
-    margin-top: -75%;
-  }
-
-  .xl\:-mr-3\/4 {
-    margin-right: -75%;
-  }
-
-  .xl\:-mb-3\/4 {
-    margin-bottom: -75%;
-  }
-
-  .xl\:-ml-3\/4 {
-    margin-left: -75%;
-  }
-
-  .xl\:-mt-1\/5 {
-    margin-top: -20%;
-  }
-
-  .xl\:-mr-1\/5 {
-    margin-right: -20%;
-  }
-
-  .xl\:-mb-1\/5 {
-    margin-bottom: -20%;
-  }
-
-  .xl\:-ml-1\/5 {
-    margin-left: -20%;
-  }
-
-  .xl\:-mt-2\/5 {
-    margin-top: -40%;
-  }
-
-  .xl\:-mr-2\/5 {
-    margin-right: -40%;
-  }
-
-  .xl\:-mb-2\/5 {
-    margin-bottom: -40%;
-  }
-
-  .xl\:-ml-2\/5 {
-    margin-left: -40%;
-  }
-
-  .xl\:-mt-3\/5 {
-    margin-top: -60%;
-  }
-
-  .xl\:-mr-3\/5 {
-    margin-right: -60%;
-  }
-
-  .xl\:-mb-3\/5 {
-    margin-bottom: -60%;
-  }
-
-  .xl\:-ml-3\/5 {
-    margin-left: -60%;
-  }
-
-  .xl\:-mt-4\/5 {
-    margin-top: -80%;
-  }
-
-  .xl\:-mr-4\/5 {
-    margin-right: -80%;
-  }
-
-  .xl\:-mb-4\/5 {
-    margin-bottom: -80%;
-  }
-
-  .xl\:-ml-4\/5 {
-    margin-left: -80%;
-  }
-
-  .xl\:-mt-1\/6 {
-    margin-top: -16.66667%;
-  }
-
-  .xl\:-mr-1\/6 {
-    margin-right: -16.66667%;
-  }
-
-  .xl\:-mb-1\/6 {
-    margin-bottom: -16.66667%;
-  }
-
-  .xl\:-ml-1\/6 {
-    margin-left: -16.66667%;
-  }
-
-  .xl\:-mt-2\/6 {
-    margin-top: -33.33333%;
-  }
-
-  .xl\:-mr-2\/6 {
-    margin-right: -33.33333%;
-  }
-
-  .xl\:-mb-2\/6 {
-    margin-bottom: -33.33333%;
-  }
-
-  .xl\:-ml-2\/6 {
-    margin-left: -33.33333%;
-  }
-
-  .xl\:-mt-3\/6 {
-    margin-top: -50%;
-  }
-
-  .xl\:-mr-3\/6 {
-    margin-right: -50%;
-  }
-
-  .xl\:-mb-3\/6 {
-    margin-bottom: -50%;
-  }
-
-  .xl\:-ml-3\/6 {
-    margin-left: -50%;
-  }
-
-  .xl\:-mt-4\/6 {
-    margin-top: -66.66667%;
-  }
-
-  .xl\:-mr-4\/6 {
-    margin-right: -66.66667%;
-  }
-
-  .xl\:-mb-4\/6 {
-    margin-bottom: -66.66667%;
-  }
-
-  .xl\:-ml-4\/6 {
-    margin-left: -66.66667%;
-  }
-
-  .xl\:-mt-5\/6 {
-    margin-top: -83.33333%;
-  }
-
-  .xl\:-mr-5\/6 {
-    margin-right: -83.33333%;
-  }
-
-  .xl\:-mb-5\/6 {
-    margin-bottom: -83.33333%;
-  }
-
-  .xl\:-ml-5\/6 {
-    margin-left: -83.33333%;
-  }
-
-  .xl\:-mt-1\/12 {
-    margin-top: -8.33333%;
-  }
-
-  .xl\:-mr-1\/12 {
-    margin-right: -8.33333%;
-  }
-
-  .xl\:-mb-1\/12 {
-    margin-bottom: -8.33333%;
-  }
-
-  .xl\:-ml-1\/12 {
-    margin-left: -8.33333%;
-  }
-
-  .xl\:-mt-2\/12 {
-    margin-top: -16.66667%;
-  }
-
-  .xl\:-mr-2\/12 {
-    margin-right: -16.66667%;
-  }
-
-  .xl\:-mb-2\/12 {
-    margin-bottom: -16.66667%;
-  }
-
-  .xl\:-ml-2\/12 {
-    margin-left: -16.66667%;
-  }
-
-  .xl\:-mt-3\/12 {
-    margin-top: -25%;
-  }
-
-  .xl\:-mr-3\/12 {
-    margin-right: -25%;
-  }
-
-  .xl\:-mb-3\/12 {
-    margin-bottom: -25%;
-  }
-
-  .xl\:-ml-3\/12 {
-    margin-left: -25%;
-  }
-
-  .xl\:-mt-4\/12 {
-    margin-top: -33.33333%;
-  }
-
-  .xl\:-mr-4\/12 {
-    margin-right: -33.33333%;
-  }
-
-  .xl\:-mb-4\/12 {
-    margin-bottom: -33.33333%;
-  }
-
-  .xl\:-ml-4\/12 {
-    margin-left: -33.33333%;
-  }
-
-  .xl\:-mt-5\/12 {
-    margin-top: -41.66667%;
-  }
-
-  .xl\:-mr-5\/12 {
-    margin-right: -41.66667%;
-  }
-
-  .xl\:-mb-5\/12 {
-    margin-bottom: -41.66667%;
-  }
-
-  .xl\:-ml-5\/12 {
-    margin-left: -41.66667%;
-  }
-
-  .xl\:-mt-6\/12 {
-    margin-top: -50%;
-  }
-
-  .xl\:-mr-6\/12 {
-    margin-right: -50%;
-  }
-
-  .xl\:-mb-6\/12 {
-    margin-bottom: -50%;
-  }
-
-  .xl\:-ml-6\/12 {
-    margin-left: -50%;
-  }
-
-  .xl\:-mt-7\/12 {
-    margin-top: -58.33333%;
-  }
-
-  .xl\:-mr-7\/12 {
-    margin-right: -58.33333%;
-  }
-
-  .xl\:-mb-7\/12 {
-    margin-bottom: -58.33333%;
-  }
-
-  .xl\:-ml-7\/12 {
-    margin-left: -58.33333%;
-  }
-
-  .xl\:-mt-8\/12 {
-    margin-top: -66.66667%;
-  }
-
-  .xl\:-mr-8\/12 {
-    margin-right: -66.66667%;
-  }
-
-  .xl\:-mb-8\/12 {
-    margin-bottom: -66.66667%;
-  }
-
-  .xl\:-ml-8\/12 {
-    margin-left: -66.66667%;
-  }
-
-  .xl\:-mt-9\/12 {
-    margin-top: -75%;
-  }
-
-  .xl\:-mr-9\/12 {
-    margin-right: -75%;
-  }
-
-  .xl\:-mb-9\/12 {
-    margin-bottom: -75%;
-  }
-
-  .xl\:-ml-9\/12 {
-    margin-left: -75%;
-  }
-
-  .xl\:-mt-10\/12 {
-    margin-top: -83.33333%;
-  }
-
-  .xl\:-mr-10\/12 {
-    margin-right: -83.33333%;
-  }
-
-  .xl\:-mb-10\/12 {
-    margin-bottom: -83.33333%;
-  }
-
-  .xl\:-ml-10\/12 {
-    margin-left: -83.33333%;
-  }
-
-  .xl\:-mt-11\/12 {
-    margin-top: -91.66667%;
-  }
-
-  .xl\:-mr-11\/12 {
-    margin-right: -91.66667%;
-  }
-
-  .xl\:-mb-11\/12 {
-    margin-bottom: -91.66667%;
-  }
-
-  .xl\:-ml-11\/12 {
-    margin-left: -91.66667%;
-  }
-
-  .xl\:-mt-full {
-    margin-top: -100%;
-  }
-
-  .xl\:-mr-full {
-    margin-right: -100%;
-  }
-
-  .xl\:-mb-full {
-    margin-bottom: -100%;
-  }
-
-  .xl\:-ml-full {
-    margin-left: -100%;
-  }
-
-  .xl\:max-h-0 {
-    max-height: 0;
-  }
-
-  .xl\:max-h-1 {
-    max-height: 0.25rem;
-  }
-
-  .xl\:max-h-2 {
-    max-height: 0.5rem;
-  }
-
-  .xl\:max-h-3 {
-    max-height: 0.75rem;
-  }
-
-  .xl\:max-h-4 {
-    max-height: 1rem;
-  }
-
-  .xl\:max-h-5 {
-    max-height: 1.25rem;
-  }
-
-  .xl\:max-h-6 {
-    max-height: 1.5rem;
-  }
-
-  .xl\:max-h-7 {
-    max-height: 1.75rem;
-  }
-
-  .xl\:max-h-8 {
-    max-height: 2rem;
-  }
-
-  .xl\:max-h-9 {
-    max-height: 2.25rem;
-  }
-
-  .xl\:max-h-10 {
-    max-height: 2.5rem;
-  }
-
-  .xl\:max-h-11 {
-    max-height: 2.75rem;
-  }
-
-  .xl\:max-h-12 {
-    max-height: 3rem;
-  }
-
-  .xl\:max-h-13 {
-    max-height: 3.25rem;
-  }
-
-  .xl\:max-h-14 {
-    max-height: 3.5rem;
-  }
-
-  .xl\:max-h-15 {
-    max-height: 3.75rem;
-  }
-
-  .xl\:max-h-16 {
-    max-height: 4rem;
-  }
-
-  .xl\:max-h-20 {
-    max-height: 5rem;
-  }
-
-  .xl\:max-h-24 {
-    max-height: 6rem;
-  }
-
-  .xl\:max-h-28 {
-    max-height: 7rem;
-  }
-
-  .xl\:max-h-32 {
-    max-height: 8rem;
-  }
-
-  .xl\:max-h-36 {
-    max-height: 9rem;
-  }
-
-  .xl\:max-h-40 {
-    max-height: 10rem;
-  }
-
-  .xl\:max-h-48 {
-    max-height: 12rem;
-  }
-
-  .xl\:max-h-56 {
-    max-height: 14rem;
-  }
-
-  .xl\:max-h-60 {
-    max-height: 15rem;
-  }
-
-  .xl\:max-h-64 {
-    max-height: 16rem;
-  }
-
-  .xl\:max-h-72 {
-    max-height: 18rem;
-  }
-
-  .xl\:max-h-80 {
-    max-height: 20rem;
-  }
-
-  .xl\:max-h-96 {
-    max-height: 24rem;
-  }
-
-  .xl\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .xl\:max-h-px {
-    max-height: 1px;
-  }
-
-  .xl\:max-h-0\.5 {
-    max-height: 0.125rem;
-  }
-
-  .xl\:max-h-1\.5 {
-    max-height: 0.375rem;
-  }
-
-  .xl\:max-h-2\.5 {
-    max-height: 0.625rem;
-  }
-
-  .xl\:max-h-3\.5 {
-    max-height: 0.875rem;
-  }
-
-  .xl\:max-h-1\/2 {
-    max-height: 50%;
-  }
-
-  .xl\:max-h-1\/3 {
-    max-height: 33.333333%;
-  }
-
-  .xl\:max-h-2\/3 {
-    max-height: 66.666667%;
-  }
-
-  .xl\:max-h-1\/4 {
-    max-height: 25%;
-  }
-
-  .xl\:max-h-2\/4 {
-    max-height: 50%;
-  }
-
-  .xl\:max-h-3\/4 {
-    max-height: 75%;
-  }
-
-  .xl\:max-h-1\/5 {
-    max-height: 20%;
-  }
-
-  .xl\:max-h-2\/5 {
-    max-height: 40%;
-  }
-
-  .xl\:max-h-3\/5 {
-    max-height: 60%;
-  }
-
-  .xl\:max-h-4\/5 {
-    max-height: 80%;
-  }
-
-  .xl\:max-h-1\/6 {
-    max-height: 16.666667%;
-  }
-
-  .xl\:max-h-2\/6 {
-    max-height: 33.333333%;
-  }
-
-  .xl\:max-h-3\/6 {
-    max-height: 50%;
-  }
-
-  .xl\:max-h-4\/6 {
-    max-height: 66.666667%;
-  }
-
-  .xl\:max-h-5\/6 {
-    max-height: 83.333333%;
-  }
-
-  .xl\:max-h-1\/12 {
-    max-height: 8.333333%;
-  }
-
-  .xl\:max-h-2\/12 {
-    max-height: 16.666667%;
-  }
-
-  .xl\:max-h-3\/12 {
-    max-height: 25%;
-  }
-
-  .xl\:max-h-4\/12 {
-    max-height: 33.333333%;
-  }
-
-  .xl\:max-h-5\/12 {
-    max-height: 41.666667%;
-  }
-
-  .xl\:max-h-6\/12 {
-    max-height: 50%;
-  }
-
-  .xl\:max-h-7\/12 {
-    max-height: 58.333333%;
-  }
-
-  .xl\:max-h-8\/12 {
-    max-height: 66.666667%;
-  }
-
-  .xl\:max-h-9\/12 {
-    max-height: 75%;
-  }
-
-  .xl\:max-h-10\/12 {
-    max-height: 83.333333%;
-  }
-
-  .xl\:max-h-11\/12 {
-    max-height: 91.666667%;
-  }
-
-  .xl\:max-h-full {
-    max-height: 100%;
-  }
-
-  .xl\:max-w-none {
-    max-width: none;
-  }
-
-  .xl\:max-w-xs {
-    max-width: 20rem;
-  }
-
-  .xl\:max-w-sm {
-    max-width: 24rem;
-  }
-
-  .xl\:max-w-md {
-    max-width: 28rem;
-  }
-
-  .xl\:max-w-lg {
-    max-width: 32rem;
-  }
-
-  .xl\:max-w-xl {
-    max-width: 36rem;
-  }
-
-  .xl\:max-w-2xl {
-    max-width: 42rem;
-  }
-
-  .xl\:max-w-3xl {
-    max-width: 48rem;
-  }
-
-  .xl\:max-w-4xl {
-    max-width: 56rem;
-  }
-
-  .xl\:max-w-5xl {
-    max-width: 64rem;
-  }
-
-  .xl\:max-w-6xl {
-    max-width: 72rem;
-  }
-
-  .xl\:max-w-7xl {
-    max-width: 80rem;
-  }
-
-  .xl\:max-w-full {
-    max-width: 100%;
-  }
-
-  .xl\:max-w-screen-sm {
-    max-width: 640px;
-  }
-
-  .xl\:max-w-screen-md {
-    max-width: 768px;
-  }
-
-  .xl\:max-w-screen-lg {
-    max-width: 1024px;
-  }
-
-  .xl\:max-w-screen-xl {
-    max-width: 1280px;
-  }
-
-  .xl\:min-h-0 {
-    min-height: 0;
-  }
-
-  .xl\:min-h-full {
-    min-height: 100%;
-  }
-
-  .xl\:min-h-screen {
-    min-height: 100vh;
-  }
-
-  .xl\:min-w-0 {
-    min-width: 0;
-  }
-
-  .xl\:min-w-full {
-    min-width: 100%;
-  }
-
-  .xl\:object-contain {
-    -o-object-fit: contain;
-       object-fit: contain;
-  }
-
-  .xl\:object-cover {
-    -o-object-fit: cover;
-       object-fit: cover;
-  }
-
-  .xl\:object-fill {
-    -o-object-fit: fill;
-       object-fit: fill;
-  }
-
-  .xl\:object-none {
-    -o-object-fit: none;
-       object-fit: none;
-  }
-
-  .xl\:object-scale-down {
-    -o-object-fit: scale-down;
-       object-fit: scale-down;
-  }
-
-  .xl\:object-bottom {
-    -o-object-position: bottom;
-       object-position: bottom;
-  }
-
-  .xl\:object-center {
-    -o-object-position: center;
-       object-position: center;
-  }
-
-  .xl\:object-left {
-    -o-object-position: left;
-       object-position: left;
-  }
-
-  .xl\:object-left-bottom {
-    -o-object-position: left bottom;
-       object-position: left bottom;
-  }
-
-  .xl\:object-left-top {
-    -o-object-position: left top;
-       object-position: left top;
-  }
-
-  .xl\:object-right {
-    -o-object-position: right;
-       object-position: right;
-  }
-
-  .xl\:object-right-bottom {
-    -o-object-position: right bottom;
-       object-position: right bottom;
-  }
-
-  .xl\:object-right-top {
-    -o-object-position: right top;
-       object-position: right top;
-  }
-
-  .xl\:object-top {
-    -o-object-position: top;
-       object-position: top;
-  }
-
-  .xl\:opacity-0 {
-    opacity: 0;
-  }
-
-  .xl\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .xl\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .xl\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .xl\:opacity-100 {
-    opacity: 1;
-  }
-
-  .xl\:hover\:opacity-0:hover {
-    opacity: 0;
-  }
-
-  .xl\:hover\:opacity-25:hover {
-    opacity: 0.25;
-  }
-
-  .xl\:hover\:opacity-50:hover {
-    opacity: 0.5;
-  }
-
-  .xl\:hover\:opacity-75:hover {
-    opacity: 0.75;
-  }
-
-  .xl\:hover\:opacity-100:hover {
-    opacity: 1;
-  }
-
-  .xl\:focus\:opacity-0:focus {
-    opacity: 0;
-  }
-
-  .xl\:focus\:opacity-25:focus {
-    opacity: 0.25;
-  }
-
-  .xl\:focus\:opacity-50:focus {
-    opacity: 0.5;
-  }
-
-  .xl\:focus\:opacity-75:focus {
-    opacity: 0.75;
-  }
-
-  .xl\:focus\:opacity-100:focus {
-    opacity: 1;
-  }
-
-  .xl\:outline-none {
-    outline: 0;
-  }
-
-  .xl\:focus\:outline-none:focus {
-    outline: 0;
-  }
-
-  .xl\:overflow-auto {
-    overflow: auto;
-  }
-
-  .xl\:overflow-hidden {
-    overflow: hidden;
-  }
-
-  .xl\:overflow-visible {
-    overflow: visible;
-  }
-
-  .xl\:overflow-scroll {
-    overflow: scroll;
-  }
-
-  .xl\:overflow-x-auto {
-    overflow-x: auto;
-  }
-
-  .xl\:overflow-y-auto {
-    overflow-y: auto;
-  }
-
-  .xl\:overflow-x-hidden {
-    overflow-x: hidden;
-  }
-
-  .xl\:overflow-y-hidden {
-    overflow-y: hidden;
-  }
-
-  .xl\:overflow-x-visible {
-    overflow-x: visible;
-  }
-
-  .xl\:overflow-y-visible {
-    overflow-y: visible;
-  }
-
-  .xl\:overflow-x-scroll {
-    overflow-x: scroll;
-  }
-
-  .xl\:overflow-y-scroll {
-    overflow-y: scroll;
-  }
-
-  .xl\:scrolling-touch {
-    -webkit-overflow-scrolling: touch;
-  }
-
-  .xl\:scrolling-auto {
-    -webkit-overflow-scrolling: auto;
-  }
-
-  .xl\:overscroll-auto {
-    -ms-scroll-chaining: chained;
-        overscroll-behavior: auto;
-  }
-
-  .xl\:overscroll-contain {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: contain;
-  }
-
-  .xl\:overscroll-none {
-    -ms-scroll-chaining: none;
-        overscroll-behavior: none;
-  }
-
-  .xl\:overscroll-y-auto {
-    overscroll-behavior-y: auto;
-  }
-
-  .xl\:overscroll-y-contain {
-    overscroll-behavior-y: contain;
-  }
-
-  .xl\:overscroll-y-none {
-    overscroll-behavior-y: none;
-  }
-
-  .xl\:overscroll-x-auto {
-    overscroll-behavior-x: auto;
-  }
-
-  .xl\:overscroll-x-contain {
-    overscroll-behavior-x: contain;
-  }
-
-  .xl\:overscroll-x-none {
-    overscroll-behavior-x: none;
-  }
-
-  .xl\:p-0 {
-    padding: 0;
-  }
-
-  .xl\:p-1 {
-    padding: 0.25rem;
-  }
-
-  .xl\:p-2 {
-    padding: 0.5rem;
-  }
-
-  .xl\:p-3 {
-    padding: 0.75rem;
-  }
-
-  .xl\:p-4 {
-    padding: 1rem;
-  }
-
-  .xl\:p-5 {
-    padding: 1.25rem;
-  }
-
-  .xl\:p-6 {
-    padding: 1.5rem;
-  }
-
-  .xl\:p-7 {
-    padding: 1.75rem;
-  }
-
-  .xl\:p-8 {
-    padding: 2rem;
-  }
-
-  .xl\:p-9 {
-    padding: 2.25rem;
-  }
-
-  .xl\:p-10 {
-    padding: 2.5rem;
-  }
-
-  .xl\:p-11 {
-    padding: 2.75rem;
-  }
-
-  .xl\:p-12 {
-    padding: 3rem;
-  }
-
-  .xl\:p-13 {
-    padding: 3.25rem;
-  }
-
-  .xl\:p-14 {
-    padding: 3.5rem;
-  }
-
-  .xl\:p-15 {
-    padding: 3.75rem;
-  }
-
-  .xl\:p-16 {
-    padding: 4rem;
-  }
-
-  .xl\:p-20 {
-    padding: 5rem;
-  }
-
-  .xl\:p-24 {
-    padding: 6rem;
-  }
-
-  .xl\:p-28 {
-    padding: 7rem;
-  }
-
-  .xl\:p-32 {
-    padding: 8rem;
-  }
-
-  .xl\:p-36 {
-    padding: 9rem;
-  }
-
-  .xl\:p-40 {
-    padding: 10rem;
-  }
-
-  .xl\:p-48 {
-    padding: 12rem;
-  }
-
-  .xl\:p-56 {
-    padding: 14rem;
-  }
-
-  .xl\:p-60 {
-    padding: 15rem;
-  }
-
-  .xl\:p-64 {
-    padding: 16rem;
-  }
-
-  .xl\:p-72 {
-    padding: 18rem;
-  }
-
-  .xl\:p-80 {
-    padding: 20rem;
-  }
-
-  .xl\:p-96 {
-    padding: 24rem;
-  }
-
-  .xl\:p-px {
-    padding: 1px;
-  }
-
-  .xl\:p-0\.5 {
-    padding: 0.125rem;
-  }
-
-  .xl\:p-1\.5 {
-    padding: 0.375rem;
-  }
-
-  .xl\:p-2\.5 {
-    padding: 0.625rem;
-  }
-
-  .xl\:p-3\.5 {
-    padding: 0.875rem;
-  }
-
-  .xl\:p-1\/2 {
-    padding: 50%;
-  }
-
-  .xl\:p-1\/3 {
-    padding: 33.333333%;
-  }
-
-  .xl\:p-2\/3 {
-    padding: 66.666667%;
-  }
-
-  .xl\:p-1\/4 {
-    padding: 25%;
-  }
-
-  .xl\:p-2\/4 {
-    padding: 50%;
-  }
-
-  .xl\:p-3\/4 {
-    padding: 75%;
-  }
-
-  .xl\:p-1\/5 {
-    padding: 20%;
-  }
-
-  .xl\:p-2\/5 {
-    padding: 40%;
-  }
-
-  .xl\:p-3\/5 {
-    padding: 60%;
-  }
-
-  .xl\:p-4\/5 {
-    padding: 80%;
-  }
-
-  .xl\:p-1\/6 {
-    padding: 16.666667%;
-  }
-
-  .xl\:p-2\/6 {
-    padding: 33.333333%;
-  }
-
-  .xl\:p-3\/6 {
-    padding: 50%;
-  }
-
-  .xl\:p-4\/6 {
-    padding: 66.666667%;
-  }
-
-  .xl\:p-5\/6 {
-    padding: 83.333333%;
-  }
-
-  .xl\:p-1\/12 {
-    padding: 8.333333%;
-  }
-
-  .xl\:p-2\/12 {
-    padding: 16.666667%;
-  }
-
-  .xl\:p-3\/12 {
-    padding: 25%;
-  }
-
-  .xl\:p-4\/12 {
-    padding: 33.333333%;
-  }
-
-  .xl\:p-5\/12 {
-    padding: 41.666667%;
-  }
-
-  .xl\:p-6\/12 {
-    padding: 50%;
-  }
-
-  .xl\:p-7\/12 {
-    padding: 58.333333%;
-  }
-
-  .xl\:p-8\/12 {
-    padding: 66.666667%;
-  }
-
-  .xl\:p-9\/12 {
-    padding: 75%;
-  }
-
-  .xl\:p-10\/12 {
-    padding: 83.333333%;
-  }
-
-  .xl\:p-11\/12 {
-    padding: 91.666667%;
-  }
-
-  .xl\:p-full {
-    padding: 100%;
-  }
-
-  .xl\:py-0 {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  .xl\:px-0 {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .xl\:py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
-
-  .xl\:px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-  }
-
-  .xl\:py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-  }
-
-  .xl\:px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-  }
-
-  .xl\:py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
-  }
-
-  .xl\:px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-  }
-
-  .xl\:py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-
-  .xl\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .xl\:py-5 {
-    padding-top: 1.25rem;
-    padding-bottom: 1.25rem;
-  }
-
-  .xl\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
-  .xl\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-
-  .xl\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  .xl\:py-7 {
-    padding-top: 1.75rem;
-    padding-bottom: 1.75rem;
-  }
-
-  .xl\:px-7 {
-    padding-left: 1.75rem;
-    padding-right: 1.75rem;
-  }
-
-  .xl\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-
-  .xl\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .xl\:py-9 {
-    padding-top: 2.25rem;
-    padding-bottom: 2.25rem;
-  }
-
-  .xl\:px-9 {
-    padding-left: 2.25rem;
-    padding-right: 2.25rem;
-  }
-
-  .xl\:py-10 {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
-  }
-
-  .xl\:px-10 {
-    padding-left: 2.5rem;
-    padding-right: 2.5rem;
-  }
-
-  .xl\:py-11 {
-    padding-top: 2.75rem;
-    padding-bottom: 2.75rem;
-  }
-
-  .xl\:px-11 {
-    padding-left: 2.75rem;
-    padding-right: 2.75rem;
-  }
-
-  .xl\:py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
-  }
-
-  .xl\:px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-
-  .xl\:py-13 {
-    padding-top: 3.25rem;
-    padding-bottom: 3.25rem;
-  }
-
-  .xl\:px-13 {
-    padding-left: 3.25rem;
-    padding-right: 3.25rem;
-  }
-
-  .xl\:py-14 {
-    padding-top: 3.5rem;
-    padding-bottom: 3.5rem;
-  }
-
-  .xl\:px-14 {
-    padding-left: 3.5rem;
-    padding-right: 3.5rem;
-  }
-
-  .xl\:py-15 {
-    padding-top: 3.75rem;
-    padding-bottom: 3.75rem;
-  }
-
-  .xl\:px-15 {
-    padding-left: 3.75rem;
-    padding-right: 3.75rem;
-  }
-
-  .xl\:py-16 {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-
-  .xl\:px-16 {
-    padding-left: 4rem;
-    padding-right: 4rem;
-  }
-
-  .xl\:py-20 {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
-  }
-
-  .xl\:px-20 {
-    padding-left: 5rem;
-    padding-right: 5rem;
-  }
-
-  .xl\:py-24 {
-    padding-top: 6rem;
-    padding-bottom: 6rem;
-  }
-
-  .xl\:px-24 {
-    padding-left: 6rem;
-    padding-right: 6rem;
-  }
-
-  .xl\:py-28 {
-    padding-top: 7rem;
-    padding-bottom: 7rem;
-  }
-
-  .xl\:px-28 {
-    padding-left: 7rem;
-    padding-right: 7rem;
-  }
-
-  .xl\:py-32 {
-    padding-top: 8rem;
-    padding-bottom: 8rem;
-  }
-
-  .xl\:px-32 {
-    padding-left: 8rem;
-    padding-right: 8rem;
-  }
-
-  .xl\:py-36 {
-    padding-top: 9rem;
-    padding-bottom: 9rem;
-  }
-
-  .xl\:px-36 {
-    padding-left: 9rem;
-    padding-right: 9rem;
-  }
-
-  .xl\:py-40 {
-    padding-top: 10rem;
-    padding-bottom: 10rem;
-  }
-
-  .xl\:px-40 {
-    padding-left: 10rem;
-    padding-right: 10rem;
-  }
-
-  .xl\:py-48 {
-    padding-top: 12rem;
-    padding-bottom: 12rem;
-  }
-
-  .xl\:px-48 {
-    padding-left: 12rem;
-    padding-right: 12rem;
-  }
-
-  .xl\:py-56 {
-    padding-top: 14rem;
-    padding-bottom: 14rem;
-  }
-
-  .xl\:px-56 {
-    padding-left: 14rem;
-    padding-right: 14rem;
-  }
-
-  .xl\:py-60 {
-    padding-top: 15rem;
-    padding-bottom: 15rem;
-  }
-
-  .xl\:px-60 {
-    padding-left: 15rem;
-    padding-right: 15rem;
-  }
-
-  .xl\:py-64 {
-    padding-top: 16rem;
-    padding-bottom: 16rem;
-  }
-
-  .xl\:px-64 {
-    padding-left: 16rem;
-    padding-right: 16rem;
-  }
-
-  .xl\:py-72 {
-    padding-top: 18rem;
-    padding-bottom: 18rem;
-  }
-
-  .xl\:px-72 {
-    padding-left: 18rem;
-    padding-right: 18rem;
-  }
-
-  .xl\:py-80 {
-    padding-top: 20rem;
-    padding-bottom: 20rem;
-  }
-
-  .xl\:px-80 {
-    padding-left: 20rem;
-    padding-right: 20rem;
-  }
-
-  .xl\:py-96 {
-    padding-top: 24rem;
-    padding-bottom: 24rem;
-  }
-
-  .xl\:px-96 {
-    padding-left: 24rem;
-    padding-right: 24rem;
-  }
-
-  .xl\:py-px {
-    padding-top: 1px;
-    padding-bottom: 1px;
-  }
-
-  .xl\:px-px {
-    padding-left: 1px;
-    padding-right: 1px;
-  }
-
-  .xl\:py-0\.5 {
-    padding-top: 0.125rem;
-    padding-bottom: 0.125rem;
-  }
-
-  .xl\:px-0\.5 {
-    padding-left: 0.125rem;
-    padding-right: 0.125rem;
-  }
-
-  .xl\:py-1\.5 {
-    padding-top: 0.375rem;
-    padding-bottom: 0.375rem;
-  }
-
-  .xl\:px-1\.5 {
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
-  }
-
-  .xl\:py-2\.5 {
-    padding-top: 0.625rem;
-    padding-bottom: 0.625rem;
-  }
-
-  .xl\:px-2\.5 {
-    padding-left: 0.625rem;
-    padding-right: 0.625rem;
-  }
-
-  .xl\:py-3\.5 {
-    padding-top: 0.875rem;
-    padding-bottom: 0.875rem;
-  }
-
-  .xl\:px-3\.5 {
-    padding-left: 0.875rem;
-    padding-right: 0.875rem;
-  }
-
-  .xl\:py-1\/2 {
-    padding-top: 50%;
-    padding-bottom: 50%;
-  }
-
-  .xl\:px-1\/2 {
-    padding-left: 50%;
-    padding-right: 50%;
-  }
-
-  .xl\:py-1\/3 {
-    padding-top: 33.333333%;
-    padding-bottom: 33.333333%;
-  }
-
-  .xl\:px-1\/3 {
-    padding-left: 33.333333%;
-    padding-right: 33.333333%;
-  }
-
-  .xl\:py-2\/3 {
-    padding-top: 66.666667%;
-    padding-bottom: 66.666667%;
-  }
-
-  .xl\:px-2\/3 {
-    padding-left: 66.666667%;
-    padding-right: 66.666667%;
-  }
-
-  .xl\:py-1\/4 {
-    padding-top: 25%;
-    padding-bottom: 25%;
-  }
-
-  .xl\:px-1\/4 {
-    padding-left: 25%;
-    padding-right: 25%;
-  }
-
-  .xl\:py-2\/4 {
-    padding-top: 50%;
-    padding-bottom: 50%;
-  }
-
-  .xl\:px-2\/4 {
-    padding-left: 50%;
-    padding-right: 50%;
-  }
-
-  .xl\:py-3\/4 {
-    padding-top: 75%;
-    padding-bottom: 75%;
-  }
-
-  .xl\:px-3\/4 {
-    padding-left: 75%;
-    padding-right: 75%;
-  }
-
-  .xl\:py-1\/5 {
-    padding-top: 20%;
-    padding-bottom: 20%;
-  }
-
-  .xl\:px-1\/5 {
-    padding-left: 20%;
-    padding-right: 20%;
-  }
-
-  .xl\:py-2\/5 {
-    padding-top: 40%;
-    padding-bottom: 40%;
-  }
-
-  .xl\:px-2\/5 {
-    padding-left: 40%;
-    padding-right: 40%;
-  }
-
-  .xl\:py-3\/5 {
-    padding-top: 60%;
-    padding-bottom: 60%;
-  }
-
-  .xl\:px-3\/5 {
-    padding-left: 60%;
-    padding-right: 60%;
-  }
-
-  .xl\:py-4\/5 {
-    padding-top: 80%;
-    padding-bottom: 80%;
-  }
-
-  .xl\:px-4\/5 {
-    padding-left: 80%;
-    padding-right: 80%;
-  }
-
-  .xl\:py-1\/6 {
-    padding-top: 16.666667%;
-    padding-bottom: 16.666667%;
-  }
-
-  .xl\:px-1\/6 {
-    padding-left: 16.666667%;
-    padding-right: 16.666667%;
-  }
-
-  .xl\:py-2\/6 {
-    padding-top: 33.333333%;
-    padding-bottom: 33.333333%;
-  }
-
-  .xl\:px-2\/6 {
-    padding-left: 33.333333%;
-    padding-right: 33.333333%;
-  }
-
-  .xl\:py-3\/6 {
-    padding-top: 50%;
-    padding-bottom: 50%;
-  }
-
-  .xl\:px-3\/6 {
-    padding-left: 50%;
-    padding-right: 50%;
-  }
-
-  .xl\:py-4\/6 {
-    padding-top: 66.666667%;
-    padding-bottom: 66.666667%;
-  }
-
-  .xl\:px-4\/6 {
-    padding-left: 66.666667%;
-    padding-right: 66.666667%;
-  }
-
-  .xl\:py-5\/6 {
-    padding-top: 83.333333%;
-    padding-bottom: 83.333333%;
-  }
-
-  .xl\:px-5\/6 {
-    padding-left: 83.333333%;
-    padding-right: 83.333333%;
-  }
-
-  .xl\:py-1\/12 {
-    padding-top: 8.333333%;
-    padding-bottom: 8.333333%;
-  }
-
-  .xl\:px-1\/12 {
-    padding-left: 8.333333%;
-    padding-right: 8.333333%;
-  }
-
-  .xl\:py-2\/12 {
-    padding-top: 16.666667%;
-    padding-bottom: 16.666667%;
-  }
-
-  .xl\:px-2\/12 {
-    padding-left: 16.666667%;
-    padding-right: 16.666667%;
-  }
-
-  .xl\:py-3\/12 {
-    padding-top: 25%;
-    padding-bottom: 25%;
-  }
-
-  .xl\:px-3\/12 {
-    padding-left: 25%;
-    padding-right: 25%;
-  }
-
-  .xl\:py-4\/12 {
-    padding-top: 33.333333%;
-    padding-bottom: 33.333333%;
-  }
-
-  .xl\:px-4\/12 {
-    padding-left: 33.333333%;
-    padding-right: 33.333333%;
-  }
-
-  .xl\:py-5\/12 {
-    padding-top: 41.666667%;
-    padding-bottom: 41.666667%;
-  }
-
-  .xl\:px-5\/12 {
-    padding-left: 41.666667%;
-    padding-right: 41.666667%;
-  }
-
-  .xl\:py-6\/12 {
-    padding-top: 50%;
-    padding-bottom: 50%;
-  }
-
-  .xl\:px-6\/12 {
-    padding-left: 50%;
-    padding-right: 50%;
-  }
-
-  .xl\:py-7\/12 {
-    padding-top: 58.333333%;
-    padding-bottom: 58.333333%;
-  }
-
-  .xl\:px-7\/12 {
-    padding-left: 58.333333%;
-    padding-right: 58.333333%;
-  }
-
-  .xl\:py-8\/12 {
-    padding-top: 66.666667%;
-    padding-bottom: 66.666667%;
-  }
-
-  .xl\:px-8\/12 {
-    padding-left: 66.666667%;
-    padding-right: 66.666667%;
-  }
-
-  .xl\:py-9\/12 {
-    padding-top: 75%;
-    padding-bottom: 75%;
-  }
-
-  .xl\:px-9\/12 {
-    padding-left: 75%;
-    padding-right: 75%;
-  }
-
-  .xl\:py-10\/12 {
-    padding-top: 83.333333%;
-    padding-bottom: 83.333333%;
-  }
-
-  .xl\:px-10\/12 {
-    padding-left: 83.333333%;
-    padding-right: 83.333333%;
-  }
-
-  .xl\:py-11\/12 {
-    padding-top: 91.666667%;
-    padding-bottom: 91.666667%;
-  }
-
-  .xl\:px-11\/12 {
-    padding-left: 91.666667%;
-    padding-right: 91.666667%;
-  }
-
-  .xl\:py-full {
-    padding-top: 100%;
-    padding-bottom: 100%;
-  }
-
-  .xl\:px-full {
-    padding-left: 100%;
-    padding-right: 100%;
-  }
-
-  .xl\:pt-0 {
-    padding-top: 0;
-  }
-
-  .xl\:pr-0 {
-    padding-right: 0;
-  }
-
-  .xl\:pb-0 {
-    padding-bottom: 0;
-  }
-
-  .xl\:pl-0 {
-    padding-left: 0;
-  }
-
-  .xl\:pt-1 {
-    padding-top: 0.25rem;
-  }
-
-  .xl\:pr-1 {
-    padding-right: 0.25rem;
-  }
-
-  .xl\:pb-1 {
-    padding-bottom: 0.25rem;
-  }
-
-  .xl\:pl-1 {
-    padding-left: 0.25rem;
-  }
-
-  .xl\:pt-2 {
-    padding-top: 0.5rem;
-  }
-
-  .xl\:pr-2 {
-    padding-right: 0.5rem;
-  }
-
-  .xl\:pb-2 {
-    padding-bottom: 0.5rem;
-  }
-
-  .xl\:pl-2 {
-    padding-left: 0.5rem;
-  }
-
-  .xl\:pt-3 {
-    padding-top: 0.75rem;
-  }
-
-  .xl\:pr-3 {
-    padding-right: 0.75rem;
-  }
-
-  .xl\:pb-3 {
-    padding-bottom: 0.75rem;
-  }
-
-  .xl\:pl-3 {
-    padding-left: 0.75rem;
-  }
-
-  .xl\:pt-4 {
-    padding-top: 1rem;
-  }
-
-  .xl\:pr-4 {
-    padding-right: 1rem;
-  }
-
-  .xl\:pb-4 {
-    padding-bottom: 1rem;
-  }
-
-  .xl\:pl-4 {
-    padding-left: 1rem;
-  }
-
-  .xl\:pt-5 {
-    padding-top: 1.25rem;
-  }
-
-  .xl\:pr-5 {
-    padding-right: 1.25rem;
-  }
-
-  .xl\:pb-5 {
-    padding-bottom: 1.25rem;
-  }
-
-  .xl\:pl-5 {
-    padding-left: 1.25rem;
-  }
-
-  .xl\:pt-6 {
-    padding-top: 1.5rem;
-  }
-
-  .xl\:pr-6 {
-    padding-right: 1.5rem;
-  }
-
-  .xl\:pb-6 {
-    padding-bottom: 1.5rem;
-  }
-
-  .xl\:pl-6 {
-    padding-left: 1.5rem;
-  }
-
-  .xl\:pt-7 {
-    padding-top: 1.75rem;
-  }
-
-  .xl\:pr-7 {
-    padding-right: 1.75rem;
-  }
-
-  .xl\:pb-7 {
-    padding-bottom: 1.75rem;
-  }
-
-  .xl\:pl-7 {
-    padding-left: 1.75rem;
-  }
-
-  .xl\:pt-8 {
-    padding-top: 2rem;
-  }
-
-  .xl\:pr-8 {
-    padding-right: 2rem;
-  }
-
-  .xl\:pb-8 {
-    padding-bottom: 2rem;
-  }
-
-  .xl\:pl-8 {
-    padding-left: 2rem;
-  }
-
-  .xl\:pt-9 {
-    padding-top: 2.25rem;
-  }
-
-  .xl\:pr-9 {
-    padding-right: 2.25rem;
-  }
-
-  .xl\:pb-9 {
-    padding-bottom: 2.25rem;
-  }
-
-  .xl\:pl-9 {
-    padding-left: 2.25rem;
-  }
-
-  .xl\:pt-10 {
-    padding-top: 2.5rem;
-  }
-
-  .xl\:pr-10 {
-    padding-right: 2.5rem;
-  }
-
-  .xl\:pb-10 {
-    padding-bottom: 2.5rem;
-  }
-
-  .xl\:pl-10 {
-    padding-left: 2.5rem;
-  }
-
-  .xl\:pt-11 {
-    padding-top: 2.75rem;
-  }
-
-  .xl\:pr-11 {
-    padding-right: 2.75rem;
-  }
-
-  .xl\:pb-11 {
-    padding-bottom: 2.75rem;
-  }
-
-  .xl\:pl-11 {
-    padding-left: 2.75rem;
-  }
-
-  .xl\:pt-12 {
-    padding-top: 3rem;
-  }
-
-  .xl\:pr-12 {
-    padding-right: 3rem;
-  }
-
-  .xl\:pb-12 {
-    padding-bottom: 3rem;
-  }
-
-  .xl\:pl-12 {
-    padding-left: 3rem;
-  }
-
-  .xl\:pt-13 {
-    padding-top: 3.25rem;
-  }
-
-  .xl\:pr-13 {
-    padding-right: 3.25rem;
-  }
-
-  .xl\:pb-13 {
-    padding-bottom: 3.25rem;
-  }
-
-  .xl\:pl-13 {
-    padding-left: 3.25rem;
-  }
-
-  .xl\:pt-14 {
-    padding-top: 3.5rem;
-  }
-
-  .xl\:pr-14 {
-    padding-right: 3.5rem;
-  }
-
-  .xl\:pb-14 {
-    padding-bottom: 3.5rem;
-  }
-
-  .xl\:pl-14 {
-    padding-left: 3.5rem;
-  }
-
-  .xl\:pt-15 {
-    padding-top: 3.75rem;
-  }
-
-  .xl\:pr-15 {
-    padding-right: 3.75rem;
-  }
-
-  .xl\:pb-15 {
-    padding-bottom: 3.75rem;
-  }
-
-  .xl\:pl-15 {
-    padding-left: 3.75rem;
-  }
-
-  .xl\:pt-16 {
-    padding-top: 4rem;
-  }
-
-  .xl\:pr-16 {
-    padding-right: 4rem;
-  }
-
-  .xl\:pb-16 {
-    padding-bottom: 4rem;
-  }
-
-  .xl\:pl-16 {
-    padding-left: 4rem;
-  }
-
-  .xl\:pt-20 {
-    padding-top: 5rem;
-  }
-
-  .xl\:pr-20 {
-    padding-right: 5rem;
-  }
-
-  .xl\:pb-20 {
-    padding-bottom: 5rem;
-  }
-
-  .xl\:pl-20 {
-    padding-left: 5rem;
-  }
-
-  .xl\:pt-24 {
-    padding-top: 6rem;
-  }
-
-  .xl\:pr-24 {
-    padding-right: 6rem;
-  }
-
-  .xl\:pb-24 {
-    padding-bottom: 6rem;
-  }
-
-  .xl\:pl-24 {
-    padding-left: 6rem;
-  }
-
-  .xl\:pt-28 {
-    padding-top: 7rem;
-  }
-
-  .xl\:pr-28 {
-    padding-right: 7rem;
-  }
-
-  .xl\:pb-28 {
-    padding-bottom: 7rem;
-  }
-
-  .xl\:pl-28 {
-    padding-left: 7rem;
-  }
-
-  .xl\:pt-32 {
-    padding-top: 8rem;
-  }
-
-  .xl\:pr-32 {
-    padding-right: 8rem;
-  }
-
-  .xl\:pb-32 {
-    padding-bottom: 8rem;
-  }
-
-  .xl\:pl-32 {
-    padding-left: 8rem;
-  }
-
-  .xl\:pt-36 {
-    padding-top: 9rem;
-  }
-
-  .xl\:pr-36 {
-    padding-right: 9rem;
-  }
-
-  .xl\:pb-36 {
-    padding-bottom: 9rem;
-  }
-
-  .xl\:pl-36 {
-    padding-left: 9rem;
-  }
-
-  .xl\:pt-40 {
-    padding-top: 10rem;
-  }
-
-  .xl\:pr-40 {
-    padding-right: 10rem;
-  }
-
-  .xl\:pb-40 {
-    padding-bottom: 10rem;
-  }
-
-  .xl\:pl-40 {
-    padding-left: 10rem;
-  }
-
-  .xl\:pt-48 {
-    padding-top: 12rem;
-  }
-
-  .xl\:pr-48 {
-    padding-right: 12rem;
-  }
-
-  .xl\:pb-48 {
-    padding-bottom: 12rem;
-  }
-
-  .xl\:pl-48 {
-    padding-left: 12rem;
-  }
-
-  .xl\:pt-56 {
-    padding-top: 14rem;
-  }
-
-  .xl\:pr-56 {
-    padding-right: 14rem;
-  }
-
-  .xl\:pb-56 {
-    padding-bottom: 14rem;
-  }
-
-  .xl\:pl-56 {
-    padding-left: 14rem;
-  }
-
-  .xl\:pt-60 {
-    padding-top: 15rem;
-  }
-
-  .xl\:pr-60 {
-    padding-right: 15rem;
-  }
-
-  .xl\:pb-60 {
-    padding-bottom: 15rem;
-  }
-
-  .xl\:pl-60 {
-    padding-left: 15rem;
-  }
-
-  .xl\:pt-64 {
-    padding-top: 16rem;
-  }
-
-  .xl\:pr-64 {
-    padding-right: 16rem;
-  }
-
-  .xl\:pb-64 {
-    padding-bottom: 16rem;
-  }
-
-  .xl\:pl-64 {
-    padding-left: 16rem;
-  }
-
-  .xl\:pt-72 {
-    padding-top: 18rem;
-  }
-
-  .xl\:pr-72 {
-    padding-right: 18rem;
-  }
-
-  .xl\:pb-72 {
-    padding-bottom: 18rem;
-  }
-
-  .xl\:pl-72 {
-    padding-left: 18rem;
-  }
-
-  .xl\:pt-80 {
-    padding-top: 20rem;
-  }
-
-  .xl\:pr-80 {
-    padding-right: 20rem;
-  }
-
-  .xl\:pb-80 {
-    padding-bottom: 20rem;
-  }
-
-  .xl\:pl-80 {
-    padding-left: 20rem;
-  }
-
-  .xl\:pt-96 {
-    padding-top: 24rem;
-  }
-
-  .xl\:pr-96 {
-    padding-right: 24rem;
-  }
-
-  .xl\:pb-96 {
-    padding-bottom: 24rem;
-  }
-
-  .xl\:pl-96 {
-    padding-left: 24rem;
-  }
-
-  .xl\:pt-px {
-    padding-top: 1px;
-  }
-
-  .xl\:pr-px {
-    padding-right: 1px;
-  }
-
-  .xl\:pb-px {
-    padding-bottom: 1px;
-  }
-
-  .xl\:pl-px {
-    padding-left: 1px;
-  }
-
-  .xl\:pt-0\.5 {
-    padding-top: 0.125rem;
-  }
-
-  .xl\:pr-0\.5 {
-    padding-right: 0.125rem;
-  }
-
-  .xl\:pb-0\.5 {
-    padding-bottom: 0.125rem;
-  }
-
-  .xl\:pl-0\.5 {
-    padding-left: 0.125rem;
-  }
-
-  .xl\:pt-1\.5 {
-    padding-top: 0.375rem;
-  }
-
-  .xl\:pr-1\.5 {
-    padding-right: 0.375rem;
-  }
-
-  .xl\:pb-1\.5 {
-    padding-bottom: 0.375rem;
-  }
-
-  .xl\:pl-1\.5 {
-    padding-left: 0.375rem;
-  }
-
-  .xl\:pt-2\.5 {
-    padding-top: 0.625rem;
-  }
-
-  .xl\:pr-2\.5 {
-    padding-right: 0.625rem;
-  }
-
-  .xl\:pb-2\.5 {
-    padding-bottom: 0.625rem;
-  }
-
-  .xl\:pl-2\.5 {
-    padding-left: 0.625rem;
-  }
-
-  .xl\:pt-3\.5 {
-    padding-top: 0.875rem;
-  }
-
-  .xl\:pr-3\.5 {
-    padding-right: 0.875rem;
-  }
-
-  .xl\:pb-3\.5 {
-    padding-bottom: 0.875rem;
-  }
-
-  .xl\:pl-3\.5 {
-    padding-left: 0.875rem;
-  }
-
-  .xl\:pt-1\/2 {
-    padding-top: 50%;
-  }
-
-  .xl\:pr-1\/2 {
-    padding-right: 50%;
-  }
-
-  .xl\:pb-1\/2 {
-    padding-bottom: 50%;
-  }
-
-  .xl\:pl-1\/2 {
-    padding-left: 50%;
-  }
-
-  .xl\:pt-1\/3 {
-    padding-top: 33.333333%;
-  }
-
-  .xl\:pr-1\/3 {
-    padding-right: 33.333333%;
-  }
-
-  .xl\:pb-1\/3 {
-    padding-bottom: 33.333333%;
-  }
-
-  .xl\:pl-1\/3 {
-    padding-left: 33.333333%;
-  }
-
-  .xl\:pt-2\/3 {
-    padding-top: 66.666667%;
-  }
-
-  .xl\:pr-2\/3 {
-    padding-right: 66.666667%;
-  }
-
-  .xl\:pb-2\/3 {
-    padding-bottom: 66.666667%;
-  }
-
-  .xl\:pl-2\/3 {
-    padding-left: 66.666667%;
-  }
-
-  .xl\:pt-1\/4 {
-    padding-top: 25%;
-  }
-
-  .xl\:pr-1\/4 {
-    padding-right: 25%;
-  }
-
-  .xl\:pb-1\/4 {
-    padding-bottom: 25%;
-  }
-
-  .xl\:pl-1\/4 {
-    padding-left: 25%;
-  }
-
-  .xl\:pt-2\/4 {
-    padding-top: 50%;
-  }
-
-  .xl\:pr-2\/4 {
-    padding-right: 50%;
-  }
-
-  .xl\:pb-2\/4 {
-    padding-bottom: 50%;
-  }
-
-  .xl\:pl-2\/4 {
-    padding-left: 50%;
-  }
-
-  .xl\:pt-3\/4 {
-    padding-top: 75%;
-  }
-
-  .xl\:pr-3\/4 {
-    padding-right: 75%;
-  }
-
-  .xl\:pb-3\/4 {
-    padding-bottom: 75%;
-  }
-
-  .xl\:pl-3\/4 {
-    padding-left: 75%;
-  }
-
-  .xl\:pt-1\/5 {
-    padding-top: 20%;
-  }
-
-  .xl\:pr-1\/5 {
-    padding-right: 20%;
-  }
-
-  .xl\:pb-1\/5 {
-    padding-bottom: 20%;
-  }
-
-  .xl\:pl-1\/5 {
-    padding-left: 20%;
-  }
-
-  .xl\:pt-2\/5 {
-    padding-top: 40%;
-  }
-
-  .xl\:pr-2\/5 {
-    padding-right: 40%;
-  }
-
-  .xl\:pb-2\/5 {
-    padding-bottom: 40%;
-  }
-
-  .xl\:pl-2\/5 {
-    padding-left: 40%;
-  }
-
-  .xl\:pt-3\/5 {
-    padding-top: 60%;
-  }
-
-  .xl\:pr-3\/5 {
-    padding-right: 60%;
-  }
-
-  .xl\:pb-3\/5 {
-    padding-bottom: 60%;
-  }
-
-  .xl\:pl-3\/5 {
-    padding-left: 60%;
-  }
-
-  .xl\:pt-4\/5 {
-    padding-top: 80%;
-  }
-
-  .xl\:pr-4\/5 {
-    padding-right: 80%;
-  }
-
-  .xl\:pb-4\/5 {
-    padding-bottom: 80%;
-  }
-
-  .xl\:pl-4\/5 {
-    padding-left: 80%;
-  }
-
-  .xl\:pt-1\/6 {
-    padding-top: 16.666667%;
-  }
-
-  .xl\:pr-1\/6 {
-    padding-right: 16.666667%;
-  }
-
-  .xl\:pb-1\/6 {
-    padding-bottom: 16.666667%;
-  }
-
-  .xl\:pl-1\/6 {
-    padding-left: 16.666667%;
-  }
-
-  .xl\:pt-2\/6 {
-    padding-top: 33.333333%;
-  }
-
-  .xl\:pr-2\/6 {
-    padding-right: 33.333333%;
-  }
-
-  .xl\:pb-2\/6 {
-    padding-bottom: 33.333333%;
-  }
-
-  .xl\:pl-2\/6 {
-    padding-left: 33.333333%;
-  }
-
-  .xl\:pt-3\/6 {
-    padding-top: 50%;
-  }
-
-  .xl\:pr-3\/6 {
-    padding-right: 50%;
-  }
-
-  .xl\:pb-3\/6 {
-    padding-bottom: 50%;
-  }
-
-  .xl\:pl-3\/6 {
-    padding-left: 50%;
-  }
-
-  .xl\:pt-4\/6 {
-    padding-top: 66.666667%;
-  }
-
-  .xl\:pr-4\/6 {
-    padding-right: 66.666667%;
-  }
-
-  .xl\:pb-4\/6 {
-    padding-bottom: 66.666667%;
-  }
-
-  .xl\:pl-4\/6 {
-    padding-left: 66.666667%;
-  }
-
-  .xl\:pt-5\/6 {
-    padding-top: 83.333333%;
-  }
-
-  .xl\:pr-5\/6 {
-    padding-right: 83.333333%;
-  }
-
-  .xl\:pb-5\/6 {
-    padding-bottom: 83.333333%;
-  }
-
-  .xl\:pl-5\/6 {
-    padding-left: 83.333333%;
-  }
-
-  .xl\:pt-1\/12 {
-    padding-top: 8.333333%;
-  }
-
-  .xl\:pr-1\/12 {
-    padding-right: 8.333333%;
-  }
-
-  .xl\:pb-1\/12 {
-    padding-bottom: 8.333333%;
-  }
-
-  .xl\:pl-1\/12 {
-    padding-left: 8.333333%;
-  }
-
-  .xl\:pt-2\/12 {
-    padding-top: 16.666667%;
-  }
-
-  .xl\:pr-2\/12 {
-    padding-right: 16.666667%;
-  }
-
-  .xl\:pb-2\/12 {
-    padding-bottom: 16.666667%;
-  }
-
-  .xl\:pl-2\/12 {
-    padding-left: 16.666667%;
-  }
-
-  .xl\:pt-3\/12 {
-    padding-top: 25%;
-  }
-
-  .xl\:pr-3\/12 {
-    padding-right: 25%;
-  }
-
-  .xl\:pb-3\/12 {
-    padding-bottom: 25%;
-  }
-
-  .xl\:pl-3\/12 {
-    padding-left: 25%;
-  }
-
-  .xl\:pt-4\/12 {
-    padding-top: 33.333333%;
-  }
-
-  .xl\:pr-4\/12 {
-    padding-right: 33.333333%;
-  }
-
-  .xl\:pb-4\/12 {
-    padding-bottom: 33.333333%;
-  }
-
-  .xl\:pl-4\/12 {
-    padding-left: 33.333333%;
-  }
-
-  .xl\:pt-5\/12 {
-    padding-top: 41.666667%;
-  }
-
-  .xl\:pr-5\/12 {
-    padding-right: 41.666667%;
-  }
-
-  .xl\:pb-5\/12 {
-    padding-bottom: 41.666667%;
-  }
-
-  .xl\:pl-5\/12 {
-    padding-left: 41.666667%;
-  }
-
-  .xl\:pt-6\/12 {
-    padding-top: 50%;
-  }
-
-  .xl\:pr-6\/12 {
-    padding-right: 50%;
-  }
-
-  .xl\:pb-6\/12 {
-    padding-bottom: 50%;
-  }
-
-  .xl\:pl-6\/12 {
-    padding-left: 50%;
-  }
-
-  .xl\:pt-7\/12 {
-    padding-top: 58.333333%;
-  }
-
-  .xl\:pr-7\/12 {
-    padding-right: 58.333333%;
-  }
-
-  .xl\:pb-7\/12 {
-    padding-bottom: 58.333333%;
-  }
-
-  .xl\:pl-7\/12 {
-    padding-left: 58.333333%;
-  }
-
-  .xl\:pt-8\/12 {
-    padding-top: 66.666667%;
-  }
-
-  .xl\:pr-8\/12 {
-    padding-right: 66.666667%;
-  }
-
-  .xl\:pb-8\/12 {
-    padding-bottom: 66.666667%;
-  }
-
-  .xl\:pl-8\/12 {
-    padding-left: 66.666667%;
-  }
-
-  .xl\:pt-9\/12 {
-    padding-top: 75%;
-  }
-
-  .xl\:pr-9\/12 {
-    padding-right: 75%;
-  }
-
-  .xl\:pb-9\/12 {
-    padding-bottom: 75%;
-  }
-
-  .xl\:pl-9\/12 {
-    padding-left: 75%;
-  }
-
-  .xl\:pt-10\/12 {
-    padding-top: 83.333333%;
-  }
-
-  .xl\:pr-10\/12 {
-    padding-right: 83.333333%;
-  }
-
-  .xl\:pb-10\/12 {
-    padding-bottom: 83.333333%;
-  }
-
-  .xl\:pl-10\/12 {
-    padding-left: 83.333333%;
-  }
-
-  .xl\:pt-11\/12 {
-    padding-top: 91.666667%;
-  }
-
-  .xl\:pr-11\/12 {
-    padding-right: 91.666667%;
-  }
-
-  .xl\:pb-11\/12 {
-    padding-bottom: 91.666667%;
-  }
-
-  .xl\:pl-11\/12 {
-    padding-left: 91.666667%;
-  }
-
-  .xl\:pt-full {
-    padding-top: 100%;
-  }
-
-  .xl\:pr-full {
-    padding-right: 100%;
-  }
-
-  .xl\:pb-full {
-    padding-bottom: 100%;
-  }
-
-  .xl\:pl-full {
-    padding-left: 100%;
-  }
-
-  .xl\:placeholder-transparent::-moz-placeholder {
-    color: transparent;
-  }
-
-  .xl\:placeholder-transparent:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .xl\:placeholder-transparent::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .xl\:placeholder-transparent::placeholder {
-    color: transparent;
-  }
-
-  .xl\:placeholder-white::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-white:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-white::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-white::placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-black::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-black:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-black::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-black::placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-cool-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-red-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-orange-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-yellow-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-green-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-teal-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-blue-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-indigo-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-purple-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-50::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-50:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-50::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-50::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-200::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-200:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-200::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-300::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-300:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-300::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-400::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-400:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-400::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-500::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-500:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-500::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-600::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-600:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-600::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-700::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-700:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-700::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-800::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-800:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-800::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-900::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-900:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-900::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-pink-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-transparent:focus::-moz-placeholder {
-    color: transparent;
-  }
-
-  .xl\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .xl\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
-    color: transparent;
-  }
-
-  .xl\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
-  }
-
-  .xl\:focus\:placeholder-white:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-white:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-white:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-white:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-black:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-black:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-black:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-black:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-cool-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-red-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-orange-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-yellow-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-green-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-teal-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-blue-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-indigo-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-purple-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-50:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-50:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-200:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-300:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-400:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-500:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-600:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-700:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-800:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-900:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .xl\:focus\:placeholder-pink-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--placeholder-opacity));
-  }
-
-  .xl\:placeholder-opacity-0::-moz-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xl\:placeholder-opacity-0:-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xl\:placeholder-opacity-0::-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xl\:placeholder-opacity-0::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xl\:placeholder-opacity-25::-moz-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xl\:placeholder-opacity-25:-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xl\:placeholder-opacity-25::-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xl\:placeholder-opacity-25::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xl\:placeholder-opacity-50::-moz-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xl\:placeholder-opacity-50:-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xl\:placeholder-opacity-50::-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xl\:placeholder-opacity-50::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xl\:placeholder-opacity-75::-moz-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xl\:placeholder-opacity-75:-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xl\:placeholder-opacity-75::-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xl\:placeholder-opacity-75::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xl\:placeholder-opacity-100::-moz-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .xl\:placeholder-opacity-100:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .xl\:placeholder-opacity-100::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .xl\:placeholder-opacity-100::placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xl\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xl\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xl\:focus\:placeholder-opacity-0:focus::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xl\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xl\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xl\:focus\:placeholder-opacity-25:focus::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xl\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xl\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xl\:focus\:placeholder-opacity-50:focus::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xl\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xl\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xl\:focus\:placeholder-opacity-75:focus::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .xl\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .xl\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .xl\:focus\:placeholder-opacity-100:focus::placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .xl\:pointer-events-none {
-    pointer-events: none;
-  }
-
-  .xl\:pointer-events-auto {
-    pointer-events: auto;
-  }
-
-  .xl\:static {
-    position: static;
-  }
-
-  .xl\:fixed {
-    position: fixed;
-  }
-
-  .xl\:absolute {
-    position: absolute;
-  }
-
-  .xl\:relative {
-    position: relative;
-  }
-
-  .xl\:sticky {
-    position: -webkit-sticky;
-    position: sticky;
-  }
-
-  .xl\:inset-0 {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-  }
-
-  .xl\:inset-1 {
-    top: 0.25rem;
-    right: 0.25rem;
-    bottom: 0.25rem;
-    left: 0.25rem;
-  }
-
-  .xl\:inset-2 {
-    top: 0.5rem;
-    right: 0.5rem;
-    bottom: 0.5rem;
-    left: 0.5rem;
-  }
-
-  .xl\:inset-3 {
-    top: 0.75rem;
-    right: 0.75rem;
-    bottom: 0.75rem;
-    left: 0.75rem;
-  }
-
-  .xl\:inset-4 {
-    top: 1rem;
-    right: 1rem;
-    bottom: 1rem;
-    left: 1rem;
-  }
-
-  .xl\:inset-5 {
-    top: 1.25rem;
-    right: 1.25rem;
-    bottom: 1.25rem;
-    left: 1.25rem;
-  }
-
-  .xl\:inset-6 {
-    top: 1.5rem;
-    right: 1.5rem;
-    bottom: 1.5rem;
-    left: 1.5rem;
-  }
-
-  .xl\:inset-7 {
-    top: 1.75rem;
-    right: 1.75rem;
-    bottom: 1.75rem;
-    left: 1.75rem;
-  }
-
-  .xl\:inset-8 {
-    top: 2rem;
-    right: 2rem;
-    bottom: 2rem;
-    left: 2rem;
-  }
-
-  .xl\:inset-9 {
-    top: 2.25rem;
-    right: 2.25rem;
-    bottom: 2.25rem;
-    left: 2.25rem;
-  }
-
-  .xl\:inset-10 {
-    top: 2.5rem;
-    right: 2.5rem;
-    bottom: 2.5rem;
-    left: 2.5rem;
-  }
-
-  .xl\:inset-11 {
-    top: 2.75rem;
-    right: 2.75rem;
-    bottom: 2.75rem;
-    left: 2.75rem;
-  }
-
-  .xl\:inset-12 {
-    top: 3rem;
-    right: 3rem;
-    bottom: 3rem;
-    left: 3rem;
-  }
-
-  .xl\:inset-13 {
-    top: 3.25rem;
-    right: 3.25rem;
-    bottom: 3.25rem;
-    left: 3.25rem;
-  }
-
-  .xl\:inset-14 {
-    top: 3.5rem;
-    right: 3.5rem;
-    bottom: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .xl\:inset-15 {
-    top: 3.75rem;
-    right: 3.75rem;
-    bottom: 3.75rem;
-    left: 3.75rem;
-  }
-
-  .xl\:inset-16 {
-    top: 4rem;
-    right: 4rem;
-    bottom: 4rem;
-    left: 4rem;
-  }
-
-  .xl\:inset-20 {
-    top: 5rem;
-    right: 5rem;
-    bottom: 5rem;
-    left: 5rem;
-  }
-
-  .xl\:inset-24 {
-    top: 6rem;
-    right: 6rem;
-    bottom: 6rem;
-    left: 6rem;
-  }
-
-  .xl\:inset-28 {
-    top: 7rem;
-    right: 7rem;
-    bottom: 7rem;
-    left: 7rem;
-  }
-
-  .xl\:inset-32 {
-    top: 8rem;
-    right: 8rem;
-    bottom: 8rem;
-    left: 8rem;
-  }
-
-  .xl\:inset-36 {
-    top: 9rem;
-    right: 9rem;
-    bottom: 9rem;
-    left: 9rem;
-  }
-
-  .xl\:inset-40 {
-    top: 10rem;
-    right: 10rem;
-    bottom: 10rem;
-    left: 10rem;
-  }
-
-  .xl\:inset-48 {
-    top: 12rem;
-    right: 12rem;
-    bottom: 12rem;
-    left: 12rem;
-  }
-
-  .xl\:inset-56 {
-    top: 14rem;
-    right: 14rem;
-    bottom: 14rem;
-    left: 14rem;
-  }
-
-  .xl\:inset-60 {
-    top: 15rem;
-    right: 15rem;
-    bottom: 15rem;
-    left: 15rem;
-  }
-
-  .xl\:inset-64 {
-    top: 16rem;
-    right: 16rem;
-    bottom: 16rem;
-    left: 16rem;
-  }
-
-  .xl\:inset-72 {
-    top: 18rem;
-    right: 18rem;
-    bottom: 18rem;
-    left: 18rem;
-  }
-
-  .xl\:inset-80 {
-    top: 20rem;
-    right: 20rem;
-    bottom: 20rem;
-    left: 20rem;
-  }
-
-  .xl\:inset-96 {
-    top: 24rem;
-    right: 24rem;
-    bottom: 24rem;
-    left: 24rem;
-  }
-
-  .xl\:inset-auto {
-    top: auto;
-    right: auto;
-    bottom: auto;
-    left: auto;
-  }
-
-  .xl\:inset-px {
-    top: 1px;
-    right: 1px;
-    bottom: 1px;
-    left: 1px;
-  }
-
-  .xl\:inset-0\.5 {
-    top: 0.125rem;
-    right: 0.125rem;
-    bottom: 0.125rem;
-    left: 0.125rem;
-  }
-
-  .xl\:inset-1\.5 {
-    top: 0.375rem;
-    right: 0.375rem;
-    bottom: 0.375rem;
-    left: 0.375rem;
-  }
-
-  .xl\:inset-2\.5 {
-    top: 0.625rem;
-    right: 0.625rem;
-    bottom: 0.625rem;
-    left: 0.625rem;
-  }
-
-  .xl\:inset-3\.5 {
-    top: 0.875rem;
-    right: 0.875rem;
-    bottom: 0.875rem;
-    left: 0.875rem;
-  }
-
-  .xl\:inset-1\/2 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .xl\:inset-1\/3 {
-    top: 33.333333%;
-    right: 33.333333%;
-    bottom: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .xl\:inset-2\/3 {
-    top: 66.666667%;
-    right: 66.666667%;
-    bottom: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .xl\:inset-1\/4 {
-    top: 25%;
-    right: 25%;
-    bottom: 25%;
-    left: 25%;
-  }
-
-  .xl\:inset-2\/4 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .xl\:inset-3\/4 {
-    top: 75%;
-    right: 75%;
-    bottom: 75%;
-    left: 75%;
-  }
-
-  .xl\:inset-1\/5 {
-    top: 20%;
-    right: 20%;
-    bottom: 20%;
-    left: 20%;
-  }
-
-  .xl\:inset-2\/5 {
-    top: 40%;
-    right: 40%;
-    bottom: 40%;
-    left: 40%;
-  }
-
-  .xl\:inset-3\/5 {
-    top: 60%;
-    right: 60%;
-    bottom: 60%;
-    left: 60%;
-  }
-
-  .xl\:inset-4\/5 {
-    top: 80%;
-    right: 80%;
-    bottom: 80%;
-    left: 80%;
-  }
-
-  .xl\:inset-1\/6 {
-    top: 16.666667%;
-    right: 16.666667%;
-    bottom: 16.666667%;
-    left: 16.666667%;
-  }
-
-  .xl\:inset-2\/6 {
-    top: 33.333333%;
-    right: 33.333333%;
-    bottom: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .xl\:inset-3\/6 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .xl\:inset-4\/6 {
-    top: 66.666667%;
-    right: 66.666667%;
-    bottom: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .xl\:inset-5\/6 {
-    top: 83.333333%;
-    right: 83.333333%;
-    bottom: 83.333333%;
-    left: 83.333333%;
-  }
-
-  .xl\:inset-1\/12 {
-    top: 8.333333%;
-    right: 8.333333%;
-    bottom: 8.333333%;
-    left: 8.333333%;
-  }
-
-  .xl\:inset-2\/12 {
-    top: 16.666667%;
-    right: 16.666667%;
-    bottom: 16.666667%;
-    left: 16.666667%;
-  }
-
-  .xl\:inset-3\/12 {
-    top: 25%;
-    right: 25%;
-    bottom: 25%;
-    left: 25%;
-  }
-
-  .xl\:inset-4\/12 {
-    top: 33.333333%;
-    right: 33.333333%;
-    bottom: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .xl\:inset-5\/12 {
-    top: 41.666667%;
-    right: 41.666667%;
-    bottom: 41.666667%;
-    left: 41.666667%;
-  }
-
-  .xl\:inset-6\/12 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .xl\:inset-7\/12 {
-    top: 58.333333%;
-    right: 58.333333%;
-    bottom: 58.333333%;
-    left: 58.333333%;
-  }
-
-  .xl\:inset-8\/12 {
-    top: 66.666667%;
-    right: 66.666667%;
-    bottom: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .xl\:inset-9\/12 {
-    top: 75%;
-    right: 75%;
-    bottom: 75%;
-    left: 75%;
-  }
-
-  .xl\:inset-10\/12 {
-    top: 83.333333%;
-    right: 83.333333%;
-    bottom: 83.333333%;
-    left: 83.333333%;
-  }
-
-  .xl\:inset-11\/12 {
-    top: 91.666667%;
-    right: 91.666667%;
-    bottom: 91.666667%;
-    left: 91.666667%;
-  }
-
-  .xl\:inset-full {
-    top: 100%;
-    right: 100%;
-    bottom: 100%;
-    left: 100%;
-  }
-
-  .xl\:inset-y-0 {
-    top: 0;
-    bottom: 0;
-  }
-
-  .xl\:inset-x-0 {
-    right: 0;
-    left: 0;
-  }
-
-  .xl\:inset-y-1 {
-    top: 0.25rem;
-    bottom: 0.25rem;
-  }
-
-  .xl\:inset-x-1 {
-    right: 0.25rem;
-    left: 0.25rem;
-  }
-
-  .xl\:inset-y-2 {
-    top: 0.5rem;
-    bottom: 0.5rem;
-  }
-
-  .xl\:inset-x-2 {
-    right: 0.5rem;
-    left: 0.5rem;
-  }
-
-  .xl\:inset-y-3 {
-    top: 0.75rem;
-    bottom: 0.75rem;
-  }
-
-  .xl\:inset-x-3 {
-    right: 0.75rem;
-    left: 0.75rem;
-  }
-
-  .xl\:inset-y-4 {
-    top: 1rem;
-    bottom: 1rem;
-  }
-
-  .xl\:inset-x-4 {
-    right: 1rem;
-    left: 1rem;
-  }
-
-  .xl\:inset-y-5 {
-    top: 1.25rem;
-    bottom: 1.25rem;
-  }
-
-  .xl\:inset-x-5 {
-    right: 1.25rem;
-    left: 1.25rem;
-  }
-
-  .xl\:inset-y-6 {
-    top: 1.5rem;
-    bottom: 1.5rem;
-  }
-
-  .xl\:inset-x-6 {
-    right: 1.5rem;
-    left: 1.5rem;
-  }
-
-  .xl\:inset-y-7 {
-    top: 1.75rem;
-    bottom: 1.75rem;
-  }
-
-  .xl\:inset-x-7 {
-    right: 1.75rem;
-    left: 1.75rem;
-  }
-
-  .xl\:inset-y-8 {
-    top: 2rem;
-    bottom: 2rem;
-  }
-
-  .xl\:inset-x-8 {
-    right: 2rem;
-    left: 2rem;
-  }
-
-  .xl\:inset-y-9 {
-    top: 2.25rem;
-    bottom: 2.25rem;
-  }
-
-  .xl\:inset-x-9 {
-    right: 2.25rem;
-    left: 2.25rem;
-  }
-
-  .xl\:inset-y-10 {
-    top: 2.5rem;
-    bottom: 2.5rem;
-  }
-
-  .xl\:inset-x-10 {
-    right: 2.5rem;
-    left: 2.5rem;
-  }
-
-  .xl\:inset-y-11 {
-    top: 2.75rem;
-    bottom: 2.75rem;
-  }
-
-  .xl\:inset-x-11 {
-    right: 2.75rem;
-    left: 2.75rem;
-  }
-
-  .xl\:inset-y-12 {
-    top: 3rem;
-    bottom: 3rem;
-  }
-
-  .xl\:inset-x-12 {
-    right: 3rem;
-    left: 3rem;
-  }
-
-  .xl\:inset-y-13 {
-    top: 3.25rem;
-    bottom: 3.25rem;
-  }
-
-  .xl\:inset-x-13 {
-    right: 3.25rem;
-    left: 3.25rem;
-  }
-
-  .xl\:inset-y-14 {
-    top: 3.5rem;
-    bottom: 3.5rem;
-  }
-
-  .xl\:inset-x-14 {
-    right: 3.5rem;
-    left: 3.5rem;
-  }
-
-  .xl\:inset-y-15 {
-    top: 3.75rem;
-    bottom: 3.75rem;
-  }
-
-  .xl\:inset-x-15 {
-    right: 3.75rem;
-    left: 3.75rem;
-  }
-
-  .xl\:inset-y-16 {
-    top: 4rem;
-    bottom: 4rem;
-  }
-
-  .xl\:inset-x-16 {
-    right: 4rem;
-    left: 4rem;
-  }
-
-  .xl\:inset-y-20 {
-    top: 5rem;
-    bottom: 5rem;
-  }
-
-  .xl\:inset-x-20 {
-    right: 5rem;
-    left: 5rem;
-  }
-
-  .xl\:inset-y-24 {
-    top: 6rem;
-    bottom: 6rem;
-  }
-
-  .xl\:inset-x-24 {
-    right: 6rem;
-    left: 6rem;
-  }
-
-  .xl\:inset-y-28 {
-    top: 7rem;
-    bottom: 7rem;
-  }
-
-  .xl\:inset-x-28 {
-    right: 7rem;
-    left: 7rem;
-  }
-
-  .xl\:inset-y-32 {
-    top: 8rem;
-    bottom: 8rem;
-  }
-
-  .xl\:inset-x-32 {
-    right: 8rem;
-    left: 8rem;
-  }
-
-  .xl\:inset-y-36 {
-    top: 9rem;
-    bottom: 9rem;
-  }
-
-  .xl\:inset-x-36 {
-    right: 9rem;
-    left: 9rem;
-  }
-
-  .xl\:inset-y-40 {
-    top: 10rem;
-    bottom: 10rem;
-  }
-
-  .xl\:inset-x-40 {
-    right: 10rem;
-    left: 10rem;
-  }
-
-  .xl\:inset-y-48 {
-    top: 12rem;
-    bottom: 12rem;
-  }
-
-  .xl\:inset-x-48 {
-    right: 12rem;
-    left: 12rem;
-  }
-
-  .xl\:inset-y-56 {
-    top: 14rem;
-    bottom: 14rem;
-  }
-
-  .xl\:inset-x-56 {
-    right: 14rem;
-    left: 14rem;
-  }
-
-  .xl\:inset-y-60 {
-    top: 15rem;
-    bottom: 15rem;
-  }
-
-  .xl\:inset-x-60 {
-    right: 15rem;
-    left: 15rem;
-  }
-
-  .xl\:inset-y-64 {
-    top: 16rem;
-    bottom: 16rem;
-  }
-
-  .xl\:inset-x-64 {
-    right: 16rem;
-    left: 16rem;
-  }
-
-  .xl\:inset-y-72 {
-    top: 18rem;
-    bottom: 18rem;
-  }
-
-  .xl\:inset-x-72 {
-    right: 18rem;
-    left: 18rem;
-  }
-
-  .xl\:inset-y-80 {
-    top: 20rem;
-    bottom: 20rem;
-  }
-
-  .xl\:inset-x-80 {
-    right: 20rem;
-    left: 20rem;
-  }
-
-  .xl\:inset-y-96 {
-    top: 24rem;
-    bottom: 24rem;
-  }
-
-  .xl\:inset-x-96 {
-    right: 24rem;
-    left: 24rem;
-  }
-
-  .xl\:inset-y-auto {
-    top: auto;
-    bottom: auto;
-  }
-
-  .xl\:inset-x-auto {
-    right: auto;
-    left: auto;
-  }
-
-  .xl\:inset-y-px {
-    top: 1px;
-    bottom: 1px;
-  }
-
-  .xl\:inset-x-px {
-    right: 1px;
-    left: 1px;
-  }
-
-  .xl\:inset-y-0\.5 {
-    top: 0.125rem;
-    bottom: 0.125rem;
-  }
-
-  .xl\:inset-x-0\.5 {
-    right: 0.125rem;
-    left: 0.125rem;
-  }
-
-  .xl\:inset-y-1\.5 {
-    top: 0.375rem;
-    bottom: 0.375rem;
-  }
-
-  .xl\:inset-x-1\.5 {
-    right: 0.375rem;
-    left: 0.375rem;
-  }
-
-  .xl\:inset-y-2\.5 {
-    top: 0.625rem;
-    bottom: 0.625rem;
-  }
-
-  .xl\:inset-x-2\.5 {
-    right: 0.625rem;
-    left: 0.625rem;
-  }
-
-  .xl\:inset-y-3\.5 {
-    top: 0.875rem;
-    bottom: 0.875rem;
-  }
-
-  .xl\:inset-x-3\.5 {
-    right: 0.875rem;
-    left: 0.875rem;
-  }
-
-  .xl\:inset-y-1\/2 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .xl\:inset-x-1\/2 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .xl\:inset-y-1\/3 {
-    top: 33.333333%;
-    bottom: 33.333333%;
-  }
-
-  .xl\:inset-x-1\/3 {
-    right: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .xl\:inset-y-2\/3 {
-    top: 66.666667%;
-    bottom: 66.666667%;
-  }
-
-  .xl\:inset-x-2\/3 {
-    right: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .xl\:inset-y-1\/4 {
-    top: 25%;
-    bottom: 25%;
-  }
-
-  .xl\:inset-x-1\/4 {
-    right: 25%;
-    left: 25%;
-  }
-
-  .xl\:inset-y-2\/4 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .xl\:inset-x-2\/4 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .xl\:inset-y-3\/4 {
-    top: 75%;
-    bottom: 75%;
-  }
-
-  .xl\:inset-x-3\/4 {
-    right: 75%;
-    left: 75%;
-  }
-
-  .xl\:inset-y-1\/5 {
-    top: 20%;
-    bottom: 20%;
-  }
-
-  .xl\:inset-x-1\/5 {
-    right: 20%;
-    left: 20%;
-  }
-
-  .xl\:inset-y-2\/5 {
-    top: 40%;
-    bottom: 40%;
-  }
-
-  .xl\:inset-x-2\/5 {
-    right: 40%;
-    left: 40%;
-  }
-
-  .xl\:inset-y-3\/5 {
-    top: 60%;
-    bottom: 60%;
-  }
-
-  .xl\:inset-x-3\/5 {
-    right: 60%;
-    left: 60%;
-  }
-
-  .xl\:inset-y-4\/5 {
-    top: 80%;
-    bottom: 80%;
-  }
-
-  .xl\:inset-x-4\/5 {
-    right: 80%;
-    left: 80%;
-  }
-
-  .xl\:inset-y-1\/6 {
-    top: 16.666667%;
-    bottom: 16.666667%;
-  }
-
-  .xl\:inset-x-1\/6 {
-    right: 16.666667%;
-    left: 16.666667%;
-  }
-
-  .xl\:inset-y-2\/6 {
-    top: 33.333333%;
-    bottom: 33.333333%;
-  }
-
-  .xl\:inset-x-2\/6 {
-    right: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .xl\:inset-y-3\/6 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .xl\:inset-x-3\/6 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .xl\:inset-y-4\/6 {
-    top: 66.666667%;
-    bottom: 66.666667%;
-  }
-
-  .xl\:inset-x-4\/6 {
-    right: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .xl\:inset-y-5\/6 {
-    top: 83.333333%;
-    bottom: 83.333333%;
-  }
-
-  .xl\:inset-x-5\/6 {
-    right: 83.333333%;
-    left: 83.333333%;
-  }
-
-  .xl\:inset-y-1\/12 {
-    top: 8.333333%;
-    bottom: 8.333333%;
-  }
-
-  .xl\:inset-x-1\/12 {
-    right: 8.333333%;
-    left: 8.333333%;
-  }
-
-  .xl\:inset-y-2\/12 {
-    top: 16.666667%;
-    bottom: 16.666667%;
-  }
-
-  .xl\:inset-x-2\/12 {
-    right: 16.666667%;
-    left: 16.666667%;
-  }
-
-  .xl\:inset-y-3\/12 {
-    top: 25%;
-    bottom: 25%;
-  }
-
-  .xl\:inset-x-3\/12 {
-    right: 25%;
-    left: 25%;
-  }
-
-  .xl\:inset-y-4\/12 {
-    top: 33.333333%;
-    bottom: 33.333333%;
-  }
-
-  .xl\:inset-x-4\/12 {
-    right: 33.333333%;
-    left: 33.333333%;
-  }
-
-  .xl\:inset-y-5\/12 {
-    top: 41.666667%;
-    bottom: 41.666667%;
-  }
-
-  .xl\:inset-x-5\/12 {
-    right: 41.666667%;
-    left: 41.666667%;
-  }
-
-  .xl\:inset-y-6\/12 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .xl\:inset-x-6\/12 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .xl\:inset-y-7\/12 {
-    top: 58.333333%;
-    bottom: 58.333333%;
-  }
-
-  .xl\:inset-x-7\/12 {
-    right: 58.333333%;
-    left: 58.333333%;
-  }
-
-  .xl\:inset-y-8\/12 {
-    top: 66.666667%;
-    bottom: 66.666667%;
-  }
-
-  .xl\:inset-x-8\/12 {
-    right: 66.666667%;
-    left: 66.666667%;
-  }
-
-  .xl\:inset-y-9\/12 {
-    top: 75%;
-    bottom: 75%;
-  }
-
-  .xl\:inset-x-9\/12 {
-    right: 75%;
-    left: 75%;
-  }
-
-  .xl\:inset-y-10\/12 {
-    top: 83.333333%;
-    bottom: 83.333333%;
-  }
-
-  .xl\:inset-x-10\/12 {
-    right: 83.333333%;
-    left: 83.333333%;
-  }
-
-  .xl\:inset-y-11\/12 {
-    top: 91.666667%;
-    bottom: 91.666667%;
-  }
-
-  .xl\:inset-x-11\/12 {
-    right: 91.666667%;
-    left: 91.666667%;
-  }
-
-  .xl\:inset-y-full {
-    top: 100%;
-    bottom: 100%;
-  }
-
-  .xl\:inset-x-full {
-    right: 100%;
-    left: 100%;
-  }
-
-  .xl\:top-0 {
-    top: 0;
-  }
-
-  .xl\:right-0 {
-    right: 0;
-  }
-
-  .xl\:bottom-0 {
-    bottom: 0;
-  }
-
-  .xl\:left-0 {
-    left: 0;
-  }
-
-  .xl\:top-1 {
-    top: 0.25rem;
-  }
-
-  .xl\:right-1 {
-    right: 0.25rem;
-  }
-
-  .xl\:bottom-1 {
-    bottom: 0.25rem;
-  }
-
-  .xl\:left-1 {
-    left: 0.25rem;
-  }
-
-  .xl\:top-2 {
-    top: 0.5rem;
-  }
-
-  .xl\:right-2 {
-    right: 0.5rem;
-  }
-
-  .xl\:bottom-2 {
-    bottom: 0.5rem;
-  }
-
-  .xl\:left-2 {
-    left: 0.5rem;
-  }
-
-  .xl\:top-3 {
-    top: 0.75rem;
-  }
-
-  .xl\:right-3 {
-    right: 0.75rem;
-  }
-
-  .xl\:bottom-3 {
-    bottom: 0.75rem;
-  }
-
-  .xl\:left-3 {
-    left: 0.75rem;
-  }
-
-  .xl\:top-4 {
-    top: 1rem;
-  }
-
-  .xl\:right-4 {
-    right: 1rem;
-  }
-
-  .xl\:bottom-4 {
-    bottom: 1rem;
-  }
-
-  .xl\:left-4 {
-    left: 1rem;
-  }
-
-  .xl\:top-5 {
-    top: 1.25rem;
-  }
-
-  .xl\:right-5 {
-    right: 1.25rem;
-  }
-
-  .xl\:bottom-5 {
-    bottom: 1.25rem;
-  }
-
-  .xl\:left-5 {
-    left: 1.25rem;
-  }
-
-  .xl\:top-6 {
-    top: 1.5rem;
-  }
-
-  .xl\:right-6 {
-    right: 1.5rem;
-  }
-
-  .xl\:bottom-6 {
-    bottom: 1.5rem;
-  }
-
-  .xl\:left-6 {
-    left: 1.5rem;
-  }
-
-  .xl\:top-7 {
-    top: 1.75rem;
-  }
-
-  .xl\:right-7 {
-    right: 1.75rem;
-  }
-
-  .xl\:bottom-7 {
-    bottom: 1.75rem;
-  }
-
-  .xl\:left-7 {
-    left: 1.75rem;
-  }
-
-  .xl\:top-8 {
-    top: 2rem;
-  }
-
-  .xl\:right-8 {
-    right: 2rem;
-  }
-
-  .xl\:bottom-8 {
-    bottom: 2rem;
-  }
-
-  .xl\:left-8 {
-    left: 2rem;
-  }
-
-  .xl\:top-9 {
-    top: 2.25rem;
-  }
-
-  .xl\:right-9 {
-    right: 2.25rem;
-  }
-
-  .xl\:bottom-9 {
-    bottom: 2.25rem;
-  }
-
-  .xl\:left-9 {
-    left: 2.25rem;
-  }
-
-  .xl\:top-10 {
-    top: 2.5rem;
-  }
-
-  .xl\:right-10 {
-    right: 2.5rem;
-  }
-
-  .xl\:bottom-10 {
-    bottom: 2.5rem;
-  }
-
-  .xl\:left-10 {
-    left: 2.5rem;
-  }
-
-  .xl\:top-11 {
-    top: 2.75rem;
-  }
-
-  .xl\:right-11 {
-    right: 2.75rem;
-  }
-
-  .xl\:bottom-11 {
-    bottom: 2.75rem;
-  }
-
-  .xl\:left-11 {
-    left: 2.75rem;
-  }
-
-  .xl\:top-12 {
-    top: 3rem;
-  }
-
-  .xl\:right-12 {
-    right: 3rem;
-  }
-
-  .xl\:bottom-12 {
-    bottom: 3rem;
-  }
-
-  .xl\:left-12 {
-    left: 3rem;
-  }
-
-  .xl\:top-13 {
-    top: 3.25rem;
-  }
-
-  .xl\:right-13 {
-    right: 3.25rem;
-  }
-
-  .xl\:bottom-13 {
-    bottom: 3.25rem;
-  }
-
-  .xl\:left-13 {
-    left: 3.25rem;
-  }
-
-  .xl\:top-14 {
-    top: 3.5rem;
-  }
-
-  .xl\:right-14 {
-    right: 3.5rem;
-  }
-
-  .xl\:bottom-14 {
-    bottom: 3.5rem;
-  }
-
-  .xl\:left-14 {
-    left: 3.5rem;
-  }
-
-  .xl\:top-15 {
-    top: 3.75rem;
-  }
-
-  .xl\:right-15 {
-    right: 3.75rem;
-  }
-
-  .xl\:bottom-15 {
-    bottom: 3.75rem;
-  }
-
-  .xl\:left-15 {
-    left: 3.75rem;
-  }
-
-  .xl\:top-16 {
-    top: 4rem;
-  }
-
-  .xl\:right-16 {
-    right: 4rem;
-  }
-
-  .xl\:bottom-16 {
-    bottom: 4rem;
-  }
-
-  .xl\:left-16 {
-    left: 4rem;
-  }
-
-  .xl\:top-20 {
-    top: 5rem;
-  }
-
-  .xl\:right-20 {
-    right: 5rem;
-  }
-
-  .xl\:bottom-20 {
-    bottom: 5rem;
-  }
-
-  .xl\:left-20 {
-    left: 5rem;
-  }
-
-  .xl\:top-24 {
-    top: 6rem;
-  }
-
-  .xl\:right-24 {
-    right: 6rem;
-  }
-
-  .xl\:bottom-24 {
-    bottom: 6rem;
-  }
-
-  .xl\:left-24 {
-    left: 6rem;
-  }
-
-  .xl\:top-28 {
-    top: 7rem;
-  }
-
-  .xl\:right-28 {
-    right: 7rem;
-  }
-
-  .xl\:bottom-28 {
-    bottom: 7rem;
-  }
-
-  .xl\:left-28 {
-    left: 7rem;
-  }
-
-  .xl\:top-32 {
-    top: 8rem;
-  }
-
-  .xl\:right-32 {
-    right: 8rem;
-  }
-
-  .xl\:bottom-32 {
-    bottom: 8rem;
-  }
-
-  .xl\:left-32 {
-    left: 8rem;
-  }
-
-  .xl\:top-36 {
-    top: 9rem;
-  }
-
-  .xl\:right-36 {
-    right: 9rem;
-  }
-
-  .xl\:bottom-36 {
-    bottom: 9rem;
-  }
-
-  .xl\:left-36 {
-    left: 9rem;
-  }
-
-  .xl\:top-40 {
-    top: 10rem;
-  }
-
-  .xl\:right-40 {
-    right: 10rem;
-  }
-
-  .xl\:bottom-40 {
-    bottom: 10rem;
-  }
-
-  .xl\:left-40 {
-    left: 10rem;
-  }
-
-  .xl\:top-48 {
-    top: 12rem;
-  }
-
-  .xl\:right-48 {
-    right: 12rem;
-  }
-
-  .xl\:bottom-48 {
-    bottom: 12rem;
-  }
-
-  .xl\:left-48 {
-    left: 12rem;
-  }
-
-  .xl\:top-56 {
-    top: 14rem;
-  }
-
-  .xl\:right-56 {
-    right: 14rem;
-  }
-
-  .xl\:bottom-56 {
-    bottom: 14rem;
-  }
-
-  .xl\:left-56 {
-    left: 14rem;
-  }
-
-  .xl\:top-60 {
-    top: 15rem;
-  }
-
-  .xl\:right-60 {
-    right: 15rem;
-  }
-
-  .xl\:bottom-60 {
-    bottom: 15rem;
-  }
-
-  .xl\:left-60 {
-    left: 15rem;
-  }
-
-  .xl\:top-64 {
-    top: 16rem;
-  }
-
-  .xl\:right-64 {
-    right: 16rem;
-  }
-
-  .xl\:bottom-64 {
-    bottom: 16rem;
-  }
-
-  .xl\:left-64 {
-    left: 16rem;
-  }
-
-  .xl\:top-72 {
-    top: 18rem;
-  }
-
-  .xl\:right-72 {
-    right: 18rem;
-  }
-
-  .xl\:bottom-72 {
-    bottom: 18rem;
-  }
-
-  .xl\:left-72 {
-    left: 18rem;
-  }
-
-  .xl\:top-80 {
-    top: 20rem;
-  }
-
-  .xl\:right-80 {
-    right: 20rem;
-  }
-
-  .xl\:bottom-80 {
-    bottom: 20rem;
-  }
-
-  .xl\:left-80 {
-    left: 20rem;
-  }
-
-  .xl\:top-96 {
-    top: 24rem;
-  }
-
-  .xl\:right-96 {
-    right: 24rem;
-  }
-
-  .xl\:bottom-96 {
-    bottom: 24rem;
-  }
-
-  .xl\:left-96 {
-    left: 24rem;
-  }
-
-  .xl\:top-auto {
-    top: auto;
-  }
-
-  .xl\:right-auto {
-    right: auto;
-  }
-
-  .xl\:bottom-auto {
-    bottom: auto;
-  }
-
-  .xl\:left-auto {
-    left: auto;
-  }
-
-  .xl\:top-px {
-    top: 1px;
-  }
-
-  .xl\:right-px {
-    right: 1px;
-  }
-
-  .xl\:bottom-px {
-    bottom: 1px;
-  }
-
-  .xl\:left-px {
-    left: 1px;
-  }
-
-  .xl\:top-0\.5 {
-    top: 0.125rem;
-  }
-
-  .xl\:right-0\.5 {
-    right: 0.125rem;
-  }
-
-  .xl\:bottom-0\.5 {
-    bottom: 0.125rem;
-  }
-
-  .xl\:left-0\.5 {
-    left: 0.125rem;
-  }
-
-  .xl\:top-1\.5 {
-    top: 0.375rem;
-  }
-
-  .xl\:right-1\.5 {
-    right: 0.375rem;
-  }
-
-  .xl\:bottom-1\.5 {
-    bottom: 0.375rem;
-  }
-
-  .xl\:left-1\.5 {
-    left: 0.375rem;
-  }
-
-  .xl\:top-2\.5 {
-    top: 0.625rem;
-  }
-
-  .xl\:right-2\.5 {
-    right: 0.625rem;
-  }
-
-  .xl\:bottom-2\.5 {
-    bottom: 0.625rem;
-  }
-
-  .xl\:left-2\.5 {
-    left: 0.625rem;
-  }
-
-  .xl\:top-3\.5 {
-    top: 0.875rem;
-  }
-
-  .xl\:right-3\.5 {
-    right: 0.875rem;
-  }
-
-  .xl\:bottom-3\.5 {
-    bottom: 0.875rem;
-  }
-
-  .xl\:left-3\.5 {
-    left: 0.875rem;
-  }
-
-  .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\:top-1\/3 {
-    top: 33.333333%;
-  }
-
-  .xl\:right-1\/3 {
-    right: 33.333333%;
-  }
-
-  .xl\:bottom-1\/3 {
-    bottom: 33.333333%;
-  }
-
-  .xl\:left-1\/3 {
-    left: 33.333333%;
-  }
-
-  .xl\:top-2\/3 {
-    top: 66.666667%;
-  }
-
-  .xl\:right-2\/3 {
-    right: 66.666667%;
-  }
-
-  .xl\:bottom-2\/3 {
-    bottom: 66.666667%;
-  }
-
-  .xl\:left-2\/3 {
-    left: 66.666667%;
-  }
-
-  .xl\:top-1\/4 {
-    top: 25%;
-  }
-
-  .xl\:right-1\/4 {
-    right: 25%;
-  }
-
-  .xl\:bottom-1\/4 {
-    bottom: 25%;
-  }
-
-  .xl\:left-1\/4 {
-    left: 25%;
-  }
-
-  .xl\:top-2\/4 {
-    top: 50%;
-  }
-
-  .xl\:right-2\/4 {
-    right: 50%;
-  }
-
-  .xl\:bottom-2\/4 {
-    bottom: 50%;
-  }
-
-  .xl\:left-2\/4 {
-    left: 50%;
-  }
-
-  .xl\:top-3\/4 {
-    top: 75%;
-  }
-
-  .xl\:right-3\/4 {
-    right: 75%;
-  }
-
-  .xl\:bottom-3\/4 {
-    bottom: 75%;
-  }
-
-  .xl\:left-3\/4 {
-    left: 75%;
-  }
-
-  .xl\:top-1\/5 {
-    top: 20%;
-  }
-
-  .xl\:right-1\/5 {
-    right: 20%;
-  }
-
-  .xl\:bottom-1\/5 {
-    bottom: 20%;
-  }
-
-  .xl\:left-1\/5 {
-    left: 20%;
-  }
-
-  .xl\:top-2\/5 {
-    top: 40%;
-  }
-
-  .xl\:right-2\/5 {
-    right: 40%;
-  }
-
-  .xl\:bottom-2\/5 {
-    bottom: 40%;
-  }
-
-  .xl\:left-2\/5 {
-    left: 40%;
-  }
-
-  .xl\:top-3\/5 {
-    top: 60%;
-  }
-
-  .xl\:right-3\/5 {
-    right: 60%;
-  }
-
-  .xl\:bottom-3\/5 {
-    bottom: 60%;
-  }
-
-  .xl\:left-3\/5 {
-    left: 60%;
-  }
-
-  .xl\:top-4\/5 {
-    top: 80%;
-  }
-
-  .xl\:right-4\/5 {
-    right: 80%;
-  }
-
-  .xl\:bottom-4\/5 {
-    bottom: 80%;
-  }
-
-  .xl\:left-4\/5 {
-    left: 80%;
-  }
-
-  .xl\:top-1\/6 {
-    top: 16.666667%;
-  }
-
-  .xl\:right-1\/6 {
-    right: 16.666667%;
-  }
-
-  .xl\:bottom-1\/6 {
-    bottom: 16.666667%;
-  }
-
-  .xl\:left-1\/6 {
-    left: 16.666667%;
-  }
-
-  .xl\:top-2\/6 {
-    top: 33.333333%;
-  }
-
-  .xl\:right-2\/6 {
-    right: 33.333333%;
-  }
-
-  .xl\:bottom-2\/6 {
-    bottom: 33.333333%;
-  }
-
-  .xl\:left-2\/6 {
-    left: 33.333333%;
-  }
-
-  .xl\:top-3\/6 {
-    top: 50%;
-  }
-
-  .xl\:right-3\/6 {
-    right: 50%;
-  }
-
-  .xl\:bottom-3\/6 {
-    bottom: 50%;
-  }
-
-  .xl\:left-3\/6 {
-    left: 50%;
-  }
-
-  .xl\:top-4\/6 {
-    top: 66.666667%;
-  }
-
-  .xl\:right-4\/6 {
-    right: 66.666667%;
-  }
-
-  .xl\:bottom-4\/6 {
-    bottom: 66.666667%;
-  }
-
-  .xl\:left-4\/6 {
-    left: 66.666667%;
-  }
-
-  .xl\:top-5\/6 {
-    top: 83.333333%;
-  }
-
-  .xl\:right-5\/6 {
-    right: 83.333333%;
-  }
-
-  .xl\:bottom-5\/6 {
-    bottom: 83.333333%;
-  }
-
-  .xl\:left-5\/6 {
-    left: 83.333333%;
-  }
-
-  .xl\:top-1\/12 {
-    top: 8.333333%;
-  }
-
-  .xl\:right-1\/12 {
-    right: 8.333333%;
-  }
-
-  .xl\:bottom-1\/12 {
-    bottom: 8.333333%;
-  }
-
-  .xl\:left-1\/12 {
-    left: 8.333333%;
-  }
-
-  .xl\:top-2\/12 {
-    top: 16.666667%;
-  }
-
-  .xl\:right-2\/12 {
-    right: 16.666667%;
-  }
-
-  .xl\:bottom-2\/12 {
-    bottom: 16.666667%;
-  }
-
-  .xl\:left-2\/12 {
-    left: 16.666667%;
-  }
-
-  .xl\:top-3\/12 {
-    top: 25%;
-  }
-
-  .xl\:right-3\/12 {
-    right: 25%;
-  }
-
-  .xl\:bottom-3\/12 {
-    bottom: 25%;
-  }
-
-  .xl\:left-3\/12 {
-    left: 25%;
-  }
-
-  .xl\:top-4\/12 {
-    top: 33.333333%;
-  }
-
-  .xl\:right-4\/12 {
-    right: 33.333333%;
-  }
-
-  .xl\:bottom-4\/12 {
-    bottom: 33.333333%;
-  }
-
-  .xl\:left-4\/12 {
-    left: 33.333333%;
-  }
-
-  .xl\:top-5\/12 {
-    top: 41.666667%;
-  }
-
-  .xl\:right-5\/12 {
-    right: 41.666667%;
-  }
-
-  .xl\:bottom-5\/12 {
-    bottom: 41.666667%;
-  }
-
-  .xl\:left-5\/12 {
-    left: 41.666667%;
-  }
-
-  .xl\:top-6\/12 {
-    top: 50%;
-  }
-
-  .xl\:right-6\/12 {
-    right: 50%;
-  }
-
-  .xl\:bottom-6\/12 {
-    bottom: 50%;
-  }
-
-  .xl\:left-6\/12 {
-    left: 50%;
-  }
-
-  .xl\:top-7\/12 {
-    top: 58.333333%;
-  }
-
-  .xl\:right-7\/12 {
-    right: 58.333333%;
-  }
-
-  .xl\:bottom-7\/12 {
-    bottom: 58.333333%;
-  }
-
-  .xl\:left-7\/12 {
-    left: 58.333333%;
-  }
-
-  .xl\:top-8\/12 {
-    top: 66.666667%;
-  }
-
-  .xl\:right-8\/12 {
-    right: 66.666667%;
-  }
-
-  .xl\:bottom-8\/12 {
-    bottom: 66.666667%;
-  }
-
-  .xl\:left-8\/12 {
-    left: 66.666667%;
-  }
-
-  .xl\:top-9\/12 {
-    top: 75%;
-  }
-
-  .xl\:right-9\/12 {
-    right: 75%;
-  }
-
-  .xl\:bottom-9\/12 {
-    bottom: 75%;
-  }
-
-  .xl\:left-9\/12 {
-    left: 75%;
-  }
-
-  .xl\:top-10\/12 {
-    top: 83.333333%;
-  }
-
-  .xl\:right-10\/12 {
-    right: 83.333333%;
-  }
-
-  .xl\:bottom-10\/12 {
-    bottom: 83.333333%;
-  }
-
-  .xl\:left-10\/12 {
-    left: 83.333333%;
-  }
-
-  .xl\:top-11\/12 {
-    top: 91.666667%;
-  }
-
-  .xl\:right-11\/12 {
-    right: 91.666667%;
-  }
-
-  .xl\:bottom-11\/12 {
-    bottom: 91.666667%;
-  }
-
-  .xl\:left-11\/12 {
-    left: 91.666667%;
-  }
-
-  .xl\:top-full {
-    top: 100%;
-  }
-
-  .xl\:right-full {
-    right: 100%;
-  }
-
-  .xl\:bottom-full {
-    bottom: 100%;
-  }
-
-  .xl\:left-full {
-    left: 100%;
-  }
-
-  .xl\:resize-none {
-    resize: none;
-  }
-
-  .xl\:resize-y {
-    resize: vertical;
-  }
-
-  .xl\:resize-x {
-    resize: horizontal;
-  }
-
-  .xl\:resize {
-    resize: both;
-  }
-
-  .xl\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .xl\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .xl\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xl\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .xl\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .xl\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .xl\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .xl\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xl\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .xl\:shadow-none {
-    box-shadow: none;
-  }
-
-  .xl\:shadow-solid {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .xl\:shadow-outline-gray {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .xl\:shadow-outline-blue {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .xl\:shadow-outline-teal {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .xl\:shadow-outline-green {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .xl\:shadow-outline-yellow {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .xl\:shadow-outline-orange {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .xl\:shadow-outline-red {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .xl\:shadow-outline-pink {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .xl\:shadow-outline-purple {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .xl\:shadow-outline-indigo {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .xl\:group-focus\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-none {
-    box-shadow: none;
-  }
-
-  .group:focus .xl\:group-focus\:shadow-solid {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-gray {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-blue {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-teal {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-green {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-yellow {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-orange {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-red {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-pink {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-purple {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .group:focus .xl\:group-focus\:shadow-outline-indigo {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .xl\:hover\:shadow-xs:hover {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .xl\:hover\:shadow-sm:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .xl\: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);
-  }
-
-  .xl\: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);
-  }
-
-  .xl\: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);
-  }
-
-  .xl\: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);
-  }
-
-  .xl\:hover\:shadow-2xl:hover {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .xl\:hover\:shadow-inner:hover {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xl\:hover\:shadow-outline:hover {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .xl\:hover\:shadow-none:hover {
-    box-shadow: none;
-  }
-
-  .xl\:hover\:shadow-solid:hover {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .xl\:hover\:shadow-outline-gray:hover {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-blue:hover {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-teal:hover {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-green:hover {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-yellow:hover {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-orange:hover {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-red:hover {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-pink:hover {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-purple:hover {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .xl\:hover\:shadow-outline-indigo:hover {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .xl\:focus\:shadow-xs:focus {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .xl\:focus\:shadow-sm:focus {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .xl\: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);
-  }
-
-  .xl\: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);
-  }
-
-  .xl\: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);
-  }
-
-  .xl\: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);
-  }
-
-  .xl\:focus\:shadow-2xl:focus {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .xl\:focus\:shadow-inner:focus {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xl\:focus\:shadow-outline:focus {
-    box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
-  }
-
-  .xl\:focus\:shadow-none:focus {
-    box-shadow: none;
-  }
-
-  .xl\:focus\:shadow-solid:focus {
-    box-shadow: 0 0 0 2px currentColor;
-  }
-
-  .xl\:focus\:shadow-outline-gray:focus {
-    box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
-  }
-
-  .xl\:focus\:shadow-outline-blue:focus {
-    box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
-  }
-
-  .xl\:focus\:shadow-outline-teal:focus {
-    box-shadow: 0 0 0 3px rgba(126, 220, 226, 0.45);
-  }
-
-  .xl\:focus\:shadow-outline-green:focus {
-    box-shadow: 0 0 0 3px rgba(132, 225, 188, 0.45);
-  }
-
-  .xl\:focus\:shadow-outline-yellow:focus {
-    box-shadow: 0 0 0 3px rgba(250, 202, 21, 0.45);
-  }
-
-  .xl\:focus\:shadow-outline-orange:focus {
-    box-shadow: 0 0 0 3px rgba(253, 186, 140, 0.45);
-  }
-
-  .xl\:focus\:shadow-outline-red:focus {
-    box-shadow: 0 0 0 3px rgba(248, 180, 180, 0.45);
-  }
-
-  .xl\:focus\:shadow-outline-pink:focus {
-    box-shadow: 0 0 0 3px rgba(248, 180, 217, 0.45);
-  }
-
-  .xl\:focus\:shadow-outline-purple:focus {
-    box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45);
-  }
-
-  .xl\:focus\:shadow-outline-indigo:focus {
-    box-shadow: 0 0 0 3px rgba(180, 198, 252, 0.45);
-  }
-
-  .xl\:fill-current {
-    fill: currentColor;
-  }
-
-  .xl\:stroke-current {
-    stroke: currentColor;
-  }
-
-  .xl\:stroke-0 {
-    stroke-width: 0;
-  }
-
-  .xl\:stroke-1 {
-    stroke-width: 1;
-  }
-
-  .xl\:stroke-2 {
-    stroke-width: 2;
-  }
-
-  .xl\:table-auto {
-    table-layout: auto;
-  }
-
-  .xl\:table-fixed {
-    table-layout: fixed;
-  }
-
-  .xl\:text-left {
-    text-align: left;
-  }
-
-  .xl\:text-center {
-    text-align: center;
-  }
-
-  .xl\:text-right {
-    text-align: right;
-  }
-
-  .xl\:text-justify {
-    text-align: justify;
-  }
-
-  .xl\:text-transparent {
-    color: transparent;
-  }
-
-  .xl\:text-white {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .xl\:text-black {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .xl\:text-gray-50 {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .xl\:text-gray-100 {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .xl\:text-gray-200 {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .xl\:text-gray-300 {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .xl\:text-gray-400 {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .xl\:text-gray-500 {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .xl\:text-gray-600 {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .xl\:text-gray-700 {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .xl\:text-gray-800 {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .xl\:text-gray-900 {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .xl\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .xl\:text-cool-gray-100 {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .xl\:text-cool-gray-200 {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .xl\:text-cool-gray-300 {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .xl\:text-cool-gray-400 {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .xl\:text-cool-gray-500 {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .xl\:text-cool-gray-600 {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .xl\:text-cool-gray-700 {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .xl\:text-cool-gray-800 {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .xl\:text-cool-gray-900 {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .xl\:text-red-50 {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .xl\:text-red-100 {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .xl\:text-red-200 {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .xl\:text-red-300 {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .xl\:text-red-400 {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .xl\:text-red-500 {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .xl\:text-red-600 {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .xl\:text-red-700 {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .xl\:text-red-800 {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .xl\:text-red-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .xl\:text-orange-50 {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .xl\:text-orange-100 {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .xl\:text-orange-200 {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .xl\:text-orange-300 {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .xl\:text-orange-400 {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .xl\:text-orange-500 {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .xl\:text-orange-600 {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .xl\:text-orange-700 {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .xl\:text-orange-800 {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .xl\:text-orange-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .xl\:text-yellow-50 {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .xl\:text-yellow-100 {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .xl\:text-yellow-200 {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .xl\:text-yellow-300 {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .xl\:text-yellow-400 {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .xl\:text-yellow-500 {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .xl\:text-yellow-600 {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .xl\:text-yellow-700 {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .xl\:text-yellow-800 {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .xl\:text-yellow-900 {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .xl\:text-green-50 {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .xl\:text-green-100 {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .xl\:text-green-200 {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .xl\:text-green-300 {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .xl\:text-green-400 {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .xl\:text-green-500 {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .xl\:text-green-600 {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .xl\:text-green-700 {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .xl\:text-green-800 {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .xl\:text-green-900 {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .xl\:text-teal-50 {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .xl\:text-teal-100 {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .xl\:text-teal-200 {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .xl\:text-teal-300 {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .xl\:text-teal-400 {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .xl\:text-teal-500 {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .xl\:text-teal-600 {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .xl\:text-teal-700 {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .xl\:text-teal-800 {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .xl\:text-teal-900 {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .xl\:text-blue-50 {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .xl\:text-blue-100 {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .xl\:text-blue-200 {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .xl\:text-blue-300 {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .xl\:text-blue-400 {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .xl\:text-blue-500 {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .xl\:text-blue-600 {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .xl\:text-blue-700 {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .xl\:text-blue-800 {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .xl\:text-blue-900 {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .xl\:text-indigo-50 {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .xl\:text-indigo-100 {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .xl\:text-indigo-200 {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .xl\:text-indigo-300 {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .xl\:text-indigo-400 {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .xl\:text-indigo-500 {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .xl\:text-indigo-600 {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .xl\:text-indigo-700 {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .xl\:text-indigo-800 {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .xl\:text-indigo-900 {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .xl\:text-purple-50 {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .xl\:text-purple-100 {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .xl\:text-purple-200 {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .xl\:text-purple-300 {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .xl\:text-purple-400 {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .xl\:text-purple-500 {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .xl\:text-purple-600 {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .xl\:text-purple-700 {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .xl\:text-purple-800 {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .xl\:text-purple-900 {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .xl\:text-pink-50 {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .xl\:text-pink-100 {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .xl\:text-pink-200 {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .xl\:text-pink-300 {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .xl\:text-pink-400 {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .xl\:text-pink-500 {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .xl\:text-pink-600 {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .xl\:text-pink-700 {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .xl\:text-pink-800 {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .xl\:text-pink-900 {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-transparent {
-    color: transparent;
-  }
-
-  .group:hover .xl\:group-hover\:text-white {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-black {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-50 {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-100 {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-200 {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-300 {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-400 {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-500 {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-600 {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-700 {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-800 {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-gray-900 {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-cool-gray-100 {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-cool-gray-200 {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-cool-gray-300 {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-cool-gray-400 {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-cool-gray-500 {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-cool-gray-600 {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-cool-gray-700 {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-cool-gray-800 {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-cool-gray-900 {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-50 {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-100 {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-200 {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-300 {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-400 {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-500 {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-600 {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-700 {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-800 {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-red-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-orange-50 {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-orange-100 {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-orange-200 {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-orange-300 {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-orange-400 {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-orange-500 {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-orange-600 {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-orange-700 {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-orange-800 {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-orange-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-50 {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-100 {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-200 {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-300 {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-400 {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-500 {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-600 {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-700 {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-800 {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-yellow-900 {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-50 {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-100 {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-200 {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-300 {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-400 {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-500 {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-600 {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-700 {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-800 {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-green-900 {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-teal-50 {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-teal-100 {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-teal-200 {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-teal-300 {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-teal-400 {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-teal-500 {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-teal-600 {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-teal-700 {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-teal-800 {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-teal-900 {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-50 {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-100 {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-200 {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-300 {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-400 {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-500 {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-600 {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-700 {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-800 {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-blue-900 {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-50 {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-100 {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-200 {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-300 {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-400 {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-500 {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-600 {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-700 {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-800 {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-indigo-900 {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-purple-50 {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-purple-100 {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-purple-200 {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-purple-300 {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-purple-400 {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-purple-500 {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-purple-600 {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-purple-700 {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-purple-800 {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-purple-900 {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-pink-50 {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-pink-100 {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-pink-200 {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-pink-300 {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-pink-400 {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-pink-500 {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-pink-600 {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-pink-700 {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-pink-800 {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .group:hover .xl\:group-hover\:text-pink-900 {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-transparent {
-    color: transparent;
-  }
-
-  .group:focus .xl\:group-focus\:text-white {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-black {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-gray-50 {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-gray-100 {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-gray-200 {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-gray-300 {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-gray-400 {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-gray-500 {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-gray-600 {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-gray-700 {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-gray-800 {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-gray-900 {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-cool-gray-50 {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-cool-gray-100 {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-cool-gray-200 {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-cool-gray-300 {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-cool-gray-400 {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-cool-gray-500 {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-cool-gray-600 {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-cool-gray-700 {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-cool-gray-800 {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-cool-gray-900 {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-red-50 {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-red-100 {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-red-200 {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-red-300 {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-red-400 {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-red-500 {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-red-600 {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-red-700 {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-red-800 {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-red-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-orange-50 {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-orange-100 {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-orange-200 {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-orange-300 {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-orange-400 {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-orange-500 {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-orange-600 {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-orange-700 {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-orange-800 {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-orange-900 {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-yellow-50 {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-yellow-100 {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-yellow-200 {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-yellow-300 {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-yellow-400 {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-yellow-500 {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-yellow-600 {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-yellow-700 {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-yellow-800 {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-yellow-900 {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-green-50 {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-green-100 {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-green-200 {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-green-300 {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-green-400 {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-green-500 {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-green-600 {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-green-700 {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-green-800 {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-green-900 {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-teal-50 {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-teal-100 {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-teal-200 {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-teal-300 {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-teal-400 {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-teal-500 {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-teal-600 {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-teal-700 {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-teal-800 {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-teal-900 {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-blue-50 {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-blue-100 {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-blue-200 {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-blue-300 {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-blue-400 {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-blue-500 {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-blue-600 {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-blue-700 {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-blue-800 {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-blue-900 {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-indigo-50 {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-indigo-100 {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-indigo-200 {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-indigo-300 {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-indigo-400 {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-indigo-500 {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-indigo-600 {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-indigo-700 {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-indigo-800 {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-indigo-900 {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-purple-50 {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-purple-100 {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-purple-200 {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-purple-300 {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-purple-400 {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-purple-500 {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-purple-600 {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-purple-700 {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-purple-800 {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-purple-900 {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-pink-50 {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-pink-100 {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-pink-200 {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-pink-300 {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-pink-400 {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-pink-500 {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-pink-600 {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-pink-700 {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-pink-800 {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .group:focus .xl\:group-focus\:text-pink-900 {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .xl\:hover\:text-white:hover {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-black:hover {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-gray-50:hover {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-gray-100:hover {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-gray-200:hover {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-gray-300:hover {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-gray-400:hover {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-gray-500:hover {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-gray-600:hover {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-gray-700:hover {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-gray-800:hover {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-gray-900:hover {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-cool-gray-50:hover {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-cool-gray-100:hover {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-cool-gray-200:hover {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-cool-gray-300:hover {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-cool-gray-400:hover {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-cool-gray-500:hover {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-cool-gray-600:hover {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-cool-gray-700:hover {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-cool-gray-800:hover {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-cool-gray-900:hover {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-red-50:hover {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-red-100:hover {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-red-200:hover {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-red-300:hover {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-red-400:hover {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-red-500:hover {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-red-600:hover {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-red-700:hover {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-red-800:hover {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-red-900:hover {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-orange-50:hover {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-orange-100:hover {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-orange-200:hover {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-orange-300:hover {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-orange-400:hover {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-orange-500:hover {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-orange-600:hover {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-orange-700:hover {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-orange-800:hover {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-orange-900:hover {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-50:hover {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-100:hover {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-200:hover {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-300:hover {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-400:hover {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-500:hover {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-600:hover {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-700:hover {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-800:hover {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-yellow-900:hover {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-green-50:hover {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-green-100:hover {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-green-200:hover {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-green-300:hover {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-green-400:hover {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-green-500:hover {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-green-600:hover {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-green-700:hover {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-green-800:hover {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-green-900:hover {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-teal-50:hover {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-teal-100:hover {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-teal-200:hover {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-teal-300:hover {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-teal-400:hover {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-teal-500:hover {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-teal-600:hover {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-teal-700:hover {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-teal-800:hover {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-teal-900:hover {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-blue-50:hover {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-blue-100:hover {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-blue-200:hover {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-blue-300:hover {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-blue-400:hover {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-blue-500:hover {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-blue-600:hover {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-blue-700:hover {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-blue-800:hover {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-blue-900:hover {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-50:hover {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-100:hover {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-200:hover {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-300:hover {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-400:hover {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-500:hover {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-600:hover {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-700:hover {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-800:hover {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-indigo-900:hover {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-purple-50:hover {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-purple-100:hover {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-purple-200:hover {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-purple-300:hover {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-purple-400:hover {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-purple-500:hover {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-purple-600:hover {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-purple-700:hover {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-purple-800:hover {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-purple-900:hover {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-pink-50:hover {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-pink-100:hover {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-pink-200:hover {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-pink-300:hover {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-pink-400:hover {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-pink-500:hover {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-pink-600:hover {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-pink-700:hover {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-pink-800:hover {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .xl\:hover\:text-pink-900:hover {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-transparent:focus-within {
-    color: transparent;
-  }
-
-  .xl\:focus-within\:text-white:focus-within {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-black:focus-within {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-50:focus-within {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-100:focus-within {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-200:focus-within {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-300:focus-within {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-400:focus-within {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-500:focus-within {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-600:focus-within {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-700:focus-within {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-800:focus-within {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-gray-900:focus-within {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-cool-gray-50:focus-within {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-cool-gray-100:focus-within {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-cool-gray-200:focus-within {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-cool-gray-300:focus-within {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-cool-gray-400:focus-within {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-cool-gray-500:focus-within {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-cool-gray-600:focus-within {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-cool-gray-700:focus-within {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-cool-gray-800:focus-within {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-cool-gray-900:focus-within {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-50:focus-within {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-100:focus-within {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-200:focus-within {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-300:focus-within {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-400:focus-within {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-500:focus-within {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-600:focus-within {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-700:focus-within {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-800:focus-within {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-red-900:focus-within {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-orange-50:focus-within {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-orange-100:focus-within {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-orange-200:focus-within {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-orange-300:focus-within {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-orange-400:focus-within {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-orange-500:focus-within {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-orange-600:focus-within {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-orange-700:focus-within {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-orange-800:focus-within {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-orange-900:focus-within {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-50:focus-within {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-100:focus-within {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-200:focus-within {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-300:focus-within {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-400:focus-within {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-500:focus-within {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-600:focus-within {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-700:focus-within {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-800:focus-within {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-yellow-900:focus-within {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-50:focus-within {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-100:focus-within {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-200:focus-within {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-300:focus-within {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-400:focus-within {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-500:focus-within {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-600:focus-within {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-700:focus-within {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-800:focus-within {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-green-900:focus-within {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-teal-50:focus-within {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-teal-100:focus-within {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-teal-200:focus-within {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-teal-300:focus-within {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-teal-400:focus-within {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-teal-500:focus-within {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-teal-600:focus-within {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-teal-700:focus-within {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-teal-800:focus-within {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-teal-900:focus-within {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-50:focus-within {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-100:focus-within {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-200:focus-within {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-300:focus-within {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-400:focus-within {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-500:focus-within {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-600:focus-within {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-700:focus-within {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-800:focus-within {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-blue-900:focus-within {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-50:focus-within {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-100:focus-within {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-200:focus-within {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-300:focus-within {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-400:focus-within {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-500:focus-within {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-600:focus-within {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-700:focus-within {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-800:focus-within {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-indigo-900:focus-within {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-purple-50:focus-within {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-purple-100:focus-within {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-purple-200:focus-within {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-purple-300:focus-within {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-purple-400:focus-within {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-purple-500:focus-within {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-purple-600:focus-within {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-purple-700:focus-within {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-purple-800:focus-within {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-purple-900:focus-within {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-pink-50:focus-within {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-pink-100:focus-within {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-pink-200:focus-within {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-pink-300:focus-within {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-pink-400:focus-within {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-pink-500:focus-within {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-pink-600:focus-within {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-pink-700:focus-within {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-pink-800:focus-within {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .xl\:focus-within\:text-pink-900:focus-within {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-transparent:focus {
-    color: transparent;
-  }
-
-  .xl\:focus\:text-white:focus {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-black:focus {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-gray-50:focus {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-gray-100:focus {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-gray-200:focus {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-gray-300:focus {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-gray-400:focus {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-gray-500:focus {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-gray-600:focus {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-gray-700:focus {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-gray-800:focus {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-gray-900:focus {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-cool-gray-50:focus {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-cool-gray-100:focus {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-cool-gray-200:focus {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-cool-gray-300:focus {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-cool-gray-400:focus {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-cool-gray-500:focus {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-cool-gray-600:focus {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-cool-gray-700:focus {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-cool-gray-800:focus {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-cool-gray-900:focus {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-red-50:focus {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-red-100:focus {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-red-200:focus {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-red-300:focus {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-red-400:focus {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-red-500:focus {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-red-600:focus {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-red-700:focus {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-red-800:focus {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-red-900:focus {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-orange-50:focus {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-orange-100:focus {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-orange-200:focus {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-orange-300:focus {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-orange-400:focus {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-orange-500:focus {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-orange-600:focus {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-orange-700:focus {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-orange-800:focus {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-orange-900:focus {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-50:focus {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-100:focus {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-200:focus {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-300:focus {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-400:focus {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-500:focus {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-600:focus {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-700:focus {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-800:focus {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-yellow-900:focus {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-green-50:focus {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-green-100:focus {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-green-200:focus {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-green-300:focus {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-green-400:focus {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-green-500:focus {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-green-600:focus {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-green-700:focus {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-green-800:focus {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-green-900:focus {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-teal-50:focus {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-teal-100:focus {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-teal-200:focus {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-teal-300:focus {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-teal-400:focus {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-teal-500:focus {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-teal-600:focus {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-teal-700:focus {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-teal-800:focus {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-teal-900:focus {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-blue-50:focus {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-blue-100:focus {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-blue-200:focus {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-blue-300:focus {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-blue-400:focus {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-blue-500:focus {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-blue-600:focus {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-blue-700:focus {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-blue-800:focus {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-blue-900:focus {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-50:focus {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-100:focus {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-200:focus {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-300:focus {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-400:focus {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-500:focus {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-600:focus {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-700:focus {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-800:focus {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-indigo-900:focus {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-purple-50:focus {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-purple-100:focus {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-purple-200:focus {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-purple-300:focus {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-purple-400:focus {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-purple-500:focus {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-purple-600:focus {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-purple-700:focus {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-purple-800:focus {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-purple-900:focus {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-pink-50:focus {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-pink-100:focus {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-pink-200:focus {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-pink-300:focus {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-pink-400:focus {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-pink-500:focus {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-pink-600:focus {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-pink-700:focus {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-pink-800:focus {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .xl\:focus\:text-pink-900:focus {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .xl\:active\:text-transparent:active {
-    color: transparent;
-  }
-
-  .xl\:active\:text-white:active {
-    --text-opacity: 1;
-    color: #ffffff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .xl\:active\:text-black:active {
-    --text-opacity: 1;
-    color: #000000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .xl\:active\:text-gray-50:active {
-    --text-opacity: 1;
-    color: #f9fafb;
-    color: rgba(249, 250, 251, var(--text-opacity));
-  }
-
-  .xl\:active\:text-gray-100:active {
-    --text-opacity: 1;
-    color: #f4f5f7;
-    color: rgba(244, 245, 247, var(--text-opacity));
-  }
-
-  .xl\:active\:text-gray-200:active {
-    --text-opacity: 1;
-    color: #e5e7eb;
-    color: rgba(229, 231, 235, var(--text-opacity));
-  }
-
-  .xl\:active\:text-gray-300:active {
-    --text-opacity: 1;
-    color: #d2d6dc;
-    color: rgba(210, 214, 220, var(--text-opacity));
-  }
-
-  .xl\:active\:text-gray-400:active {
-    --text-opacity: 1;
-    color: #9fa6b2;
-    color: rgba(159, 166, 178, var(--text-opacity));
-  }
-
-  .xl\:active\:text-gray-500:active {
-    --text-opacity: 1;
-    color: #6b7280;
-    color: rgba(107, 114, 128, var(--text-opacity));
-  }
-
-  .xl\:active\:text-gray-600:active {
-    --text-opacity: 1;
-    color: #4b5563;
-    color: rgba(75, 85, 99, var(--text-opacity));
-  }
-
-  .xl\:active\:text-gray-700:active {
-    --text-opacity: 1;
-    color: #374151;
-    color: rgba(55, 65, 81, var(--text-opacity));
-  }
-
-  .xl\:active\:text-gray-800:active {
-    --text-opacity: 1;
-    color: #252f3f;
-    color: rgba(37, 47, 63, var(--text-opacity));
-  }
-
-  .xl\:active\:text-gray-900:active {
-    --text-opacity: 1;
-    color: #161e2e;
-    color: rgba(22, 30, 46, var(--text-opacity));
-  }
-
-  .xl\:active\:text-cool-gray-50:active {
-    --text-opacity: 1;
-    color: #fbfdfe;
-    color: rgba(251, 253, 254, var(--text-opacity));
-  }
-
-  .xl\:active\:text-cool-gray-100:active {
-    --text-opacity: 1;
-    color: #f1f5f9;
-    color: rgba(241, 245, 249, var(--text-opacity));
-  }
-
-  .xl\:active\:text-cool-gray-200:active {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .xl\:active\:text-cool-gray-300:active {
-    --text-opacity: 1;
-    color: #cfd8e3;
-    color: rgba(207, 216, 227, var(--text-opacity));
-  }
-
-  .xl\:active\:text-cool-gray-400:active {
-    --text-opacity: 1;
-    color: #97a6ba;
-    color: rgba(151, 166, 186, var(--text-opacity));
-  }
-
-  .xl\:active\:text-cool-gray-500:active {
-    --text-opacity: 1;
-    color: #64748b;
-    color: rgba(100, 116, 139, var(--text-opacity));
-  }
-
-  .xl\:active\:text-cool-gray-600:active {
-    --text-opacity: 1;
-    color: #475569;
-    color: rgba(71, 85, 105, var(--text-opacity));
-  }
-
-  .xl\:active\:text-cool-gray-700:active {
-    --text-opacity: 1;
-    color: #364152;
-    color: rgba(54, 65, 82, var(--text-opacity));
-  }
-
-  .xl\:active\:text-cool-gray-800:active {
-    --text-opacity: 1;
-    color: #27303f;
-    color: rgba(39, 48, 63, var(--text-opacity));
-  }
-
-  .xl\:active\:text-cool-gray-900:active {
-    --text-opacity: 1;
-    color: #1a202e;
-    color: rgba(26, 32, 46, var(--text-opacity));
-  }
-
-  .xl\:active\:text-red-50:active {
-    --text-opacity: 1;
-    color: #fdf2f2;
-    color: rgba(253, 242, 242, var(--text-opacity));
-  }
-
-  .xl\:active\:text-red-100:active {
-    --text-opacity: 1;
-    color: #fde8e8;
-    color: rgba(253, 232, 232, var(--text-opacity));
-  }
-
-  .xl\:active\:text-red-200:active {
-    --text-opacity: 1;
-    color: #fbd5d5;
-    color: rgba(251, 213, 213, var(--text-opacity));
-  }
-
-  .xl\:active\:text-red-300:active {
-    --text-opacity: 1;
-    color: #f8b4b4;
-    color: rgba(248, 180, 180, var(--text-opacity));
-  }
-
-  .xl\:active\:text-red-400:active {
-    --text-opacity: 1;
-    color: #f98080;
-    color: rgba(249, 128, 128, var(--text-opacity));
-  }
-
-  .xl\:active\:text-red-500:active {
-    --text-opacity: 1;
-    color: #f05252;
-    color: rgba(240, 82, 82, var(--text-opacity));
-  }
-
-  .xl\:active\:text-red-600:active {
-    --text-opacity: 1;
-    color: #e02424;
-    color: rgba(224, 36, 36, var(--text-opacity));
-  }
-
-  .xl\:active\:text-red-700:active {
-    --text-opacity: 1;
-    color: #c81e1e;
-    color: rgba(200, 30, 30, var(--text-opacity));
-  }
-
-  .xl\:active\:text-red-800:active {
-    --text-opacity: 1;
-    color: #9b1c1c;
-    color: rgba(155, 28, 28, var(--text-opacity));
-  }
-
-  .xl\:active\:text-red-900:active {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .xl\:active\:text-orange-50:active {
-    --text-opacity: 1;
-    color: #fff8f1;
-    color: rgba(255, 248, 241, var(--text-opacity));
-  }
-
-  .xl\:active\:text-orange-100:active {
-    --text-opacity: 1;
-    color: #feecdc;
-    color: rgba(254, 236, 220, var(--text-opacity));
-  }
-
-  .xl\:active\:text-orange-200:active {
-    --text-opacity: 1;
-    color: #fcd9bd;
-    color: rgba(252, 217, 189, var(--text-opacity));
-  }
-
-  .xl\:active\:text-orange-300:active {
-    --text-opacity: 1;
-    color: #fdba8c;
-    color: rgba(253, 186, 140, var(--text-opacity));
-  }
-
-  .xl\:active\:text-orange-400:active {
-    --text-opacity: 1;
-    color: #ff8a4c;
-    color: rgba(255, 138, 76, var(--text-opacity));
-  }
-
-  .xl\:active\:text-orange-500:active {
-    --text-opacity: 1;
-    color: #ff5a1f;
-    color: rgba(255, 90, 31, var(--text-opacity));
-  }
-
-  .xl\:active\:text-orange-600:active {
-    --text-opacity: 1;
-    color: #d03801;
-    color: rgba(208, 56, 1, var(--text-opacity));
-  }
-
-  .xl\:active\:text-orange-700:active {
-    --text-opacity: 1;
-    color: #b43403;
-    color: rgba(180, 52, 3, var(--text-opacity));
-  }
-
-  .xl\:active\:text-orange-800:active {
-    --text-opacity: 1;
-    color: #8a2c0d;
-    color: rgba(138, 44, 13, var(--text-opacity));
-  }
-
-  .xl\:active\:text-orange-900:active {
-    --text-opacity: 1;
-    color: #771d1d;
-    color: rgba(119, 29, 29, var(--text-opacity));
-  }
-
-  .xl\:active\:text-yellow-50:active {
-    --text-opacity: 1;
-    color: #fdfdea;
-    color: rgba(253, 253, 234, var(--text-opacity));
-  }
-
-  .xl\:active\:text-yellow-100:active {
-    --text-opacity: 1;
-    color: #fdf6b2;
-    color: rgba(253, 246, 178, var(--text-opacity));
-  }
-
-  .xl\:active\:text-yellow-200:active {
-    --text-opacity: 1;
-    color: #fce96a;
-    color: rgba(252, 233, 106, var(--text-opacity));
-  }
-
-  .xl\:active\:text-yellow-300:active {
-    --text-opacity: 1;
-    color: #faca15;
-    color: rgba(250, 202, 21, var(--text-opacity));
-  }
-
-  .xl\:active\:text-yellow-400:active {
-    --text-opacity: 1;
-    color: #e3a008;
-    color: rgba(227, 160, 8, var(--text-opacity));
-  }
-
-  .xl\:active\:text-yellow-500:active {
-    --text-opacity: 1;
-    color: #c27803;
-    color: rgba(194, 120, 3, var(--text-opacity));
-  }
-
-  .xl\:active\:text-yellow-600:active {
-    --text-opacity: 1;
-    color: #9f580a;
-    color: rgba(159, 88, 10, var(--text-opacity));
-  }
-
-  .xl\:active\:text-yellow-700:active {
-    --text-opacity: 1;
-    color: #8e4b10;
-    color: rgba(142, 75, 16, var(--text-opacity));
-  }
-
-  .xl\:active\:text-yellow-800:active {
-    --text-opacity: 1;
-    color: #723b13;
-    color: rgba(114, 59, 19, var(--text-opacity));
-  }
-
-  .xl\:active\:text-yellow-900:active {
-    --text-opacity: 1;
-    color: #633112;
-    color: rgba(99, 49, 18, var(--text-opacity));
-  }
-
-  .xl\:active\:text-green-50:active {
-    --text-opacity: 1;
-    color: #f3faf7;
-    color: rgba(243, 250, 247, var(--text-opacity));
-  }
-
-  .xl\:active\:text-green-100:active {
-    --text-opacity: 1;
-    color: #def7ec;
-    color: rgba(222, 247, 236, var(--text-opacity));
-  }
-
-  .xl\:active\:text-green-200:active {
-    --text-opacity: 1;
-    color: #bcf0da;
-    color: rgba(188, 240, 218, var(--text-opacity));
-  }
-
-  .xl\:active\:text-green-300:active {
-    --text-opacity: 1;
-    color: #84e1bc;
-    color: rgba(132, 225, 188, var(--text-opacity));
-  }
-
-  .xl\:active\:text-green-400:active {
-    --text-opacity: 1;
-    color: #31c48d;
-    color: rgba(49, 196, 141, var(--text-opacity));
-  }
-
-  .xl\:active\:text-green-500:active {
-    --text-opacity: 1;
-    color: #0e9f6e;
-    color: rgba(14, 159, 110, var(--text-opacity));
-  }
-
-  .xl\:active\:text-green-600:active {
-    --text-opacity: 1;
-    color: #057a55;
-    color: rgba(5, 122, 85, var(--text-opacity));
-  }
-
-  .xl\:active\:text-green-700:active {
-    --text-opacity: 1;
-    color: #046c4e;
-    color: rgba(4, 108, 78, var(--text-opacity));
-  }
-
-  .xl\:active\:text-green-800:active {
-    --text-opacity: 1;
-    color: #03543f;
-    color: rgba(3, 84, 63, var(--text-opacity));
-  }
-
-  .xl\:active\:text-green-900:active {
-    --text-opacity: 1;
-    color: #014737;
-    color: rgba(1, 71, 55, var(--text-opacity));
-  }
-
-  .xl\:active\:text-teal-50:active {
-    --text-opacity: 1;
-    color: #edfafa;
-    color: rgba(237, 250, 250, var(--text-opacity));
-  }
-
-  .xl\:active\:text-teal-100:active {
-    --text-opacity: 1;
-    color: #d5f5f6;
-    color: rgba(213, 245, 246, var(--text-opacity));
-  }
-
-  .xl\:active\:text-teal-200:active {
-    --text-opacity: 1;
-    color: #afecef;
-    color: rgba(175, 236, 239, var(--text-opacity));
-  }
-
-  .xl\:active\:text-teal-300:active {
-    --text-opacity: 1;
-    color: #7edce2;
-    color: rgba(126, 220, 226, var(--text-opacity));
-  }
-
-  .xl\:active\:text-teal-400:active {
-    --text-opacity: 1;
-    color: #16bdca;
-    color: rgba(22, 189, 202, var(--text-opacity));
-  }
-
-  .xl\:active\:text-teal-500:active {
-    --text-opacity: 1;
-    color: #0694a2;
-    color: rgba(6, 148, 162, var(--text-opacity));
-  }
-
-  .xl\:active\:text-teal-600:active {
-    --text-opacity: 1;
-    color: #047481;
-    color: rgba(4, 116, 129, var(--text-opacity));
-  }
-
-  .xl\:active\:text-teal-700:active {
-    --text-opacity: 1;
-    color: #036672;
-    color: rgba(3, 102, 114, var(--text-opacity));
-  }
-
-  .xl\:active\:text-teal-800:active {
-    --text-opacity: 1;
-    color: #05505c;
-    color: rgba(5, 80, 92, var(--text-opacity));
-  }
-
-  .xl\:active\:text-teal-900:active {
-    --text-opacity: 1;
-    color: #014451;
-    color: rgba(1, 68, 81, var(--text-opacity));
-  }
-
-  .xl\:active\:text-blue-50:active {
-    --text-opacity: 1;
-    color: #ebf5ff;
-    color: rgba(235, 245, 255, var(--text-opacity));
-  }
-
-  .xl\:active\:text-blue-100:active {
-    --text-opacity: 1;
-    color: #e1effe;
-    color: rgba(225, 239, 254, var(--text-opacity));
-  }
-
-  .xl\:active\:text-blue-200:active {
-    --text-opacity: 1;
-    color: #c3ddfd;
-    color: rgba(195, 221, 253, var(--text-opacity));
-  }
-
-  .xl\:active\:text-blue-300:active {
-    --text-opacity: 1;
-    color: #a4cafe;
-    color: rgba(164, 202, 254, var(--text-opacity));
-  }
-
-  .xl\:active\:text-blue-400:active {
-    --text-opacity: 1;
-    color: #76a9fa;
-    color: rgba(118, 169, 250, var(--text-opacity));
-  }
-
-  .xl\:active\:text-blue-500:active {
-    --text-opacity: 1;
-    color: #3f83f8;
-    color: rgba(63, 131, 248, var(--text-opacity));
-  }
-
-  .xl\:active\:text-blue-600:active {
-    --text-opacity: 1;
-    color: #1c64f2;
-    color: rgba(28, 100, 242, var(--text-opacity));
-  }
-
-  .xl\:active\:text-blue-700:active {
-    --text-opacity: 1;
-    color: #1a56db;
-    color: rgba(26, 86, 219, var(--text-opacity));
-  }
-
-  .xl\:active\:text-blue-800:active {
-    --text-opacity: 1;
-    color: #1e429f;
-    color: rgba(30, 66, 159, var(--text-opacity));
-  }
-
-  .xl\:active\:text-blue-900:active {
-    --text-opacity: 1;
-    color: #233876;
-    color: rgba(35, 56, 118, var(--text-opacity));
-  }
-
-  .xl\:active\:text-indigo-50:active {
-    --text-opacity: 1;
-    color: #f0f5ff;
-    color: rgba(240, 245, 255, var(--text-opacity));
-  }
-
-  .xl\:active\:text-indigo-100:active {
-    --text-opacity: 1;
-    color: #e5edff;
-    color: rgba(229, 237, 255, var(--text-opacity));
-  }
-
-  .xl\:active\:text-indigo-200:active {
-    --text-opacity: 1;
-    color: #cddbfe;
-    color: rgba(205, 219, 254, var(--text-opacity));
-  }
-
-  .xl\:active\:text-indigo-300:active {
-    --text-opacity: 1;
-    color: #b4c6fc;
-    color: rgba(180, 198, 252, var(--text-opacity));
-  }
-
-  .xl\:active\:text-indigo-400:active {
-    --text-opacity: 1;
-    color: #8da2fb;
-    color: rgba(141, 162, 251, var(--text-opacity));
-  }
-
-  .xl\:active\:text-indigo-500:active {
-    --text-opacity: 1;
-    color: #6875f5;
-    color: rgba(104, 117, 245, var(--text-opacity));
-  }
-
-  .xl\:active\:text-indigo-600:active {
-    --text-opacity: 1;
-    color: #5850ec;
-    color: rgba(88, 80, 236, var(--text-opacity));
-  }
-
-  .xl\:active\:text-indigo-700:active {
-    --text-opacity: 1;
-    color: #5145cd;
-    color: rgba(81, 69, 205, var(--text-opacity));
-  }
-
-  .xl\:active\:text-indigo-800:active {
-    --text-opacity: 1;
-    color: #42389d;
-    color: rgba(66, 56, 157, var(--text-opacity));
-  }
-
-  .xl\:active\:text-indigo-900:active {
-    --text-opacity: 1;
-    color: #362f78;
-    color: rgba(54, 47, 120, var(--text-opacity));
-  }
-
-  .xl\:active\:text-purple-50:active {
-    --text-opacity: 1;
-    color: #f6f5ff;
-    color: rgba(246, 245, 255, var(--text-opacity));
-  }
-
-  .xl\:active\:text-purple-100:active {
-    --text-opacity: 1;
-    color: #edebfe;
-    color: rgba(237, 235, 254, var(--text-opacity));
-  }
-
-  .xl\:active\:text-purple-200:active {
-    --text-opacity: 1;
-    color: #dcd7fe;
-    color: rgba(220, 215, 254, var(--text-opacity));
-  }
-
-  .xl\:active\:text-purple-300:active {
-    --text-opacity: 1;
-    color: #cabffd;
-    color: rgba(202, 191, 253, var(--text-opacity));
-  }
-
-  .xl\:active\:text-purple-400:active {
-    --text-opacity: 1;
-    color: #ac94fa;
-    color: rgba(172, 148, 250, var(--text-opacity));
-  }
-
-  .xl\:active\:text-purple-500:active {
-    --text-opacity: 1;
-    color: #9061f9;
-    color: rgba(144, 97, 249, var(--text-opacity));
-  }
-
-  .xl\:active\:text-purple-600:active {
-    --text-opacity: 1;
-    color: #7e3af2;
-    color: rgba(126, 58, 242, var(--text-opacity));
-  }
-
-  .xl\:active\:text-purple-700:active {
-    --text-opacity: 1;
-    color: #6c2bd9;
-    color: rgba(108, 43, 217, var(--text-opacity));
-  }
-
-  .xl\:active\:text-purple-800:active {
-    --text-opacity: 1;
-    color: #5521b5;
-    color: rgba(85, 33, 181, var(--text-opacity));
-  }
-
-  .xl\:active\:text-purple-900:active {
-    --text-opacity: 1;
-    color: #4a1d96;
-    color: rgba(74, 29, 150, var(--text-opacity));
-  }
-
-  .xl\:active\:text-pink-50:active {
-    --text-opacity: 1;
-    color: #fdf2f8;
-    color: rgba(253, 242, 248, var(--text-opacity));
-  }
-
-  .xl\:active\:text-pink-100:active {
-    --text-opacity: 1;
-    color: #fce8f3;
-    color: rgba(252, 232, 243, var(--text-opacity));
-  }
-
-  .xl\:active\:text-pink-200:active {
-    --text-opacity: 1;
-    color: #fad1e8;
-    color: rgba(250, 209, 232, var(--text-opacity));
-  }
-
-  .xl\:active\:text-pink-300:active {
-    --text-opacity: 1;
-    color: #f8b4d9;
-    color: rgba(248, 180, 217, var(--text-opacity));
-  }
-
-  .xl\:active\:text-pink-400:active {
-    --text-opacity: 1;
-    color: #f17eb8;
-    color: rgba(241, 126, 184, var(--text-opacity));
-  }
-
-  .xl\:active\:text-pink-500:active {
-    --text-opacity: 1;
-    color: #e74694;
-    color: rgba(231, 70, 148, var(--text-opacity));
-  }
-
-  .xl\:active\:text-pink-600:active {
-    --text-opacity: 1;
-    color: #d61f69;
-    color: rgba(214, 31, 105, var(--text-opacity));
-  }
-
-  .xl\:active\:text-pink-700:active {
-    --text-opacity: 1;
-    color: #bf125d;
-    color: rgba(191, 18, 93, var(--text-opacity));
-  }
-
-  .xl\:active\:text-pink-800:active {
-    --text-opacity: 1;
-    color: #99154b;
-    color: rgba(153, 21, 75, var(--text-opacity));
-  }
-
-  .xl\:active\:text-pink-900:active {
-    --text-opacity: 1;
-    color: #751a3d;
-    color: rgba(117, 26, 61, var(--text-opacity));
-  }
-
-  .xl\:text-opacity-0 {
-    --text-opacity: 0;
-  }
-
-  .xl\:text-opacity-25 {
-    --text-opacity: 0.25;
-  }
-
-  .xl\:text-opacity-50 {
-    --text-opacity: 0.5;
-  }
-
-  .xl\:text-opacity-75 {
-    --text-opacity: 0.75;
-  }
-
-  .xl\:text-opacity-100 {
-    --text-opacity: 1;
-  }
-
-  .xl\:hover\:text-opacity-0:hover {
-    --text-opacity: 0;
-  }
-
-  .xl\:hover\:text-opacity-25:hover {
-    --text-opacity: 0.25;
-  }
-
-  .xl\:hover\:text-opacity-50:hover {
-    --text-opacity: 0.5;
-  }
-
-  .xl\:hover\:text-opacity-75:hover {
-    --text-opacity: 0.75;
-  }
-
-  .xl\:hover\:text-opacity-100:hover {
-    --text-opacity: 1;
-  }
-
-  .xl\:focus\:text-opacity-0:focus {
-    --text-opacity: 0;
-  }
-
-  .xl\:focus\:text-opacity-25:focus {
-    --text-opacity: 0.25;
-  }
-
-  .xl\:focus\:text-opacity-50:focus {
-    --text-opacity: 0.5;
-  }
-
-  .xl\:focus\:text-opacity-75:focus {
-    --text-opacity: 0.75;
-  }
-
-  .xl\:focus\:text-opacity-100:focus {
-    --text-opacity: 1;
-  }
-
-  .xl\:italic {
-    font-style: italic;
-  }
-
-  .xl\:not-italic {
-    font-style: normal;
-  }
-
-  .xl\:uppercase {
-    text-transform: uppercase;
-  }
-
-  .xl\:lowercase {
-    text-transform: lowercase;
-  }
-
-  .xl\:capitalize {
-    text-transform: capitalize;
-  }
-
-  .xl\:normal-case {
-    text-transform: none;
-  }
-
-  .xl\:underline {
-    text-decoration: underline;
-  }
-
-  .xl\:line-through {
-    text-decoration: line-through;
-  }
-
-  .xl\:no-underline {
-    text-decoration: none;
-  }
-
-  .group:hover .xl\:group-hover\:underline {
-    text-decoration: underline;
-  }
-
-  .group:hover .xl\:group-hover\:line-through {
-    text-decoration: line-through;
-  }
-
-  .group:hover .xl\:group-hover\:no-underline {
-    text-decoration: none;
-  }
-
-  .group:focus .xl\:group-focus\:underline {
-    text-decoration: underline;
-  }
-
-  .group:focus .xl\:group-focus\:line-through {
-    text-decoration: line-through;
-  }
-
-  .group:focus .xl\:group-focus\:no-underline {
-    text-decoration: none;
-  }
-
-  .xl\:hover\:underline:hover {
-    text-decoration: underline;
-  }
-
-  .xl\:hover\:line-through:hover {
-    text-decoration: line-through;
-  }
-
-  .xl\:hover\:no-underline:hover {
-    text-decoration: none;
-  }
-
-  .xl\:focus\:underline:focus {
-    text-decoration: underline;
-  }
-
-  .xl\:focus\:line-through:focus {
-    text-decoration: line-through;
-  }
-
-  .xl\:focus\:no-underline:focus {
-    text-decoration: none;
-  }
-
-  .xl\:antialiased {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  .xl\:subpixel-antialiased {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
-  }
-
-  .xl\:tracking-tighter {
-    letter-spacing: -0.05em;
-  }
-
-  .xl\:tracking-tight {
-    letter-spacing: -0.025em;
-  }
-
-  .xl\:tracking-normal {
-    letter-spacing: 0;
-  }
-
-  .xl\:tracking-wide {
-    letter-spacing: 0.025em;
-  }
-
-  .xl\:tracking-wider {
-    letter-spacing: 0.05em;
-  }
-
-  .xl\:tracking-widest {
-    letter-spacing: 0.1em;
-  }
-
-  .xl\:select-none {
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-  }
-
-  .xl\:select-text {
-    -webkit-user-select: text;
-       -moz-user-select: text;
-        -ms-user-select: text;
-            user-select: text;
-  }
-
-  .xl\:select-all {
-    -webkit-user-select: all;
-       -moz-user-select: all;
-        -ms-user-select: all;
-            user-select: all;
-  }
-
-  .xl\:select-auto {
-    -webkit-user-select: auto;
-       -moz-user-select: auto;
-        -ms-user-select: auto;
-            user-select: auto;
-  }
-
-  .xl\:align-baseline {
-    vertical-align: baseline;
-  }
-
-  .xl\:align-top {
-    vertical-align: top;
-  }
-
-  .xl\:align-middle {
-    vertical-align: middle;
-  }
-
-  .xl\:align-bottom {
-    vertical-align: bottom;
-  }
-
-  .xl\:align-text-top {
-    vertical-align: text-top;
-  }
-
-  .xl\:align-text-bottom {
-    vertical-align: text-bottom;
-  }
-
-  .xl\:visible {
-    visibility: visible;
-  }
-
-  .xl\:invisible {
-    visibility: hidden;
-  }
-
-  .xl\:whitespace-normal {
-    white-space: normal;
-  }
-
-  .xl\:whitespace-no-wrap {
-    white-space: nowrap;
-  }
-
-  .xl\:whitespace-pre {
-    white-space: pre;
-  }
-
-  .xl\:whitespace-pre-line {
-    white-space: pre-line;
-  }
-
-  .xl\:whitespace-pre-wrap {
-    white-space: pre-wrap;
-  }
-
-  .xl\:break-normal {
-    overflow-wrap: normal;
-    word-break: normal;
-  }
-
-  .xl\:break-words {
-    overflow-wrap: break-word;
-  }
-
-  .xl\:break-all {
-    word-break: break-all;
-  }
-
-  .xl\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .xl\:w-0 {
-    width: 0;
-  }
-
-  .xl\:w-1 {
-    width: 0.25rem;
-  }
-
-  .xl\:w-2 {
-    width: 0.5rem;
-  }
-
-  .xl\:w-3 {
-    width: 0.75rem;
-  }
-
-  .xl\:w-4 {
-    width: 1rem;
-  }
-
-  .xl\:w-5 {
-    width: 1.25rem;
-  }
-
-  .xl\:w-6 {
-    width: 1.5rem;
-  }
-
-  .xl\:w-7 {
-    width: 1.75rem;
-  }
-
-  .xl\:w-8 {
-    width: 2rem;
-  }
-
-  .xl\:w-9 {
-    width: 2.25rem;
-  }
-
-  .xl\:w-10 {
-    width: 2.5rem;
-  }
-
-  .xl\:w-11 {
-    width: 2.75rem;
-  }
-
-  .xl\:w-12 {
-    width: 3rem;
-  }
-
-  .xl\:w-13 {
-    width: 3.25rem;
-  }
-
-  .xl\:w-14 {
-    width: 3.5rem;
-  }
-
-  .xl\:w-15 {
-    width: 3.75rem;
-  }
-
-  .xl\:w-16 {
-    width: 4rem;
-  }
-
-  .xl\:w-20 {
-    width: 5rem;
-  }
-
-  .xl\:w-24 {
-    width: 6rem;
-  }
-
-  .xl\:w-28 {
-    width: 7rem;
-  }
-
-  .xl\:w-32 {
-    width: 8rem;
-  }
-
-  .xl\:w-36 {
-    width: 9rem;
-  }
-
-  .xl\:w-40 {
-    width: 10rem;
-  }
-
-  .xl\:w-48 {
-    width: 12rem;
-  }
-
-  .xl\:w-56 {
-    width: 14rem;
-  }
-
-  .xl\:w-60 {
-    width: 15rem;
-  }
-
-  .xl\:w-64 {
-    width: 16rem;
-  }
-
-  .xl\:w-72 {
-    width: 18rem;
-  }
-
-  .xl\:w-80 {
-    width: 20rem;
-  }
-
-  .xl\:w-96 {
-    width: 24rem;
-  }
-
-  .xl\:w-auto {
-    width: auto;
-  }
-
-  .xl\:w-px {
-    width: 1px;
-  }
-
-  .xl\:w-0\.5 {
-    width: 0.125rem;
-  }
-
-  .xl\:w-1\.5 {
-    width: 0.375rem;
-  }
-
-  .xl\:w-2\.5 {
-    width: 0.625rem;
-  }
-
-  .xl\:w-3\.5 {
-    width: 0.875rem;
-  }
-
-  .xl\:w-1\/2 {
-    width: 50%;
-  }
-
-  .xl\:w-1\/3 {
-    width: 33.333333%;
-  }
-
-  .xl\:w-2\/3 {
-    width: 66.666667%;
-  }
-
-  .xl\:w-1\/4 {
-    width: 25%;
-  }
-
-  .xl\:w-2\/4 {
-    width: 50%;
-  }
-
-  .xl\:w-3\/4 {
-    width: 75%;
-  }
-
-  .xl\:w-1\/5 {
-    width: 20%;
-  }
-
-  .xl\:w-2\/5 {
-    width: 40%;
-  }
-
-  .xl\:w-3\/5 {
-    width: 60%;
-  }
-
-  .xl\:w-4\/5 {
-    width: 80%;
-  }
-
-  .xl\:w-1\/6 {
-    width: 16.666667%;
-  }
-
-  .xl\:w-2\/6 {
-    width: 33.333333%;
-  }
-
-  .xl\:w-3\/6 {
-    width: 50%;
-  }
-
-  .xl\:w-4\/6 {
-    width: 66.666667%;
-  }
-
-  .xl\:w-5\/6 {
-    width: 83.333333%;
-  }
-
-  .xl\:w-1\/12 {
-    width: 8.333333%;
-  }
-
-  .xl\:w-2\/12 {
-    width: 16.666667%;
-  }
-
-  .xl\:w-3\/12 {
-    width: 25%;
-  }
-
-  .xl\:w-4\/12 {
-    width: 33.333333%;
-  }
-
-  .xl\:w-5\/12 {
-    width: 41.666667%;
-  }
-
-  .xl\:w-6\/12 {
-    width: 50%;
-  }
-
-  .xl\:w-7\/12 {
-    width: 58.333333%;
-  }
-
-  .xl\:w-8\/12 {
-    width: 66.666667%;
-  }
-
-  .xl\:w-9\/12 {
-    width: 75%;
-  }
-
-  .xl\:w-10\/12 {
-    width: 83.333333%;
-  }
-
-  .xl\:w-11\/12 {
-    width: 91.666667%;
-  }
-
-  .xl\:w-full {
-    width: 100%;
-  }
-
-  .xl\:w-screen {
-    width: 100vw;
-  }
-
-  .xl\:z-0 {
-    z-index: 0;
-  }
-
-  .xl\:z-10 {
-    z-index: 10;
-  }
-
-  .xl\:z-20 {
-    z-index: 20;
-  }
-
-  .xl\:z-30 {
-    z-index: 30;
-  }
-
-  .xl\:z-40 {
-    z-index: 40;
-  }
-
-  .xl\:z-50 {
-    z-index: 50;
-  }
-
-  .xl\:z-auto {
-    z-index: auto;
-  }
-
-  .xl\:focus-within\:z-0:focus-within {
-    z-index: 0;
-  }
-
-  .xl\:focus-within\:z-10:focus-within {
-    z-index: 10;
-  }
-
-  .xl\:focus-within\:z-20:focus-within {
-    z-index: 20;
-  }
-
-  .xl\:focus-within\:z-30:focus-within {
-    z-index: 30;
-  }
-
-  .xl\:focus-within\:z-40:focus-within {
-    z-index: 40;
-  }
-
-  .xl\:focus-within\:z-50:focus-within {
-    z-index: 50;
-  }
-
-  .xl\:focus-within\:z-auto:focus-within {
-    z-index: auto;
-  }
-
-  .xl\:focus\:z-0:focus {
-    z-index: 0;
-  }
-
-  .xl\:focus\:z-10:focus {
-    z-index: 10;
-  }
-
-  .xl\:focus\:z-20:focus {
-    z-index: 20;
-  }
-
-  .xl\:focus\:z-30:focus {
-    z-index: 30;
-  }
-
-  .xl\:focus\:z-40:focus {
-    z-index: 40;
-  }
-
-  .xl\:focus\:z-50:focus {
-    z-index: 50;
-  }
-
-  .xl\:focus\:z-auto:focus {
-    z-index: auto;
-  }
-
-  .xl\:gap-0 {
-    grid-gap: 0;
-    gap: 0;
-  }
-
-  .xl\:gap-1 {
-    grid-gap: 0.25rem;
-    gap: 0.25rem;
-  }
-
-  .xl\:gap-2 {
-    grid-gap: 0.5rem;
-    gap: 0.5rem;
-  }
-
-  .xl\:gap-3 {
-    grid-gap: 0.75rem;
-    gap: 0.75rem;
-  }
-
-  .xl\:gap-4 {
-    grid-gap: 1rem;
-    gap: 1rem;
-  }
-
-  .xl\:gap-5 {
-    grid-gap: 1.25rem;
-    gap: 1.25rem;
-  }
-
-  .xl\:gap-6 {
-    grid-gap: 1.5rem;
-    gap: 1.5rem;
-  }
-
-  .xl\:gap-7 {
-    grid-gap: 1.75rem;
-    gap: 1.75rem;
-  }
-
-  .xl\:gap-8 {
-    grid-gap: 2rem;
-    gap: 2rem;
-  }
-
-  .xl\:gap-9 {
-    grid-gap: 2.25rem;
-    gap: 2.25rem;
-  }
-
-  .xl\:gap-10 {
-    grid-gap: 2.5rem;
-    gap: 2.5rem;
-  }
-
-  .xl\:gap-11 {
-    grid-gap: 2.75rem;
-    gap: 2.75rem;
-  }
-
-  .xl\:gap-12 {
-    grid-gap: 3rem;
-    gap: 3rem;
-  }
-
-  .xl\:gap-13 {
-    grid-gap: 3.25rem;
-    gap: 3.25rem;
-  }
-
-  .xl\:gap-14 {
-    grid-gap: 3.5rem;
-    gap: 3.5rem;
-  }
-
-  .xl\:gap-15 {
-    grid-gap: 3.75rem;
-    gap: 3.75rem;
-  }
-
-  .xl\:gap-16 {
-    grid-gap: 4rem;
-    gap: 4rem;
-  }
-
-  .xl\:gap-20 {
-    grid-gap: 5rem;
-    gap: 5rem;
-  }
-
-  .xl\:gap-24 {
-    grid-gap: 6rem;
-    gap: 6rem;
-  }
-
-  .xl\:gap-28 {
-    grid-gap: 7rem;
-    gap: 7rem;
-  }
-
-  .xl\:gap-32 {
-    grid-gap: 8rem;
-    gap: 8rem;
-  }
-
-  .xl\:gap-36 {
-    grid-gap: 9rem;
-    gap: 9rem;
-  }
-
-  .xl\:gap-40 {
-    grid-gap: 10rem;
-    gap: 10rem;
-  }
-
-  .xl\:gap-48 {
-    grid-gap: 12rem;
-    gap: 12rem;
-  }
-
-  .xl\:gap-56 {
-    grid-gap: 14rem;
-    gap: 14rem;
-  }
-
-  .xl\:gap-60 {
-    grid-gap: 15rem;
-    gap: 15rem;
-  }
-
-  .xl\:gap-64 {
-    grid-gap: 16rem;
-    gap: 16rem;
-  }
-
-  .xl\:gap-72 {
-    grid-gap: 18rem;
-    gap: 18rem;
-  }
-
-  .xl\:gap-80 {
-    grid-gap: 20rem;
-    gap: 20rem;
-  }
-
-  .xl\:gap-96 {
-    grid-gap: 24rem;
-    gap: 24rem;
-  }
-
-  .xl\:gap-px {
-    grid-gap: 1px;
-    gap: 1px;
-  }
-
-  .xl\:gap-0\.5 {
-    grid-gap: 0.125rem;
-    gap: 0.125rem;
-  }
-
-  .xl\:gap-1\.5 {
-    grid-gap: 0.375rem;
-    gap: 0.375rem;
-  }
-
-  .xl\:gap-2\.5 {
-    grid-gap: 0.625rem;
-    gap: 0.625rem;
-  }
-
-  .xl\:gap-3\.5 {
-    grid-gap: 0.875rem;
-    gap: 0.875rem;
-  }
-
-  .xl\:gap-1\/2 {
-    grid-gap: 50%;
-    gap: 50%;
-  }
-
-  .xl\:gap-1\/3 {
-    grid-gap: 33.333333%;
-    gap: 33.333333%;
-  }
-
-  .xl\:gap-2\/3 {
-    grid-gap: 66.666667%;
-    gap: 66.666667%;
-  }
-
-  .xl\:gap-1\/4 {
-    grid-gap: 25%;
-    gap: 25%;
-  }
-
-  .xl\:gap-2\/4 {
-    grid-gap: 50%;
-    gap: 50%;
-  }
-
-  .xl\:gap-3\/4 {
-    grid-gap: 75%;
-    gap: 75%;
-  }
-
-  .xl\:gap-1\/5 {
-    grid-gap: 20%;
-    gap: 20%;
-  }
-
-  .xl\:gap-2\/5 {
-    grid-gap: 40%;
-    gap: 40%;
-  }
-
-  .xl\:gap-3\/5 {
-    grid-gap: 60%;
-    gap: 60%;
-  }
-
-  .xl\:gap-4\/5 {
-    grid-gap: 80%;
-    gap: 80%;
-  }
-
-  .xl\:gap-1\/6 {
-    grid-gap: 16.666667%;
-    gap: 16.666667%;
-  }
-
-  .xl\:gap-2\/6 {
-    grid-gap: 33.333333%;
-    gap: 33.333333%;
-  }
-
-  .xl\:gap-3\/6 {
-    grid-gap: 50%;
-    gap: 50%;
-  }
-
-  .xl\:gap-4\/6 {
-    grid-gap: 66.666667%;
-    gap: 66.666667%;
-  }
-
-  .xl\:gap-5\/6 {
-    grid-gap: 83.333333%;
-    gap: 83.333333%;
-  }
-
-  .xl\:gap-1\/12 {
-    grid-gap: 8.333333%;
-    gap: 8.333333%;
-  }
-
-  .xl\:gap-2\/12 {
-    grid-gap: 16.666667%;
-    gap: 16.666667%;
-  }
-
-  .xl\:gap-3\/12 {
-    grid-gap: 25%;
-    gap: 25%;
-  }
-
-  .xl\:gap-4\/12 {
-    grid-gap: 33.333333%;
-    gap: 33.333333%;
-  }
-
-  .xl\:gap-5\/12 {
-    grid-gap: 41.666667%;
-    gap: 41.666667%;
-  }
-
-  .xl\:gap-6\/12 {
-    grid-gap: 50%;
-    gap: 50%;
-  }
-
-  .xl\:gap-7\/12 {
-    grid-gap: 58.333333%;
-    gap: 58.333333%;
-  }
-
-  .xl\:gap-8\/12 {
-    grid-gap: 66.666667%;
-    gap: 66.666667%;
-  }
-
-  .xl\:gap-9\/12 {
-    grid-gap: 75%;
-    gap: 75%;
-  }
-
-  .xl\:gap-10\/12 {
-    grid-gap: 83.333333%;
-    gap: 83.333333%;
-  }
-
-  .xl\:gap-11\/12 {
-    grid-gap: 91.666667%;
-    gap: 91.666667%;
-  }
-
-  .xl\:gap-full {
-    grid-gap: 100%;
-    gap: 100%;
-  }
-
-  .xl\:col-gap-0 {
-    grid-column-gap: 0;
-    -moz-column-gap: 0;
-         column-gap: 0;
-  }
-
-  .xl\:col-gap-1 {
-    grid-column-gap: 0.25rem;
-    -moz-column-gap: 0.25rem;
-         column-gap: 0.25rem;
-  }
-
-  .xl\:col-gap-2 {
-    grid-column-gap: 0.5rem;
-    -moz-column-gap: 0.5rem;
-         column-gap: 0.5rem;
-  }
-
-  .xl\:col-gap-3 {
-    grid-column-gap: 0.75rem;
-    -moz-column-gap: 0.75rem;
-         column-gap: 0.75rem;
-  }
-
-  .xl\:col-gap-4 {
-    grid-column-gap: 1rem;
-    -moz-column-gap: 1rem;
-         column-gap: 1rem;
-  }
-
-  .xl\:col-gap-5 {
-    grid-column-gap: 1.25rem;
-    -moz-column-gap: 1.25rem;
-         column-gap: 1.25rem;
-  }
-
-  .xl\:col-gap-6 {
-    grid-column-gap: 1.5rem;
-    -moz-column-gap: 1.5rem;
-         column-gap: 1.5rem;
-  }
-
-  .xl\:col-gap-7 {
-    grid-column-gap: 1.75rem;
-    -moz-column-gap: 1.75rem;
-         column-gap: 1.75rem;
-  }
-
-  .xl\:col-gap-8 {
-    grid-column-gap: 2rem;
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
-  }
-
-  .xl\:col-gap-9 {
-    grid-column-gap: 2.25rem;
-    -moz-column-gap: 2.25rem;
-         column-gap: 2.25rem;
-  }
-
-  .xl\:col-gap-10 {
-    grid-column-gap: 2.5rem;
-    -moz-column-gap: 2.5rem;
-         column-gap: 2.5rem;
-  }
-
-  .xl\:col-gap-11 {
-    grid-column-gap: 2.75rem;
-    -moz-column-gap: 2.75rem;
-         column-gap: 2.75rem;
-  }
-
-  .xl\:col-gap-12 {
-    grid-column-gap: 3rem;
-    -moz-column-gap: 3rem;
-         column-gap: 3rem;
-  }
-
-  .xl\:col-gap-13 {
-    grid-column-gap: 3.25rem;
-    -moz-column-gap: 3.25rem;
-         column-gap: 3.25rem;
-  }
-
-  .xl\:col-gap-14 {
-    grid-column-gap: 3.5rem;
-    -moz-column-gap: 3.5rem;
-         column-gap: 3.5rem;
-  }
-
-  .xl\:col-gap-15 {
-    grid-column-gap: 3.75rem;
-    -moz-column-gap: 3.75rem;
-         column-gap: 3.75rem;
-  }
-
-  .xl\:col-gap-16 {
-    grid-column-gap: 4rem;
-    -moz-column-gap: 4rem;
-         column-gap: 4rem;
-  }
-
-  .xl\:col-gap-20 {
-    grid-column-gap: 5rem;
-    -moz-column-gap: 5rem;
-         column-gap: 5rem;
-  }
-
-  .xl\:col-gap-24 {
-    grid-column-gap: 6rem;
-    -moz-column-gap: 6rem;
-         column-gap: 6rem;
-  }
-
-  .xl\:col-gap-28 {
-    grid-column-gap: 7rem;
-    -moz-column-gap: 7rem;
-         column-gap: 7rem;
-  }
-
-  .xl\:col-gap-32 {
-    grid-column-gap: 8rem;
-    -moz-column-gap: 8rem;
-         column-gap: 8rem;
-  }
-
-  .xl\:col-gap-36 {
-    grid-column-gap: 9rem;
-    -moz-column-gap: 9rem;
-         column-gap: 9rem;
-  }
-
-  .xl\:col-gap-40 {
-    grid-column-gap: 10rem;
-    -moz-column-gap: 10rem;
-         column-gap: 10rem;
-  }
-
-  .xl\:col-gap-48 {
-    grid-column-gap: 12rem;
-    -moz-column-gap: 12rem;
-         column-gap: 12rem;
-  }
-
-  .xl\:col-gap-56 {
-    grid-column-gap: 14rem;
-    -moz-column-gap: 14rem;
-         column-gap: 14rem;
-  }
-
-  .xl\:col-gap-60 {
-    grid-column-gap: 15rem;
-    -moz-column-gap: 15rem;
-         column-gap: 15rem;
-  }
-
-  .xl\:col-gap-64 {
-    grid-column-gap: 16rem;
-    -moz-column-gap: 16rem;
-         column-gap: 16rem;
-  }
-
-  .xl\:col-gap-72 {
-    grid-column-gap: 18rem;
-    -moz-column-gap: 18rem;
-         column-gap: 18rem;
-  }
-
-  .xl\:col-gap-80 {
-    grid-column-gap: 20rem;
-    -moz-column-gap: 20rem;
-         column-gap: 20rem;
-  }
-
-  .xl\:col-gap-96 {
-    grid-column-gap: 24rem;
-    -moz-column-gap: 24rem;
-         column-gap: 24rem;
-  }
-
-  .xl\:col-gap-px {
-    grid-column-gap: 1px;
-    -moz-column-gap: 1px;
-         column-gap: 1px;
-  }
-
-  .xl\:col-gap-0\.5 {
-    grid-column-gap: 0.125rem;
-    -moz-column-gap: 0.125rem;
-         column-gap: 0.125rem;
-  }
-
-  .xl\:col-gap-1\.5 {
-    grid-column-gap: 0.375rem;
-    -moz-column-gap: 0.375rem;
-         column-gap: 0.375rem;
-  }
-
-  .xl\:col-gap-2\.5 {
-    grid-column-gap: 0.625rem;
-    -moz-column-gap: 0.625rem;
-         column-gap: 0.625rem;
-  }
-
-  .xl\:col-gap-3\.5 {
-    grid-column-gap: 0.875rem;
-    -moz-column-gap: 0.875rem;
-         column-gap: 0.875rem;
-  }
-
-  .xl\:col-gap-1\/2 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .xl\:col-gap-1\/3 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .xl\:col-gap-2\/3 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .xl\:col-gap-1\/4 {
-    grid-column-gap: 25%;
-    -moz-column-gap: 25%;
-         column-gap: 25%;
-  }
-
-  .xl\:col-gap-2\/4 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .xl\:col-gap-3\/4 {
-    grid-column-gap: 75%;
-    -moz-column-gap: 75%;
-         column-gap: 75%;
-  }
-
-  .xl\:col-gap-1\/5 {
-    grid-column-gap: 20%;
-    -moz-column-gap: 20%;
-         column-gap: 20%;
-  }
-
-  .xl\:col-gap-2\/5 {
-    grid-column-gap: 40%;
-    -moz-column-gap: 40%;
-         column-gap: 40%;
-  }
-
-  .xl\:col-gap-3\/5 {
-    grid-column-gap: 60%;
-    -moz-column-gap: 60%;
-         column-gap: 60%;
-  }
-
-  .xl\:col-gap-4\/5 {
-    grid-column-gap: 80%;
-    -moz-column-gap: 80%;
-         column-gap: 80%;
-  }
-
-  .xl\:col-gap-1\/6 {
-    grid-column-gap: 16.666667%;
-    -moz-column-gap: 16.666667%;
-         column-gap: 16.666667%;
-  }
-
-  .xl\:col-gap-2\/6 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .xl\:col-gap-3\/6 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .xl\:col-gap-4\/6 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .xl\:col-gap-5\/6 {
-    grid-column-gap: 83.333333%;
-    -moz-column-gap: 83.333333%;
-         column-gap: 83.333333%;
-  }
-
-  .xl\:col-gap-1\/12 {
-    grid-column-gap: 8.333333%;
-    -moz-column-gap: 8.333333%;
-         column-gap: 8.333333%;
-  }
-
-  .xl\:col-gap-2\/12 {
-    grid-column-gap: 16.666667%;
-    -moz-column-gap: 16.666667%;
-         column-gap: 16.666667%;
-  }
-
-  .xl\:col-gap-3\/12 {
-    grid-column-gap: 25%;
-    -moz-column-gap: 25%;
-         column-gap: 25%;
-  }
-
-  .xl\:col-gap-4\/12 {
-    grid-column-gap: 33.333333%;
-    -moz-column-gap: 33.333333%;
-         column-gap: 33.333333%;
-  }
-
-  .xl\:col-gap-5\/12 {
-    grid-column-gap: 41.666667%;
-    -moz-column-gap: 41.666667%;
-         column-gap: 41.666667%;
-  }
-
-  .xl\:col-gap-6\/12 {
-    grid-column-gap: 50%;
-    -moz-column-gap: 50%;
-         column-gap: 50%;
-  }
-
-  .xl\:col-gap-7\/12 {
-    grid-column-gap: 58.333333%;
-    -moz-column-gap: 58.333333%;
-         column-gap: 58.333333%;
-  }
-
-  .xl\:col-gap-8\/12 {
-    grid-column-gap: 66.666667%;
-    -moz-column-gap: 66.666667%;
-         column-gap: 66.666667%;
-  }
-
-  .xl\:col-gap-9\/12 {
-    grid-column-gap: 75%;
-    -moz-column-gap: 75%;
-         column-gap: 75%;
-  }
-
-  .xl\:col-gap-10\/12 {
-    grid-column-gap: 83.333333%;
-    -moz-column-gap: 83.333333%;
-         column-gap: 83.333333%;
-  }
-
-  .xl\:col-gap-11\/12 {
-    grid-column-gap: 91.666667%;
-    -moz-column-gap: 91.666667%;
-         column-gap: 91.666667%;
-  }
-
-  .xl\:col-gap-full {
-    grid-column-gap: 100%;
-    -moz-column-gap: 100%;
-         column-gap: 100%;
-  }
-
-  .xl\:row-gap-0 {
-    grid-row-gap: 0;
-    row-gap: 0;
-  }
-
-  .xl\:row-gap-1 {
-    grid-row-gap: 0.25rem;
-    row-gap: 0.25rem;
-  }
-
-  .xl\:row-gap-2 {
-    grid-row-gap: 0.5rem;
-    row-gap: 0.5rem;
-  }
-
-  .xl\:row-gap-3 {
-    grid-row-gap: 0.75rem;
-    row-gap: 0.75rem;
-  }
-
-  .xl\:row-gap-4 {
-    grid-row-gap: 1rem;
-    row-gap: 1rem;
-  }
-
-  .xl\:row-gap-5 {
-    grid-row-gap: 1.25rem;
-    row-gap: 1.25rem;
-  }
-
-  .xl\:row-gap-6 {
-    grid-row-gap: 1.5rem;
-    row-gap: 1.5rem;
-  }
-
-  .xl\:row-gap-7 {
-    grid-row-gap: 1.75rem;
-    row-gap: 1.75rem;
-  }
-
-  .xl\:row-gap-8 {
-    grid-row-gap: 2rem;
-    row-gap: 2rem;
-  }
-
-  .xl\:row-gap-9 {
-    grid-row-gap: 2.25rem;
-    row-gap: 2.25rem;
-  }
-
-  .xl\:row-gap-10 {
-    grid-row-gap: 2.5rem;
-    row-gap: 2.5rem;
-  }
-
-  .xl\:row-gap-11 {
-    grid-row-gap: 2.75rem;
-    row-gap: 2.75rem;
-  }
-
-  .xl\:row-gap-12 {
-    grid-row-gap: 3rem;
-    row-gap: 3rem;
-  }
-
-  .xl\:row-gap-13 {
-    grid-row-gap: 3.25rem;
-    row-gap: 3.25rem;
-  }
-
-  .xl\:row-gap-14 {
-    grid-row-gap: 3.5rem;
-    row-gap: 3.5rem;
-  }
-
-  .xl\:row-gap-15 {
-    grid-row-gap: 3.75rem;
-    row-gap: 3.75rem;
-  }
-
-  .xl\:row-gap-16 {
-    grid-row-gap: 4rem;
-    row-gap: 4rem;
-  }
-
-  .xl\:row-gap-20 {
-    grid-row-gap: 5rem;
-    row-gap: 5rem;
-  }
-
-  .xl\:row-gap-24 {
-    grid-row-gap: 6rem;
-    row-gap: 6rem;
-  }
-
-  .xl\:row-gap-28 {
-    grid-row-gap: 7rem;
-    row-gap: 7rem;
-  }
-
-  .xl\:row-gap-32 {
-    grid-row-gap: 8rem;
-    row-gap: 8rem;
-  }
-
-  .xl\:row-gap-36 {
-    grid-row-gap: 9rem;
-    row-gap: 9rem;
-  }
-
-  .xl\:row-gap-40 {
-    grid-row-gap: 10rem;
-    row-gap: 10rem;
-  }
-
-  .xl\:row-gap-48 {
-    grid-row-gap: 12rem;
-    row-gap: 12rem;
-  }
-
-  .xl\:row-gap-56 {
-    grid-row-gap: 14rem;
-    row-gap: 14rem;
-  }
-
-  .xl\:row-gap-60 {
-    grid-row-gap: 15rem;
-    row-gap: 15rem;
-  }
-
-  .xl\:row-gap-64 {
-    grid-row-gap: 16rem;
-    row-gap: 16rem;
-  }
-
-  .xl\:row-gap-72 {
-    grid-row-gap: 18rem;
-    row-gap: 18rem;
-  }
-
-  .xl\:row-gap-80 {
-    grid-row-gap: 20rem;
-    row-gap: 20rem;
-  }
-
-  .xl\:row-gap-96 {
-    grid-row-gap: 24rem;
-    row-gap: 24rem;
-  }
-
-  .xl\:row-gap-px {
-    grid-row-gap: 1px;
-    row-gap: 1px;
-  }
-
-  .xl\:row-gap-0\.5 {
-    grid-row-gap: 0.125rem;
-    row-gap: 0.125rem;
-  }
-
-  .xl\:row-gap-1\.5 {
-    grid-row-gap: 0.375rem;
-    row-gap: 0.375rem;
-  }
-
-  .xl\:row-gap-2\.5 {
-    grid-row-gap: 0.625rem;
-    row-gap: 0.625rem;
-  }
-
-  .xl\:row-gap-3\.5 {
-    grid-row-gap: 0.875rem;
-    row-gap: 0.875rem;
-  }
-
-  .xl\:row-gap-1\/2 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .xl\:row-gap-1\/3 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .xl\:row-gap-2\/3 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .xl\:row-gap-1\/4 {
-    grid-row-gap: 25%;
-    row-gap: 25%;
-  }
-
-  .xl\:row-gap-2\/4 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .xl\:row-gap-3\/4 {
-    grid-row-gap: 75%;
-    row-gap: 75%;
-  }
-
-  .xl\:row-gap-1\/5 {
-    grid-row-gap: 20%;
-    row-gap: 20%;
-  }
-
-  .xl\:row-gap-2\/5 {
-    grid-row-gap: 40%;
-    row-gap: 40%;
-  }
-
-  .xl\:row-gap-3\/5 {
-    grid-row-gap: 60%;
-    row-gap: 60%;
-  }
-
-  .xl\:row-gap-4\/5 {
-    grid-row-gap: 80%;
-    row-gap: 80%;
-  }
-
-  .xl\:row-gap-1\/6 {
-    grid-row-gap: 16.666667%;
-    row-gap: 16.666667%;
-  }
-
-  .xl\:row-gap-2\/6 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .xl\:row-gap-3\/6 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .xl\:row-gap-4\/6 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .xl\:row-gap-5\/6 {
-    grid-row-gap: 83.333333%;
-    row-gap: 83.333333%;
-  }
-
-  .xl\:row-gap-1\/12 {
-    grid-row-gap: 8.333333%;
-    row-gap: 8.333333%;
-  }
-
-  .xl\:row-gap-2\/12 {
-    grid-row-gap: 16.666667%;
-    row-gap: 16.666667%;
-  }
-
-  .xl\:row-gap-3\/12 {
-    grid-row-gap: 25%;
-    row-gap: 25%;
-  }
-
-  .xl\:row-gap-4\/12 {
-    grid-row-gap: 33.333333%;
-    row-gap: 33.333333%;
-  }
-
-  .xl\:row-gap-5\/12 {
-    grid-row-gap: 41.666667%;
-    row-gap: 41.666667%;
-  }
-
-  .xl\:row-gap-6\/12 {
-    grid-row-gap: 50%;
-    row-gap: 50%;
-  }
-
-  .xl\:row-gap-7\/12 {
-    grid-row-gap: 58.333333%;
-    row-gap: 58.333333%;
-  }
-
-  .xl\:row-gap-8\/12 {
-    grid-row-gap: 66.666667%;
-    row-gap: 66.666667%;
-  }
-
-  .xl\:row-gap-9\/12 {
-    grid-row-gap: 75%;
-    row-gap: 75%;
-  }
-
-  .xl\:row-gap-10\/12 {
-    grid-row-gap: 83.333333%;
-    row-gap: 83.333333%;
-  }
-
-  .xl\:row-gap-11\/12 {
-    grid-row-gap: 91.666667%;
-    row-gap: 91.666667%;
-  }
-
-  .xl\:row-gap-full {
-    grid-row-gap: 100%;
-    row-gap: 100%;
-  }
-
-  .xl\:grid-flow-row {
-    grid-auto-flow: row;
-  }
-
-  .xl\:grid-flow-col {
-    grid-auto-flow: column;
-  }
-
-  .xl\:grid-flow-row-dense {
-    grid-auto-flow: row dense;
-  }
-
-  .xl\:grid-flow-col-dense {
-    grid-auto-flow: column dense;
-  }
-
-  .xl\:grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-
-  .xl\:grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .xl\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .xl\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
-  .xl\:grid-cols-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-
-  .xl\:grid-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-
-  .xl\:grid-cols-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-
-  .xl\:grid-cols-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-
-  .xl\:grid-cols-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-
-  .xl\:grid-cols-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-
-  .xl\:grid-cols-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-
-  .xl\:grid-cols-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-
-  .xl\:grid-cols-none {
-    grid-template-columns: none;
-  }
-
-  .xl\:col-auto {
-    grid-column: auto;
-  }
-
-  .xl\:col-span-1 {
-    grid-column: span 1 / span 1;
-  }
-
-  .xl\:col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-
-  .xl\:col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .xl\:col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-
-  .xl\:col-span-5 {
-    grid-column: span 5 / span 5;
-  }
-
-  .xl\:col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .xl\:col-span-7 {
-    grid-column: span 7 / span 7;
-  }
-
-  .xl\:col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-
-  .xl\:col-span-9 {
-    grid-column: span 9 / span 9;
-  }
-
-  .xl\:col-span-10 {
-    grid-column: span 10 / span 10;
-  }
-
-  .xl\:col-span-11 {
-    grid-column: span 11 / span 11;
-  }
-
-  .xl\:col-span-12 {
-    grid-column: span 12 / span 12;
-  }
-
-  .xl\:col-start-1 {
-    grid-column-start: 1;
-  }
-
-  .xl\:col-start-2 {
-    grid-column-start: 2;
-  }
-
-  .xl\:col-start-3 {
-    grid-column-start: 3;
-  }
-
-  .xl\:col-start-4 {
-    grid-column-start: 4;
-  }
-
-  .xl\:col-start-5 {
-    grid-column-start: 5;
-  }
-
-  .xl\:col-start-6 {
-    grid-column-start: 6;
-  }
-
-  .xl\:col-start-7 {
-    grid-column-start: 7;
-  }
-
-  .xl\:col-start-8 {
-    grid-column-start: 8;
-  }
-
-  .xl\:col-start-9 {
-    grid-column-start: 9;
-  }
-
-  .xl\:col-start-10 {
-    grid-column-start: 10;
-  }
-
-  .xl\:col-start-11 {
-    grid-column-start: 11;
-  }
-
-  .xl\:col-start-12 {
-    grid-column-start: 12;
-  }
-
-  .xl\:col-start-13 {
-    grid-column-start: 13;
-  }
-
-  .xl\:col-start-auto {
-    grid-column-start: auto;
-  }
-
-  .xl\:col-end-1 {
-    grid-column-end: 1;
-  }
-
-  .xl\:col-end-2 {
-    grid-column-end: 2;
-  }
-
-  .xl\:col-end-3 {
-    grid-column-end: 3;
-  }
-
-  .xl\:col-end-4 {
-    grid-column-end: 4;
-  }
-
-  .xl\:col-end-5 {
-    grid-column-end: 5;
-  }
-
-  .xl\:col-end-6 {
-    grid-column-end: 6;
-  }
-
-  .xl\:col-end-7 {
-    grid-column-end: 7;
-  }
-
-  .xl\:col-end-8 {
-    grid-column-end: 8;
-  }
-
-  .xl\:col-end-9 {
-    grid-column-end: 9;
-  }
-
-  .xl\:col-end-10 {
-    grid-column-end: 10;
-  }
-
-  .xl\:col-end-11 {
-    grid-column-end: 11;
-  }
-
-  .xl\:col-end-12 {
-    grid-column-end: 12;
-  }
-
-  .xl\:col-end-13 {
-    grid-column-end: 13;
-  }
-
-  .xl\:col-end-auto {
-    grid-column-end: auto;
-  }
-
-  .xl\:grid-rows-1 {
-    grid-template-rows: repeat(1, minmax(0, 1fr));
-  }
-
-  .xl\:grid-rows-2 {
-    grid-template-rows: repeat(2, minmax(0, 1fr));
-  }
-
-  .xl\:grid-rows-3 {
-    grid-template-rows: repeat(3, minmax(0, 1fr));
-  }
-
-  .xl\:grid-rows-4 {
-    grid-template-rows: repeat(4, minmax(0, 1fr));
-  }
-
-  .xl\:grid-rows-5 {
-    grid-template-rows: repeat(5, minmax(0, 1fr));
-  }
-
-  .xl\:grid-rows-6 {
-    grid-template-rows: repeat(6, minmax(0, 1fr));
-  }
-
-  .xl\:grid-rows-none {
-    grid-template-rows: none;
-  }
-
-  .xl\:row-auto {
-    grid-row: auto;
-  }
-
-  .xl\:row-span-1 {
-    grid-row: span 1 / span 1;
-  }
-
-  .xl\:row-span-2 {
-    grid-row: span 2 / span 2;
-  }
-
-  .xl\:row-span-3 {
-    grid-row: span 3 / span 3;
-  }
-
-  .xl\:row-span-4 {
-    grid-row: span 4 / span 4;
-  }
-
-  .xl\:row-span-5 {
-    grid-row: span 5 / span 5;
-  }
-
-  .xl\:row-span-6 {
-    grid-row: span 6 / span 6;
-  }
-
-  .xl\:row-start-1 {
-    grid-row-start: 1;
-  }
-
-  .xl\:row-start-2 {
-    grid-row-start: 2;
-  }
-
-  .xl\:row-start-3 {
-    grid-row-start: 3;
-  }
-
-  .xl\:row-start-4 {
-    grid-row-start: 4;
-  }
-
-  .xl\:row-start-5 {
-    grid-row-start: 5;
-  }
-
-  .xl\:row-start-6 {
-    grid-row-start: 6;
-  }
-
-  .xl\:row-start-7 {
-    grid-row-start: 7;
-  }
-
-  .xl\:row-start-auto {
-    grid-row-start: auto;
-  }
-
-  .xl\:row-end-1 {
-    grid-row-end: 1;
-  }
-
-  .xl\:row-end-2 {
-    grid-row-end: 2;
-  }
-
-  .xl\:row-end-3 {
-    grid-row-end: 3;
-  }
-
-  .xl\:row-end-4 {
-    grid-row-end: 4;
-  }
-
-  .xl\:row-end-5 {
-    grid-row-end: 5;
-  }
-
-  .xl\:row-end-6 {
-    grid-row-end: 6;
-  }
-
-  .xl\:row-end-7 {
-    grid-row-end: 7;
-  }
-
-  .xl\:row-end-auto {
-    grid-row-end: auto;
-  }
-
-  .xl\: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));
-  }
-
-  .xl\:transform-none {
-    transform: none;
-  }
-
-  .xl\:origin-center {
-    transform-origin: center;
-  }
-
-  .xl\:origin-top {
-    transform-origin: top;
-  }
-
-  .xl\:origin-top-right {
-    transform-origin: top right;
-  }
-
-  .xl\:origin-right {
-    transform-origin: right;
-  }
-
-  .xl\:origin-bottom-right {
-    transform-origin: bottom right;
-  }
-
-  .xl\:origin-bottom {
-    transform-origin: bottom;
-  }
-
-  .xl\:origin-bottom-left {
-    transform-origin: bottom left;
-  }
-
-  .xl\:origin-left {
-    transform-origin: left;
-  }
-
-  .xl\:origin-top-left {
-    transform-origin: top left;
-  }
-
-  .xl\:scale-0 {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .xl\:scale-50 {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .xl\:scale-75 {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .xl\:scale-90 {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .xl\:scale-95 {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .xl\:scale-100 {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .xl\:scale-105 {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .xl\:scale-110 {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .xl\:scale-125 {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .xl\:scale-150 {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .xl\:scale-x-0 {
-    --transform-scale-x: 0;
-  }
-
-  .xl\:scale-x-50 {
-    --transform-scale-x: .5;
-  }
-
-  .xl\:scale-x-75 {
-    --transform-scale-x: .75;
-  }
-
-  .xl\:scale-x-90 {
-    --transform-scale-x: .9;
-  }
-
-  .xl\:scale-x-95 {
-    --transform-scale-x: .95;
-  }
-
-  .xl\:scale-x-100 {
-    --transform-scale-x: 1;
-  }
-
-  .xl\:scale-x-105 {
-    --transform-scale-x: 1.05;
-  }
-
-  .xl\:scale-x-110 {
-    --transform-scale-x: 1.1;
-  }
-
-  .xl\:scale-x-125 {
-    --transform-scale-x: 1.25;
-  }
-
-  .xl\:scale-x-150 {
-    --transform-scale-x: 1.5;
-  }
-
-  .xl\:scale-y-0 {
-    --transform-scale-y: 0;
-  }
-
-  .xl\:scale-y-50 {
-    --transform-scale-y: .5;
-  }
-
-  .xl\:scale-y-75 {
-    --transform-scale-y: .75;
-  }
-
-  .xl\:scale-y-90 {
-    --transform-scale-y: .9;
-  }
-
-  .xl\:scale-y-95 {
-    --transform-scale-y: .95;
-  }
-
-  .xl\:scale-y-100 {
-    --transform-scale-y: 1;
-  }
-
-  .xl\:scale-y-105 {
-    --transform-scale-y: 1.05;
-  }
-
-  .xl\:scale-y-110 {
-    --transform-scale-y: 1.1;
-  }
-
-  .xl\:scale-y-125 {
-    --transform-scale-y: 1.25;
-  }
-
-  .xl\:scale-y-150 {
-    --transform-scale-y: 1.5;
-  }
-
-  .xl\:hover\:scale-0:hover {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .xl\:hover\:scale-50:hover {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .xl\:hover\:scale-75:hover {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .xl\:hover\:scale-90:hover {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .xl\:hover\:scale-95:hover {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .xl\:hover\:scale-100:hover {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .xl\:hover\:scale-105:hover {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .xl\:hover\:scale-110:hover {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .xl\:hover\:scale-125:hover {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .xl\:hover\:scale-150:hover {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .xl\:hover\:scale-x-0:hover {
-    --transform-scale-x: 0;
-  }
-
-  .xl\:hover\:scale-x-50:hover {
-    --transform-scale-x: .5;
-  }
-
-  .xl\:hover\:scale-x-75:hover {
-    --transform-scale-x: .75;
-  }
-
-  .xl\:hover\:scale-x-90:hover {
-    --transform-scale-x: .9;
-  }
-
-  .xl\:hover\:scale-x-95:hover {
-    --transform-scale-x: .95;
-  }
-
-  .xl\:hover\:scale-x-100:hover {
-    --transform-scale-x: 1;
-  }
-
-  .xl\:hover\:scale-x-105:hover {
-    --transform-scale-x: 1.05;
-  }
-
-  .xl\:hover\:scale-x-110:hover {
-    --transform-scale-x: 1.1;
-  }
-
-  .xl\:hover\:scale-x-125:hover {
-    --transform-scale-x: 1.25;
-  }
-
-  .xl\:hover\:scale-x-150:hover {
-    --transform-scale-x: 1.5;
-  }
-
-  .xl\:hover\:scale-y-0:hover {
-    --transform-scale-y: 0;
-  }
-
-  .xl\:hover\:scale-y-50:hover {
-    --transform-scale-y: .5;
-  }
-
-  .xl\:hover\:scale-y-75:hover {
-    --transform-scale-y: .75;
-  }
-
-  .xl\:hover\:scale-y-90:hover {
-    --transform-scale-y: .9;
-  }
-
-  .xl\:hover\:scale-y-95:hover {
-    --transform-scale-y: .95;
-  }
-
-  .xl\:hover\:scale-y-100:hover {
-    --transform-scale-y: 1;
-  }
-
-  .xl\:hover\:scale-y-105:hover {
-    --transform-scale-y: 1.05;
-  }
-
-  .xl\:hover\:scale-y-110:hover {
-    --transform-scale-y: 1.1;
-  }
-
-  .xl\:hover\:scale-y-125:hover {
-    --transform-scale-y: 1.25;
-  }
-
-  .xl\:hover\:scale-y-150:hover {
-    --transform-scale-y: 1.5;
-  }
-
-  .xl\:focus\:scale-0:focus {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .xl\:focus\:scale-50:focus {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .xl\:focus\:scale-75:focus {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .xl\:focus\:scale-90:focus {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .xl\:focus\:scale-95:focus {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .xl\:focus\:scale-100:focus {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .xl\:focus\:scale-105:focus {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .xl\:focus\:scale-110:focus {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .xl\:focus\:scale-125:focus {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .xl\:focus\:scale-150:focus {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .xl\:focus\:scale-x-0:focus {
-    --transform-scale-x: 0;
-  }
-
-  .xl\:focus\:scale-x-50:focus {
-    --transform-scale-x: .5;
-  }
-
-  .xl\:focus\:scale-x-75:focus {
-    --transform-scale-x: .75;
-  }
-
-  .xl\:focus\:scale-x-90:focus {
-    --transform-scale-x: .9;
-  }
-
-  .xl\:focus\:scale-x-95:focus {
-    --transform-scale-x: .95;
-  }
-
-  .xl\:focus\:scale-x-100:focus {
-    --transform-scale-x: 1;
-  }
-
-  .xl\:focus\:scale-x-105:focus {
-    --transform-scale-x: 1.05;
-  }
-
-  .xl\:focus\:scale-x-110:focus {
-    --transform-scale-x: 1.1;
-  }
-
-  .xl\:focus\:scale-x-125:focus {
-    --transform-scale-x: 1.25;
-  }
-
-  .xl\:focus\:scale-x-150:focus {
-    --transform-scale-x: 1.5;
-  }
-
-  .xl\:focus\:scale-y-0:focus {
-    --transform-scale-y: 0;
-  }
-
-  .xl\:focus\:scale-y-50:focus {
-    --transform-scale-y: .5;
-  }
-
-  .xl\:focus\:scale-y-75:focus {
-    --transform-scale-y: .75;
-  }
-
-  .xl\:focus\:scale-y-90:focus {
-    --transform-scale-y: .9;
-  }
-
-  .xl\:focus\:scale-y-95:focus {
-    --transform-scale-y: .95;
-  }
-
-  .xl\:focus\:scale-y-100:focus {
-    --transform-scale-y: 1;
-  }
-
-  .xl\:focus\:scale-y-105:focus {
-    --transform-scale-y: 1.05;
-  }
-
-  .xl\:focus\:scale-y-110:focus {
-    --transform-scale-y: 1.1;
-  }
-
-  .xl\:focus\:scale-y-125:focus {
-    --transform-scale-y: 1.25;
-  }
-
-  .xl\:focus\:scale-y-150:focus {
-    --transform-scale-y: 1.5;
-  }
-
-  .xl\:rotate-0 {
-    --transform-rotate: 0;
-  }
-
-  .xl\:rotate-45 {
-    --transform-rotate: 45deg;
-  }
-
-  .xl\:rotate-90 {
-    --transform-rotate: 90deg;
-  }
-
-  .xl\:rotate-180 {
-    --transform-rotate: 180deg;
-  }
-
-  .xl\:-rotate-180 {
-    --transform-rotate: -180deg;
-  }
-
-  .xl\:-rotate-90 {
-    --transform-rotate: -90deg;
-  }
-
-  .xl\:-rotate-45 {
-    --transform-rotate: -45deg;
-  }
-
-  .xl\:hover\:rotate-0:hover {
-    --transform-rotate: 0;
-  }
-
-  .xl\:hover\:rotate-45:hover {
-    --transform-rotate: 45deg;
-  }
-
-  .xl\:hover\:rotate-90:hover {
-    --transform-rotate: 90deg;
-  }
-
-  .xl\:hover\:rotate-180:hover {
-    --transform-rotate: 180deg;
-  }
-
-  .xl\:hover\:-rotate-180:hover {
-    --transform-rotate: -180deg;
-  }
-
-  .xl\:hover\:-rotate-90:hover {
-    --transform-rotate: -90deg;
-  }
-
-  .xl\:hover\:-rotate-45:hover {
-    --transform-rotate: -45deg;
-  }
-
-  .xl\:focus\:rotate-0:focus {
-    --transform-rotate: 0;
-  }
-
-  .xl\:focus\:rotate-45:focus {
-    --transform-rotate: 45deg;
-  }
-
-  .xl\:focus\:rotate-90:focus {
-    --transform-rotate: 90deg;
-  }
-
-  .xl\:focus\:rotate-180:focus {
-    --transform-rotate: 180deg;
-  }
-
-  .xl\:focus\:-rotate-180:focus {
-    --transform-rotate: -180deg;
-  }
-
-  .xl\:focus\:-rotate-90:focus {
-    --transform-rotate: -90deg;
-  }
-
-  .xl\:focus\:-rotate-45:focus {
-    --transform-rotate: -45deg;
-  }
-
-  .xl\:translate-x-0 {
-    --transform-translate-x: 0;
-  }
-
-  .xl\:translate-x-1 {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .xl\:translate-x-2 {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .xl\:translate-x-3 {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .xl\:translate-x-4 {
-    --transform-translate-x: 1rem;
-  }
-
-  .xl\:translate-x-5 {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .xl\:translate-x-6 {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .xl\:translate-x-7 {
-    --transform-translate-x: 1.75rem;
-  }
-
-  .xl\:translate-x-8 {
-    --transform-translate-x: 2rem;
-  }
-
-  .xl\:translate-x-9 {
-    --transform-translate-x: 2.25rem;
-  }
-
-  .xl\:translate-x-10 {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .xl\:translate-x-11 {
-    --transform-translate-x: 2.75rem;
-  }
-
-  .xl\:translate-x-12 {
-    --transform-translate-x: 3rem;
-  }
-
-  .xl\:translate-x-13 {
-    --transform-translate-x: 3.25rem;
-  }
-
-  .xl\:translate-x-14 {
-    --transform-translate-x: 3.5rem;
-  }
-
-  .xl\:translate-x-15 {
-    --transform-translate-x: 3.75rem;
-  }
-
-  .xl\:translate-x-16 {
-    --transform-translate-x: 4rem;
-  }
-
-  .xl\:translate-x-20 {
-    --transform-translate-x: 5rem;
-  }
-
-  .xl\:translate-x-24 {
-    --transform-translate-x: 6rem;
-  }
-
-  .xl\:translate-x-28 {
-    --transform-translate-x: 7rem;
-  }
-
-  .xl\:translate-x-32 {
-    --transform-translate-x: 8rem;
-  }
-
-  .xl\:translate-x-36 {
-    --transform-translate-x: 9rem;
-  }
-
-  .xl\:translate-x-40 {
-    --transform-translate-x: 10rem;
-  }
-
-  .xl\:translate-x-48 {
-    --transform-translate-x: 12rem;
-  }
-
-  .xl\:translate-x-56 {
-    --transform-translate-x: 14rem;
-  }
-
-  .xl\:translate-x-60 {
-    --transform-translate-x: 15rem;
-  }
-
-  .xl\:translate-x-64 {
-    --transform-translate-x: 16rem;
-  }
-
-  .xl\:translate-x-72 {
-    --transform-translate-x: 18rem;
-  }
-
-  .xl\:translate-x-80 {
-    --transform-translate-x: 20rem;
-  }
-
-  .xl\:translate-x-96 {
-    --transform-translate-x: 24rem;
-  }
-
-  .xl\:translate-x-px {
-    --transform-translate-x: 1px;
-  }
-
-  .xl\:translate-x-0\.5 {
-    --transform-translate-x: 0.125rem;
-  }
-
-  .xl\:translate-x-1\.5 {
-    --transform-translate-x: 0.375rem;
-  }
-
-  .xl\:translate-x-2\.5 {
-    --transform-translate-x: 0.625rem;
-  }
-
-  .xl\:translate-x-3\.5 {
-    --transform-translate-x: 0.875rem;
-  }
-
-  .xl\:translate-x-1\/2 {
-    --transform-translate-x: 50%;
-  }
-
-  .xl\:translate-x-1\/3 {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .xl\:translate-x-2\/3 {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .xl\:translate-x-1\/4 {
-    --transform-translate-x: 25%;
-  }
-
-  .xl\:translate-x-2\/4 {
-    --transform-translate-x: 50%;
-  }
-
-  .xl\:translate-x-3\/4 {
-    --transform-translate-x: 75%;
-  }
-
-  .xl\:translate-x-1\/5 {
-    --transform-translate-x: 20%;
-  }
-
-  .xl\:translate-x-2\/5 {
-    --transform-translate-x: 40%;
-  }
-
-  .xl\:translate-x-3\/5 {
-    --transform-translate-x: 60%;
-  }
-
-  .xl\:translate-x-4\/5 {
-    --transform-translate-x: 80%;
-  }
-
-  .xl\:translate-x-1\/6 {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .xl\:translate-x-2\/6 {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .xl\:translate-x-3\/6 {
-    --transform-translate-x: 50%;
-  }
-
-  .xl\:translate-x-4\/6 {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .xl\:translate-x-5\/6 {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .xl\:translate-x-1\/12 {
-    --transform-translate-x: 8.333333%;
-  }
-
-  .xl\:translate-x-2\/12 {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .xl\:translate-x-3\/12 {
-    --transform-translate-x: 25%;
-  }
-
-  .xl\:translate-x-4\/12 {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .xl\:translate-x-5\/12 {
-    --transform-translate-x: 41.666667%;
-  }
-
-  .xl\:translate-x-6\/12 {
-    --transform-translate-x: 50%;
-  }
-
-  .xl\:translate-x-7\/12 {
-    --transform-translate-x: 58.333333%;
-  }
-
-  .xl\:translate-x-8\/12 {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .xl\:translate-x-9\/12 {
-    --transform-translate-x: 75%;
-  }
-
-  .xl\:translate-x-10\/12 {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .xl\:translate-x-11\/12 {
-    --transform-translate-x: 91.666667%;
-  }
-
-  .xl\:translate-x-full {
-    --transform-translate-x: 100%;
-  }
-
-  .xl\:-translate-x-1 {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .xl\:-translate-x-2 {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .xl\:-translate-x-3 {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .xl\:-translate-x-4 {
-    --transform-translate-x: -1rem;
-  }
-
-  .xl\:-translate-x-5 {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .xl\:-translate-x-6 {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .xl\:-translate-x-7 {
-    --transform-translate-x: -1.75rem;
-  }
-
-  .xl\:-translate-x-8 {
-    --transform-translate-x: -2rem;
-  }
-
-  .xl\:-translate-x-9 {
-    --transform-translate-x: -2.25rem;
-  }
-
-  .xl\:-translate-x-10 {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .xl\:-translate-x-11 {
-    --transform-translate-x: -2.75rem;
-  }
-
-  .xl\:-translate-x-12 {
-    --transform-translate-x: -3rem;
-  }
-
-  .xl\:-translate-x-13 {
-    --transform-translate-x: -3.25rem;
-  }
-
-  .xl\:-translate-x-14 {
-    --transform-translate-x: -3.5rem;
-  }
-
-  .xl\:-translate-x-15 {
-    --transform-translate-x: -3.75rem;
-  }
-
-  .xl\:-translate-x-16 {
-    --transform-translate-x: -4rem;
-  }
-
-  .xl\:-translate-x-20 {
-    --transform-translate-x: -5rem;
-  }
-
-  .xl\:-translate-x-24 {
-    --transform-translate-x: -6rem;
-  }
-
-  .xl\:-translate-x-28 {
-    --transform-translate-x: -7rem;
-  }
-
-  .xl\:-translate-x-32 {
-    --transform-translate-x: -8rem;
-  }
-
-  .xl\:-translate-x-36 {
-    --transform-translate-x: -9rem;
-  }
-
-  .xl\:-translate-x-40 {
-    --transform-translate-x: -10rem;
-  }
-
-  .xl\:-translate-x-48 {
-    --transform-translate-x: -12rem;
-  }
-
-  .xl\:-translate-x-56 {
-    --transform-translate-x: -14rem;
-  }
-
-  .xl\:-translate-x-60 {
-    --transform-translate-x: -15rem;
-  }
-
-  .xl\:-translate-x-64 {
-    --transform-translate-x: -16rem;
-  }
-
-  .xl\:-translate-x-72 {
-    --transform-translate-x: -18rem;
-  }
-
-  .xl\:-translate-x-80 {
-    --transform-translate-x: -20rem;
-  }
-
-  .xl\:-translate-x-96 {
-    --transform-translate-x: -24rem;
-  }
-
-  .xl\:-translate-x-px {
-    --transform-translate-x: -1px;
-  }
-
-  .xl\:-translate-x-0\.5 {
-    --transform-translate-x: -0.125rem;
-  }
-
-  .xl\:-translate-x-1\.5 {
-    --transform-translate-x: -0.375rem;
-  }
-
-  .xl\:-translate-x-2\.5 {
-    --transform-translate-x: -0.625rem;
-  }
-
-  .xl\:-translate-x-3\.5 {
-    --transform-translate-x: -0.875rem;
-  }
-
-  .xl\:-translate-x-1\/2 {
-    --transform-translate-x: -50%;
-  }
-
-  .xl\:-translate-x-1\/3 {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .xl\:-translate-x-2\/3 {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .xl\:-translate-x-1\/4 {
-    --transform-translate-x: -25%;
-  }
-
-  .xl\:-translate-x-2\/4 {
-    --transform-translate-x: -50%;
-  }
-
-  .xl\:-translate-x-3\/4 {
-    --transform-translate-x: -75%;
-  }
-
-  .xl\:-translate-x-1\/5 {
-    --transform-translate-x: -20%;
-  }
-
-  .xl\:-translate-x-2\/5 {
-    --transform-translate-x: -40%;
-  }
-
-  .xl\:-translate-x-3\/5 {
-    --transform-translate-x: -60%;
-  }
-
-  .xl\:-translate-x-4\/5 {
-    --transform-translate-x: -80%;
-  }
-
-  .xl\:-translate-x-1\/6 {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .xl\:-translate-x-2\/6 {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .xl\:-translate-x-3\/6 {
-    --transform-translate-x: -50%;
-  }
-
-  .xl\:-translate-x-4\/6 {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .xl\:-translate-x-5\/6 {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .xl\:-translate-x-1\/12 {
-    --transform-translate-x: -8.33333%;
-  }
-
-  .xl\:-translate-x-2\/12 {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .xl\:-translate-x-3\/12 {
-    --transform-translate-x: -25%;
-  }
-
-  .xl\:-translate-x-4\/12 {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .xl\:-translate-x-5\/12 {
-    --transform-translate-x: -41.66667%;
-  }
-
-  .xl\:-translate-x-6\/12 {
-    --transform-translate-x: -50%;
-  }
-
-  .xl\:-translate-x-7\/12 {
-    --transform-translate-x: -58.33333%;
-  }
-
-  .xl\:-translate-x-8\/12 {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .xl\:-translate-x-9\/12 {
-    --transform-translate-x: -75%;
-  }
-
-  .xl\:-translate-x-10\/12 {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .xl\:-translate-x-11\/12 {
-    --transform-translate-x: -91.66667%;
-  }
-
-  .xl\:-translate-x-full {
-    --transform-translate-x: -100%;
-  }
-
-  .xl\:translate-y-0 {
-    --transform-translate-y: 0;
-  }
-
-  .xl\:translate-y-1 {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .xl\:translate-y-2 {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .xl\:translate-y-3 {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .xl\:translate-y-4 {
-    --transform-translate-y: 1rem;
-  }
-
-  .xl\:translate-y-5 {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .xl\:translate-y-6 {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .xl\:translate-y-7 {
-    --transform-translate-y: 1.75rem;
-  }
-
-  .xl\:translate-y-8 {
-    --transform-translate-y: 2rem;
-  }
-
-  .xl\:translate-y-9 {
-    --transform-translate-y: 2.25rem;
-  }
-
-  .xl\:translate-y-10 {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .xl\:translate-y-11 {
-    --transform-translate-y: 2.75rem;
-  }
-
-  .xl\:translate-y-12 {
-    --transform-translate-y: 3rem;
-  }
-
-  .xl\:translate-y-13 {
-    --transform-translate-y: 3.25rem;
-  }
-
-  .xl\:translate-y-14 {
-    --transform-translate-y: 3.5rem;
-  }
-
-  .xl\:translate-y-15 {
-    --transform-translate-y: 3.75rem;
-  }
-
-  .xl\:translate-y-16 {
-    --transform-translate-y: 4rem;
-  }
-
-  .xl\:translate-y-20 {
-    --transform-translate-y: 5rem;
-  }
-
-  .xl\:translate-y-24 {
-    --transform-translate-y: 6rem;
-  }
-
-  .xl\:translate-y-28 {
-    --transform-translate-y: 7rem;
-  }
-
-  .xl\:translate-y-32 {
-    --transform-translate-y: 8rem;
-  }
-
-  .xl\:translate-y-36 {
-    --transform-translate-y: 9rem;
-  }
-
-  .xl\:translate-y-40 {
-    --transform-translate-y: 10rem;
-  }
-
-  .xl\:translate-y-48 {
-    --transform-translate-y: 12rem;
-  }
-
-  .xl\:translate-y-56 {
-    --transform-translate-y: 14rem;
-  }
-
-  .xl\:translate-y-60 {
-    --transform-translate-y: 15rem;
-  }
-
-  .xl\:translate-y-64 {
-    --transform-translate-y: 16rem;
-  }
-
-  .xl\:translate-y-72 {
-    --transform-translate-y: 18rem;
-  }
-
-  .xl\:translate-y-80 {
-    --transform-translate-y: 20rem;
-  }
-
-  .xl\:translate-y-96 {
-    --transform-translate-y: 24rem;
-  }
-
-  .xl\:translate-y-px {
-    --transform-translate-y: 1px;
-  }
-
-  .xl\:translate-y-0\.5 {
-    --transform-translate-y: 0.125rem;
-  }
-
-  .xl\:translate-y-1\.5 {
-    --transform-translate-y: 0.375rem;
-  }
-
-  .xl\:translate-y-2\.5 {
-    --transform-translate-y: 0.625rem;
-  }
-
-  .xl\:translate-y-3\.5 {
-    --transform-translate-y: 0.875rem;
-  }
-
-  .xl\:translate-y-1\/2 {
-    --transform-translate-y: 50%;
-  }
-
-  .xl\:translate-y-1\/3 {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .xl\:translate-y-2\/3 {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .xl\:translate-y-1\/4 {
-    --transform-translate-y: 25%;
-  }
-
-  .xl\:translate-y-2\/4 {
-    --transform-translate-y: 50%;
-  }
-
-  .xl\:translate-y-3\/4 {
-    --transform-translate-y: 75%;
-  }
-
-  .xl\:translate-y-1\/5 {
-    --transform-translate-y: 20%;
-  }
-
-  .xl\:translate-y-2\/5 {
-    --transform-translate-y: 40%;
-  }
-
-  .xl\:translate-y-3\/5 {
-    --transform-translate-y: 60%;
-  }
-
-  .xl\:translate-y-4\/5 {
-    --transform-translate-y: 80%;
-  }
-
-  .xl\:translate-y-1\/6 {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .xl\:translate-y-2\/6 {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .xl\:translate-y-3\/6 {
-    --transform-translate-y: 50%;
-  }
-
-  .xl\:translate-y-4\/6 {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .xl\:translate-y-5\/6 {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .xl\:translate-y-1\/12 {
-    --transform-translate-y: 8.333333%;
-  }
-
-  .xl\:translate-y-2\/12 {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .xl\:translate-y-3\/12 {
-    --transform-translate-y: 25%;
-  }
-
-  .xl\:translate-y-4\/12 {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .xl\:translate-y-5\/12 {
-    --transform-translate-y: 41.666667%;
-  }
-
-  .xl\:translate-y-6\/12 {
-    --transform-translate-y: 50%;
-  }
-
-  .xl\:translate-y-7\/12 {
-    --transform-translate-y: 58.333333%;
-  }
-
-  .xl\:translate-y-8\/12 {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .xl\:translate-y-9\/12 {
-    --transform-translate-y: 75%;
-  }
-
-  .xl\:translate-y-10\/12 {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .xl\:translate-y-11\/12 {
-    --transform-translate-y: 91.666667%;
-  }
-
-  .xl\:translate-y-full {
-    --transform-translate-y: 100%;
-  }
-
-  .xl\:-translate-y-1 {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .xl\:-translate-y-2 {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .xl\:-translate-y-3 {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .xl\:-translate-y-4 {
-    --transform-translate-y: -1rem;
-  }
-
-  .xl\:-translate-y-5 {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .xl\:-translate-y-6 {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .xl\:-translate-y-7 {
-    --transform-translate-y: -1.75rem;
-  }
-
-  .xl\:-translate-y-8 {
-    --transform-translate-y: -2rem;
-  }
-
-  .xl\:-translate-y-9 {
-    --transform-translate-y: -2.25rem;
-  }
-
-  .xl\:-translate-y-10 {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .xl\:-translate-y-11 {
-    --transform-translate-y: -2.75rem;
-  }
-
-  .xl\:-translate-y-12 {
-    --transform-translate-y: -3rem;
-  }
-
-  .xl\:-translate-y-13 {
-    --transform-translate-y: -3.25rem;
-  }
-
-  .xl\:-translate-y-14 {
-    --transform-translate-y: -3.5rem;
-  }
-
-  .xl\:-translate-y-15 {
-    --transform-translate-y: -3.75rem;
-  }
-
-  .xl\:-translate-y-16 {
-    --transform-translate-y: -4rem;
-  }
-
-  .xl\:-translate-y-20 {
-    --transform-translate-y: -5rem;
-  }
-
-  .xl\:-translate-y-24 {
-    --transform-translate-y: -6rem;
-  }
-
-  .xl\:-translate-y-28 {
-    --transform-translate-y: -7rem;
-  }
-
-  .xl\:-translate-y-32 {
-    --transform-translate-y: -8rem;
-  }
-
-  .xl\:-translate-y-36 {
-    --transform-translate-y: -9rem;
-  }
-
-  .xl\:-translate-y-40 {
-    --transform-translate-y: -10rem;
-  }
-
-  .xl\:-translate-y-48 {
-    --transform-translate-y: -12rem;
-  }
-
-  .xl\:-translate-y-56 {
-    --transform-translate-y: -14rem;
-  }
-
-  .xl\:-translate-y-60 {
-    --transform-translate-y: -15rem;
-  }
-
-  .xl\:-translate-y-64 {
-    --transform-translate-y: -16rem;
-  }
-
-  .xl\:-translate-y-72 {
-    --transform-translate-y: -18rem;
-  }
-
-  .xl\:-translate-y-80 {
-    --transform-translate-y: -20rem;
-  }
-
-  .xl\:-translate-y-96 {
-    --transform-translate-y: -24rem;
-  }
-
-  .xl\:-translate-y-px {
-    --transform-translate-y: -1px;
-  }
-
-  .xl\:-translate-y-0\.5 {
-    --transform-translate-y: -0.125rem;
-  }
-
-  .xl\:-translate-y-1\.5 {
-    --transform-translate-y: -0.375rem;
-  }
-
-  .xl\:-translate-y-2\.5 {
-    --transform-translate-y: -0.625rem;
-  }
-
-  .xl\:-translate-y-3\.5 {
-    --transform-translate-y: -0.875rem;
-  }
-
-  .xl\:-translate-y-1\/2 {
-    --transform-translate-y: -50%;
-  }
-
-  .xl\:-translate-y-1\/3 {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .xl\:-translate-y-2\/3 {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .xl\:-translate-y-1\/4 {
-    --transform-translate-y: -25%;
-  }
-
-  .xl\:-translate-y-2\/4 {
-    --transform-translate-y: -50%;
-  }
-
-  .xl\:-translate-y-3\/4 {
-    --transform-translate-y: -75%;
-  }
-
-  .xl\:-translate-y-1\/5 {
-    --transform-translate-y: -20%;
-  }
-
-  .xl\:-translate-y-2\/5 {
-    --transform-translate-y: -40%;
-  }
-
-  .xl\:-translate-y-3\/5 {
-    --transform-translate-y: -60%;
-  }
-
-  .xl\:-translate-y-4\/5 {
-    --transform-translate-y: -80%;
-  }
-
-  .xl\:-translate-y-1\/6 {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .xl\:-translate-y-2\/6 {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .xl\:-translate-y-3\/6 {
-    --transform-translate-y: -50%;
-  }
-
-  .xl\:-translate-y-4\/6 {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .xl\:-translate-y-5\/6 {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .xl\:-translate-y-1\/12 {
-    --transform-translate-y: -8.33333%;
-  }
-
-  .xl\:-translate-y-2\/12 {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .xl\:-translate-y-3\/12 {
-    --transform-translate-y: -25%;
-  }
-
-  .xl\:-translate-y-4\/12 {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .xl\:-translate-y-5\/12 {
-    --transform-translate-y: -41.66667%;
-  }
-
-  .xl\:-translate-y-6\/12 {
-    --transform-translate-y: -50%;
-  }
-
-  .xl\:-translate-y-7\/12 {
-    --transform-translate-y: -58.33333%;
-  }
-
-  .xl\:-translate-y-8\/12 {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .xl\:-translate-y-9\/12 {
-    --transform-translate-y: -75%;
-  }
-
-  .xl\:-translate-y-10\/12 {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .xl\:-translate-y-11\/12 {
-    --transform-translate-y: -91.66667%;
-  }
-
-  .xl\:-translate-y-full {
-    --transform-translate-y: -100%;
-  }
-
-  .xl\:hover\:translate-x-0:hover {
-    --transform-translate-x: 0;
-  }
-
-  .xl\:hover\:translate-x-1:hover {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .xl\:hover\:translate-x-2:hover {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .xl\:hover\:translate-x-3:hover {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .xl\:hover\:translate-x-4:hover {
-    --transform-translate-x: 1rem;
-  }
-
-  .xl\:hover\:translate-x-5:hover {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .xl\:hover\:translate-x-6:hover {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .xl\:hover\:translate-x-7:hover {
-    --transform-translate-x: 1.75rem;
-  }
-
-  .xl\:hover\:translate-x-8:hover {
-    --transform-translate-x: 2rem;
-  }
-
-  .xl\:hover\:translate-x-9:hover {
-    --transform-translate-x: 2.25rem;
-  }
-
-  .xl\:hover\:translate-x-10:hover {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .xl\:hover\:translate-x-11:hover {
-    --transform-translate-x: 2.75rem;
-  }
-
-  .xl\:hover\:translate-x-12:hover {
-    --transform-translate-x: 3rem;
-  }
-
-  .xl\:hover\:translate-x-13:hover {
-    --transform-translate-x: 3.25rem;
-  }
-
-  .xl\:hover\:translate-x-14:hover {
-    --transform-translate-x: 3.5rem;
-  }
-
-  .xl\:hover\:translate-x-15:hover {
-    --transform-translate-x: 3.75rem;
-  }
-
-  .xl\:hover\:translate-x-16:hover {
-    --transform-translate-x: 4rem;
-  }
-
-  .xl\:hover\:translate-x-20:hover {
-    --transform-translate-x: 5rem;
-  }
-
-  .xl\:hover\:translate-x-24:hover {
-    --transform-translate-x: 6rem;
-  }
-
-  .xl\:hover\:translate-x-28:hover {
-    --transform-translate-x: 7rem;
-  }
-
-  .xl\:hover\:translate-x-32:hover {
-    --transform-translate-x: 8rem;
-  }
-
-  .xl\:hover\:translate-x-36:hover {
-    --transform-translate-x: 9rem;
-  }
-
-  .xl\:hover\:translate-x-40:hover {
-    --transform-translate-x: 10rem;
-  }
-
-  .xl\:hover\:translate-x-48:hover {
-    --transform-translate-x: 12rem;
-  }
-
-  .xl\:hover\:translate-x-56:hover {
-    --transform-translate-x: 14rem;
-  }
-
-  .xl\:hover\:translate-x-60:hover {
-    --transform-translate-x: 15rem;
-  }
-
-  .xl\:hover\:translate-x-64:hover {
-    --transform-translate-x: 16rem;
-  }
-
-  .xl\:hover\:translate-x-72:hover {
-    --transform-translate-x: 18rem;
-  }
-
-  .xl\:hover\:translate-x-80:hover {
-    --transform-translate-x: 20rem;
-  }
-
-  .xl\:hover\:translate-x-96:hover {
-    --transform-translate-x: 24rem;
-  }
-
-  .xl\:hover\:translate-x-px:hover {
-    --transform-translate-x: 1px;
-  }
-
-  .xl\:hover\:translate-x-0\.5:hover {
-    --transform-translate-x: 0.125rem;
-  }
-
-  .xl\:hover\:translate-x-1\.5:hover {
-    --transform-translate-x: 0.375rem;
-  }
-
-  .xl\:hover\:translate-x-2\.5:hover {
-    --transform-translate-x: 0.625rem;
-  }
-
-  .xl\:hover\:translate-x-3\.5:hover {
-    --transform-translate-x: 0.875rem;
-  }
-
-  .xl\:hover\:translate-x-1\/2:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .xl\:hover\:translate-x-1\/3:hover {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .xl\:hover\:translate-x-2\/3:hover {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .xl\:hover\:translate-x-1\/4:hover {
-    --transform-translate-x: 25%;
-  }
-
-  .xl\:hover\:translate-x-2\/4:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .xl\:hover\:translate-x-3\/4:hover {
-    --transform-translate-x: 75%;
-  }
-
-  .xl\:hover\:translate-x-1\/5:hover {
-    --transform-translate-x: 20%;
-  }
-
-  .xl\:hover\:translate-x-2\/5:hover {
-    --transform-translate-x: 40%;
-  }
-
-  .xl\:hover\:translate-x-3\/5:hover {
-    --transform-translate-x: 60%;
-  }
-
-  .xl\:hover\:translate-x-4\/5:hover {
-    --transform-translate-x: 80%;
-  }
-
-  .xl\:hover\:translate-x-1\/6:hover {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .xl\:hover\:translate-x-2\/6:hover {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .xl\:hover\:translate-x-3\/6:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .xl\:hover\:translate-x-4\/6:hover {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .xl\:hover\:translate-x-5\/6:hover {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .xl\:hover\:translate-x-1\/12:hover {
-    --transform-translate-x: 8.333333%;
-  }
-
-  .xl\:hover\:translate-x-2\/12:hover {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .xl\:hover\:translate-x-3\/12:hover {
-    --transform-translate-x: 25%;
-  }
-
-  .xl\:hover\:translate-x-4\/12:hover {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .xl\:hover\:translate-x-5\/12:hover {
-    --transform-translate-x: 41.666667%;
-  }
-
-  .xl\:hover\:translate-x-6\/12:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .xl\:hover\:translate-x-7\/12:hover {
-    --transform-translate-x: 58.333333%;
-  }
-
-  .xl\:hover\:translate-x-8\/12:hover {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .xl\:hover\:translate-x-9\/12:hover {
-    --transform-translate-x: 75%;
-  }
-
-  .xl\:hover\:translate-x-10\/12:hover {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .xl\:hover\:translate-x-11\/12:hover {
-    --transform-translate-x: 91.666667%;
-  }
-
-  .xl\:hover\:translate-x-full:hover {
-    --transform-translate-x: 100%;
-  }
-
-  .xl\:hover\:-translate-x-1:hover {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .xl\:hover\:-translate-x-2:hover {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .xl\:hover\:-translate-x-3:hover {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .xl\:hover\:-translate-x-4:hover {
-    --transform-translate-x: -1rem;
-  }
-
-  .xl\:hover\:-translate-x-5:hover {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .xl\:hover\:-translate-x-6:hover {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .xl\:hover\:-translate-x-7:hover {
-    --transform-translate-x: -1.75rem;
-  }
-
-  .xl\:hover\:-translate-x-8:hover {
-    --transform-translate-x: -2rem;
-  }
-
-  .xl\:hover\:-translate-x-9:hover {
-    --transform-translate-x: -2.25rem;
-  }
-
-  .xl\:hover\:-translate-x-10:hover {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .xl\:hover\:-translate-x-11:hover {
-    --transform-translate-x: -2.75rem;
-  }
-
-  .xl\:hover\:-translate-x-12:hover {
-    --transform-translate-x: -3rem;
-  }
-
-  .xl\:hover\:-translate-x-13:hover {
-    --transform-translate-x: -3.25rem;
-  }
-
-  .xl\:hover\:-translate-x-14:hover {
-    --transform-translate-x: -3.5rem;
-  }
-
-  .xl\:hover\:-translate-x-15:hover {
-    --transform-translate-x: -3.75rem;
-  }
-
-  .xl\:hover\:-translate-x-16:hover {
-    --transform-translate-x: -4rem;
-  }
-
-  .xl\:hover\:-translate-x-20:hover {
-    --transform-translate-x: -5rem;
-  }
-
-  .xl\:hover\:-translate-x-24:hover {
-    --transform-translate-x: -6rem;
-  }
-
-  .xl\:hover\:-translate-x-28:hover {
-    --transform-translate-x: -7rem;
-  }
-
-  .xl\:hover\:-translate-x-32:hover {
-    --transform-translate-x: -8rem;
-  }
-
-  .xl\:hover\:-translate-x-36:hover {
-    --transform-translate-x: -9rem;
-  }
-
-  .xl\:hover\:-translate-x-40:hover {
-    --transform-translate-x: -10rem;
-  }
-
-  .xl\:hover\:-translate-x-48:hover {
-    --transform-translate-x: -12rem;
-  }
-
-  .xl\:hover\:-translate-x-56:hover {
-    --transform-translate-x: -14rem;
-  }
-
-  .xl\:hover\:-translate-x-60:hover {
-    --transform-translate-x: -15rem;
-  }
-
-  .xl\:hover\:-translate-x-64:hover {
-    --transform-translate-x: -16rem;
-  }
-
-  .xl\:hover\:-translate-x-72:hover {
-    --transform-translate-x: -18rem;
-  }
-
-  .xl\:hover\:-translate-x-80:hover {
-    --transform-translate-x: -20rem;
-  }
-
-  .xl\:hover\:-translate-x-96:hover {
-    --transform-translate-x: -24rem;
-  }
-
-  .xl\:hover\:-translate-x-px:hover {
-    --transform-translate-x: -1px;
-  }
-
-  .xl\:hover\:-translate-x-0\.5:hover {
-    --transform-translate-x: -0.125rem;
-  }
-
-  .xl\:hover\:-translate-x-1\.5:hover {
-    --transform-translate-x: -0.375rem;
-  }
-
-  .xl\:hover\:-translate-x-2\.5:hover {
-    --transform-translate-x: -0.625rem;
-  }
-
-  .xl\:hover\:-translate-x-3\.5:hover {
-    --transform-translate-x: -0.875rem;
-  }
-
-  .xl\:hover\:-translate-x-1\/2:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .xl\:hover\:-translate-x-1\/3:hover {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .xl\:hover\:-translate-x-2\/3:hover {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .xl\:hover\:-translate-x-1\/4:hover {
-    --transform-translate-x: -25%;
-  }
-
-  .xl\:hover\:-translate-x-2\/4:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .xl\:hover\:-translate-x-3\/4:hover {
-    --transform-translate-x: -75%;
-  }
-
-  .xl\:hover\:-translate-x-1\/5:hover {
-    --transform-translate-x: -20%;
-  }
-
-  .xl\:hover\:-translate-x-2\/5:hover {
-    --transform-translate-x: -40%;
-  }
-
-  .xl\:hover\:-translate-x-3\/5:hover {
-    --transform-translate-x: -60%;
-  }
-
-  .xl\:hover\:-translate-x-4\/5:hover {
-    --transform-translate-x: -80%;
-  }
-
-  .xl\:hover\:-translate-x-1\/6:hover {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .xl\:hover\:-translate-x-2\/6:hover {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .xl\:hover\:-translate-x-3\/6:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .xl\:hover\:-translate-x-4\/6:hover {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .xl\:hover\:-translate-x-5\/6:hover {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .xl\:hover\:-translate-x-1\/12:hover {
-    --transform-translate-x: -8.33333%;
-  }
-
-  .xl\:hover\:-translate-x-2\/12:hover {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .xl\:hover\:-translate-x-3\/12:hover {
-    --transform-translate-x: -25%;
-  }
-
-  .xl\:hover\:-translate-x-4\/12:hover {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .xl\:hover\:-translate-x-5\/12:hover {
-    --transform-translate-x: -41.66667%;
-  }
-
-  .xl\:hover\:-translate-x-6\/12:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .xl\:hover\:-translate-x-7\/12:hover {
-    --transform-translate-x: -58.33333%;
-  }
-
-  .xl\:hover\:-translate-x-8\/12:hover {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .xl\:hover\:-translate-x-9\/12:hover {
-    --transform-translate-x: -75%;
-  }
-
-  .xl\:hover\:-translate-x-10\/12:hover {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .xl\:hover\:-translate-x-11\/12:hover {
-    --transform-translate-x: -91.66667%;
-  }
-
-  .xl\:hover\:-translate-x-full:hover {
-    --transform-translate-x: -100%;
-  }
-
-  .xl\:hover\:translate-y-0:hover {
-    --transform-translate-y: 0;
-  }
-
-  .xl\:hover\:translate-y-1:hover {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .xl\:hover\:translate-y-2:hover {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .xl\:hover\:translate-y-3:hover {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .xl\:hover\:translate-y-4:hover {
-    --transform-translate-y: 1rem;
-  }
-
-  .xl\:hover\:translate-y-5:hover {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .xl\:hover\:translate-y-6:hover {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .xl\:hover\:translate-y-7:hover {
-    --transform-translate-y: 1.75rem;
-  }
-
-  .xl\:hover\:translate-y-8:hover {
-    --transform-translate-y: 2rem;
-  }
-
-  .xl\:hover\:translate-y-9:hover {
-    --transform-translate-y: 2.25rem;
-  }
-
-  .xl\:hover\:translate-y-10:hover {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .xl\:hover\:translate-y-11:hover {
-    --transform-translate-y: 2.75rem;
-  }
-
-  .xl\:hover\:translate-y-12:hover {
-    --transform-translate-y: 3rem;
-  }
-
-  .xl\:hover\:translate-y-13:hover {
-    --transform-translate-y: 3.25rem;
-  }
-
-  .xl\:hover\:translate-y-14:hover {
-    --transform-translate-y: 3.5rem;
-  }
-
-  .xl\:hover\:translate-y-15:hover {
-    --transform-translate-y: 3.75rem;
-  }
-
-  .xl\:hover\:translate-y-16:hover {
-    --transform-translate-y: 4rem;
-  }
-
-  .xl\:hover\:translate-y-20:hover {
-    --transform-translate-y: 5rem;
-  }
-
-  .xl\:hover\:translate-y-24:hover {
-    --transform-translate-y: 6rem;
-  }
-
-  .xl\:hover\:translate-y-28:hover {
-    --transform-translate-y: 7rem;
-  }
-
-  .xl\:hover\:translate-y-32:hover {
-    --transform-translate-y: 8rem;
-  }
-
-  .xl\:hover\:translate-y-36:hover {
-    --transform-translate-y: 9rem;
-  }
-
-  .xl\:hover\:translate-y-40:hover {
-    --transform-translate-y: 10rem;
-  }
-
-  .xl\:hover\:translate-y-48:hover {
-    --transform-translate-y: 12rem;
-  }
-
-  .xl\:hover\:translate-y-56:hover {
-    --transform-translate-y: 14rem;
-  }
-
-  .xl\:hover\:translate-y-60:hover {
-    --transform-translate-y: 15rem;
-  }
-
-  .xl\:hover\:translate-y-64:hover {
-    --transform-translate-y: 16rem;
-  }
-
-  .xl\:hover\:translate-y-72:hover {
-    --transform-translate-y: 18rem;
-  }
-
-  .xl\:hover\:translate-y-80:hover {
-    --transform-translate-y: 20rem;
-  }
-
-  .xl\:hover\:translate-y-96:hover {
-    --transform-translate-y: 24rem;
-  }
-
-  .xl\:hover\:translate-y-px:hover {
-    --transform-translate-y: 1px;
-  }
-
-  .xl\:hover\:translate-y-0\.5:hover {
-    --transform-translate-y: 0.125rem;
-  }
-
-  .xl\:hover\:translate-y-1\.5:hover {
-    --transform-translate-y: 0.375rem;
-  }
-
-  .xl\:hover\:translate-y-2\.5:hover {
-    --transform-translate-y: 0.625rem;
-  }
-
-  .xl\:hover\:translate-y-3\.5:hover {
-    --transform-translate-y: 0.875rem;
-  }
-
-  .xl\:hover\:translate-y-1\/2:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .xl\:hover\:translate-y-1\/3:hover {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .xl\:hover\:translate-y-2\/3:hover {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .xl\:hover\:translate-y-1\/4:hover {
-    --transform-translate-y: 25%;
-  }
-
-  .xl\:hover\:translate-y-2\/4:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .xl\:hover\:translate-y-3\/4:hover {
-    --transform-translate-y: 75%;
-  }
-
-  .xl\:hover\:translate-y-1\/5:hover {
-    --transform-translate-y: 20%;
-  }
-
-  .xl\:hover\:translate-y-2\/5:hover {
-    --transform-translate-y: 40%;
-  }
-
-  .xl\:hover\:translate-y-3\/5:hover {
-    --transform-translate-y: 60%;
-  }
-
-  .xl\:hover\:translate-y-4\/5:hover {
-    --transform-translate-y: 80%;
-  }
-
-  .xl\:hover\:translate-y-1\/6:hover {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .xl\:hover\:translate-y-2\/6:hover {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .xl\:hover\:translate-y-3\/6:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .xl\:hover\:translate-y-4\/6:hover {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .xl\:hover\:translate-y-5\/6:hover {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .xl\:hover\:translate-y-1\/12:hover {
-    --transform-translate-y: 8.333333%;
-  }
-
-  .xl\:hover\:translate-y-2\/12:hover {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .xl\:hover\:translate-y-3\/12:hover {
-    --transform-translate-y: 25%;
-  }
-
-  .xl\:hover\:translate-y-4\/12:hover {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .xl\:hover\:translate-y-5\/12:hover {
-    --transform-translate-y: 41.666667%;
-  }
-
-  .xl\:hover\:translate-y-6\/12:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .xl\:hover\:translate-y-7\/12:hover {
-    --transform-translate-y: 58.333333%;
-  }
-
-  .xl\:hover\:translate-y-8\/12:hover {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .xl\:hover\:translate-y-9\/12:hover {
-    --transform-translate-y: 75%;
-  }
-
-  .xl\:hover\:translate-y-10\/12:hover {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .xl\:hover\:translate-y-11\/12:hover {
-    --transform-translate-y: 91.666667%;
-  }
-
-  .xl\:hover\:translate-y-full:hover {
-    --transform-translate-y: 100%;
-  }
-
-  .xl\:hover\:-translate-y-1:hover {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .xl\:hover\:-translate-y-2:hover {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .xl\:hover\:-translate-y-3:hover {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .xl\:hover\:-translate-y-4:hover {
-    --transform-translate-y: -1rem;
-  }
-
-  .xl\:hover\:-translate-y-5:hover {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .xl\:hover\:-translate-y-6:hover {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .xl\:hover\:-translate-y-7:hover {
-    --transform-translate-y: -1.75rem;
-  }
-
-  .xl\:hover\:-translate-y-8:hover {
-    --transform-translate-y: -2rem;
-  }
-
-  .xl\:hover\:-translate-y-9:hover {
-    --transform-translate-y: -2.25rem;
-  }
-
-  .xl\:hover\:-translate-y-10:hover {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .xl\:hover\:-translate-y-11:hover {
-    --transform-translate-y: -2.75rem;
-  }
-
-  .xl\:hover\:-translate-y-12:hover {
-    --transform-translate-y: -3rem;
-  }
-
-  .xl\:hover\:-translate-y-13:hover {
-    --transform-translate-y: -3.25rem;
-  }
-
-  .xl\:hover\:-translate-y-14:hover {
-    --transform-translate-y: -3.5rem;
-  }
-
-  .xl\:hover\:-translate-y-15:hover {
-    --transform-translate-y: -3.75rem;
-  }
-
-  .xl\:hover\:-translate-y-16:hover {
-    --transform-translate-y: -4rem;
-  }
-
-  .xl\:hover\:-translate-y-20:hover {
-    --transform-translate-y: -5rem;
-  }
-
-  .xl\:hover\:-translate-y-24:hover {
-    --transform-translate-y: -6rem;
-  }
-
-  .xl\:hover\:-translate-y-28:hover {
-    --transform-translate-y: -7rem;
-  }
-
-  .xl\:hover\:-translate-y-32:hover {
-    --transform-translate-y: -8rem;
-  }
-
-  .xl\:hover\:-translate-y-36:hover {
-    --transform-translate-y: -9rem;
-  }
-
-  .xl\:hover\:-translate-y-40:hover {
-    --transform-translate-y: -10rem;
-  }
-
-  .xl\:hover\:-translate-y-48:hover {
-    --transform-translate-y: -12rem;
-  }
-
-  .xl\:hover\:-translate-y-56:hover {
-    --transform-translate-y: -14rem;
-  }
-
-  .xl\:hover\:-translate-y-60:hover {
-    --transform-translate-y: -15rem;
-  }
-
-  .xl\:hover\:-translate-y-64:hover {
-    --transform-translate-y: -16rem;
-  }
-
-  .xl\:hover\:-translate-y-72:hover {
-    --transform-translate-y: -18rem;
-  }
-
-  .xl\:hover\:-translate-y-80:hover {
-    --transform-translate-y: -20rem;
-  }
-
-  .xl\:hover\:-translate-y-96:hover {
-    --transform-translate-y: -24rem;
-  }
-
-  .xl\:hover\:-translate-y-px:hover {
-    --transform-translate-y: -1px;
-  }
-
-  .xl\:hover\:-translate-y-0\.5:hover {
-    --transform-translate-y: -0.125rem;
-  }
-
-  .xl\:hover\:-translate-y-1\.5:hover {
-    --transform-translate-y: -0.375rem;
-  }
-
-  .xl\:hover\:-translate-y-2\.5:hover {
-    --transform-translate-y: -0.625rem;
-  }
-
-  .xl\:hover\:-translate-y-3\.5:hover {
-    --transform-translate-y: -0.875rem;
-  }
-
-  .xl\:hover\:-translate-y-1\/2:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .xl\:hover\:-translate-y-1\/3:hover {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .xl\:hover\:-translate-y-2\/3:hover {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .xl\:hover\:-translate-y-1\/4:hover {
-    --transform-translate-y: -25%;
-  }
-
-  .xl\:hover\:-translate-y-2\/4:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .xl\:hover\:-translate-y-3\/4:hover {
-    --transform-translate-y: -75%;
-  }
-
-  .xl\:hover\:-translate-y-1\/5:hover {
-    --transform-translate-y: -20%;
-  }
-
-  .xl\:hover\:-translate-y-2\/5:hover {
-    --transform-translate-y: -40%;
-  }
-
-  .xl\:hover\:-translate-y-3\/5:hover {
-    --transform-translate-y: -60%;
-  }
-
-  .xl\:hover\:-translate-y-4\/5:hover {
-    --transform-translate-y: -80%;
-  }
-
-  .xl\:hover\:-translate-y-1\/6:hover {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .xl\:hover\:-translate-y-2\/6:hover {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .xl\:hover\:-translate-y-3\/6:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .xl\:hover\:-translate-y-4\/6:hover {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .xl\:hover\:-translate-y-5\/6:hover {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .xl\:hover\:-translate-y-1\/12:hover {
-    --transform-translate-y: -8.33333%;
-  }
-
-  .xl\:hover\:-translate-y-2\/12:hover {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .xl\:hover\:-translate-y-3\/12:hover {
-    --transform-translate-y: -25%;
-  }
-
-  .xl\:hover\:-translate-y-4\/12:hover {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .xl\:hover\:-translate-y-5\/12:hover {
-    --transform-translate-y: -41.66667%;
-  }
-
-  .xl\:hover\:-translate-y-6\/12:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .xl\:hover\:-translate-y-7\/12:hover {
-    --transform-translate-y: -58.33333%;
-  }
-
-  .xl\:hover\:-translate-y-8\/12:hover {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .xl\:hover\:-translate-y-9\/12:hover {
-    --transform-translate-y: -75%;
-  }
-
-  .xl\:hover\:-translate-y-10\/12:hover {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .xl\:hover\:-translate-y-11\/12:hover {
-    --transform-translate-y: -91.66667%;
-  }
-
-  .xl\:hover\:-translate-y-full:hover {
-    --transform-translate-y: -100%;
-  }
-
-  .xl\:focus\:translate-x-0:focus {
-    --transform-translate-x: 0;
-  }
-
-  .xl\:focus\:translate-x-1:focus {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .xl\:focus\:translate-x-2:focus {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .xl\:focus\:translate-x-3:focus {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .xl\:focus\:translate-x-4:focus {
-    --transform-translate-x: 1rem;
-  }
-
-  .xl\:focus\:translate-x-5:focus {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .xl\:focus\:translate-x-6:focus {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .xl\:focus\:translate-x-7:focus {
-    --transform-translate-x: 1.75rem;
-  }
-
-  .xl\:focus\:translate-x-8:focus {
-    --transform-translate-x: 2rem;
-  }
-
-  .xl\:focus\:translate-x-9:focus {
-    --transform-translate-x: 2.25rem;
-  }
-
-  .xl\:focus\:translate-x-10:focus {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .xl\:focus\:translate-x-11:focus {
-    --transform-translate-x: 2.75rem;
-  }
-
-  .xl\:focus\:translate-x-12:focus {
-    --transform-translate-x: 3rem;
-  }
-
-  .xl\:focus\:translate-x-13:focus {
-    --transform-translate-x: 3.25rem;
-  }
-
-  .xl\:focus\:translate-x-14:focus {
-    --transform-translate-x: 3.5rem;
-  }
-
-  .xl\:focus\:translate-x-15:focus {
-    --transform-translate-x: 3.75rem;
-  }
-
-  .xl\:focus\:translate-x-16:focus {
-    --transform-translate-x: 4rem;
-  }
-
-  .xl\:focus\:translate-x-20:focus {
-    --transform-translate-x: 5rem;
-  }
-
-  .xl\:focus\:translate-x-24:focus {
-    --transform-translate-x: 6rem;
-  }
-
-  .xl\:focus\:translate-x-28:focus {
-    --transform-translate-x: 7rem;
-  }
-
-  .xl\:focus\:translate-x-32:focus {
-    --transform-translate-x: 8rem;
-  }
-
-  .xl\:focus\:translate-x-36:focus {
-    --transform-translate-x: 9rem;
-  }
-
-  .xl\:focus\:translate-x-40:focus {
-    --transform-translate-x: 10rem;
-  }
-
-  .xl\:focus\:translate-x-48:focus {
-    --transform-translate-x: 12rem;
-  }
-
-  .xl\:focus\:translate-x-56:focus {
-    --transform-translate-x: 14rem;
-  }
-
-  .xl\:focus\:translate-x-60:focus {
-    --transform-translate-x: 15rem;
-  }
-
-  .xl\:focus\:translate-x-64:focus {
-    --transform-translate-x: 16rem;
-  }
-
-  .xl\:focus\:translate-x-72:focus {
-    --transform-translate-x: 18rem;
-  }
-
-  .xl\:focus\:translate-x-80:focus {
-    --transform-translate-x: 20rem;
-  }
-
-  .xl\:focus\:translate-x-96:focus {
-    --transform-translate-x: 24rem;
-  }
-
-  .xl\:focus\:translate-x-px:focus {
-    --transform-translate-x: 1px;
-  }
-
-  .xl\:focus\:translate-x-0\.5:focus {
-    --transform-translate-x: 0.125rem;
-  }
-
-  .xl\:focus\:translate-x-1\.5:focus {
-    --transform-translate-x: 0.375rem;
-  }
-
-  .xl\:focus\:translate-x-2\.5:focus {
-    --transform-translate-x: 0.625rem;
-  }
-
-  .xl\:focus\:translate-x-3\.5:focus {
-    --transform-translate-x: 0.875rem;
-  }
-
-  .xl\:focus\:translate-x-1\/2:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .xl\:focus\:translate-x-1\/3:focus {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .xl\:focus\:translate-x-2\/3:focus {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .xl\:focus\:translate-x-1\/4:focus {
-    --transform-translate-x: 25%;
-  }
-
-  .xl\:focus\:translate-x-2\/4:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .xl\:focus\:translate-x-3\/4:focus {
-    --transform-translate-x: 75%;
-  }
-
-  .xl\:focus\:translate-x-1\/5:focus {
-    --transform-translate-x: 20%;
-  }
-
-  .xl\:focus\:translate-x-2\/5:focus {
-    --transform-translate-x: 40%;
-  }
-
-  .xl\:focus\:translate-x-3\/5:focus {
-    --transform-translate-x: 60%;
-  }
-
-  .xl\:focus\:translate-x-4\/5:focus {
-    --transform-translate-x: 80%;
-  }
-
-  .xl\:focus\:translate-x-1\/6:focus {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .xl\:focus\:translate-x-2\/6:focus {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .xl\:focus\:translate-x-3\/6:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .xl\:focus\:translate-x-4\/6:focus {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .xl\:focus\:translate-x-5\/6:focus {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .xl\:focus\:translate-x-1\/12:focus {
-    --transform-translate-x: 8.333333%;
-  }
-
-  .xl\:focus\:translate-x-2\/12:focus {
-    --transform-translate-x: 16.666667%;
-  }
-
-  .xl\:focus\:translate-x-3\/12:focus {
-    --transform-translate-x: 25%;
-  }
-
-  .xl\:focus\:translate-x-4\/12:focus {
-    --transform-translate-x: 33.333333%;
-  }
-
-  .xl\:focus\:translate-x-5\/12:focus {
-    --transform-translate-x: 41.666667%;
-  }
-
-  .xl\:focus\:translate-x-6\/12:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .xl\:focus\:translate-x-7\/12:focus {
-    --transform-translate-x: 58.333333%;
-  }
-
-  .xl\:focus\:translate-x-8\/12:focus {
-    --transform-translate-x: 66.666667%;
-  }
-
-  .xl\:focus\:translate-x-9\/12:focus {
-    --transform-translate-x: 75%;
-  }
-
-  .xl\:focus\:translate-x-10\/12:focus {
-    --transform-translate-x: 83.333333%;
-  }
-
-  .xl\:focus\:translate-x-11\/12:focus {
-    --transform-translate-x: 91.666667%;
-  }
-
-  .xl\:focus\:translate-x-full:focus {
-    --transform-translate-x: 100%;
-  }
-
-  .xl\:focus\:-translate-x-1:focus {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .xl\:focus\:-translate-x-2:focus {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .xl\:focus\:-translate-x-3:focus {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .xl\:focus\:-translate-x-4:focus {
-    --transform-translate-x: -1rem;
-  }
-
-  .xl\:focus\:-translate-x-5:focus {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .xl\:focus\:-translate-x-6:focus {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .xl\:focus\:-translate-x-7:focus {
-    --transform-translate-x: -1.75rem;
-  }
-
-  .xl\:focus\:-translate-x-8:focus {
-    --transform-translate-x: -2rem;
-  }
-
-  .xl\:focus\:-translate-x-9:focus {
-    --transform-translate-x: -2.25rem;
-  }
-
-  .xl\:focus\:-translate-x-10:focus {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .xl\:focus\:-translate-x-11:focus {
-    --transform-translate-x: -2.75rem;
-  }
-
-  .xl\:focus\:-translate-x-12:focus {
-    --transform-translate-x: -3rem;
-  }
-
-  .xl\:focus\:-translate-x-13:focus {
-    --transform-translate-x: -3.25rem;
-  }
-
-  .xl\:focus\:-translate-x-14:focus {
-    --transform-translate-x: -3.5rem;
-  }
-
-  .xl\:focus\:-translate-x-15:focus {
-    --transform-translate-x: -3.75rem;
-  }
-
-  .xl\:focus\:-translate-x-16:focus {
-    --transform-translate-x: -4rem;
-  }
-
-  .xl\:focus\:-translate-x-20:focus {
-    --transform-translate-x: -5rem;
-  }
-
-  .xl\:focus\:-translate-x-24:focus {
-    --transform-translate-x: -6rem;
-  }
-
-  .xl\:focus\:-translate-x-28:focus {
-    --transform-translate-x: -7rem;
-  }
-
-  .xl\:focus\:-translate-x-32:focus {
-    --transform-translate-x: -8rem;
-  }
-
-  .xl\:focus\:-translate-x-36:focus {
-    --transform-translate-x: -9rem;
-  }
-
-  .xl\:focus\:-translate-x-40:focus {
-    --transform-translate-x: -10rem;
-  }
-
-  .xl\:focus\:-translate-x-48:focus {
-    --transform-translate-x: -12rem;
-  }
-
-  .xl\:focus\:-translate-x-56:focus {
-    --transform-translate-x: -14rem;
-  }
-
-  .xl\:focus\:-translate-x-60:focus {
-    --transform-translate-x: -15rem;
-  }
-
-  .xl\:focus\:-translate-x-64:focus {
-    --transform-translate-x: -16rem;
-  }
-
-  .xl\:focus\:-translate-x-72:focus {
-    --transform-translate-x: -18rem;
-  }
-
-  .xl\:focus\:-translate-x-80:focus {
-    --transform-translate-x: -20rem;
-  }
-
-  .xl\:focus\:-translate-x-96:focus {
-    --transform-translate-x: -24rem;
-  }
-
-  .xl\:focus\:-translate-x-px:focus {
-    --transform-translate-x: -1px;
-  }
-
-  .xl\:focus\:-translate-x-0\.5:focus {
-    --transform-translate-x: -0.125rem;
-  }
-
-  .xl\:focus\:-translate-x-1\.5:focus {
-    --transform-translate-x: -0.375rem;
-  }
-
-  .xl\:focus\:-translate-x-2\.5:focus {
-    --transform-translate-x: -0.625rem;
-  }
-
-  .xl\:focus\:-translate-x-3\.5:focus {
-    --transform-translate-x: -0.875rem;
-  }
-
-  .xl\:focus\:-translate-x-1\/2:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .xl\:focus\:-translate-x-1\/3:focus {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .xl\:focus\:-translate-x-2\/3:focus {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .xl\:focus\:-translate-x-1\/4:focus {
-    --transform-translate-x: -25%;
-  }
-
-  .xl\:focus\:-translate-x-2\/4:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .xl\:focus\:-translate-x-3\/4:focus {
-    --transform-translate-x: -75%;
-  }
-
-  .xl\:focus\:-translate-x-1\/5:focus {
-    --transform-translate-x: -20%;
-  }
-
-  .xl\:focus\:-translate-x-2\/5:focus {
-    --transform-translate-x: -40%;
-  }
-
-  .xl\:focus\:-translate-x-3\/5:focus {
-    --transform-translate-x: -60%;
-  }
-
-  .xl\:focus\:-translate-x-4\/5:focus {
-    --transform-translate-x: -80%;
-  }
-
-  .xl\:focus\:-translate-x-1\/6:focus {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .xl\:focus\:-translate-x-2\/6:focus {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .xl\:focus\:-translate-x-3\/6:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .xl\:focus\:-translate-x-4\/6:focus {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .xl\:focus\:-translate-x-5\/6:focus {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .xl\:focus\:-translate-x-1\/12:focus {
-    --transform-translate-x: -8.33333%;
-  }
-
-  .xl\:focus\:-translate-x-2\/12:focus {
-    --transform-translate-x: -16.66667%;
-  }
-
-  .xl\:focus\:-translate-x-3\/12:focus {
-    --transform-translate-x: -25%;
-  }
-
-  .xl\:focus\:-translate-x-4\/12:focus {
-    --transform-translate-x: -33.33333%;
-  }
-
-  .xl\:focus\:-translate-x-5\/12:focus {
-    --transform-translate-x: -41.66667%;
-  }
-
-  .xl\:focus\:-translate-x-6\/12:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .xl\:focus\:-translate-x-7\/12:focus {
-    --transform-translate-x: -58.33333%;
-  }
-
-  .xl\:focus\:-translate-x-8\/12:focus {
-    --transform-translate-x: -66.66667%;
-  }
-
-  .xl\:focus\:-translate-x-9\/12:focus {
-    --transform-translate-x: -75%;
-  }
-
-  .xl\:focus\:-translate-x-10\/12:focus {
-    --transform-translate-x: -83.33333%;
-  }
-
-  .xl\:focus\:-translate-x-11\/12:focus {
-    --transform-translate-x: -91.66667%;
-  }
-
-  .xl\:focus\:-translate-x-full:focus {
-    --transform-translate-x: -100%;
-  }
-
-  .xl\:focus\:translate-y-0:focus {
-    --transform-translate-y: 0;
-  }
-
-  .xl\:focus\:translate-y-1:focus {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .xl\:focus\:translate-y-2:focus {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .xl\:focus\:translate-y-3:focus {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .xl\:focus\:translate-y-4:focus {
-    --transform-translate-y: 1rem;
-  }
-
-  .xl\:focus\:translate-y-5:focus {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .xl\:focus\:translate-y-6:focus {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .xl\:focus\:translate-y-7:focus {
-    --transform-translate-y: 1.75rem;
-  }
-
-  .xl\:focus\:translate-y-8:focus {
-    --transform-translate-y: 2rem;
-  }
-
-  .xl\:focus\:translate-y-9:focus {
-    --transform-translate-y: 2.25rem;
-  }
-
-  .xl\:focus\:translate-y-10:focus {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .xl\:focus\:translate-y-11:focus {
-    --transform-translate-y: 2.75rem;
-  }
-
-  .xl\:focus\:translate-y-12:focus {
-    --transform-translate-y: 3rem;
-  }
-
-  .xl\:focus\:translate-y-13:focus {
-    --transform-translate-y: 3.25rem;
-  }
-
-  .xl\:focus\:translate-y-14:focus {
-    --transform-translate-y: 3.5rem;
-  }
-
-  .xl\:focus\:translate-y-15:focus {
-    --transform-translate-y: 3.75rem;
-  }
-
-  .xl\:focus\:translate-y-16:focus {
-    --transform-translate-y: 4rem;
-  }
-
-  .xl\:focus\:translate-y-20:focus {
-    --transform-translate-y: 5rem;
-  }
-
-  .xl\:focus\:translate-y-24:focus {
-    --transform-translate-y: 6rem;
-  }
-
-  .xl\:focus\:translate-y-28:focus {
-    --transform-translate-y: 7rem;
-  }
-
-  .xl\:focus\:translate-y-32:focus {
-    --transform-translate-y: 8rem;
-  }
-
-  .xl\:focus\:translate-y-36:focus {
-    --transform-translate-y: 9rem;
-  }
-
-  .xl\:focus\:translate-y-40:focus {
-    --transform-translate-y: 10rem;
-  }
-
-  .xl\:focus\:translate-y-48:focus {
-    --transform-translate-y: 12rem;
-  }
-
-  .xl\:focus\:translate-y-56:focus {
-    --transform-translate-y: 14rem;
-  }
-
-  .xl\:focus\:translate-y-60:focus {
-    --transform-translate-y: 15rem;
-  }
-
-  .xl\:focus\:translate-y-64:focus {
-    --transform-translate-y: 16rem;
-  }
-
-  .xl\:focus\:translate-y-72:focus {
-    --transform-translate-y: 18rem;
-  }
-
-  .xl\:focus\:translate-y-80:focus {
-    --transform-translate-y: 20rem;
-  }
-
-  .xl\:focus\:translate-y-96:focus {
-    --transform-translate-y: 24rem;
-  }
-
-  .xl\:focus\:translate-y-px:focus {
-    --transform-translate-y: 1px;
-  }
-
-  .xl\:focus\:translate-y-0\.5:focus {
-    --transform-translate-y: 0.125rem;
-  }
-
-  .xl\:focus\:translate-y-1\.5:focus {
-    --transform-translate-y: 0.375rem;
-  }
-
-  .xl\:focus\:translate-y-2\.5:focus {
-    --transform-translate-y: 0.625rem;
-  }
-
-  .xl\:focus\:translate-y-3\.5:focus {
-    --transform-translate-y: 0.875rem;
-  }
-
-  .xl\:focus\:translate-y-1\/2:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .xl\:focus\:translate-y-1\/3:focus {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .xl\:focus\:translate-y-2\/3:focus {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .xl\:focus\:translate-y-1\/4:focus {
-    --transform-translate-y: 25%;
-  }
-
-  .xl\:focus\:translate-y-2\/4:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .xl\:focus\:translate-y-3\/4:focus {
-    --transform-translate-y: 75%;
-  }
-
-  .xl\:focus\:translate-y-1\/5:focus {
-    --transform-translate-y: 20%;
-  }
-
-  .xl\:focus\:translate-y-2\/5:focus {
-    --transform-translate-y: 40%;
-  }
-
-  .xl\:focus\:translate-y-3\/5:focus {
-    --transform-translate-y: 60%;
-  }
-
-  .xl\:focus\:translate-y-4\/5:focus {
-    --transform-translate-y: 80%;
-  }
-
-  .xl\:focus\:translate-y-1\/6:focus {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .xl\:focus\:translate-y-2\/6:focus {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .xl\:focus\:translate-y-3\/6:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .xl\:focus\:translate-y-4\/6:focus {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .xl\:focus\:translate-y-5\/6:focus {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .xl\:focus\:translate-y-1\/12:focus {
-    --transform-translate-y: 8.333333%;
-  }
-
-  .xl\:focus\:translate-y-2\/12:focus {
-    --transform-translate-y: 16.666667%;
-  }
-
-  .xl\:focus\:translate-y-3\/12:focus {
-    --transform-translate-y: 25%;
-  }
-
-  .xl\:focus\:translate-y-4\/12:focus {
-    --transform-translate-y: 33.333333%;
-  }
-
-  .xl\:focus\:translate-y-5\/12:focus {
-    --transform-translate-y: 41.666667%;
-  }
-
-  .xl\:focus\:translate-y-6\/12:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .xl\:focus\:translate-y-7\/12:focus {
-    --transform-translate-y: 58.333333%;
-  }
-
-  .xl\:focus\:translate-y-8\/12:focus {
-    --transform-translate-y: 66.666667%;
-  }
-
-  .xl\:focus\:translate-y-9\/12:focus {
-    --transform-translate-y: 75%;
-  }
-
-  .xl\:focus\:translate-y-10\/12:focus {
-    --transform-translate-y: 83.333333%;
-  }
-
-  .xl\:focus\:translate-y-11\/12:focus {
-    --transform-translate-y: 91.666667%;
-  }
-
-  .xl\:focus\:translate-y-full:focus {
-    --transform-translate-y: 100%;
-  }
-
-  .xl\:focus\:-translate-y-1:focus {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .xl\:focus\:-translate-y-2:focus {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .xl\:focus\:-translate-y-3:focus {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .xl\:focus\:-translate-y-4:focus {
-    --transform-translate-y: -1rem;
-  }
-
-  .xl\:focus\:-translate-y-5:focus {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .xl\:focus\:-translate-y-6:focus {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .xl\:focus\:-translate-y-7:focus {
-    --transform-translate-y: -1.75rem;
-  }
-
-  .xl\:focus\:-translate-y-8:focus {
-    --transform-translate-y: -2rem;
-  }
-
-  .xl\:focus\:-translate-y-9:focus {
-    --transform-translate-y: -2.25rem;
-  }
-
-  .xl\:focus\:-translate-y-10:focus {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .xl\:focus\:-translate-y-11:focus {
-    --transform-translate-y: -2.75rem;
-  }
-
-  .xl\:focus\:-translate-y-12:focus {
-    --transform-translate-y: -3rem;
-  }
-
-  .xl\:focus\:-translate-y-13:focus {
-    --transform-translate-y: -3.25rem;
-  }
-
-  .xl\:focus\:-translate-y-14:focus {
-    --transform-translate-y: -3.5rem;
-  }
-
-  .xl\:focus\:-translate-y-15:focus {
-    --transform-translate-y: -3.75rem;
-  }
-
-  .xl\:focus\:-translate-y-16:focus {
-    --transform-translate-y: -4rem;
-  }
-
-  .xl\:focus\:-translate-y-20:focus {
-    --transform-translate-y: -5rem;
-  }
-
-  .xl\:focus\:-translate-y-24:focus {
-    --transform-translate-y: -6rem;
-  }
-
-  .xl\:focus\:-translate-y-28:focus {
-    --transform-translate-y: -7rem;
-  }
-
-  .xl\:focus\:-translate-y-32:focus {
-    --transform-translate-y: -8rem;
-  }
-
-  .xl\:focus\:-translate-y-36:focus {
-    --transform-translate-y: -9rem;
-  }
-
-  .xl\:focus\:-translate-y-40:focus {
-    --transform-translate-y: -10rem;
-  }
-
-  .xl\:focus\:-translate-y-48:focus {
-    --transform-translate-y: -12rem;
-  }
-
-  .xl\:focus\:-translate-y-56:focus {
-    --transform-translate-y: -14rem;
-  }
-
-  .xl\:focus\:-translate-y-60:focus {
-    --transform-translate-y: -15rem;
-  }
-
-  .xl\:focus\:-translate-y-64:focus {
-    --transform-translate-y: -16rem;
-  }
-
-  .xl\:focus\:-translate-y-72:focus {
-    --transform-translate-y: -18rem;
-  }
-
-  .xl\:focus\:-translate-y-80:focus {
-    --transform-translate-y: -20rem;
-  }
-
-  .xl\:focus\:-translate-y-96:focus {
-    --transform-translate-y: -24rem;
-  }
-
-  .xl\:focus\:-translate-y-px:focus {
-    --transform-translate-y: -1px;
-  }
-
-  .xl\:focus\:-translate-y-0\.5:focus {
-    --transform-translate-y: -0.125rem;
-  }
-
-  .xl\:focus\:-translate-y-1\.5:focus {
-    --transform-translate-y: -0.375rem;
-  }
-
-  .xl\:focus\:-translate-y-2\.5:focus {
-    --transform-translate-y: -0.625rem;
-  }
-
-  .xl\:focus\:-translate-y-3\.5:focus {
-    --transform-translate-y: -0.875rem;
-  }
-
-  .xl\:focus\:-translate-y-1\/2:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .xl\:focus\:-translate-y-1\/3:focus {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .xl\:focus\:-translate-y-2\/3:focus {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .xl\:focus\:-translate-y-1\/4:focus {
-    --transform-translate-y: -25%;
-  }
-
-  .xl\:focus\:-translate-y-2\/4:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .xl\:focus\:-translate-y-3\/4:focus {
-    --transform-translate-y: -75%;
-  }
-
-  .xl\:focus\:-translate-y-1\/5:focus {
-    --transform-translate-y: -20%;
-  }
-
-  .xl\:focus\:-translate-y-2\/5:focus {
-    --transform-translate-y: -40%;
-  }
-
-  .xl\:focus\:-translate-y-3\/5:focus {
-    --transform-translate-y: -60%;
-  }
-
-  .xl\:focus\:-translate-y-4\/5:focus {
-    --transform-translate-y: -80%;
-  }
-
-  .xl\:focus\:-translate-y-1\/6:focus {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .xl\:focus\:-translate-y-2\/6:focus {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .xl\:focus\:-translate-y-3\/6:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .xl\:focus\:-translate-y-4\/6:focus {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .xl\:focus\:-translate-y-5\/6:focus {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .xl\:focus\:-translate-y-1\/12:focus {
-    --transform-translate-y: -8.33333%;
-  }
-
-  .xl\:focus\:-translate-y-2\/12:focus {
-    --transform-translate-y: -16.66667%;
-  }
-
-  .xl\:focus\:-translate-y-3\/12:focus {
-    --transform-translate-y: -25%;
-  }
-
-  .xl\:focus\:-translate-y-4\/12:focus {
-    --transform-translate-y: -33.33333%;
-  }
-
-  .xl\:focus\:-translate-y-5\/12:focus {
-    --transform-translate-y: -41.66667%;
-  }
-
-  .xl\:focus\:-translate-y-6\/12:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .xl\:focus\:-translate-y-7\/12:focus {
-    --transform-translate-y: -58.33333%;
-  }
-
-  .xl\:focus\:-translate-y-8\/12:focus {
-    --transform-translate-y: -66.66667%;
-  }
-
-  .xl\:focus\:-translate-y-9\/12:focus {
-    --transform-translate-y: -75%;
-  }
-
-  .xl\:focus\:-translate-y-10\/12:focus {
-    --transform-translate-y: -83.33333%;
-  }
-
-  .xl\:focus\:-translate-y-11\/12:focus {
-    --transform-translate-y: -91.66667%;
-  }
-
-  .xl\:focus\:-translate-y-full:focus {
-    --transform-translate-y: -100%;
-  }
-
-  .xl\:skew-x-0 {
-    --transform-skew-x: 0;
-  }
-
-  .xl\:skew-x-3 {
-    --transform-skew-x: 3deg;
-  }
-
-  .xl\:skew-x-6 {
-    --transform-skew-x: 6deg;
-  }
-
-  .xl\:skew-x-12 {
-    --transform-skew-x: 12deg;
-  }
-
-  .xl\:-skew-x-12 {
-    --transform-skew-x: -12deg;
-  }
-
-  .xl\:-skew-x-6 {
-    --transform-skew-x: -6deg;
-  }
-
-  .xl\:-skew-x-3 {
-    --transform-skew-x: -3deg;
-  }
-
-  .xl\:skew-y-0 {
-    --transform-skew-y: 0;
-  }
-
-  .xl\:skew-y-3 {
-    --transform-skew-y: 3deg;
-  }
-
-  .xl\:skew-y-6 {
-    --transform-skew-y: 6deg;
-  }
-
-  .xl\:skew-y-12 {
-    --transform-skew-y: 12deg;
-  }
-
-  .xl\:-skew-y-12 {
-    --transform-skew-y: -12deg;
-  }
-
-  .xl\:-skew-y-6 {
-    --transform-skew-y: -6deg;
-  }
-
-  .xl\:-skew-y-3 {
-    --transform-skew-y: -3deg;
-  }
-
-  .xl\:hover\:skew-x-0:hover {
-    --transform-skew-x: 0;
-  }
-
-  .xl\:hover\:skew-x-3:hover {
-    --transform-skew-x: 3deg;
-  }
-
-  .xl\:hover\:skew-x-6:hover {
-    --transform-skew-x: 6deg;
-  }
-
-  .xl\:hover\:skew-x-12:hover {
-    --transform-skew-x: 12deg;
-  }
-
-  .xl\:hover\:-skew-x-12:hover {
-    --transform-skew-x: -12deg;
-  }
-
-  .xl\:hover\:-skew-x-6:hover {
-    --transform-skew-x: -6deg;
-  }
-
-  .xl\:hover\:-skew-x-3:hover {
-    --transform-skew-x: -3deg;
-  }
-
-  .xl\:hover\:skew-y-0:hover {
-    --transform-skew-y: 0;
-  }
-
-  .xl\:hover\:skew-y-3:hover {
-    --transform-skew-y: 3deg;
-  }
-
-  .xl\:hover\:skew-y-6:hover {
-    --transform-skew-y: 6deg;
-  }
-
-  .xl\:hover\:skew-y-12:hover {
-    --transform-skew-y: 12deg;
-  }
-
-  .xl\:hover\:-skew-y-12:hover {
-    --transform-skew-y: -12deg;
-  }
-
-  .xl\:hover\:-skew-y-6:hover {
-    --transform-skew-y: -6deg;
-  }
-
-  .xl\:hover\:-skew-y-3:hover {
-    --transform-skew-y: -3deg;
-  }
-
-  .xl\:focus\:skew-x-0:focus {
-    --transform-skew-x: 0;
-  }
-
-  .xl\:focus\:skew-x-3:focus {
-    --transform-skew-x: 3deg;
-  }
-
-  .xl\:focus\:skew-x-6:focus {
-    --transform-skew-x: 6deg;
-  }
-
-  .xl\:focus\:skew-x-12:focus {
-    --transform-skew-x: 12deg;
-  }
-
-  .xl\:focus\:-skew-x-12:focus {
-    --transform-skew-x: -12deg;
-  }
-
-  .xl\:focus\:-skew-x-6:focus {
-    --transform-skew-x: -6deg;
-  }
-
-  .xl\:focus\:-skew-x-3:focus {
-    --transform-skew-x: -3deg;
-  }
-
-  .xl\:focus\:skew-y-0:focus {
-    --transform-skew-y: 0;
-  }
-
-  .xl\:focus\:skew-y-3:focus {
-    --transform-skew-y: 3deg;
-  }
-
-  .xl\:focus\:skew-y-6:focus {
-    --transform-skew-y: 6deg;
-  }
-
-  .xl\:focus\:skew-y-12:focus {
-    --transform-skew-y: 12deg;
-  }
-
-  .xl\:focus\:-skew-y-12:focus {
-    --transform-skew-y: -12deg;
-  }
-
-  .xl\:focus\:-skew-y-6:focus {
-    --transform-skew-y: -6deg;
-  }
-
-  .xl\:focus\:-skew-y-3:focus {
-    --transform-skew-y: -3deg;
-  }
-
-  .xl\:transition-none {
-    transition-property: none;
-  }
-
-  .xl\:transition-all {
-    transition-property: all;
-  }
-
-  .xl\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-  }
-
-  .xl\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
-  }
-
-  .xl\:transition-opacity {
-    transition-property: opacity;
-  }
-
-  .xl\:transition-shadow {
-    transition-property: box-shadow;
-  }
-
-  .xl\:transition-transform {
-    transition-property: transform;
-  }
-
-  .xl\:ease-linear {
-    transition-timing-function: linear;
-  }
-
-  .xl\:ease-in {
-    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-  }
-
-  .xl\:ease-out {
-    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  }
-
-  .xl\:ease-in-out {
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  .xl\:duration-75 {
-    transition-duration: 75ms;
-  }
-
-  .xl\:duration-100 {
-    transition-duration: 100ms;
-  }
-
-  .xl\:duration-150 {
-    transition-duration: 150ms;
-  }
-
-  .xl\:duration-200 {
-    transition-duration: 200ms;
-  }
-
-  .xl\:duration-300 {
-    transition-duration: 300ms;
-  }
-
-  .xl\:duration-500 {
-    transition-duration: 500ms;
-  }
-
-  .xl\:duration-700 {
-    transition-duration: 700ms;
-  }
-
-  .xl\:duration-1000 {
-    transition-duration: 1000ms;
-  }
-
-  .xl\:delay-75 {
-    transition-delay: 75ms;
-  }
-
-  .xl\:delay-100 {
-    transition-delay: 100ms;
-  }
-
-  .xl\:delay-150 {
-    transition-delay: 150ms;
-  }
-
-  .xl\:delay-200 {
-    transition-delay: 200ms;
-  }
-
-  .xl\:delay-300 {
-    transition-delay: 300ms;
-  }
-
-  .xl\:delay-500 {
-    transition-delay: 500ms;
-  }
-
-  .xl\:delay-700 {
-    transition-delay: 700ms;
-  }
-
-  .xl\:delay-1000 {
-    transition-delay: 1000ms;
-  }
-
-  .xl\:animate-none {
-    -webkit-animation: none;
-            animation: none;
-  }
-
-  .xl\:animate-spin {
-    -webkit-animation: spin 1s linear infinite;
-            animation: spin 1s linear infinite;
-  }
-
-  .xl\:animate-ping {
-    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-  }
-
-  .xl\:animate-pulse {
-    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-  }
-
-  .xl\:animate-bounce {
-    -webkit-animation: bounce 1s infinite;
-            animation: bounce 1s infinite;
-  }
-}
\ No newline at end of file
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:Open Sans,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;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #d2d6dc}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0aec0}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#a0aec0}input::placeholder,textarea::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.375rem;padding:.5rem .75rem;font-size:1rem;line-height:1.5}.form-input::-moz-placeholder{color:#9fa6b2;opacity:1}.form-input:-ms-input-placeholder{color:#9fa6b2;opacity:1}.form-input::-ms-input-placeholder{color:#9fa6b2;opacity:1}.form-input::placeholder{color:#9fa6b2;opacity:1}.form-input:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.375rem;padding:.5rem .75rem;font-size:1rem;line-height:1.5}.form-textarea::-moz-placeholder{color:#9fa6b2;opacity:1}.form-textarea:-ms-input-placeholder{color:#9fa6b2;opacity:1}.form-textarea::-ms-input-placeholder{color:#9fa6b2;opacity:1}.form-textarea::placeholder{color:#9fa6b2;opacity:1}.form-textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-multiselect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.375rem;padding:.5rem .75rem;font-size:1rem;line-height:1.5}.form-multiselect:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;background-repeat:no-repeat;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.375rem;padding:.5rem 2.5rem .5rem .75rem;font-size:1rem;line-height:1.5;background-position:right .5rem center;background-size:1.5em 1.5em}.form-select::-ms-expand{color:#9fa6b2;border:none}@media not print{.form-select::-ms-expand{display:none}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.form-select{padding-right:.75rem}}.form-select:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media not print{.form-checkbox::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#3f83f8;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.25rem}.form-checkbox:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-checkbox:checked:focus,.form-radio:checked{border-color:transparent}.form-radio:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media not print{.form-radio::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;border-radius:100%;height:1rem;width:1rem;color:#3f83f8;background-color:#fff;border-color:#d2d6dc;border-width:1px}.form-radio:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.form-radio:checked:focus{border-color:transparent}.button{border-radius:.25rem;padding:.75rem 1rem;font-size:.875rem;line-height:1rem;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.button-primary{--bg-opacity:1;background-color:#3f83f8;background-color:rgba(63,131,248,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.button-primary:hover{--bg-opacity:1;background-color:#1c64f2;background-color:rgba(28,100,242,var(--bg-opacity))}.button-block{display:block;width:100%}.button-danger{--bg-opacity:1;background-color:#f05252;background-color:rgba(240,82,82,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.button-danger:hover{--bg-opacity:1;background-color:#e02424;background-color:rgba(224,36,36,var(--bg-opacity))}.button-secondary{--bg-opacity:1;background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity))}.button-secondary:hover{--bg-opacity:1;background-color:#e5e7eb;background-color:rgba(229,231,235,var(--bg-opacity))}.button-link{--text-opacity:1;color:#1c64f2;color:rgba(28,100,242,var(--text-opacity))}.button-link:hover{--text-opacity:1;color:#1a56db;color:rgba(26,86,219,var(--text-opacity));text-decoration:underline}.button-link:focus{outline:0;text-decoration:underline}.validation{border-left-width:2px;margin-top:.5rem;margin-bottom:.25rem;--bg-opacity:1;background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity));padding:.25rem .75rem}.validation-fail{border-color:#f05252;border-color:rgba(240,82,82,var(--border-opacity))}.validation-fail,.validation-pass{--border-opacity:1;--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity));font-size:.875rem}.validation-pass{border-color:#0e9f6e;border-color:rgba(14,159,110,var(--border-opacity))}.input{align-items:center;border-width:1px;--border-opacity:1;border-color:#d2d6dc;border-color:rgba(210,214,220,var(--border-opacity));border-radius:.25rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.875rem}.input:focus{outline:0;--border-opacity:1;border-color:#3f83f8;border-color:rgba(63,131,248,var(--border-opacity))}.input-label{font-size:.875rem;--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.input-slim{padding-top:.5rem;padding-bottom:.5rem}.alert{padding:.75rem 1rem;font-size:.875rem;border-left-width:2px;margin-top:.5rem;margin-bottom:.25rem;--bg-opacity:1;background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity));--border-opacity:1;border-color:#9fa6b2;border-color:rgba(159,166,178,var(--border-opacity))}.alert-success{--border-opacity:1;border-color:#0e9f6e;border-color:rgba(14,159,110,var(--border-opacity))}.alert-failure{--border-opacity:1;border-color:#f05252;border-color:rgba(240,82,82,var(--border-opacity))}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1rem}.badge-light{background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity));color:#252f3f;color:rgba(37,47,63,var(--text-opacity))}.badge-light,.badge-primary{--bg-opacity:1;--text-opacity:1}.badge-primary{background-color:#c3ddfd;background-color:rgba(195,221,253,var(--bg-opacity));color:#3f83f8;color:rgba(63,131,248,var(--text-opacity))}.badge-danger{background-color:#fde8e8;background-color:rgba(253,232,232,var(--bg-opacity));color:#f05252;color:rgba(240,82,82,var(--text-opacity))}.badge-danger,.badge-success{--bg-opacity:1;--text-opacity:1}.badge-success{background-color:#def7ec;background-color:rgba(222,247,236,var(--bg-opacity));color:#0e9f6e;color:rgba(14,159,110,var(--text-opacity))}.badge-secondary{--bg-opacity:1;background-color:#252f3f;background-color:rgba(37,47,63,var(--bg-opacity));--text-opacity:1;color:#e5e7eb;color:rgba(229,231,235,var(--text-opacity))}.badge-warning{background-color:#feecdc;background-color:rgba(254,236,220,var(--bg-opacity));color:#ff5a1f;color:rgba(255,90,31,var(--text-opacity))}.badge-info,.badge-warning{--bg-opacity:1;--text-opacity:1}.badge-info{background-color:#e1effe;background-color:rgba(225,239,254,var(--bg-opacity));color:#3f83f8;color:rgba(63,131,248,var(--text-opacity))}@media (min-width:640px){.dataTables_length{margin-top:1.25rem!important;margin-bottom:1.25rem!important}}@media (min-width:1024px){.dataTables_length{margin-top:1rem!important;margin-bottom:1rem!important}}.dataTables_length select{--bg-opacity:1!important;background-color:#fff!important;background-color:rgba(255,255,255,var(--bg-opacity))!important;align-items:center!important;border-width:1px!important;--border-opacity:1!important;border-color:#d2d6dc!important;border-color:rgba(210,214,220,var(--border-opacity))!important;border-radius:.25rem!important;margin-top:.5rem!important;font-size:.875rem!important;margin-left:.5rem!important;margin-right:.5rem!important;padding:.5rem!important}.dataTables_filter{margin-bottom:1rem}.dataTables_filter input{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-color:#fff!important;border-radius:.375rem!important;font-size:1rem!important;line-height:1.5!important;align-items:center!important;border-width:1px!important;--border-opacity:1!important;border-color:#d2d6dc!important;border-color:rgba(210,214,220,var(--border-opacity))!important;border-radius:.25rem!important;margin-top:.5rem!important;padding:.5rem 1rem!important;font-size:.875rem!important}@media (min-width:1024px){.dataTables_filter{margin-top:-3rem!important}}.dataTables_paginate{padding-bottom:1.5rem!important;padding-top:.5rem!important}.dataTables_paginate .paginate_button{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform!important;transition-duration:.15s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;font-weight:600!important;--bg-opacity:1!important;background-color:#fff!important;background-color:rgba(255,255,255,var(--bg-opacity))!important;border-width:1px!important;--border-opacity:1!important;border-color:#d2d6dc!important;border-color:rgba(210,214,220,var(--border-opacity))!important;font-size:.875rem!important;line-height:1rem!important;font-weight:500!important;border-radius:.25rem!important;--text-opacity:1!important;color:#374151!important;color:rgba(55,65,81,var(--text-opacity))!important;margin-right:.25rem!important;padding:.5rem 1rem!important;cursor:pointer!important}.dataTables_paginate .current{--bg-opacity:1!important;background-color:#1c64f2!important;background-color:rgba(28,100,242,var(--bg-opacity))!important;--text-opacity:1!important;color:#fff!important;color:rgba(255,255,255,var(--text-opacity))!important}.dataTables_info{font-size:.875rem!important}.dataTables_empty{padding-top:1rem!important;padding-bottom:1rem!important}.pagination{display:flex!important;align-items:center!important}.pagination .page-link{margin-top:-1px!important;border-top-width:2px!important;border-color:transparent!important;padding-top:1rem!important;padding-left:1rem!important;padding-right:1rem!important;display:inline-flex!important;align-items:center!important;font-size:.875rem!important;line-height:1.25rem!important;font-weight:500!important;--text-opacity:1!important;color:#6b7280!important;color:rgba(107,114,128,var(--text-opacity))!important;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important;cursor:pointer!important}.pagination .page-link:hover{--text-opacity:1!important;color:#374151!important;color:rgba(55,65,81,var(--text-opacity))!important;--border-opacity:1!important;border-color:#d2d6dc!important;border-color:rgba(210,214,220,var(--border-opacity))!important}.pagination .page-link:focus{outline:0;--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity));--border-opacity:1;border-color:#9fa6b2;border-color:rgba(159,166,178,var(--border-opacity))}.pagination .active>span{--text-opacity:1!important;color:#1c64f2!important;color:rgba(28,100,242,var(--text-opacity))!important;--border-opacity:1!important;border-color:#1c64f2!important;border-color:rgba(28,100,242,var(--border-opacity))!important}.active-page{--bg-opacity:1!important;background-color:#233876!important;background-color:rgba(35,56,118,var(--bg-opacity))!important}.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*(1 - var(--space-x-reverse)))}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-50{--bg-opacity:1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity))}.bg-gray-200{--bg-opacity:1;background-color:#e5e7eb;background-color:rgba(229,231,235,var(--bg-opacity))}.bg-gray-500{--bg-opacity:1;background-color:#6b7280;background-color:rgba(107,114,128,var(--bg-opacity))}.bg-gray-600{--bg-opacity:1;background-color:#4b5563;background-color:rgba(75,85,99,var(--bg-opacity))}.bg-gray-800{--bg-opacity:1;background-color:#252f3f;background-color:rgba(37,47,63,var(--bg-opacity))}.bg-gray-900{--bg-opacity:1;background-color:#161e2e;background-color:rgba(22,30,46,var(--bg-opacity))}.bg-red-100{--bg-opacity:1;background-color:#fde8e8;background-color:rgba(253,232,232,var(--bg-opacity))}.bg-blue-50{--bg-opacity:1;background-color:#ebf5ff;background-color:rgba(235,245,255,var(--bg-opacity))}.bg-blue-800{--bg-opacity:1;background-color:#1e429f;background-color:rgba(30,66,159,var(--bg-opacity))}.bg-blue-900{--bg-opacity:1;background-color:#233876;background-color:rgba(35,56,118,var(--bg-opacity))}.hover\:bg-gray-100:hover{--bg-opacity:1;background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity))}.hover\:bg-blue-900:hover{--bg-opacity:1;background-color:#233876;background-color:rgba(35,56,118,var(--bg-opacity))}.focus\:bg-gray-100:focus{--bg-opacity:1;background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity))}.focus\:bg-gray-600:focus{--bg-opacity:1;background-color:#4b5563;background-color:rgba(75,85,99,var(--bg-opacity))}.focus\:bg-blue-900:focus{--bg-opacity:1;background-color:#233876;background-color:rgba(35,56,118,var(--bg-opacity))}.active\:bg-gray-50:active{--bg-opacity:1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--bg-opacity))}.border-transparent{border-color:transparent}.border-gray-100{--border-opacity:1;border-color:#f4f5f7;border-color:rgba(244,245,247,var(--border-opacity))}.border-gray-200{--border-opacity:1;border-color:#e5e7eb;border-color:rgba(229,231,235,var(--border-opacity))}.border-gray-300{--border-opacity:1;border-color:#d2d6dc;border-color:rgba(210,214,220,var(--border-opacity))}.border-gray-800{--border-opacity:1;border-color:#252f3f;border-color:rgba(37,47,63,var(--border-opacity))}.border-green-500{--border-opacity:1;border-color:#0e9f6e;border-color:rgba(14,159,110,var(--border-opacity))}.border-blue-500{--border-opacity:1;border-color:#3f83f8;border-color:rgba(63,131,248,var(--border-opacity))}.border-blue-600{--border-opacity:1;border-color:#1c64f2;border-color:rgba(28,100,242,var(--border-opacity))}.hover\:border-gray-300:hover{--border-opacity:1;border-color:#d2d6dc;border-color:rgba(210,214,220,var(--border-opacity))}.focus\:border-gray-400:focus{--border-opacity:1;border-color:#9fa6b2;border-color:rgba(159,166,178,var(--border-opacity))}.focus\:border-blue-300:focus{--border-opacity:1;border-color:#a4cafe;border-color:rgba(164,202,254,var(--border-opacity))}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.border-none{border-style:none}.border-0{border-width:0}.border{border-width:1px}.border-t-2{border-top-width:2px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.font-sans{font-family:Open Sans,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}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.h-0{height:0}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-12{height:3rem}.h-16{height:4rem}.h-32{height:8rem}.h-screen{height:100vh}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.m-auto{margin:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.mx-auto{margin-left:auto;margin-right:auto}.-my-2{margin-top:-.5rem;margin-bottom:-.5rem}.mb-0{margin-bottom:0}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-6{margin-bottom:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mb-10{margin-bottom:2.5rem}.-mr-1{margin-right:-.25rem}.-ml-1{margin-left:-.25rem}.-mr-14{margin-right:-3.5rem}.-mt-px{margin-top:-1px}.max-w-xs{max-width:20rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.min-h-screen{min-height:100vh}.min-w-full{min-width:100%}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.opacity-100{opacity:1}.focus\:outline-none:focus{outline:0}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.pr-1{padding-right:.25rem}.pl-1{padding-left:.25rem}.pt-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pb-20{padding-bottom:5rem}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{right:0;left:0}.inset-0,.inset-y-0{top:0;bottom:0}.inset-x-0{right:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.shadow-xs{box-shadow:0 0 0 1px rgba(0,0,0,.05)}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.focus\:shadow-outline:focus{box-shadow:0 0 0 3px rgba(118,169,250,.45)}.focus\:shadow-outline-blue:focus{box-shadow:0 0 0 3px rgba(164,202,254,.45)}.fill-current{fill:currentColor}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-black{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.text-gray-300{--text-opacity:1;color:#d2d6dc;color:rgba(210,214,220,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#9fa6b2;color:rgba(159,166,178,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity))}.text-gray-800{--text-opacity:1;color:#252f3f;color:rgba(37,47,63,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity))}.text-red-400{--text-opacity:1;color:#f98080;color:rgba(249,128,128,var(--text-opacity))}.text-red-600{--text-opacity:1;color:#e02424;color:rgba(224,36,36,var(--text-opacity))}.text-blue-600{--text-opacity:1;color:#1c64f2;color:rgba(28,100,242,var(--text-opacity))}.hover\:text-gray-300:hover{--text-opacity:1;color:#d2d6dc;color:rgba(210,214,220,var(--text-opacity))}.hover\:text-gray-500:hover{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.hover\:text-gray-600:hover{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.hover\:text-gray-700:hover{--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity))}.hover\:text-gray-800:hover{--text-opacity:1;color:#252f3f;color:rgba(37,47,63,var(--text-opacity))}.hover\:text-gray-900:hover{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity))}.hover\:text-blue-600:hover{--text-opacity:1;color:#1c64f2;color:rgba(28,100,242,var(--text-opacity))}.hover\:text-indigo-900:hover{--text-opacity:1;color:#362f78;color:rgba(54,47,120,var(--text-opacity))}.focus\:text-gray-500:focus{--text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--text-opacity))}.focus\:text-gray-600:focus{--text-opacity:1;color:#4b5563;color:rgba(75,85,99,var(--text-opacity))}.focus\:text-gray-700:focus{--text-opacity:1;color:#374151;color:rgba(55,65,81,var(--text-opacity))}.focus\:text-gray-900:focus{--text-opacity:1;color:#161e2e;color:rgba(22,30,46,var(--text-opacity))}.active\:text-gray-800:active{--text-opacity:1;color:#252f3f;color:rgba(37,47,63,var(--text-opacity))}.uppercase{text-transform:uppercase}.focus\:underline:focus{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tracking-wider{letter-spacing:.05em}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.whitespace-no-wrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.w-0{width:0}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-48{width:12rem}.w-56{width:14rem}.w-64{width:16rem}.w-auto{width:auto}.w-1\/2{width:50%}.w-full{width:100%}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.gap-4{grid-gap:1rem;gap:1rem}.gap-6{grid-gap:1.5rem;gap:1.5rem}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-12{grid-column:span 12/span 12}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-5{grid-column-start:5}.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))}.origin-top-right{transform-origin:top right}.scale-95{--transform-scale-x:.95;--transform-scale-y:.95}.scale-100{--transform-scale-x:1;--transform-scale-y:1}.translate-x-0{--transform-translate-x:0}.-translate-x-full{--transform-translate-x:-100%}.translate-y-0{--transform-translate-y:0}.translate-y-4{--transform-translate-y:1rem}.transition-all{transition-property:all}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}.transition-opacity{transition-property:opacity}.ease-linear{transition-timing-function:linear}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@media (min-width:640px){.sm\:container{width:100%;max-width:640px}@media (min-width:768px){.sm\:container{max-width:768px}}@media (min-width:1024px){.sm\:container{max-width:1024px}}@media (min-width:1280px){.sm\:container{max-width:1280px}}.sm\:rounded-lg{border-radius:.5rem}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:flex-shrink-0{flex-shrink:0}.sm\:h-10{height:2.5rem}.sm\:h-screen{height:100vh}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:my-8{margin-top:2rem;margin-bottom:2rem}.sm\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.sm\:mt-0{margin-top:0}.sm\:ml-3{margin-left:.75rem}.sm\:mt-4{margin-top:1rem}.sm\:ml-4{margin-left:1rem}.sm\:mt-6{margin-top:1.5rem}.sm\:ml-6{margin-left:1.5rem}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-lg{max-width:32rem}.sm\:p-0{padding:0}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:inset-0{top:0;right:0;bottom:0;left:0}.sm\:text-left{text-align:left}.sm\:align-middle{vertical-align:middle}.sm\:w-10{width:2.5rem}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:gap-4{grid-gap:1rem;gap:1rem}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:scale-95{--transform-scale-x:.95;--transform-scale-y:.95}.sm\:scale-100{--transform-scale-x:1;--transform-scale-y:1}.sm\:translate-y-0{--transform-translate-y:0}}@media (min-width:768px){.md\:container{width:100%}@media (min-width:640px){.md\:container{max-width:640px}}@media (min-width:768px){.md\:container{max-width:768px}}@media (min-width:1024px){.md\:container{max-width:1024px}}@media (min-width:1280px){.md\:container{max-width:1280px}}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:justify-between{justify-content:space-between}.md\:flex-shrink-0{flex-shrink:0}.md\:mt-0{margin-top:0}.md\:mr-2{margin-right:.5rem}.md\:ml-2{margin-left:.5rem}.md\:ml-6{margin-left:1.5rem}.md\:mt-10{margin-top:2.5rem}.md\:-mr-1{margin-right:-.25rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:gap-6{grid-gap:1.5rem;gap:1.5rem}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-start-2{grid-column-start:2}.md\:col-start-4{grid-column-start:4}}@media (min-width:1024px){.lg\:container{width:100%}@media (min-width:640px){.lg\:container{max-width:640px}}@media (min-width:768px){.lg\:container{max-width:768px}}@media (min-width:1024px){.lg\:container{max-width:1024px}}@media (min-width:1280px){.lg\:container{max-width:1280px}}.lg\:block{display:block}.lg\:-mx-8{margin-left:-2rem;margin-right:-2rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:w-1\/4{width:25%}.lg\:w-1\/5{width:20%}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-3{grid-column:span 3/span 3}}@media (min-width:1280px){.xl\:container{width:100%}@media (min-width:640px){.xl\:container{max-width:640px}}@media (min-width:768px){.xl\:container{max-width:768px}}@media (min-width:1024px){.xl\:container{max-width:1024px}}@media (min-width:1280px){.xl\:container{max-width:1280px}}}
\ No newline at end of file
diff --git a/public/js/app.js b/public/js/app.js
index 0ecb2f2512..aa93fa8e6a 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -1,3310 +1 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./node_modules/axios/index.js":
-/*!*************************************!*\
-  !*** ./node_modules/axios/index.js ***!
-  \*************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! ./lib/axios */ "./node_modules/axios/lib/axios.js");
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/adapters/xhr.js":
-/*!************************************************!*\
-  !*** ./node_modules/axios/lib/adapters/xhr.js ***!
-  \************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-var settle = __webpack_require__(/*! ./../core/settle */ "./node_modules/axios/lib/core/settle.js");
-var buildURL = __webpack_require__(/*! ./../helpers/buildURL */ "./node_modules/axios/lib/helpers/buildURL.js");
-var buildFullPath = __webpack_require__(/*! ../core/buildFullPath */ "./node_modules/axios/lib/core/buildFullPath.js");
-var parseHeaders = __webpack_require__(/*! ./../helpers/parseHeaders */ "./node_modules/axios/lib/helpers/parseHeaders.js");
-var isURLSameOrigin = __webpack_require__(/*! ./../helpers/isURLSameOrigin */ "./node_modules/axios/lib/helpers/isURLSameOrigin.js");
-var createError = __webpack_require__(/*! ../core/createError */ "./node_modules/axios/lib/core/createError.js");
-
-module.exports = function xhrAdapter(config) {
-  return new Promise(function dispatchXhrRequest(resolve, reject) {
-    var requestData = config.data;
-    var requestHeaders = config.headers;
-
-    if (utils.isFormData(requestData)) {
-      delete requestHeaders['Content-Type']; // Let the browser set it
-    }
-
-    var request = new XMLHttpRequest();
-
-    // HTTP basic authentication
-    if (config.auth) {
-      var username = config.auth.username || '';
-      var password = config.auth.password || '';
-      requestHeaders.Authorization = 'Basic ' + btoa(username + ':' + password);
-    }
-
-    var fullPath = buildFullPath(config.baseURL, config.url);
-    request.open(config.method.toUpperCase(), buildURL(fullPath, config.params, config.paramsSerializer), true);
-
-    // Set the request timeout in MS
-    request.timeout = config.timeout;
-
-    // Listen for ready state
-    request.onreadystatechange = function handleLoad() {
-      if (!request || request.readyState !== 4) {
-        return;
-      }
-
-      // The request errored out and we didn't get a response, this will be
-      // handled by onerror instead
-      // With one exception: request that using file: protocol, most browsers
-      // will return status as 0 even though it's a successful request
-      if (request.status === 0 && !(request.responseURL && request.responseURL.indexOf('file:') === 0)) {
-        return;
-      }
-
-      // Prepare the response
-      var responseHeaders = 'getAllResponseHeaders' in request ? parseHeaders(request.getAllResponseHeaders()) : null;
-      var responseData = !config.responseType || config.responseType === 'text' ? request.responseText : request.response;
-      var response = {
-        data: responseData,
-        status: request.status,
-        statusText: request.statusText,
-        headers: responseHeaders,
-        config: config,
-        request: request
-      };
-
-      settle(resolve, reject, response);
-
-      // Clean up request
-      request = null;
-    };
-
-    // Handle browser request cancellation (as opposed to a manual cancellation)
-    request.onabort = function handleAbort() {
-      if (!request) {
-        return;
-      }
-
-      reject(createError('Request aborted', config, 'ECONNABORTED', request));
-
-      // Clean up request
-      request = null;
-    };
-
-    // Handle low level network errors
-    request.onerror = function handleError() {
-      // Real errors are hidden from us by the browser
-      // onerror should only fire if it's a network error
-      reject(createError('Network Error', config, null, request));
-
-      // Clean up request
-      request = null;
-    };
-
-    // Handle timeout
-    request.ontimeout = function handleTimeout() {
-      var timeoutErrorMessage = 'timeout of ' + config.timeout + 'ms exceeded';
-      if (config.timeoutErrorMessage) {
-        timeoutErrorMessage = config.timeoutErrorMessage;
-      }
-      reject(createError(timeoutErrorMessage, config, 'ECONNABORTED',
-        request));
-
-      // Clean up request
-      request = null;
-    };
-
-    // Add xsrf header
-    // This is only done if running in a standard browser environment.
-    // Specifically not if we're in a web worker, or react-native.
-    if (utils.isStandardBrowserEnv()) {
-      var cookies = __webpack_require__(/*! ./../helpers/cookies */ "./node_modules/axios/lib/helpers/cookies.js");
-
-      // Add xsrf header
-      var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ?
-        cookies.read(config.xsrfCookieName) :
-        undefined;
-
-      if (xsrfValue) {
-        requestHeaders[config.xsrfHeaderName] = xsrfValue;
-      }
-    }
-
-    // Add headers to the request
-    if ('setRequestHeader' in request) {
-      utils.forEach(requestHeaders, function setRequestHeader(val, key) {
-        if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') {
-          // Remove Content-Type if data is undefined
-          delete requestHeaders[key];
-        } else {
-          // Otherwise add header to the request
-          request.setRequestHeader(key, val);
-        }
-      });
-    }
-
-    // Add withCredentials to request if needed
-    if (!utils.isUndefined(config.withCredentials)) {
-      request.withCredentials = !!config.withCredentials;
-    }
-
-    // Add responseType to request if needed
-    if (config.responseType) {
-      try {
-        request.responseType = config.responseType;
-      } catch (e) {
-        // Expected DOMException thrown by browsers not compatible XMLHttpRequest Level 2.
-        // But, this can be suppressed for 'json' type as it can be parsed by default 'transformResponse' function.
-        if (config.responseType !== 'json') {
-          throw e;
-        }
-      }
-    }
-
-    // Handle progress if needed
-    if (typeof config.onDownloadProgress === 'function') {
-      request.addEventListener('progress', config.onDownloadProgress);
-    }
-
-    // Not all browsers support upload events
-    if (typeof config.onUploadProgress === 'function' && request.upload) {
-      request.upload.addEventListener('progress', config.onUploadProgress);
-    }
-
-    if (config.cancelToken) {
-      // Handle cancellation
-      config.cancelToken.promise.then(function onCanceled(cancel) {
-        if (!request) {
-          return;
-        }
-
-        request.abort();
-        reject(cancel);
-        // Clean up request
-        request = null;
-      });
-    }
-
-    if (requestData === undefined) {
-      requestData = null;
-    }
-
-    // Send the request
-    request.send(requestData);
-  });
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/axios.js":
-/*!*****************************************!*\
-  !*** ./node_modules/axios/lib/axios.js ***!
-  \*****************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./utils */ "./node_modules/axios/lib/utils.js");
-var bind = __webpack_require__(/*! ./helpers/bind */ "./node_modules/axios/lib/helpers/bind.js");
-var Axios = __webpack_require__(/*! ./core/Axios */ "./node_modules/axios/lib/core/Axios.js");
-var mergeConfig = __webpack_require__(/*! ./core/mergeConfig */ "./node_modules/axios/lib/core/mergeConfig.js");
-var defaults = __webpack_require__(/*! ./defaults */ "./node_modules/axios/lib/defaults.js");
-
-/**
- * Create an instance of Axios
- *
- * @param {Object} defaultConfig The default config for the instance
- * @return {Axios} A new instance of Axios
- */
-function createInstance(defaultConfig) {
-  var context = new Axios(defaultConfig);
-  var instance = bind(Axios.prototype.request, context);
-
-  // Copy axios.prototype to instance
-  utils.extend(instance, Axios.prototype, context);
-
-  // Copy context to instance
-  utils.extend(instance, context);
-
-  return instance;
-}
-
-// Create the default instance to be exported
-var axios = createInstance(defaults);
-
-// Expose Axios class to allow class inheritance
-axios.Axios = Axios;
-
-// Factory for creating new instances
-axios.create = function create(instanceConfig) {
-  return createInstance(mergeConfig(axios.defaults, instanceConfig));
-};
-
-// Expose Cancel & CancelToken
-axios.Cancel = __webpack_require__(/*! ./cancel/Cancel */ "./node_modules/axios/lib/cancel/Cancel.js");
-axios.CancelToken = __webpack_require__(/*! ./cancel/CancelToken */ "./node_modules/axios/lib/cancel/CancelToken.js");
-axios.isCancel = __webpack_require__(/*! ./cancel/isCancel */ "./node_modules/axios/lib/cancel/isCancel.js");
-
-// Expose all/spread
-axios.all = function all(promises) {
-  return Promise.all(promises);
-};
-axios.spread = __webpack_require__(/*! ./helpers/spread */ "./node_modules/axios/lib/helpers/spread.js");
-
-module.exports = axios;
-
-// Allow use of default import syntax in TypeScript
-module.exports.default = axios;
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/cancel/Cancel.js":
-/*!*************************************************!*\
-  !*** ./node_modules/axios/lib/cancel/Cancel.js ***!
-  \*************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-/**
- * A `Cancel` is an object that is thrown when an operation is canceled.
- *
- * @class
- * @param {string=} message The message.
- */
-function Cancel(message) {
-  this.message = message;
-}
-
-Cancel.prototype.toString = function toString() {
-  return 'Cancel' + (this.message ? ': ' + this.message : '');
-};
-
-Cancel.prototype.__CANCEL__ = true;
-
-module.exports = Cancel;
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/cancel/CancelToken.js":
-/*!******************************************************!*\
-  !*** ./node_modules/axios/lib/cancel/CancelToken.js ***!
-  \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var Cancel = __webpack_require__(/*! ./Cancel */ "./node_modules/axios/lib/cancel/Cancel.js");
-
-/**
- * A `CancelToken` is an object that can be used to request cancellation of an operation.
- *
- * @class
- * @param {Function} executor The executor function.
- */
-function CancelToken(executor) {
-  if (typeof executor !== 'function') {
-    throw new TypeError('executor must be a function.');
-  }
-
-  var resolvePromise;
-  this.promise = new Promise(function promiseExecutor(resolve) {
-    resolvePromise = resolve;
-  });
-
-  var token = this;
-  executor(function cancel(message) {
-    if (token.reason) {
-      // Cancellation has already been requested
-      return;
-    }
-
-    token.reason = new Cancel(message);
-    resolvePromise(token.reason);
-  });
-}
-
-/**
- * Throws a `Cancel` if cancellation has been requested.
- */
-CancelToken.prototype.throwIfRequested = function throwIfRequested() {
-  if (this.reason) {
-    throw this.reason;
-  }
-};
-
-/**
- * Returns an object that contains a new `CancelToken` and a function that, when called,
- * cancels the `CancelToken`.
- */
-CancelToken.source = function source() {
-  var cancel;
-  var token = new CancelToken(function executor(c) {
-    cancel = c;
-  });
-  return {
-    token: token,
-    cancel: cancel
-  };
-};
-
-module.exports = CancelToken;
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/cancel/isCancel.js":
-/*!***************************************************!*\
-  !*** ./node_modules/axios/lib/cancel/isCancel.js ***!
-  \***************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-module.exports = function isCancel(value) {
-  return !!(value && value.__CANCEL__);
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/Axios.js":
-/*!**********************************************!*\
-  !*** ./node_modules/axios/lib/core/Axios.js ***!
-  \**********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-var buildURL = __webpack_require__(/*! ../helpers/buildURL */ "./node_modules/axios/lib/helpers/buildURL.js");
-var InterceptorManager = __webpack_require__(/*! ./InterceptorManager */ "./node_modules/axios/lib/core/InterceptorManager.js");
-var dispatchRequest = __webpack_require__(/*! ./dispatchRequest */ "./node_modules/axios/lib/core/dispatchRequest.js");
-var mergeConfig = __webpack_require__(/*! ./mergeConfig */ "./node_modules/axios/lib/core/mergeConfig.js");
-
-/**
- * Create a new instance of Axios
- *
- * @param {Object} instanceConfig The default config for the instance
- */
-function Axios(instanceConfig) {
-  this.defaults = instanceConfig;
-  this.interceptors = {
-    request: new InterceptorManager(),
-    response: new InterceptorManager()
-  };
-}
-
-/**
- * Dispatch a request
- *
- * @param {Object} config The config specific for this request (merged with this.defaults)
- */
-Axios.prototype.request = function request(config) {
-  /*eslint no-param-reassign:0*/
-  // Allow for axios('example/url'[, config]) a la fetch API
-  if (typeof config === 'string') {
-    config = arguments[1] || {};
-    config.url = arguments[0];
-  } else {
-    config = config || {};
-  }
-
-  config = mergeConfig(this.defaults, config);
-
-  // Set config.method
-  if (config.method) {
-    config.method = config.method.toLowerCase();
-  } else if (this.defaults.method) {
-    config.method = this.defaults.method.toLowerCase();
-  } else {
-    config.method = 'get';
-  }
-
-  // Hook up interceptors middleware
-  var chain = [dispatchRequest, undefined];
-  var promise = Promise.resolve(config);
-
-  this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {
-    chain.unshift(interceptor.fulfilled, interceptor.rejected);
-  });
-
-  this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {
-    chain.push(interceptor.fulfilled, interceptor.rejected);
-  });
-
-  while (chain.length) {
-    promise = promise.then(chain.shift(), chain.shift());
-  }
-
-  return promise;
-};
-
-Axios.prototype.getUri = function getUri(config) {
-  config = mergeConfig(this.defaults, config);
-  return buildURL(config.url, config.params, config.paramsSerializer).replace(/^\?/, '');
-};
-
-// Provide aliases for supported request methods
-utils.forEach(['delete', 'get', 'head', 'options'], function forEachMethodNoData(method) {
-  /*eslint func-names:0*/
-  Axios.prototype[method] = function(url, config) {
-    return this.request(utils.merge(config || {}, {
-      method: method,
-      url: url
-    }));
-  };
-});
-
-utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
-  /*eslint func-names:0*/
-  Axios.prototype[method] = function(url, data, config) {
-    return this.request(utils.merge(config || {}, {
-      method: method,
-      url: url,
-      data: data
-    }));
-  };
-});
-
-module.exports = Axios;
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/InterceptorManager.js":
-/*!***********************************************************!*\
-  !*** ./node_modules/axios/lib/core/InterceptorManager.js ***!
-  \***********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-
-function InterceptorManager() {
-  this.handlers = [];
-}
-
-/**
- * Add a new interceptor to the stack
- *
- * @param {Function} fulfilled The function to handle `then` for a `Promise`
- * @param {Function} rejected The function to handle `reject` for a `Promise`
- *
- * @return {Number} An ID used to remove interceptor later
- */
-InterceptorManager.prototype.use = function use(fulfilled, rejected) {
-  this.handlers.push({
-    fulfilled: fulfilled,
-    rejected: rejected
-  });
-  return this.handlers.length - 1;
-};
-
-/**
- * Remove an interceptor from the stack
- *
- * @param {Number} id The ID that was returned by `use`
- */
-InterceptorManager.prototype.eject = function eject(id) {
-  if (this.handlers[id]) {
-    this.handlers[id] = null;
-  }
-};
-
-/**
- * Iterate over all the registered interceptors
- *
- * This method is particularly useful for skipping over any
- * interceptors that may have become `null` calling `eject`.
- *
- * @param {Function} fn The function to call for each interceptor
- */
-InterceptorManager.prototype.forEach = function forEach(fn) {
-  utils.forEach(this.handlers, function forEachHandler(h) {
-    if (h !== null) {
-      fn(h);
-    }
-  });
-};
-
-module.exports = InterceptorManager;
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/buildFullPath.js":
-/*!******************************************************!*\
-  !*** ./node_modules/axios/lib/core/buildFullPath.js ***!
-  \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var isAbsoluteURL = __webpack_require__(/*! ../helpers/isAbsoluteURL */ "./node_modules/axios/lib/helpers/isAbsoluteURL.js");
-var combineURLs = __webpack_require__(/*! ../helpers/combineURLs */ "./node_modules/axios/lib/helpers/combineURLs.js");
-
-/**
- * Creates a new URL by combining the baseURL with the requestedURL,
- * only when the requestedURL is not already an absolute URL.
- * If the requestURL is absolute, this function returns the requestedURL untouched.
- *
- * @param {string} baseURL The base URL
- * @param {string} requestedURL Absolute or relative URL to combine
- * @returns {string} The combined full path
- */
-module.exports = function buildFullPath(baseURL, requestedURL) {
-  if (baseURL && !isAbsoluteURL(requestedURL)) {
-    return combineURLs(baseURL, requestedURL);
-  }
-  return requestedURL;
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/createError.js":
-/*!****************************************************!*\
-  !*** ./node_modules/axios/lib/core/createError.js ***!
-  \****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var enhanceError = __webpack_require__(/*! ./enhanceError */ "./node_modules/axios/lib/core/enhanceError.js");
-
-/**
- * Create an Error with the specified message, config, error code, request and response.
- *
- * @param {string} message The error message.
- * @param {Object} config The config.
- * @param {string} [code] The error code (for example, 'ECONNABORTED').
- * @param {Object} [request] The request.
- * @param {Object} [response] The response.
- * @returns {Error} The created error.
- */
-module.exports = function createError(message, config, code, request, response) {
-  var error = new Error(message);
-  return enhanceError(error, config, code, request, response);
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/dispatchRequest.js":
-/*!********************************************************!*\
-  !*** ./node_modules/axios/lib/core/dispatchRequest.js ***!
-  \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-var transformData = __webpack_require__(/*! ./transformData */ "./node_modules/axios/lib/core/transformData.js");
-var isCancel = __webpack_require__(/*! ../cancel/isCancel */ "./node_modules/axios/lib/cancel/isCancel.js");
-var defaults = __webpack_require__(/*! ../defaults */ "./node_modules/axios/lib/defaults.js");
-
-/**
- * Throws a `Cancel` if cancellation has been requested.
- */
-function throwIfCancellationRequested(config) {
-  if (config.cancelToken) {
-    config.cancelToken.throwIfRequested();
-  }
-}
-
-/**
- * Dispatch a request to the server using the configured adapter.
- *
- * @param {object} config The config that is to be used for the request
- * @returns {Promise} The Promise to be fulfilled
- */
-module.exports = function dispatchRequest(config) {
-  throwIfCancellationRequested(config);
-
-  // Ensure headers exist
-  config.headers = config.headers || {};
-
-  // Transform request data
-  config.data = transformData(
-    config.data,
-    config.headers,
-    config.transformRequest
-  );
-
-  // Flatten headers
-  config.headers = utils.merge(
-    config.headers.common || {},
-    config.headers[config.method] || {},
-    config.headers
-  );
-
-  utils.forEach(
-    ['delete', 'get', 'head', 'post', 'put', 'patch', 'common'],
-    function cleanHeaderConfig(method) {
-      delete config.headers[method];
-    }
-  );
-
-  var adapter = config.adapter || defaults.adapter;
-
-  return adapter(config).then(function onAdapterResolution(response) {
-    throwIfCancellationRequested(config);
-
-    // Transform response data
-    response.data = transformData(
-      response.data,
-      response.headers,
-      config.transformResponse
-    );
-
-    return response;
-  }, function onAdapterRejection(reason) {
-    if (!isCancel(reason)) {
-      throwIfCancellationRequested(config);
-
-      // Transform response data
-      if (reason && reason.response) {
-        reason.response.data = transformData(
-          reason.response.data,
-          reason.response.headers,
-          config.transformResponse
-        );
-      }
-    }
-
-    return Promise.reject(reason);
-  });
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/enhanceError.js":
-/*!*****************************************************!*\
-  !*** ./node_modules/axios/lib/core/enhanceError.js ***!
-  \*****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-/**
- * Update an Error with the specified config, error code, and response.
- *
- * @param {Error} error The error to update.
- * @param {Object} config The config.
- * @param {string} [code] The error code (for example, 'ECONNABORTED').
- * @param {Object} [request] The request.
- * @param {Object} [response] The response.
- * @returns {Error} The error.
- */
-module.exports = function enhanceError(error, config, code, request, response) {
-  error.config = config;
-  if (code) {
-    error.code = code;
-  }
-
-  error.request = request;
-  error.response = response;
-  error.isAxiosError = true;
-
-  error.toJSON = function() {
-    return {
-      // Standard
-      message: this.message,
-      name: this.name,
-      // Microsoft
-      description: this.description,
-      number: this.number,
-      // Mozilla
-      fileName: this.fileName,
-      lineNumber: this.lineNumber,
-      columnNumber: this.columnNumber,
-      stack: this.stack,
-      // Axios
-      config: this.config,
-      code: this.code
-    };
-  };
-  return error;
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/mergeConfig.js":
-/*!****************************************************!*\
-  !*** ./node_modules/axios/lib/core/mergeConfig.js ***!
-  \****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ../utils */ "./node_modules/axios/lib/utils.js");
-
-/**
- * Config-specific merge-function which creates a new config-object
- * by merging two configuration objects together.
- *
- * @param {Object} config1
- * @param {Object} config2
- * @returns {Object} New object resulting from merging config2 to config1
- */
-module.exports = function mergeConfig(config1, config2) {
-  // eslint-disable-next-line no-param-reassign
-  config2 = config2 || {};
-  var config = {};
-
-  var valueFromConfig2Keys = ['url', 'method', 'params', 'data'];
-  var mergeDeepPropertiesKeys = ['headers', 'auth', 'proxy'];
-  var defaultToConfig2Keys = [
-    'baseURL', 'url', 'transformRequest', 'transformResponse', 'paramsSerializer',
-    'timeout', 'withCredentials', 'adapter', 'responseType', 'xsrfCookieName',
-    'xsrfHeaderName', 'onUploadProgress', 'onDownloadProgress',
-    'maxContentLength', 'validateStatus', 'maxRedirects', 'httpAgent',
-    'httpsAgent', 'cancelToken', 'socketPath'
-  ];
-
-  utils.forEach(valueFromConfig2Keys, function valueFromConfig2(prop) {
-    if (typeof config2[prop] !== 'undefined') {
-      config[prop] = config2[prop];
-    }
-  });
-
-  utils.forEach(mergeDeepPropertiesKeys, function mergeDeepProperties(prop) {
-    if (utils.isObject(config2[prop])) {
-      config[prop] = utils.deepMerge(config1[prop], config2[prop]);
-    } else if (typeof config2[prop] !== 'undefined') {
-      config[prop] = config2[prop];
-    } else if (utils.isObject(config1[prop])) {
-      config[prop] = utils.deepMerge(config1[prop]);
-    } else if (typeof config1[prop] !== 'undefined') {
-      config[prop] = config1[prop];
-    }
-  });
-
-  utils.forEach(defaultToConfig2Keys, function defaultToConfig2(prop) {
-    if (typeof config2[prop] !== 'undefined') {
-      config[prop] = config2[prop];
-    } else if (typeof config1[prop] !== 'undefined') {
-      config[prop] = config1[prop];
-    }
-  });
-
-  var axiosKeys = valueFromConfig2Keys
-    .concat(mergeDeepPropertiesKeys)
-    .concat(defaultToConfig2Keys);
-
-  var otherKeys = Object
-    .keys(config2)
-    .filter(function filterAxiosKeys(key) {
-      return axiosKeys.indexOf(key) === -1;
-    });
-
-  utils.forEach(otherKeys, function otherKeysDefaultToConfig2(prop) {
-    if (typeof config2[prop] !== 'undefined') {
-      config[prop] = config2[prop];
-    } else if (typeof config1[prop] !== 'undefined') {
-      config[prop] = config1[prop];
-    }
-  });
-
-  return config;
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/settle.js":
-/*!***********************************************!*\
-  !*** ./node_modules/axios/lib/core/settle.js ***!
-  \***********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var createError = __webpack_require__(/*! ./createError */ "./node_modules/axios/lib/core/createError.js");
-
-/**
- * Resolve or reject a Promise based on response status.
- *
- * @param {Function} resolve A function that resolves the promise.
- * @param {Function} reject A function that rejects the promise.
- * @param {object} response The response.
- */
-module.exports = function settle(resolve, reject, response) {
-  var validateStatus = response.config.validateStatus;
-  if (!validateStatus || validateStatus(response.status)) {
-    resolve(response);
-  } else {
-    reject(createError(
-      'Request failed with status code ' + response.status,
-      response.config,
-      null,
-      response.request,
-      response
-    ));
-  }
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/transformData.js":
-/*!******************************************************!*\
-  !*** ./node_modules/axios/lib/core/transformData.js ***!
-  \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-
-/**
- * Transform the data for a request or a response
- *
- * @param {Object|String} data The data to be transformed
- * @param {Array} headers The headers for the request or response
- * @param {Array|Function} fns A single function or Array of functions
- * @returns {*} The resulting transformed data
- */
-module.exports = function transformData(data, headers, fns) {
-  /*eslint no-param-reassign:0*/
-  utils.forEach(fns, function transform(fn) {
-    data = fn(data, headers);
-  });
-
-  return data;
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/defaults.js":
-/*!********************************************!*\
-  !*** ./node_modules/axios/lib/defaults.js ***!
-  \********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/* WEBPACK VAR INJECTION */(function(process) {
-
-var utils = __webpack_require__(/*! ./utils */ "./node_modules/axios/lib/utils.js");
-var normalizeHeaderName = __webpack_require__(/*! ./helpers/normalizeHeaderName */ "./node_modules/axios/lib/helpers/normalizeHeaderName.js");
-
-var DEFAULT_CONTENT_TYPE = {
-  'Content-Type': 'application/x-www-form-urlencoded'
-};
-
-function setContentTypeIfUnset(headers, value) {
-  if (!utils.isUndefined(headers) && utils.isUndefined(headers['Content-Type'])) {
-    headers['Content-Type'] = value;
-  }
-}
-
-function getDefaultAdapter() {
-  var adapter;
-  if (typeof XMLHttpRequest !== 'undefined') {
-    // For browsers use XHR adapter
-    adapter = __webpack_require__(/*! ./adapters/xhr */ "./node_modules/axios/lib/adapters/xhr.js");
-  } else if (typeof process !== 'undefined' && Object.prototype.toString.call(process) === '[object process]') {
-    // For node use HTTP adapter
-    adapter = __webpack_require__(/*! ./adapters/http */ "./node_modules/axios/lib/adapters/xhr.js");
-  }
-  return adapter;
-}
-
-var defaults = {
-  adapter: getDefaultAdapter(),
-
-  transformRequest: [function transformRequest(data, headers) {
-    normalizeHeaderName(headers, 'Accept');
-    normalizeHeaderName(headers, 'Content-Type');
-    if (utils.isFormData(data) ||
-      utils.isArrayBuffer(data) ||
-      utils.isBuffer(data) ||
-      utils.isStream(data) ||
-      utils.isFile(data) ||
-      utils.isBlob(data)
-    ) {
-      return data;
-    }
-    if (utils.isArrayBufferView(data)) {
-      return data.buffer;
-    }
-    if (utils.isURLSearchParams(data)) {
-      setContentTypeIfUnset(headers, 'application/x-www-form-urlencoded;charset=utf-8');
-      return data.toString();
-    }
-    if (utils.isObject(data)) {
-      setContentTypeIfUnset(headers, 'application/json;charset=utf-8');
-      return JSON.stringify(data);
-    }
-    return data;
-  }],
-
-  transformResponse: [function transformResponse(data) {
-    /*eslint no-param-reassign:0*/
-    if (typeof data === 'string') {
-      try {
-        data = JSON.parse(data);
-      } catch (e) { /* Ignore */ }
-    }
-    return data;
-  }],
-
-  /**
-   * A timeout in milliseconds to abort a request. If set to 0 (default) a
-   * timeout is not created.
-   */
-  timeout: 0,
-
-  xsrfCookieName: 'XSRF-TOKEN',
-  xsrfHeaderName: 'X-XSRF-TOKEN',
-
-  maxContentLength: -1,
-
-  validateStatus: function validateStatus(status) {
-    return status >= 200 && status < 300;
-  }
-};
-
-defaults.headers = {
-  common: {
-    'Accept': 'application/json, text/plain, */*'
-  }
-};
-
-utils.forEach(['delete', 'get', 'head'], function forEachMethodNoData(method) {
-  defaults.headers[method] = {};
-});
-
-utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
-  defaults.headers[method] = utils.merge(DEFAULT_CONTENT_TYPE);
-});
-
-module.exports = defaults;
-
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../process/browser.js */ "./node_modules/process/browser.js")))
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/bind.js":
-/*!************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/bind.js ***!
-  \************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-module.exports = function bind(fn, thisArg) {
-  return function wrap() {
-    var args = new Array(arguments.length);
-    for (var i = 0; i < args.length; i++) {
-      args[i] = arguments[i];
-    }
-    return fn.apply(thisArg, args);
-  };
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/buildURL.js":
-/*!****************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/buildURL.js ***!
-  \****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-
-function encode(val) {
-  return encodeURIComponent(val).
-    replace(/%40/gi, '@').
-    replace(/%3A/gi, ':').
-    replace(/%24/g, '$').
-    replace(/%2C/gi, ',').
-    replace(/%20/g, '+').
-    replace(/%5B/gi, '[').
-    replace(/%5D/gi, ']');
-}
-
-/**
- * Build a URL by appending params to the end
- *
- * @param {string} url The base of the url (e.g., http://www.google.com)
- * @param {object} [params] The params to be appended
- * @returns {string} The formatted url
- */
-module.exports = function buildURL(url, params, paramsSerializer) {
-  /*eslint no-param-reassign:0*/
-  if (!params) {
-    return url;
-  }
-
-  var serializedParams;
-  if (paramsSerializer) {
-    serializedParams = paramsSerializer(params);
-  } else if (utils.isURLSearchParams(params)) {
-    serializedParams = params.toString();
-  } else {
-    var parts = [];
-
-    utils.forEach(params, function serialize(val, key) {
-      if (val === null || typeof val === 'undefined') {
-        return;
-      }
-
-      if (utils.isArray(val)) {
-        key = key + '[]';
-      } else {
-        val = [val];
-      }
-
-      utils.forEach(val, function parseValue(v) {
-        if (utils.isDate(v)) {
-          v = v.toISOString();
-        } else if (utils.isObject(v)) {
-          v = JSON.stringify(v);
-        }
-        parts.push(encode(key) + '=' + encode(v));
-      });
-    });
-
-    serializedParams = parts.join('&');
-  }
-
-  if (serializedParams) {
-    var hashmarkIndex = url.indexOf('#');
-    if (hashmarkIndex !== -1) {
-      url = url.slice(0, hashmarkIndex);
-    }
-
-    url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams;
-  }
-
-  return url;
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/combineURLs.js":
-/*!*******************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/combineURLs.js ***!
-  \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-/**
- * Creates a new URL by combining the specified URLs
- *
- * @param {string} baseURL The base URL
- * @param {string} relativeURL The relative URL
- * @returns {string} The combined URL
- */
-module.exports = function combineURLs(baseURL, relativeURL) {
-  return relativeURL
-    ? baseURL.replace(/\/+$/, '') + '/' + relativeURL.replace(/^\/+/, '')
-    : baseURL;
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/cookies.js":
-/*!***************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/cookies.js ***!
-  \***************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-
-module.exports = (
-  utils.isStandardBrowserEnv() ?
-
-  // Standard browser envs support document.cookie
-    (function standardBrowserEnv() {
-      return {
-        write: function write(name, value, expires, path, domain, secure) {
-          var cookie = [];
-          cookie.push(name + '=' + encodeURIComponent(value));
-
-          if (utils.isNumber(expires)) {
-            cookie.push('expires=' + new Date(expires).toGMTString());
-          }
-
-          if (utils.isString(path)) {
-            cookie.push('path=' + path);
-          }
-
-          if (utils.isString(domain)) {
-            cookie.push('domain=' + domain);
-          }
-
-          if (secure === true) {
-            cookie.push('secure');
-          }
-
-          document.cookie = cookie.join('; ');
-        },
-
-        read: function read(name) {
-          var match = document.cookie.match(new RegExp('(^|;\\s*)(' + name + ')=([^;]*)'));
-          return (match ? decodeURIComponent(match[3]) : null);
-        },
-
-        remove: function remove(name) {
-          this.write(name, '', Date.now() - 86400000);
-        }
-      };
-    })() :
-
-  // Non standard browser env (web workers, react-native) lack needed support.
-    (function nonStandardBrowserEnv() {
-      return {
-        write: function write() {},
-        read: function read() { return null; },
-        remove: function remove() {}
-      };
-    })()
-);
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/isAbsoluteURL.js":
-/*!*********************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/isAbsoluteURL.js ***!
-  \*********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-/**
- * Determines whether the specified URL is absolute
- *
- * @param {string} url The URL to test
- * @returns {boolean} True if the specified URL is absolute, otherwise false
- */
-module.exports = function isAbsoluteURL(url) {
-  // A URL is considered absolute if it begins with "<scheme>://" or "//" (protocol-relative URL).
-  // RFC 3986 defines scheme name as a sequence of characters beginning with a letter and followed
-  // by any combination of letters, digits, plus, period, or hyphen.
-  return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(url);
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/isURLSameOrigin.js":
-/*!***********************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/isURLSameOrigin.js ***!
-  \***********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-
-module.exports = (
-  utils.isStandardBrowserEnv() ?
-
-  // Standard browser envs have full support of the APIs needed to test
-  // whether the request URL is of the same origin as current location.
-    (function standardBrowserEnv() {
-      var msie = /(msie|trident)/i.test(navigator.userAgent);
-      var urlParsingNode = document.createElement('a');
-      var originURL;
-
-      /**
-    * Parse a URL to discover it's components
-    *
-    * @param {String} url The URL to be parsed
-    * @returns {Object}
-    */
-      function resolveURL(url) {
-        var href = url;
-
-        if (msie) {
-        // IE needs attribute set twice to normalize properties
-          urlParsingNode.setAttribute('href', href);
-          href = urlParsingNode.href;
-        }
-
-        urlParsingNode.setAttribute('href', href);
-
-        // urlParsingNode provides the UrlUtils interface - http://url.spec.whatwg.org/#urlutils
-        return {
-          href: urlParsingNode.href,
-          protocol: urlParsingNode.protocol ? urlParsingNode.protocol.replace(/:$/, '') : '',
-          host: urlParsingNode.host,
-          search: urlParsingNode.search ? urlParsingNode.search.replace(/^\?/, '') : '',
-          hash: urlParsingNode.hash ? urlParsingNode.hash.replace(/^#/, '') : '',
-          hostname: urlParsingNode.hostname,
-          port: urlParsingNode.port,
-          pathname: (urlParsingNode.pathname.charAt(0) === '/') ?
-            urlParsingNode.pathname :
-            '/' + urlParsingNode.pathname
-        };
-      }
-
-      originURL = resolveURL(window.location.href);
-
-      /**
-    * Determine if a URL shares the same origin as the current location
-    *
-    * @param {String} requestURL The URL to test
-    * @returns {boolean} True if URL shares the same origin, otherwise false
-    */
-      return function isURLSameOrigin(requestURL) {
-        var parsed = (utils.isString(requestURL)) ? resolveURL(requestURL) : requestURL;
-        return (parsed.protocol === originURL.protocol &&
-            parsed.host === originURL.host);
-      };
-    })() :
-
-  // Non standard browser envs (web workers, react-native) lack needed support.
-    (function nonStandardBrowserEnv() {
-      return function isURLSameOrigin() {
-        return true;
-      };
-    })()
-);
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/normalizeHeaderName.js":
-/*!***************************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/normalizeHeaderName.js ***!
-  \***************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ../utils */ "./node_modules/axios/lib/utils.js");
-
-module.exports = function normalizeHeaderName(headers, normalizedName) {
-  utils.forEach(headers, function processHeader(value, name) {
-    if (name !== normalizedName && name.toUpperCase() === normalizedName.toUpperCase()) {
-      headers[normalizedName] = value;
-      delete headers[name];
-    }
-  });
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/parseHeaders.js":
-/*!********************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/parseHeaders.js ***!
-  \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-
-// Headers whose duplicates are ignored by node
-// c.f. https://nodejs.org/api/http.html#http_message_headers
-var ignoreDuplicateOf = [
-  'age', 'authorization', 'content-length', 'content-type', 'etag',
-  'expires', 'from', 'host', 'if-modified-since', 'if-unmodified-since',
-  'last-modified', 'location', 'max-forwards', 'proxy-authorization',
-  'referer', 'retry-after', 'user-agent'
-];
-
-/**
- * Parse headers into an object
- *
- * ```
- * Date: Wed, 27 Aug 2014 08:58:49 GMT
- * Content-Type: application/json
- * Connection: keep-alive
- * Transfer-Encoding: chunked
- * ```
- *
- * @param {String} headers Headers needing to be parsed
- * @returns {Object} Headers parsed into an object
- */
-module.exports = function parseHeaders(headers) {
-  var parsed = {};
-  var key;
-  var val;
-  var i;
-
-  if (!headers) { return parsed; }
-
-  utils.forEach(headers.split('\n'), function parser(line) {
-    i = line.indexOf(':');
-    key = utils.trim(line.substr(0, i)).toLowerCase();
-    val = utils.trim(line.substr(i + 1));
-
-    if (key) {
-      if (parsed[key] && ignoreDuplicateOf.indexOf(key) >= 0) {
-        return;
-      }
-      if (key === 'set-cookie') {
-        parsed[key] = (parsed[key] ? parsed[key] : []).concat([val]);
-      } else {
-        parsed[key] = parsed[key] ? parsed[key] + ', ' + val : val;
-      }
-    }
-  });
-
-  return parsed;
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/spread.js":
-/*!**************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/spread.js ***!
-  \**************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-/**
- * Syntactic sugar for invoking a function and expanding an array for arguments.
- *
- * Common use case would be to use `Function.prototype.apply`.
- *
- *  ```js
- *  function f(x, y, z) {}
- *  var args = [1, 2, 3];
- *  f.apply(null, args);
- *  ```
- *
- * With `spread` this example can be re-written.
- *
- *  ```js
- *  spread(function(x, y, z) {})([1, 2, 3]);
- *  ```
- *
- * @param {Function} callback
- * @returns {Function}
- */
-module.exports = function spread(callback) {
-  return function wrap(arr) {
-    return callback.apply(null, arr);
-  };
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/utils.js":
-/*!*****************************************!*\
-  !*** ./node_modules/axios/lib/utils.js ***!
-  \*****************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var bind = __webpack_require__(/*! ./helpers/bind */ "./node_modules/axios/lib/helpers/bind.js");
-
-/*global toString:true*/
-
-// utils is a library of generic helper functions non-specific to axios
-
-var toString = Object.prototype.toString;
-
-/**
- * Determine if a value is an Array
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is an Array, otherwise false
- */
-function isArray(val) {
-  return toString.call(val) === '[object Array]';
-}
-
-/**
- * Determine if a value is undefined
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if the value is undefined, otherwise false
- */
-function isUndefined(val) {
-  return typeof val === 'undefined';
-}
-
-/**
- * Determine if a value is a Buffer
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a Buffer, otherwise false
- */
-function isBuffer(val) {
-  return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor)
-    && typeof val.constructor.isBuffer === 'function' && val.constructor.isBuffer(val);
-}
-
-/**
- * Determine if a value is an ArrayBuffer
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is an ArrayBuffer, otherwise false
- */
-function isArrayBuffer(val) {
-  return toString.call(val) === '[object ArrayBuffer]';
-}
-
-/**
- * Determine if a value is a FormData
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is an FormData, otherwise false
- */
-function isFormData(val) {
-  return (typeof FormData !== 'undefined') && (val instanceof FormData);
-}
-
-/**
- * Determine if a value is a view on an ArrayBuffer
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false
- */
-function isArrayBufferView(val) {
-  var result;
-  if ((typeof ArrayBuffer !== 'undefined') && (ArrayBuffer.isView)) {
-    result = ArrayBuffer.isView(val);
-  } else {
-    result = (val) && (val.buffer) && (val.buffer instanceof ArrayBuffer);
-  }
-  return result;
-}
-
-/**
- * Determine if a value is a String
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a String, otherwise false
- */
-function isString(val) {
-  return typeof val === 'string';
-}
-
-/**
- * Determine if a value is a Number
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a Number, otherwise false
- */
-function isNumber(val) {
-  return typeof val === 'number';
-}
-
-/**
- * Determine if a value is an Object
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is an Object, otherwise false
- */
-function isObject(val) {
-  return val !== null && typeof val === 'object';
-}
-
-/**
- * Determine if a value is a Date
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a Date, otherwise false
- */
-function isDate(val) {
-  return toString.call(val) === '[object Date]';
-}
-
-/**
- * Determine if a value is a File
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a File, otherwise false
- */
-function isFile(val) {
-  return toString.call(val) === '[object File]';
-}
-
-/**
- * Determine if a value is a Blob
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a Blob, otherwise false
- */
-function isBlob(val) {
-  return toString.call(val) === '[object Blob]';
-}
-
-/**
- * Determine if a value is a Function
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a Function, otherwise false
- */
-function isFunction(val) {
-  return toString.call(val) === '[object Function]';
-}
-
-/**
- * Determine if a value is a Stream
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a Stream, otherwise false
- */
-function isStream(val) {
-  return isObject(val) && isFunction(val.pipe);
-}
-
-/**
- * Determine if a value is a URLSearchParams object
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a URLSearchParams object, otherwise false
- */
-function isURLSearchParams(val) {
-  return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;
-}
-
-/**
- * Trim excess whitespace off the beginning and end of a string
- *
- * @param {String} str The String to trim
- * @returns {String} The String freed of excess whitespace
- */
-function trim(str) {
-  return str.replace(/^\s*/, '').replace(/\s*$/, '');
-}
-
-/**
- * Determine if we're running in a standard browser environment
- *
- * This allows axios to run in a web worker, and react-native.
- * Both environments support XMLHttpRequest, but not fully standard globals.
- *
- * web workers:
- *  typeof window -> undefined
- *  typeof document -> undefined
- *
- * react-native:
- *  navigator.product -> 'ReactNative'
- * nativescript
- *  navigator.product -> 'NativeScript' or 'NS'
- */
-function isStandardBrowserEnv() {
-  if (typeof navigator !== 'undefined' && (navigator.product === 'ReactNative' ||
-                                           navigator.product === 'NativeScript' ||
-                                           navigator.product === 'NS')) {
-    return false;
-  }
-  return (
-    typeof window !== 'undefined' &&
-    typeof document !== 'undefined'
-  );
-}
-
-/**
- * Iterate over an Array or an Object invoking a function for each item.
- *
- * If `obj` is an Array callback will be called passing
- * the value, index, and complete array for each item.
- *
- * If 'obj' is an Object callback will be called passing
- * the value, key, and complete object for each property.
- *
- * @param {Object|Array} obj The object to iterate
- * @param {Function} fn The callback to invoke for each item
- */
-function forEach(obj, fn) {
-  // Don't bother if no value provided
-  if (obj === null || typeof obj === 'undefined') {
-    return;
-  }
-
-  // Force an array if not already something iterable
-  if (typeof obj !== 'object') {
-    /*eslint no-param-reassign:0*/
-    obj = [obj];
-  }
-
-  if (isArray(obj)) {
-    // Iterate over array values
-    for (var i = 0, l = obj.length; i < l; i++) {
-      fn.call(null, obj[i], i, obj);
-    }
-  } else {
-    // Iterate over object keys
-    for (var key in obj) {
-      if (Object.prototype.hasOwnProperty.call(obj, key)) {
-        fn.call(null, obj[key], key, obj);
-      }
-    }
-  }
-}
-
-/**
- * Accepts varargs expecting each argument to be an object, then
- * immutably merges the properties of each object and returns result.
- *
- * When multiple objects contain the same key the later object in
- * the arguments list will take precedence.
- *
- * Example:
- *
- * ```js
- * var result = merge({foo: 123}, {foo: 456});
- * console.log(result.foo); // outputs 456
- * ```
- *
- * @param {Object} obj1 Object to merge
- * @returns {Object} Result of all merge properties
- */
-function merge(/* obj1, obj2, obj3, ... */) {
-  var result = {};
-  function assignValue(val, key) {
-    if (typeof result[key] === 'object' && typeof val === 'object') {
-      result[key] = merge(result[key], val);
-    } else {
-      result[key] = val;
-    }
-  }
-
-  for (var i = 0, l = arguments.length; i < l; i++) {
-    forEach(arguments[i], assignValue);
-  }
-  return result;
-}
-
-/**
- * Function equal to merge with the difference being that no reference
- * to original objects is kept.
- *
- * @see merge
- * @param {Object} obj1 Object to merge
- * @returns {Object} Result of all merge properties
- */
-function deepMerge(/* obj1, obj2, obj3, ... */) {
-  var result = {};
-  function assignValue(val, key) {
-    if (typeof result[key] === 'object' && typeof val === 'object') {
-      result[key] = deepMerge(result[key], val);
-    } else if (typeof val === 'object') {
-      result[key] = deepMerge({}, val);
-    } else {
-      result[key] = val;
-    }
-  }
-
-  for (var i = 0, l = arguments.length; i < l; i++) {
-    forEach(arguments[i], assignValue);
-  }
-  return result;
-}
-
-/**
- * Extends object a by mutably adding to it the properties of object b.
- *
- * @param {Object} a The object to be extended
- * @param {Object} b The object to copy properties from
- * @param {Object} thisArg The object to bind function to
- * @return {Object} The resulting value of object a
- */
-function extend(a, b, thisArg) {
-  forEach(b, function assignValue(val, key) {
-    if (thisArg && typeof val === 'function') {
-      a[key] = bind(val, thisArg);
-    } else {
-      a[key] = val;
-    }
-  });
-  return a;
-}
-
-module.exports = {
-  isArray: isArray,
-  isArrayBuffer: isArrayBuffer,
-  isBuffer: isBuffer,
-  isFormData: isFormData,
-  isArrayBufferView: isArrayBufferView,
-  isString: isString,
-  isNumber: isNumber,
-  isObject: isObject,
-  isUndefined: isUndefined,
-  isDate: isDate,
-  isFile: isFile,
-  isBlob: isBlob,
-  isFunction: isFunction,
-  isStream: isStream,
-  isURLSearchParams: isURLSearchParams,
-  isStandardBrowserEnv: isStandardBrowserEnv,
-  forEach: forEach,
-  merge: merge,
-  deepMerge: deepMerge,
-  extend: extend,
-  trim: trim
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/card-validator/index.js":
-/*!**********************************************!*\
-  !*** ./node_modules/card-validator/index.js ***!
-  \**********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-module.exports = {
-  number: __webpack_require__(/*! ./src/card-number */ "./node_modules/card-validator/src/card-number.js"),
-  expirationDate: __webpack_require__(/*! ./src/expiration-date */ "./node_modules/card-validator/src/expiration-date.js"),
-  expirationMonth: __webpack_require__(/*! ./src/expiration-month */ "./node_modules/card-validator/src/expiration-month.js"),
-  expirationYear: __webpack_require__(/*! ./src/expiration-year */ "./node_modules/card-validator/src/expiration-year.js"),
-  cvv: __webpack_require__(/*! ./src/cvv */ "./node_modules/card-validator/src/cvv.js"),
-  postalCode: __webpack_require__(/*! ./src/postal-code */ "./node_modules/card-validator/src/postal-code.js"),
-  creditCardType: __webpack_require__(/*! credit-card-type */ "./node_modules/credit-card-type/index.js")
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/card-validator/src/card-number.js":
-/*!********************************************************!*\
-  !*** ./node_modules/card-validator/src/card-number.js ***!
-  \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var luhn10 = __webpack_require__(/*! ./luhn-10 */ "./node_modules/card-validator/src/luhn-10.js");
-var getCardTypes = __webpack_require__(/*! credit-card-type */ "./node_modules/credit-card-type/index.js");
-
-function verification(card, isPotentiallyValid, isValid) {
-  return {card: card, isPotentiallyValid: isPotentiallyValid, isValid: isValid};
-}
-
-function cardNumber(value, options) {
-  var potentialTypes, cardType, isPotentiallyValid, isValid, i, maxLength;
-
-  options = options || {};
-
-  if (typeof value === 'number') {
-    value = String(value);
-  }
-
-  if (typeof value !== 'string') { return verification(null, false, false); }
-
-  value = value.replace(/\-|\s/g, '');
-
-  if (!/^\d*$/.test(value)) { return verification(null, false, false); }
-
-  potentialTypes = getCardTypes(value);
-
-  if (potentialTypes.length === 0) {
-    return verification(null, false, false);
-  } else if (potentialTypes.length !== 1) {
-    return verification(null, true, false);
-  }
-
-  cardType = potentialTypes[0];
-
-  if (options.maxLength && value.length > options.maxLength) {
-    return verification(cardType, false, false);
-  }
-
-  if (cardType.type === getCardTypes.types.UNIONPAY && options.luhnValidateUnionPay !== true) {
-    isValid = true;
-  } else {
-    isValid = luhn10(value);
-  }
-
-  maxLength = Math.max.apply(null, cardType.lengths);
-  if (options.maxLength) {
-    maxLength = Math.min(options.maxLength, maxLength);
-  }
-
-  for (i = 0; i < cardType.lengths.length; i++) {
-    if (cardType.lengths[i] === value.length) {
-      isPotentiallyValid = value.length < maxLength || isValid;
-
-      return verification(cardType, isPotentiallyValid, isValid);
-    }
-  }
-
-  return verification(cardType, value.length < maxLength, false);
-}
-
-module.exports = cardNumber;
-
-
-/***/ }),
-
-/***/ "./node_modules/card-validator/src/cvv.js":
-/*!************************************************!*\
-  !*** ./node_modules/card-validator/src/cvv.js ***!
-  \************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var DEFAULT_LENGTH = 3;
-
-function includes(array, thing) {
-  var i = 0;
-
-  for (; i < array.length; i++) {
-    if (thing === array[i]) { return true; }
-  }
-
-  return false;
-}
-
-function max(array) {
-  var maximum = DEFAULT_LENGTH;
-  var i = 0;
-
-  for (; i < array.length; i++) {
-    maximum = array[i] > maximum ? array[i] : maximum;
-  }
-
-  return maximum;
-}
-
-function verification(isValid, isPotentiallyValid) {
-  return {isValid: isValid, isPotentiallyValid: isPotentiallyValid};
-}
-
-function cvv(value, maxLength) {
-  maxLength = maxLength || DEFAULT_LENGTH;
-  maxLength = maxLength instanceof Array ? maxLength : [maxLength];
-
-  if (typeof value !== 'string') { return verification(false, false); }
-  if (!/^\d*$/.test(value)) { return verification(false, false); }
-  if (includes(maxLength, value.length)) { return verification(true, true); }
-  if (value.length < Math.min.apply(null, maxLength)) { return verification(false, true); }
-  if (value.length > max(maxLength)) { return verification(false, false); }
-
-  return verification(true, true);
-}
-
-module.exports = cvv;
-
-
-/***/ }),
-
-/***/ "./node_modules/card-validator/src/expiration-date.js":
-/*!************************************************************!*\
-  !*** ./node_modules/card-validator/src/expiration-date.js ***!
-  \************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var parseDate = __webpack_require__(/*! ./parse-date */ "./node_modules/card-validator/src/parse-date.js");
-var expirationMonth = __webpack_require__(/*! ./expiration-month */ "./node_modules/card-validator/src/expiration-month.js");
-var expirationYear = __webpack_require__(/*! ./expiration-year */ "./node_modules/card-validator/src/expiration-year.js");
-
-function verification(isValid, isPotentiallyValid, month, year) {
-  return {
-    isValid: isValid,
-    isPotentiallyValid: isPotentiallyValid,
-    month: month,
-    year: year
-  };
-}
-
-function expirationDate(value, maxElapsedYear) {
-  var date, monthValid, yearValid, isValidForThisYear;
-
-  if (typeof value === 'string') {
-    value = value.replace(/^(\d\d) (\d\d(\d\d)?)$/, '$1/$2');
-    date = parseDate(value);
-  } else if (value !== null && typeof value === 'object') {
-    date = {
-      month: String(value.month),
-      year: String(value.year)
-    };
-  } else {
-    return verification(false, false, null, null);
-  }
-
-  monthValid = expirationMonth(date.month);
-  yearValid = expirationYear(date.year, maxElapsedYear);
-
-  if (monthValid.isValid) {
-    if (yearValid.isCurrentYear) {
-      isValidForThisYear = monthValid.isValidForThisYear;
-
-      return verification(isValidForThisYear, isValidForThisYear, date.month, date.year);
-    }
-
-    if (yearValid.isValid) {
-      return verification(true, true, date.month, date.year);
-    }
-  }
-
-  if (monthValid.isPotentiallyValid && yearValid.isPotentiallyValid) {
-    return verification(false, true, null, null);
-  }
-
-  return verification(false, false, null, null);
-}
-
-module.exports = expirationDate;
-
-
-/***/ }),
-
-/***/ "./node_modules/card-validator/src/expiration-month.js":
-/*!*************************************************************!*\
-  !*** ./node_modules/card-validator/src/expiration-month.js ***!
-  \*************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-function verification(isValid, isPotentiallyValid, isValidForThisYear) {
-  return {
-    isValid: isValid,
-    isPotentiallyValid: isPotentiallyValid,
-    isValidForThisYear: isValidForThisYear || false
-  };
-}
-
-function expirationMonth(value) {
-  var month, result;
-  var currentMonth = new Date().getMonth() + 1;
-
-  if (typeof value !== 'string') {
-    return verification(false, false);
-  }
-  if (value.replace(/\s/g, '') === '' || value === '0') {
-    return verification(false, true);
-  }
-  if (!/^\d*$/.test(value)) {
-    return verification(false, false);
-  }
-
-  month = parseInt(value, 10);
-
-  if (isNaN(value)) {
-    return verification(false, false);
-  }
-
-  result = month > 0 && month < 13;
-
-  return verification(result, result, result && month >= currentMonth);
-}
-
-module.exports = expirationMonth;
-
-
-/***/ }),
-
-/***/ "./node_modules/card-validator/src/expiration-year.js":
-/*!************************************************************!*\
-  !*** ./node_modules/card-validator/src/expiration-year.js ***!
-  \************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var DEFAULT_VALID_NUMBER_OF_YEARS_IN_THE_FUTURE = 19;
-
-function verification(isValid, isPotentiallyValid, isCurrentYear) {
-  return {
-    isValid: isValid,
-    isPotentiallyValid: isPotentiallyValid,
-    isCurrentYear: isCurrentYear || false
-  };
-}
-
-function expirationYear(value, maxElapsedYear) {
-  var currentFirstTwo, currentYear, firstTwo, len, twoDigitYear, valid, isCurrentYear;
-
-  maxElapsedYear = maxElapsedYear || DEFAULT_VALID_NUMBER_OF_YEARS_IN_THE_FUTURE;
-
-  if (typeof value !== 'string') {
-    return verification(false, false);
-  }
-  if (value.replace(/\s/g, '') === '') {
-    return verification(false, true);
-  }
-  if (!/^\d*$/.test(value)) {
-    return verification(false, false);
-  }
-
-  len = value.length;
-
-  if (len < 2) {
-    return verification(false, true);
-  }
-
-  currentYear = new Date().getFullYear();
-
-  if (len === 3) {
-    // 20x === 20x
-    firstTwo = value.slice(0, 2);
-    currentFirstTwo = String(currentYear).slice(0, 2);
-
-    return verification(false, firstTwo === currentFirstTwo);
-  }
-
-  if (len > 4) {
-    return verification(false, false);
-  }
-
-  value = parseInt(value, 10);
-  twoDigitYear = Number(String(currentYear).substr(2, 2));
-
-  if (len === 2) {
-    isCurrentYear = twoDigitYear === value;
-    valid = value >= twoDigitYear && value <= twoDigitYear + maxElapsedYear;
-  } else if (len === 4) {
-    isCurrentYear = currentYear === value;
-    valid = value >= currentYear && value <= currentYear + maxElapsedYear;
-  }
-
-  return verification(valid, valid, isCurrentYear);
-}
-
-module.exports = expirationYear;
-
-
-/***/ }),
-
-/***/ "./node_modules/card-validator/src/lib/is-array.js":
-/*!*********************************************************!*\
-  !*** ./node_modules/card-validator/src/lib/is-array.js ***!
-  \*********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-// Polyfill taken from <https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray#Polyfill>.
-
-module.exports = Array.isArray || function (arg) {
-  return Object.prototype.toString.call(arg) === '[object Array]';
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/card-validator/src/luhn-10.js":
-/*!****************************************************!*\
-  !*** ./node_modules/card-validator/src/luhn-10.js ***!
-  \****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/*
- * Luhn algorithm implementation in JavaScript
- * Copyright (c) 2009 Nicholas C. Zakas
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-
-
-function luhn10(identifier) {
-  var sum = 0;
-  var alt = false;
-  var i = identifier.length - 1;
-  var num;
-
-  while (i >= 0) {
-    num = parseInt(identifier.charAt(i), 10);
-
-    if (alt) {
-      num *= 2;
-      if (num > 9) {
-        num = (num % 10) + 1; // eslint-disable-line no-extra-parens
-      }
-    }
-
-    alt = !alt;
-
-    sum += num;
-
-    i--;
-  }
-
-  return sum % 10 === 0;
-}
-
-module.exports = luhn10;
-
-
-/***/ }),
-
-/***/ "./node_modules/card-validator/src/parse-date.js":
-/*!*******************************************************!*\
-  !*** ./node_modules/card-validator/src/parse-date.js ***!
-  \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var expirationYear = __webpack_require__(/*! ./expiration-year */ "./node_modules/card-validator/src/expiration-year.js");
-var isArray = __webpack_require__(/*! ./lib/is-array */ "./node_modules/card-validator/src/lib/is-array.js");
-
-function getNumberOfMonthDigitsInDateString(dateString) {
-  var firstCharacter = Number(dateString[0]);
-  var assumedYear;
-
-  /*
-    if the first character in the string starts with `0`,
-    we know that the month will be 2 digits.
-
-    '0122' => {month: '01', year: '22'}
-  */
-  if (firstCharacter === 0) {
-    return 2;
-  }
-
-  /*
-    if the first character in the string starts with
-    number greater than 1, it must be a 1 digit month
-
-    '322' => {month: '3', year: '22'}
-  */
-  if (firstCharacter > 1) {
-    return 1;
-  }
-
-  /*
-    if the first 2 characters make up a number between
-    13-19, we know that the month portion must be 1
-
-    '139' => {month: '1', year: '39'}
-  */
-  if (firstCharacter === 1 && Number(dateString[1]) > 2) {
-    return 1;
-  }
-
-  /*
-    if the first 2 characters make up a number between
-    10-12, we check if the year portion would be considered
-    valid if we assumed that the month was 1. If it is
-    not potentially valid, we assume the month must have
-    2 digits.
-
-    '109' => {month: '10', year: '9'}
-    '120' => {month: '1', year: '20'} // when checked in the year 2019
-    '120' => {month: '12', year: '0'} // when checked in the year 2021
-  */
-  if (firstCharacter === 1) {
-    assumedYear = dateString.substr(1);
-
-    return expirationYear(assumedYear).isPotentiallyValid ? 1 : 2;
-  }
-
-  /*
-    If the length of the value is exactly 5 characters,
-    we assume a full year was passed in, meaning the remaining
-    single leading digit must be the month value.
-
-    '12202' => {month: '1', year: '2202'}
-  */
-  if (dateString.length === 5) {
-    return 1;
-  }
-
-  /*
-    If the length of the value is more than five characters,
-    we assume a full year was passed in addition to the month
-    and therefore the month portion must be 2 digits.
-
-    '112020' => {month: '11', year: '2020'}
-  */
-  if (dateString.length > 5) {
-    return 2;
-  }
-
-  /*
-    By default, the month value is the first value
-  */
-  return 1;
-}
-
-function parseDate(date) {
-  var month, numberOfDigitsInMonth;
-
-  if (/^\d{4}-\d{1,2}$/.test(date)) {
-    date = date.split('-').reverse();
-  } else if (/\//.test(date)) {
-    date = date.split(/\s*\/\s*/g);
-  } else if (/\s/.test(date)) {
-    date = date.split(/ +/g);
-  }
-
-  if (isArray(date)) {
-    return {
-      month: date[0] || '',
-      year: date.slice(1).join()
-    };
-  }
-
-  numberOfDigitsInMonth = getNumberOfMonthDigitsInDateString(date);
-
-  month = date.substr(0, numberOfDigitsInMonth);
-
-  return {
-    month: month,
-    year: date.substr(month.length)
-  };
-}
-
-module.exports = parseDate;
-
-
-/***/ }),
-
-/***/ "./node_modules/card-validator/src/postal-code.js":
-/*!********************************************************!*\
-  !*** ./node_modules/card-validator/src/postal-code.js ***!
-  \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var DEFAULT_MIN_POSTAL_CODE_LENGTH = 3;
-
-function verification(isValid, isPotentiallyValid) {
-  return {isValid: isValid, isPotentiallyValid: isPotentiallyValid};
-}
-
-function postalCode(value, options) {
-  var minLength;
-
-  options = options || {};
-
-  minLength = options.minLength || DEFAULT_MIN_POSTAL_CODE_LENGTH;
-
-  if (typeof value !== 'string') {
-    return verification(false, false);
-  } else if (value.length < minLength) {
-    return verification(false, true);
-  }
-
-  return verification(true, true);
-}
-
-module.exports = postalCode;
-
-
-/***/ }),
-
-/***/ "./node_modules/credit-card-type/index.js":
-/*!************************************************!*\
-  !*** ./node_modules/credit-card-type/index.js ***!
-  \************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var types = __webpack_require__(/*! ./lib/card-types */ "./node_modules/credit-card-type/lib/card-types.js");
-var clone = __webpack_require__(/*! ./lib/clone */ "./node_modules/credit-card-type/lib/clone.js");
-var findBestMatch = __webpack_require__(/*! ./lib/find-best-match */ "./node_modules/credit-card-type/lib/find-best-match.js");
-var isValidInputType = __webpack_require__(/*! ./lib/is-valid-input-type */ "./node_modules/credit-card-type/lib/is-valid-input-type.js");
-var addMatchingCardsToResults = __webpack_require__(/*! ./lib/add-matching-cards-to-results */ "./node_modules/credit-card-type/lib/add-matching-cards-to-results.js");
-
-var testOrder;
-var customCards = {};
-
-var cardNames = {
-  VISA: 'visa',
-  MASTERCARD: 'mastercard',
-  AMERICAN_EXPRESS: 'american-express',
-  DINERS_CLUB: 'diners-club',
-  DISCOVER: 'discover',
-  JCB: 'jcb',
-  UNIONPAY: 'unionpay',
-  MAESTRO: 'maestro',
-  ELO: 'elo',
-  MIR: 'mir',
-  HIPER: 'hiper',
-  HIPERCARD: 'hipercard'
-};
-
-var ORIGINAL_TEST_ORDER = [
-  cardNames.VISA,
-  cardNames.MASTERCARD,
-  cardNames.AMERICAN_EXPRESS,
-  cardNames.DINERS_CLUB,
-  cardNames.DISCOVER,
-  cardNames.JCB,
-  cardNames.UNIONPAY,
-  cardNames.MAESTRO,
-  cardNames.ELO,
-  cardNames.MIR,
-  cardNames.HIPER,
-  cardNames.HIPERCARD
-];
-
-testOrder = clone(ORIGINAL_TEST_ORDER);
-
-function findType(type) {
-  return customCards[type] || types[type];
-}
-
-function getAllCardTypes() {
-  return testOrder.map(function (type) {
-    return clone(findType(type));
-  });
-}
-
-function getCardPosition(name, ignoreErrorForNotExisting) {
-  var position = testOrder.indexOf(name);
-
-  if (!ignoreErrorForNotExisting && position === -1) {
-    throw new Error('"' + name + '" is not a supported card type.');
-  }
-
-  return position;
-}
-
-function creditCardType(cardNumber) {
-  var bestMatch;
-  var results = [];
-
-  if (!isValidInputType(cardNumber)) {
-    return [];
-  }
-
-  if (cardNumber.length === 0) {
-    return getAllCardTypes(testOrder);
-  }
-
-  testOrder.forEach(function (type) {
-    var cardConfiguration = findType(type);
-
-    addMatchingCardsToResults(cardNumber, cardConfiguration, results);
-  });
-
-  bestMatch = findBestMatch(results);
-
-  if (bestMatch) {
-    return [bestMatch];
-  }
-
-  return results;
-}
-
-creditCardType.getTypeInfo = function (type) {
-  return clone(findType(type));
-};
-
-creditCardType.removeCard = function (name) {
-  var position = getCardPosition(name);
-
-  testOrder.splice(position, 1);
-};
-
-creditCardType.addCard = function (config) {
-  var existingCardPosition = getCardPosition(config.type, true);
-
-  customCards[config.type] = config;
-
-  if (existingCardPosition === -1) {
-    testOrder.push(config.type);
-  }
-};
-
-creditCardType.updateCard = function (cardType, updates) {
-  var clonedCard;
-  var originalObject = customCards[cardType] || types[cardType];
-
-  if (!originalObject) {
-    throw new Error('"' + cardType + '" is not a recognized type. Use `addCard` instead.');
-  }
-
-  if (updates.type && originalObject.type !== updates.type) {
-    throw new Error('Cannot overwrite type parameter.');
-  }
-
-  clonedCard = clone(originalObject, true);
-
-  Object.keys(clonedCard).forEach(function (key) {
-    if (updates[key]) {
-      clonedCard[key] = updates[key];
-    }
-  });
-
-  customCards[clonedCard.type] = clonedCard;
-};
-
-creditCardType.changeOrder = function (name, position) {
-  var currentPosition = getCardPosition(name);
-
-  testOrder.splice(currentPosition, 1);
-  testOrder.splice(position, 0, name);
-};
-
-creditCardType.resetModifications = function () {
-  testOrder = clone(ORIGINAL_TEST_ORDER);
-  customCards = {};
-};
-
-creditCardType.types = cardNames;
-
-module.exports = creditCardType;
-
-
-/***/ }),
-
-/***/ "./node_modules/credit-card-type/lib/add-matching-cards-to-results.js":
-/*!****************************************************************************!*\
-  !*** ./node_modules/credit-card-type/lib/add-matching-cards-to-results.js ***!
-  \****************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var clone = __webpack_require__(/*! ./clone */ "./node_modules/credit-card-type/lib/clone.js");
-var matches = __webpack_require__(/*! ./matches */ "./node_modules/credit-card-type/lib/matches.js");
-
-function addMatchingCardsToResults(cardNumber, cardConfiguration, results) {
-  var i, pattern, patternLength, clonedCardConfiguration;
-
-  for (i = 0; i < cardConfiguration.patterns.length; i++) {
-    pattern = cardConfiguration.patterns[i];
-
-    if (!matches(cardNumber, pattern)) {
-      continue;
-    }
-
-    clonedCardConfiguration = clone(cardConfiguration);
-
-    if (Array.isArray(pattern)) {
-      patternLength = String(pattern[0]).length;
-    } else {
-      patternLength = String(pattern).length;
-    }
-
-    if (cardNumber.length >= patternLength) {
-      clonedCardConfiguration.matchStrength = patternLength;
-    }
-
-    results.push(clonedCardConfiguration);
-    break;
-  }
-}
-
-module.exports = addMatchingCardsToResults;
-
-
-/***/ }),
-
-/***/ "./node_modules/credit-card-type/lib/card-types.js":
-/*!*********************************************************!*\
-  !*** ./node_modules/credit-card-type/lib/card-types.js ***!
-  \*********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var cardTypes = {
-  visa: {
-    niceType: 'Visa',
-    type: 'visa',
-    patterns: [
-      4
-    ],
-    gaps: [4, 8, 12],
-    lengths: [16, 18, 19],
-    code: {
-      name: 'CVV',
-      size: 3
-    }
-  },
-  mastercard: {
-    niceType: 'Mastercard',
-    type: 'mastercard',
-    patterns: [
-      [51, 55],
-      [2221, 2229],
-      [223, 229],
-      [23, 26],
-      [270, 271],
-      2720
-    ],
-    gaps: [4, 8, 12],
-    lengths: [16],
-    code: {
-      name: 'CVC',
-      size: 3
-    }
-  },
-  'american-express': {
-    niceType: 'American Express',
-    type: 'american-express',
-    patterns: [
-      34,
-      37
-    ],
-    gaps: [4, 10],
-    lengths: [15],
-    code: {
-      name: 'CID',
-      size: 4
-    }
-  },
-  'diners-club': {
-    niceType: 'Diners Club',
-    type: 'diners-club',
-    patterns: [
-      [300, 305],
-      36,
-      38,
-      39
-    ],
-    gaps: [4, 10],
-    lengths: [14, 16, 19],
-    code: {
-      name: 'CVV',
-      size: 3
-    }
-  },
-  discover: {
-    niceType: 'Discover',
-    type: 'discover',
-    patterns: [
-      6011,
-      [644, 649],
-      65
-    ],
-    gaps: [4, 8, 12],
-    lengths: [16, 19],
-    code: {
-      name: 'CID',
-      size: 3
-    }
-  },
-  jcb: {
-    niceType: 'JCB',
-    type: 'jcb',
-    patterns: [
-      2131,
-      1800,
-      [3528, 3589]
-    ],
-    gaps: [4, 8, 12],
-    lengths: [16, 17, 18, 19],
-    code: {
-      name: 'CVV',
-      size: 3
-    }
-  },
-  unionpay: {
-    niceType: 'UnionPay',
-    type: 'unionpay',
-    patterns: [
-      620,
-      [624, 626],
-      [62100, 62182],
-      [62184, 62187],
-      [62185, 62197],
-      [62200, 62205],
-      [622010, 622999],
-      622018,
-      [622019, 622999],
-      [62207, 62209],
-      [622126, 622925],
-      [623, 626],
-      6270,
-      6272,
-      6276,
-      [627700, 627779],
-      [627781, 627799],
-      [6282, 6289],
-      6291,
-      6292,
-      810,
-      [8110, 8131],
-      [8132, 8151],
-      [8152, 8163],
-      [8164, 8171]
-    ],
-    gaps: [4, 8, 12],
-    lengths: [14, 15, 16, 17, 18, 19],
-    code: {
-      name: 'CVN',
-      size: 3
-    }
-  },
-  maestro: {
-    niceType: 'Maestro',
-    type: 'maestro',
-    patterns: [
-      493698,
-      [500000, 506698],
-      [506779, 508999],
-      [56, 59],
-      63,
-      67,
-      6
-    ],
-    gaps: [4, 8, 12],
-    lengths: [12, 13, 14, 15, 16, 17, 18, 19],
-    code: {
-      name: 'CVC',
-      size: 3
-    }
-  },
-  elo: {
-    niceType: 'Elo',
-    type: 'elo',
-    patterns: [
-      401178,
-      401179,
-      438935,
-      457631,
-      457632,
-      431274,
-      451416,
-      457393,
-      504175,
-      [506699, 506778],
-      [509000, 509999],
-      627780,
-      636297,
-      636368,
-      [650031, 650033],
-      [650035, 650051],
-      [650405, 650439],
-      [650485, 650538],
-      [650541, 650598],
-      [650700, 650718],
-      [650720, 650727],
-      [650901, 650978],
-      [651652, 651679],
-      [655000, 655019],
-      [655021, 655058]
-    ],
-    gaps: [4, 8, 12],
-    lengths: [16],
-    code: {
-      name: 'CVE',
-      size: 3
-    }
-  },
-  mir: {
-    niceType: 'Mir',
-    type: 'mir',
-    patterns: [
-      [2200, 2204]
-    ],
-    gaps: [4, 8, 12],
-    lengths: [16, 17, 18, 19],
-    code: {
-      name: 'CVP2',
-      size: 3
-    }
-  },
-  hiper: {
-    niceType: 'Hiper',
-    type: 'hiper',
-    patterns: [
-      637095,
-      637568,
-      637599,
-      637609,
-      637612
-    ],
-    gaps: [4, 8, 12],
-    lengths: [16],
-    code: {
-      name: 'CVC',
-      size: 3
-    }
-  },
-  hipercard: {
-    niceType: 'Hipercard',
-    type: 'hipercard',
-    patterns: [
-      606282
-    ],
-    gaps: [4, 8, 12],
-    lengths: [16],
-    code: {
-      name: 'CVC',
-      size: 3
-    }
-  }
-};
-
-module.exports = cardTypes;
-
-
-/***/ }),
-
-/***/ "./node_modules/credit-card-type/lib/clone.js":
-/*!****************************************************!*\
-  !*** ./node_modules/credit-card-type/lib/clone.js ***!
-  \****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-function clone(originalObject) {
-  var dupe;
-
-  if (!originalObject) { return null; }
-
-  dupe = JSON.parse(JSON.stringify(originalObject));
-
-  return dupe;
-}
-
-module.exports = clone;
-
-
-/***/ }),
-
-/***/ "./node_modules/credit-card-type/lib/find-best-match.js":
-/*!**************************************************************!*\
-  !*** ./node_modules/credit-card-type/lib/find-best-match.js ***!
-  \**************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-function hasEnoughResultsToDetermineBestMatch(results) {
-  var numberOfResultsWithMaxStrengthProperty = results.filter(function (result) {
-    return result.matchStrength;
-  }).length;
-
-  // if all possible results have a maxStrength property
-  // that means the card number is sufficiently long
-  // enough to determine conclusively what the type is
-  return numberOfResultsWithMaxStrengthProperty > 0 &&
-    numberOfResultsWithMaxStrengthProperty === results.length;
-}
-
-function findBestMatch(results) {
-  if (!hasEnoughResultsToDetermineBestMatch(results)) {
-    return;
-  }
-
-  return results.reduce(function (bestMatch, result) { // eslint-disable-line consistent-return
-    if (!bestMatch) {
-      return result;
-    }
-
-    // if the current best match pattern is less specific
-    // than this result, set the result as the new best match
-    if (bestMatch.matchStrength < result.matchStrength) {
-      return result;
-    }
-
-    return bestMatch;
-  });
-}
-
-module.exports = findBestMatch;
-
-
-/***/ }),
-
-/***/ "./node_modules/credit-card-type/lib/is-valid-input-type.js":
-/*!******************************************************************!*\
-  !*** ./node_modules/credit-card-type/lib/is-valid-input-type.js ***!
-  \******************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-function isValidInputType(cardNumber) {
-  return typeof cardNumber === 'string' || cardNumber instanceof String;
-}
-
-module.exports = isValidInputType;
-
-
-/***/ }),
-
-/***/ "./node_modules/credit-card-type/lib/matches.js":
-/*!******************************************************!*\
-  !*** ./node_modules/credit-card-type/lib/matches.js ***!
-  \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-// Adapted from https://github.com/polvo-labs/card-type/blob/aaab11f80fa1939bccc8f24905a06ae3cd864356/src/cardType.js#L37-L42
-function matchesRange(cardNumber, min, max) {
-  var maxLengthToCheck = String(min).length;
-  var substr = cardNumber.substr(0, maxLengthToCheck);
-  var integerRepresentationOfCardNumber = parseInt(substr, 10);
-
-  min = parseInt(String(min).substr(0, substr.length), 10);
-  max = parseInt(String(max).substr(0, substr.length), 10);
-
-  return integerRepresentationOfCardNumber >= min && integerRepresentationOfCardNumber <= max;
-}
-
-function matchesPattern(cardNumber, pattern) {
-  pattern = String(pattern);
-
-  return pattern.substring(0, cardNumber.length) === cardNumber.substring(0, pattern.length);
-}
-
-function matches(cardNumber, pattern) {
-  if (Array.isArray(pattern)) {
-    return matchesRange(cardNumber, pattern[0], pattern[1]);
-  }
-
-  return matchesPattern(cardNumber, pattern);
-}
-
-module.exports = matches;
-
-
-/***/ }),
-
-/***/ "./node_modules/process/browser.js":
-/*!*****************************************!*\
-  !*** ./node_modules/process/browser.js ***!
-  \*****************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-// shim for using process in browser
-var process = module.exports = {};
-
-// cached from whatever global is present so that test runners that stub it
-// don't break things.  But we need to wrap it in a try catch in case it is
-// wrapped in strict mode code which doesn't define any globals.  It's inside a
-// function because try/catches deoptimize in certain engines.
-
-var cachedSetTimeout;
-var cachedClearTimeout;
-
-function defaultSetTimout() {
-    throw new Error('setTimeout has not been defined');
-}
-function defaultClearTimeout () {
-    throw new Error('clearTimeout has not been defined');
-}
-(function () {
-    try {
-        if (typeof setTimeout === 'function') {
-            cachedSetTimeout = setTimeout;
-        } else {
-            cachedSetTimeout = defaultSetTimout;
-        }
-    } catch (e) {
-        cachedSetTimeout = defaultSetTimout;
-    }
-    try {
-        if (typeof clearTimeout === 'function') {
-            cachedClearTimeout = clearTimeout;
-        } else {
-            cachedClearTimeout = defaultClearTimeout;
-        }
-    } catch (e) {
-        cachedClearTimeout = defaultClearTimeout;
-    }
-} ())
-function runTimeout(fun) {
-    if (cachedSetTimeout === setTimeout) {
-        //normal enviroments in sane situations
-        return setTimeout(fun, 0);
-    }
-    // if setTimeout wasn't available but was latter defined
-    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
-        cachedSetTimeout = setTimeout;
-        return setTimeout(fun, 0);
-    }
-    try {
-        // when when somebody has screwed with setTimeout but no I.E. maddness
-        return cachedSetTimeout(fun, 0);
-    } catch(e){
-        try {
-            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
-            return cachedSetTimeout.call(null, fun, 0);
-        } catch(e){
-            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
-            return cachedSetTimeout.call(this, fun, 0);
-        }
-    }
-
-
-}
-function runClearTimeout(marker) {
-    if (cachedClearTimeout === clearTimeout) {
-        //normal enviroments in sane situations
-        return clearTimeout(marker);
-    }
-    // if clearTimeout wasn't available but was latter defined
-    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
-        cachedClearTimeout = clearTimeout;
-        return clearTimeout(marker);
-    }
-    try {
-        // when when somebody has screwed with setTimeout but no I.E. maddness
-        return cachedClearTimeout(marker);
-    } catch (e){
-        try {
-            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
-            return cachedClearTimeout.call(null, marker);
-        } catch (e){
-            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
-            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
-            return cachedClearTimeout.call(this, marker);
-        }
-    }
-
-
-
-}
-var queue = [];
-var draining = false;
-var currentQueue;
-var queueIndex = -1;
-
-function cleanUpNextTick() {
-    if (!draining || !currentQueue) {
-        return;
-    }
-    draining = false;
-    if (currentQueue.length) {
-        queue = currentQueue.concat(queue);
-    } else {
-        queueIndex = -1;
-    }
-    if (queue.length) {
-        drainQueue();
-    }
-}
-
-function drainQueue() {
-    if (draining) {
-        return;
-    }
-    var timeout = runTimeout(cleanUpNextTick);
-    draining = true;
-
-    var len = queue.length;
-    while(len) {
-        currentQueue = queue;
-        queue = [];
-        while (++queueIndex < len) {
-            if (currentQueue) {
-                currentQueue[queueIndex].run();
-            }
-        }
-        queueIndex = -1;
-        len = queue.length;
-    }
-    currentQueue = null;
-    draining = false;
-    runClearTimeout(timeout);
-}
-
-process.nextTick = function (fun) {
-    var args = new Array(arguments.length - 1);
-    if (arguments.length > 1) {
-        for (var i = 1; i < arguments.length; i++) {
-            args[i - 1] = arguments[i];
-        }
-    }
-    queue.push(new Item(fun, args));
-    if (queue.length === 1 && !draining) {
-        runTimeout(drainQueue);
-    }
-};
-
-// v8 likes predictible objects
-function Item(fun, array) {
-    this.fun = fun;
-    this.array = array;
-}
-Item.prototype.run = function () {
-    this.fun.apply(null, this.array);
-};
-process.title = 'browser';
-process.browser = true;
-process.env = {};
-process.argv = [];
-process.version = ''; // empty string to avoid regexp issues
-process.versions = {};
-
-function noop() {}
-
-process.on = noop;
-process.addListener = noop;
-process.once = noop;
-process.off = noop;
-process.removeListener = noop;
-process.removeAllListeners = noop;
-process.emit = noop;
-process.prependListener = noop;
-process.prependOnceListener = noop;
-
-process.listeners = function (name) { return [] }
-
-process.binding = function (name) {
-    throw new Error('process.binding is not supported');
-};
-
-process.cwd = function () { return '/' };
-process.chdir = function (dir) {
-    throw new Error('process.chdir is not supported');
-};
-process.umask = function() { return 0; };
-
-
-/***/ }),
-
-/***/ "./resources/js/app.js":
-/*!*****************************!*\
-  !*** ./resources/js/app.js ***!
-  \*****************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-/**
- * Axios
- *
- * Promise based HTTP client for the browser and node.js
- * https://github.com/axios/axios
- */
-window.axios = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
-/**
- * card-validator
- * 
- * Validate credit cards as users type.
- * https://github.com/braintree/card-validator
- */
-
-window.valid = __webpack_require__(/*! card-validator */ "./node_modules/card-validator/index.js");
-
-/***/ }),
-
-/***/ "./resources/sass/app.scss":
-/*!*********************************!*\
-  !*** ./resources/sass/app.scss ***!
-  \*********************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-// removed by extract-text-webpack-plugin
-
-/***/ }),
-
-/***/ 0:
-/*!*************************************************************!*\
-  !*** multi ./resources/js/app.js ./resources/sass/app.scss ***!
-  \*************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-__webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/app.js */"./resources/js/app.js");
-module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/sass/app.scss */"./resources/sass/app.scss");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=0)}({"+YGh":function(e,t,n){"use strict";function r(e,t){return{isValid:e,isPotentiallyValid:t}}e.exports=function(e,t){return t=(t=t||3)instanceof Array?t:[t],"string"!=typeof e?r(!1,!1):/^\d*$/.test(e)?function(e,t){for(var n=0;n<e.length;n++)if(t===e[n])return!0;return!1}(t,e.length)?r(!0,!0):e.length<Math.min.apply(null,t)?r(!1,!0):e.length>function(e){for(var t=3,n=0;n<e.length;n++)t=e[n]>t?e[n]:t;return t}(t)?r(!1,!1):r(!0,!0):r(!1,!1)}},0:function(e,t,n){n("bUC5"),e.exports=n("pyCd")},"0H2f":function(e,t,n){"use strict";e.exports={number:n("eROS"),expirationDate:n("u4Xs"),expirationMonth:n("2EnR"),expirationYear:n("uRxV"),cvv:n("+YGh"),postalCode:n("swuF"),creditCardType:n("3T3Z")}},"2EnR":function(e,t,n){"use strict";function r(e,t,n){return{isValid:e,isPotentiallyValid:t,isValidForThisYear:n||!1}}e.exports=function(e){var t,n,o=(new Date).getMonth()+1;return"string"!=typeof e?r(!1,!1):""===e.replace(/\s/g,"")||"0"===e?r(!1,!0):/^\d*$/.test(e)?(t=parseInt(e,10),isNaN(e)?r(!1,!1):r(n=t>0&&t<13,n,n&&t>=o)):r(!1,!1)}},"2SVd":function(e,t,n){"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},"3T3Z":function(e,t,n){"use strict";var r,o=n("X3S+"),i=n("RGrI"),s=n("MYJU"),a=n("nyOA"),u=n("uVg8"),c={},f={VISA:"visa",MASTERCARD:"mastercard",AMERICAN_EXPRESS:"american-express",DINERS_CLUB:"diners-club",DISCOVER:"discover",JCB:"jcb",UNIONPAY:"unionpay",MAESTRO:"maestro",ELO:"elo",MIR:"mir",HIPER:"hiper",HIPERCARD:"hipercard"},p=[f.VISA,f.MASTERCARD,f.AMERICAN_EXPRESS,f.DINERS_CLUB,f.DISCOVER,f.JCB,f.UNIONPAY,f.MAESTRO,f.ELO,f.MIR,f.HIPER,f.HIPERCARD];function l(e){return c[e]||o[e]}function d(e,t){var n=r.indexOf(e);if(!t&&-1===n)throw new Error('"'+e+'" is not a supported card type.');return n}function h(e){var t,n=[];return a(e)?0===e.length?r.map((function(e){return i(l(e))})):(r.forEach((function(t){var r=l(t);u(e,r,n)})),(t=s(n))?[t]:n):[]}r=i(p),h.getTypeInfo=function(e){return i(l(e))},h.removeCard=function(e){var t=d(e);r.splice(t,1)},h.addCard=function(e){var t=d(e.type,!0);c[e.type]=e,-1===t&&r.push(e.type)},h.updateCard=function(e,t){var n,r=c[e]||o[e];if(!r)throw new Error('"'+e+'" is not a recognized type. Use `addCard` instead.');if(t.type&&r.type!==t.type)throw new Error("Cannot overwrite type parameter.");n=i(r,!0),Object.keys(n).forEach((function(e){t[e]&&(n[e]=t[e])})),c[n.type]=n},h.changeOrder=function(e,t){var n=d(e);r.splice(n,1),r.splice(t,0,e)},h.resetModifications=function(){r=i(p),c={}},h.types=f,e.exports=h},"5oMp":function(e,t,n){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},"8oxB":function(e,t){var n,r,o=e.exports={};function i(){throw new Error("setTimeout has not been defined")}function s(){throw new Error("clearTimeout has not been defined")}function a(e){if(n===setTimeout)return setTimeout(e,0);if((n===i||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:i}catch(e){n=i}try{r="function"==typeof clearTimeout?clearTimeout:s}catch(e){r=s}}();var u,c=[],f=!1,p=-1;function l(){f&&u&&(f=!1,u.length?c=u.concat(c):p=-1,c.length&&d())}function d(){if(!f){var e=a(l);f=!0;for(var t=c.length;t;){for(u=c,c=[];++p<t;)u&&u[p].run();p=-1,t=c.length}u=null,f=!1,function(e){if(r===clearTimeout)return clearTimeout(e);if((r===s||!r)&&clearTimeout)return r=clearTimeout,clearTimeout(e);try{r(e)}catch(t){try{return r.call(null,e)}catch(t){return r.call(this,e)}}}(e)}}function h(e,t){this.fun=e,this.array=t}function m(){}o.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];c.push(new h(e,t)),1!==c.length||f||a(d)},h.prototype.run=function(){this.fun.apply(null,this.array)},o.title="browser",o.browser=!0,o.env={},o.argv=[],o.version="",o.versions={},o.on=m,o.addListener=m,o.once=m,o.off=m,o.removeListener=m,o.removeAllListeners=m,o.emit=m,o.prependListener=m,o.prependOnceListener=m,o.listeners=function(e){return[]},o.binding=function(e){throw new Error("process.binding is not supported")},o.cwd=function(){return"/"},o.chdir=function(e){throw new Error("process.chdir is not supported")},o.umask=function(){return 0}},"9rSQ":function(e,t,n){"use strict";var r=n("xTJ+");function o(){this.handlers=[]}o.prototype.use=function(e,t){return this.handlers.push({fulfilled:e,rejected:t}),this.handlers.length-1},o.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},o.prototype.forEach=function(e){r.forEach(this.handlers,(function(t){null!==t&&e(t)}))},e.exports=o},CgaS:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("MLWZ"),i=n("9rSQ"),s=n("UnBK"),a=n("SntB");function u(e){this.defaults=e,this.interceptors={request:new i,response:new i}}u.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{}).url=arguments[0]:e=e||{},(e=a(this.defaults,e)).method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var t=[s,void 0],n=Promise.resolve(e);for(this.interceptors.request.forEach((function(e){t.unshift(e.fulfilled,e.rejected)})),this.interceptors.response.forEach((function(e){t.push(e.fulfilled,e.rejected)}));t.length;)n=n.then(t.shift(),t.shift());return n},u.prototype.getUri=function(e){return e=a(this.defaults,e),o(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},r.forEach(["delete","get","head","options"],(function(e){u.prototype[e]=function(t,n){return this.request(r.merge(n||{},{method:e,url:t}))}})),r.forEach(["post","put","patch"],(function(e){u.prototype[e]=function(t,n,o){return this.request(r.merge(o||{},{method:e,url:t,data:n}))}})),e.exports=u},DfZB:function(e,t,n){"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}},HSsa:function(e,t,n){"use strict";e.exports=function(e,t){return function(){for(var n=new Array(arguments.length),r=0;r<n.length;r++)n[r]=arguments[r];return e.apply(t,n)}}},JEQr:function(e,t,n){"use strict";(function(t){var r=n("xTJ+"),o=n("yK9s"),i={"Content-Type":"application/x-www-form-urlencoded"};function s(e,t){!r.isUndefined(e)&&r.isUndefined(e["Content-Type"])&&(e["Content-Type"]=t)}var a,u={adapter:(("undefined"!=typeof XMLHttpRequest||void 0!==t&&"[object process]"===Object.prototype.toString.call(t))&&(a=n("tQ2B")),a),transformRequest:[function(e,t){return o(t,"Accept"),o(t,"Content-Type"),r.isFormData(e)||r.isArrayBuffer(e)||r.isBuffer(e)||r.isStream(e)||r.isFile(e)||r.isBlob(e)?e:r.isArrayBufferView(e)?e.buffer:r.isURLSearchParams(e)?(s(t,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):r.isObject(e)?(s(t,"application/json;charset=utf-8"),JSON.stringify(e)):e}],transformResponse:[function(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,validateStatus:function(e){return e>=200&&e<300}};u.headers={common:{Accept:"application/json, text/plain, */*"}},r.forEach(["delete","get","head"],(function(e){u.headers[e]={}})),r.forEach(["post","put","patch"],(function(e){u.headers[e]=r.merge(i)})),e.exports=u}).call(this,n("8oxB"))},LYNF:function(e,t,n){"use strict";var r=n("OH9c");e.exports=function(e,t,n,o,i){var s=new Error(e);return r(s,t,n,o,i)}},Lmem:function(e,t,n){"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},MLWZ:function(e,t,n){"use strict";var r=n("xTJ+");function o(e){return encodeURIComponent(e).replace(/%40/gi,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}e.exports=function(e,t,n){if(!t)return e;var i;if(n)i=n(t);else if(r.isURLSearchParams(t))i=t.toString();else{var s=[];r.forEach(t,(function(e,t){null!=e&&(r.isArray(e)?t+="[]":e=[e],r.forEach(e,(function(e){r.isDate(e)?e=e.toISOString():r.isObject(e)&&(e=JSON.stringify(e)),s.push(o(t)+"="+o(e))})))})),i=s.join("&")}if(i){var a=e.indexOf("#");-1!==a&&(e=e.slice(0,a)),e+=(-1===e.indexOf("?")?"?":"&")+i}return e}},MYJU:function(e,t,n){"use strict";e.exports=function(e){if(function(e){var t=e.filter((function(e){return e.matchStrength})).length;return t>0&&t===e.length}(e))return e.reduce((function(e,t){return e?e.matchStrength<t.matchStrength?t:e:t}))}},NHQu:function(e,t,n){"use strict";e.exports=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)}},OH9c:function(e,t,n){"use strict";e.exports=function(e,t,n,r,o){return e.config=t,n&&(e.code=n),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},e}},OK2l:function(e,t,n){"use strict";var r=n("uRxV"),o=n("NHQu");e.exports=function(e){var t,n,i,s,a;return/^\d{4}-\d{1,2}$/.test(e)?e=e.split("-").reverse():/\//.test(e)?e=e.split(/\s*\/\s*/g):/\s/.test(e)&&(e=e.split(/ +/g)),o(e)?{month:e[0]||"",year:e.slice(1).join()}:(i=e,n=0===(a=Number(i[0]))?2:a>1||1===a&&Number(i[1])>2?1:1===a?(s=i.substr(1),r(s).isPotentiallyValid?1:2):5===i.length?1:i.length>5?2:1,{month:t=e.substr(0,n),year:e.substr(t.length)})}},OTTw:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=r.isStandardBrowserEnv()?function(){var e,t=/(msie|trident)/i.test(navigator.userAgent),n=document.createElement("a");function o(e){var r=e;return t&&(n.setAttribute("href",r),r=n.href),n.setAttribute("href",r),{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:"/"===n.pathname.charAt(0)?n.pathname:"/"+n.pathname}}return e=o(window.location.href),function(t){var n=r.isString(t)?o(t):t;return n.protocol===e.protocol&&n.host===e.host}}():function(){return!0}},RABH:function(e,t,n){"use strict";e.exports=function(e,t){return Array.isArray(t)?function(e,t,n){var r=String(t).length,o=e.substr(0,r),i=parseInt(o,10);return t=parseInt(String(t).substr(0,o.length),10),n=parseInt(String(n).substr(0,o.length),10),i>=t&&i<=n}(e,t[0],t[1]):function(e,t){return(t=String(t)).substring(0,e.length)===e.substring(0,t.length)}(e,t)}},RGrI:function(e,t,n){"use strict";e.exports=function(e){return e?JSON.parse(JSON.stringify(e)):null}},"Rn+g":function(e,t,n){"use strict";var r=n("LYNF");e.exports=function(e,t,n){var o=n.config.validateStatus;!o||o(n.status)?e(n):t(r("Request failed with status code "+n.status,n.config,null,n.request,n))}},SntB:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t){t=t||{};var n={},o=["url","method","params","data"],i=["headers","auth","proxy"],s=["baseURL","url","transformRequest","transformResponse","paramsSerializer","timeout","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","maxContentLength","validateStatus","maxRedirects","httpAgent","httpsAgent","cancelToken","socketPath"];r.forEach(o,(function(e){void 0!==t[e]&&(n[e]=t[e])})),r.forEach(i,(function(o){r.isObject(t[o])?n[o]=r.deepMerge(e[o],t[o]):void 0!==t[o]?n[o]=t[o]:r.isObject(e[o])?n[o]=r.deepMerge(e[o]):void 0!==e[o]&&(n[o]=e[o])})),r.forEach(s,(function(r){void 0!==t[r]?n[r]=t[r]:void 0!==e[r]&&(n[r]=e[r])}));var a=o.concat(i).concat(s),u=Object.keys(t).filter((function(e){return-1===a.indexOf(e)}));return r.forEach(u,(function(r){void 0!==t[r]?n[r]=t[r]:void 0!==e[r]&&(n[r]=e[r])})),n}},UnBK:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("xAGQ"),i=n("Lmem"),s=n("JEQr");function a(e){e.cancelToken&&e.cancelToken.throwIfRequested()}e.exports=function(e){return a(e),e.headers=e.headers||{},e.data=o(e.data,e.headers,e.transformRequest),e.headers=r.merge(e.headers.common||{},e.headers[e.method]||{},e.headers),r.forEach(["delete","get","head","post","put","patch","common"],(function(t){delete e.headers[t]})),(e.adapter||s.adapter)(e).then((function(t){return a(e),t.data=o(t.data,t.headers,e.transformResponse),t}),(function(t){return i(t)||(a(e),t&&t.response&&(t.response.data=o(t.response.data,t.response.headers,e.transformResponse))),Promise.reject(t)}))}},"X3S+":function(e,t,n){"use strict";e.exports={visa:{niceType:"Visa",type:"visa",patterns:[4],gaps:[4,8,12],lengths:[16,18,19],code:{name:"CVV",size:3}},mastercard:{niceType:"Mastercard",type:"mastercard",patterns:[[51,55],[2221,2229],[223,229],[23,26],[270,271],2720],gaps:[4,8,12],lengths:[16],code:{name:"CVC",size:3}},"american-express":{niceType:"American Express",type:"american-express",patterns:[34,37],gaps:[4,10],lengths:[15],code:{name:"CID",size:4}},"diners-club":{niceType:"Diners Club",type:"diners-club",patterns:[[300,305],36,38,39],gaps:[4,10],lengths:[14,16,19],code:{name:"CVV",size:3}},discover:{niceType:"Discover",type:"discover",patterns:[6011,[644,649],65],gaps:[4,8,12],lengths:[16,19],code:{name:"CID",size:3}},jcb:{niceType:"JCB",type:"jcb",patterns:[2131,1800,[3528,3589]],gaps:[4,8,12],lengths:[16,17,18,19],code:{name:"CVV",size:3}},unionpay:{niceType:"UnionPay",type:"unionpay",patterns:[620,[624,626],[62100,62182],[62184,62187],[62185,62197],[62200,62205],[622010,622999],622018,[622019,622999],[62207,62209],[622126,622925],[623,626],6270,6272,6276,[627700,627779],[627781,627799],[6282,6289],6291,6292,810,[8110,8131],[8132,8151],[8152,8163],[8164,8171]],gaps:[4,8,12],lengths:[14,15,16,17,18,19],code:{name:"CVN",size:3}},maestro:{niceType:"Maestro",type:"maestro",patterns:[493698,[5e5,506698],[506779,508999],[56,59],63,67,6],gaps:[4,8,12],lengths:[12,13,14,15,16,17,18,19],code:{name:"CVC",size:3}},elo:{niceType:"Elo",type:"elo",patterns:[401178,401179,438935,457631,457632,431274,451416,457393,504175,[506699,506778],[509e3,509999],627780,636297,636368,[650031,650033],[650035,650051],[650405,650439],[650485,650538],[650541,650598],[650700,650718],[650720,650727],[650901,650978],[651652,651679],[655e3,655019],[655021,655058]],gaps:[4,8,12],lengths:[16],code:{name:"CVE",size:3}},mir:{niceType:"Mir",type:"mir",patterns:[[2200,2204]],gaps:[4,8,12],lengths:[16,17,18,19],code:{name:"CVP2",size:3}},hiper:{niceType:"Hiper",type:"hiper",patterns:[637095,637568,637599,637609,637612],gaps:[4,8,12],lengths:[16],code:{name:"CVC",size:3}},hipercard:{niceType:"Hipercard",type:"hipercard",patterns:[606282],gaps:[4,8,12],lengths:[16],code:{name:"CVC",size:3}}}},bUC5:function(e,t,n){window.axios=n("vDqi"),window.valid=n("0H2f"),window.processingOverlay=function(e){return e?document.getElementById("processing-overlay").classList.remove("hidden"):document.getElementById("processing-overlay").classList.add("hidden")}},eROS:function(e,t,n){"use strict";var r=n("foYR"),o=n("3T3Z");function i(e,t,n){return{card:e,isPotentiallyValid:t,isValid:n}}e.exports=function(e,t){var n,s,a,u,c;if(t=t||{},"number"==typeof e&&(e=String(e)),"string"!=typeof e)return i(null,!1,!1);if(e=e.replace(/\-|\s/g,""),!/^\d*$/.test(e))return i(null,!1,!1);if(0===(n=o(e)).length)return i(null,!1,!1);if(1!==n.length)return i(null,!0,!1);if(s=n[0],t.maxLength&&e.length>t.maxLength)return i(s,!1,!1);for(a=s.type===o.types.UNIONPAY&&!0!==t.luhnValidateUnionPay||r(e),c=Math.max.apply(null,s.lengths),t.maxLength&&(c=Math.min(t.maxLength,c)),u=0;u<s.lengths.length;u++)if(s.lengths[u]===e.length)return i(s,e.length<c||a,a);return i(s,e.length<c,!1)}},endd:function(e,t,n){"use strict";function r(e){this.message=e}r.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},r.prototype.__CANCEL__=!0,e.exports=r},eqyj:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=r.isStandardBrowserEnv()?{write:function(e,t,n,o,i,s){var a=[];a.push(e+"="+encodeURIComponent(t)),r.isNumber(n)&&a.push("expires="+new Date(n).toGMTString()),r.isString(o)&&a.push("path="+o),r.isString(i)&&a.push("domain="+i),!0===s&&a.push("secure"),document.cookie=a.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},foYR:function(e,t,n){"use strict";e.exports=function(e){for(var t,n=0,r=!1,o=e.length-1;o>=0;)t=parseInt(e.charAt(o),10),r&&(t*=2)>9&&(t=t%10+1),r=!r,n+=t,o--;return n%10==0}},g7np:function(e,t,n){"use strict";var r=n("2SVd"),o=n("5oMp");e.exports=function(e,t){return e&&!r(t)?o(e,t):t}},"jfS+":function(e,t,n){"use strict";var r=n("endd");function o(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise((function(e){t=e}));var n=this;e((function(e){n.reason||(n.reason=new r(e),t(n.reason))}))}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.source=function(){var e;return{token:new o((function(t){e=t})),cancel:e}},e.exports=o},nyOA:function(e,t,n){"use strict";e.exports=function(e){return"string"==typeof e||e instanceof String}},pyCd:function(e,t){},swuF:function(e,t,n){"use strict";function r(e,t){return{isValid:e,isPotentiallyValid:t}}e.exports=function(e,t){var n;return n=(t=t||{}).minLength||3,"string"!=typeof e?r(!1,!1):e.length<n?r(!1,!0):r(!0,!0)}},tQ2B:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("Rn+g"),i=n("MLWZ"),s=n("g7np"),a=n("w0Vi"),u=n("OTTw"),c=n("LYNF");e.exports=function(e){return new Promise((function(t,f){var p=e.data,l=e.headers;r.isFormData(p)&&delete l["Content-Type"];var d=new XMLHttpRequest;if(e.auth){var h=e.auth.username||"",m=e.auth.password||"";l.Authorization="Basic "+btoa(h+":"+m)}var g=s(e.baseURL,e.url);if(d.open(e.method.toUpperCase(),i(g,e.params,e.paramsSerializer),!0),d.timeout=e.timeout,d.onreadystatechange=function(){if(d&&4===d.readyState&&(0!==d.status||d.responseURL&&0===d.responseURL.indexOf("file:"))){var n="getAllResponseHeaders"in d?a(d.getAllResponseHeaders()):null,r={data:e.responseType&&"text"!==e.responseType?d.response:d.responseText,status:d.status,statusText:d.statusText,headers:n,config:e,request:d};o(t,f,r),d=null}},d.onabort=function(){d&&(f(c("Request aborted",e,"ECONNABORTED",d)),d=null)},d.onerror=function(){f(c("Network Error",e,null,d)),d=null},d.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),f(c(t,e,"ECONNABORTED",d)),d=null},r.isStandardBrowserEnv()){var y=n("eqyj"),v=(e.withCredentials||u(g))&&e.xsrfCookieName?y.read(e.xsrfCookieName):void 0;v&&(l[e.xsrfHeaderName]=v)}if("setRequestHeader"in d&&r.forEach(l,(function(e,t){void 0===p&&"content-type"===t.toLowerCase()?delete l[t]:d.setRequestHeader(t,e)})),r.isUndefined(e.withCredentials)||(d.withCredentials=!!e.withCredentials),e.responseType)try{d.responseType=e.responseType}catch(t){if("json"!==e.responseType)throw t}"function"==typeof e.onDownloadProgress&&d.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&d.upload&&d.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then((function(e){d&&(d.abort(),f(e),d=null)})),void 0===p&&(p=null),d.send(p)}))}},u4Xs:function(e,t,n){"use strict";var r=n("OK2l"),o=n("2EnR"),i=n("uRxV");function s(e,t,n,r){return{isValid:e,isPotentiallyValid:t,month:n,year:r}}e.exports=function(e,t){var n,a,u,c;if("string"==typeof e)e=e.replace(/^(\d\d) (\d\d(\d\d)?)$/,"$1/$2"),n=r(e);else{if(null===e||"object"!=typeof e)return s(!1,!1,null,null);n={month:String(e.month),year:String(e.year)}}if(a=o(n.month),u=i(n.year,t),a.isValid){if(u.isCurrentYear)return s(c=a.isValidForThisYear,c,n.month,n.year);if(u.isValid)return s(!0,!0,n.month,n.year)}return a.isPotentiallyValid&&u.isPotentiallyValid?s(!1,!0,null,null):s(!1,!1,null,null)}},uRxV:function(e,t,n){"use strict";function r(e,t,n){return{isValid:e,isPotentiallyValid:t,isCurrentYear:n||!1}}e.exports=function(e,t){var n,o,i,s,a;return t=t||19,"string"!=typeof e?r(!1,!1):""===e.replace(/\s/g,"")?r(!1,!0):/^\d*$/.test(e)?(o=e.length)<2?r(!1,!0):(n=(new Date).getFullYear(),3===o?r(!1,e.slice(0,2)===String(n).slice(0,2)):o>4?r(!1,!1):(e=parseInt(e,10),i=Number(String(n).substr(2,2)),2===o?(a=i===e,s=e>=i&&e<=i+t):4===o&&(a=n===e,s=e>=n&&e<=n+t),r(s,s,a))):r(!1,!1)}},uVg8:function(e,t,n){"use strict";var r=n("RGrI"),o=n("RABH");e.exports=function(e,t,n){var i,s,a,u;for(i=0;i<t.patterns.length;i++)if(s=t.patterns[i],o(e,s)){u=r(t),a=Array.isArray(s)?String(s[0]).length:String(s).length,e.length>=a&&(u.matchStrength=a),n.push(u);break}}},vDqi:function(e,t,n){e.exports=n("zuR4")},w0Vi:function(e,t,n){"use strict";var r=n("xTJ+"),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,n,i,s={};return e?(r.forEach(e.split("\n"),(function(e){if(i=e.indexOf(":"),t=r.trim(e.substr(0,i)).toLowerCase(),n=r.trim(e.substr(i+1)),t){if(s[t]&&o.indexOf(t)>=0)return;s[t]="set-cookie"===t?(s[t]?s[t]:[]).concat([n]):s[t]?s[t]+", "+n:n}})),s):s}},xAGQ:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t,n){return r.forEach(n,(function(n){e=n(e,t)})),e}},"xTJ+":function(e,t,n){"use strict";var r=n("HSsa"),o=Object.prototype.toString;function i(e){return"[object Array]"===o.call(e)}function s(e){return void 0===e}function a(e){return null!==e&&"object"==typeof e}function u(e){return"[object Function]"===o.call(e)}function c(e,t){if(null!=e)if("object"!=typeof e&&(e=[e]),i(e))for(var n=0,r=e.length;n<r;n++)t.call(null,e[n],n,e);else for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.call(null,e[o],o,e)}e.exports={isArray:i,isArrayBuffer:function(e){return"[object ArrayBuffer]"===o.call(e)},isBuffer:function(e){return null!==e&&!s(e)&&null!==e.constructor&&!s(e.constructor)&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)},isFormData:function(e){return"undefined"!=typeof FormData&&e instanceof FormData},isArrayBufferView:function(e){return"undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer},isString:function(e){return"string"==typeof e},isNumber:function(e){return"number"==typeof e},isObject:a,isUndefined:s,isDate:function(e){return"[object Date]"===o.call(e)},isFile:function(e){return"[object File]"===o.call(e)},isBlob:function(e){return"[object Blob]"===o.call(e)},isFunction:u,isStream:function(e){return a(e)&&u(e.pipe)},isURLSearchParams:function(e){return"undefined"!=typeof URLSearchParams&&e instanceof URLSearchParams},isStandardBrowserEnv:function(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&("undefined"!=typeof window&&"undefined"!=typeof document)},forEach:c,merge:function e(){var t={};function n(n,r){"object"==typeof t[r]&&"object"==typeof n?t[r]=e(t[r],n):t[r]=n}for(var r=0,o=arguments.length;r<o;r++)c(arguments[r],n);return t},deepMerge:function e(){var t={};function n(n,r){"object"==typeof t[r]&&"object"==typeof n?t[r]=e(t[r],n):t[r]="object"==typeof n?e({},n):n}for(var r=0,o=arguments.length;r<o;r++)c(arguments[r],n);return t},extend:function(e,t,n){return c(t,(function(t,o){e[o]=n&&"function"==typeof t?r(t,n):t})),e},trim:function(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")}}},yK9s:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t){r.forEach(e,(function(n,r){r!==t&&r.toUpperCase()===t.toUpperCase()&&(e[t]=n,delete e[r])}))}},zuR4:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("HSsa"),i=n("CgaS"),s=n("SntB");function a(e){var t=new i(e),n=o(i.prototype.request,t);return r.extend(n,i.prototype,t),r.extend(n,t),n}var u=a(n("JEQr"));u.Axios=i,u.create=function(e){return a(s(u.defaults,e))},u.Cancel=n("endd"),u.CancelToken=n("jfS+"),u.isCancel=n("Lmem"),u.all=function(e){return Promise.all(e)},u.spread=n("DfZB"),e.exports=u,e.exports.default=u}});
\ No newline at end of file
diff --git a/public/js/clients/invoices/action-selectors.js b/public/js/clients/invoices/action-selectors.js
index 3dec98e677..7776f8f5f3 100644
--- a/public/js/clients/invoices/action-selectors.js
+++ b/public/js/clients/invoices/action-selectors.js
@@ -1,240 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 5);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/invoices/action-selectors.js":
-/*!***********************************************************!*\
-  !*** ./resources/js/clients/invoices/action-selectors.js ***!
-  \***********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var ActionSelectors = /*#__PURE__*/function () {
-  function ActionSelectors() {
-    _classCallCheck(this, ActionSelectors);
-
-    this.parentElement = document.querySelector('.form-check-parent');
-    this.parentForm = document.getElementById('bulkActions');
-  }
-
-  _createClass(ActionSelectors, [{
-    key: "watchCheckboxes",
-    value: function watchCheckboxes(parentElement) {
-      var _this = this;
-
-      document.querySelectorAll('.child-hidden-input').forEach(function (element) {
-        return element.remove();
-      });
-      document.querySelectorAll('.form-check-child').forEach(function (child) {
-        if (parentElement.checked) {
-          child.checked = parentElement.checked;
-
-          _this.processChildItem(child, document.getElementById('bulkActions'));
-        } else {
-          child.checked = false;
-          document.querySelectorAll('.child-hidden-input').forEach(function (element) {
-            return element.remove();
-          });
-        }
-      });
-    }
-  }, {
-    key: "processChildItem",
-    value: function processChildItem(element, parent) {
-      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-      if (options.hasOwnProperty('single')) {
-        document.querySelectorAll('.child-hidden-input').forEach(function (element) {
-          return element.remove();
-        });
-      }
-
-      if (element.checked === false) {
-        var inputs = document.querySelectorAll('input.child-hidden-input');
-
-        var _iterator = _createForOfIteratorHelper(inputs),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var i = _step.value;
-            if (i.value == element.dataset.value) i.remove();
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-
-        return;
-      }
-
-      var _temp = document.createElement('INPUT');
-
-      _temp.setAttribute('name', 'invoices[]');
-
-      _temp.setAttribute('value', element.dataset.value);
-
-      _temp.setAttribute('class', 'child-hidden-input');
-
-      _temp.hidden = true;
-      parent.append(_temp);
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this2 = this;
-
-      this.parentElement.addEventListener('click', function () {
-        _this2.watchCheckboxes(_this2.parentElement);
-      });
-
-      var _iterator2 = _createForOfIteratorHelper(document.querySelectorAll('.form-check-child')),
-          _step2;
-
-      try {
-        var _loop = function _loop() {
-          var child = _step2.value;
-          child.addEventListener('click', function () {
-            _this2.processChildItem(child, _this2.parentForm);
-          });
-        };
-
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          _loop();
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
-      }
-    }
-  }]);
-
-  return ActionSelectors;
-}();
-/** @handle **/
-
-
-new ActionSelectors().handle();
-
-/***/ }),
-
-/***/ 5:
-/*!*****************************************************************!*\
-  !*** multi ./resources/js/clients/invoices/action-selectors.js ***!
-  \*****************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/invoices/action-selectors.js */"./resources/js/clients/invoices/action-selectors.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see action-selectors.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=5)}({5:function(e,t,n){e.exports=n("Boob")},Boob:function(e,t){function n(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,c=function(){};return{s:c,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:c}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var u,i=!0,l=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return i=e.done,e},e:function(e){l=!0,u=e},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw u}}}}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.parentElement=document.querySelector(".form-check-parent"),this.parentForm=document.getElementById("bulkActions")}var t,r,c;return t=e,(r=[{key:"watchCheckboxes",value:function(e){var t=this;document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})),document.querySelectorAll(".form-check-child").forEach((function(n){e.checked?(n.checked=e.checked,t.processChildItem(n,document.getElementById("bulkActions"))):(n.checked=!1,document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})))}))}},{key:"processChildItem",value:function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(r.hasOwnProperty("single")&&document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})),!1!==e.checked){var o=document.createElement("INPUT");o.setAttribute("name","invoices[]"),o.setAttribute("value",e.dataset.value),o.setAttribute("class","child-hidden-input"),o.hidden=!0,t.append(o)}else{var c,u=document.querySelectorAll("input.child-hidden-input"),i=n(u);try{for(i.s();!(c=i.n()).done;){var l=c.value;l.value==e.dataset.value&&l.remove()}}catch(e){i.e(e)}finally{i.f()}}}},{key:"handle",value:function(){var e=this;this.parentElement.addEventListener("click",(function(){e.watchCheckboxes(e.parentElement)}));var t,r=n(document.querySelectorAll(".form-check-child"));try{var o=function(){var n=t.value;n.addEventListener("click",(function(){e.processChildItem(n,e.parentForm)}))};for(r.s();!(t=r.n()).done;)o()}catch(e){r.e(e)}finally{r.f()}}}])&&o(t.prototype,r),c&&o(t,c),e}())).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/invoices/payment.js b/public/js/clients/invoices/payment.js
index cca0ec3284..b4794be14b 100644
--- a/public/js/clients/invoices/payment.js
+++ b/public/js/clients/invoices/payment.js
@@ -1,219 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 6);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/invoices/payment.js":
-/*!**************************************************!*\
-  !*** ./resources/js/clients/invoices/payment.js ***!
-  \**************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var Payment = /*#__PURE__*/function () {
-  function Payment(displayTerms, displaySignature) {
-    _classCallCheck(this, Payment);
-
-    this.shouldDisplayTerms = displayTerms;
-    this.shouldDisplaySignature = displaySignature;
-    this.termsAccepted = false;
-  }
-
-  _createClass(Payment, [{
-    key: "handleMethodSelect",
-    value: function handleMethodSelect(element) {
-      var _this = this;
-
-      document.getElementById("company_gateway_id").value = element.dataset.companyGatewayId;
-      document.getElementById("payment_method_id").value = element.dataset.gatewayTypeId;
-
-      if (this.shouldDisplaySignature && !this.shouldDisplayTerms) {
-        this.displayTerms();
-        document.getElementById("accept-terms-button").addEventListener("click", function () {
-          _this.termsAccepted = true;
-
-          _this.submitForm();
-        });
-      }
-
-      if (!this.shouldDisplaySignature && this.shouldDisplayTerms) {
-        this.displaySignature();
-        document.getElementById("signature-next-step").addEventListener("click", function () {
-          document.querySelector('input[name="signature"').value = _this.signaturePad.toDataURL();
-
-          _this.submitForm();
-        });
-      }
-
-      if (this.shouldDisplaySignature && this.shouldDisplayTerms) {
-        this.displaySignature();
-        document.getElementById("signature-next-step").addEventListener("click", function () {
-          _this.displayTerms();
-
-          document.getElementById("accept-terms-button").addEventListener("click", function () {
-            document.querySelector('input[name="signature"').value = _this.signaturePad.toDataURL();
-            _this.termsAccepted = true;
-
-            _this.submitForm();
-          });
-        });
-      }
-
-      if (!this.shouldDisplaySignature && !this.shouldDisplayTerms) {
-        this.submitForm();
-      }
-    }
-  }, {
-    key: "submitForm",
-    value: function submitForm() {
-      document.getElementById("payment-form").submit();
-    }
-  }, {
-    key: "displayTerms",
-    value: function displayTerms() {
-      var displayTermsModal = document.getElementById("displayTermsModal");
-      displayTermsModal.removeAttribute("style");
-    }
-  }, {
-    key: "displaySignature",
-    value: function displaySignature() {
-      var displaySignatureModal = document.getElementById("displaySignatureModal");
-      displaySignatureModal.removeAttribute("style");
-      var signaturePad = new SignaturePad(document.getElementById("signature-pad"), {
-        penColor: "rgb(0, 0, 0)"
-      });
-      this.signaturePad = signaturePad;
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this2 = this;
-
-      document.querySelectorAll(".dropdown-gateway-button").forEach(function (element) {
-        element.addEventListener("click", function () {
-          return _this2.handleMethodSelect(element);
-        });
-      });
-    }
-  }]);
-
-  return Payment;
-}();
-
-var signature = document.querySelector('meta[name="require-invoice-signature"]').content;
-var terms = document.querySelector('meta[name="show-invoice-terms"]').content;
-new Payment(Boolean(+signature), Boolean(+terms)).handle();
-
-/***/ }),
-
-/***/ 6:
-/*!********************************************************!*\
-  !*** multi ./resources/js/clients/invoices/payment.js ***!
-  \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/invoices/payment.js */"./resources/js/clients/invoices/payment.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see payment.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=6)}({6:function(e,t,n){e.exports=n("FuOr")},FuOr:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var r=function(){function e(t,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.shouldDisplayTerms=t,this.shouldDisplaySignature=n,this.termsAccepted=!1}var t,r,i;return t=e,(r=[{key:"handleMethodSelect",value:function(e){var t=this;document.getElementById("company_gateway_id").value=e.dataset.companyGatewayId,document.getElementById("payment_method_id").value=e.dataset.gatewayTypeId,this.shouldDisplaySignature&&!this.shouldDisplayTerms&&(this.displayTerms(),document.getElementById("accept-terms-button").addEventListener("click",(function(){t.termsAccepted=!0,t.submitForm()}))),!this.shouldDisplaySignature&&this.shouldDisplayTerms&&(this.displaySignature(),document.getElementById("signature-next-step").addEventListener("click",(function(){document.querySelector('input[name="signature"').value=t.signaturePad.toDataURL(),t.submitForm()}))),this.shouldDisplaySignature&&this.shouldDisplayTerms&&(this.displaySignature(),document.getElementById("signature-next-step").addEventListener("click",(function(){t.displayTerms(),document.getElementById("accept-terms-button").addEventListener("click",(function(){document.querySelector('input[name="signature"').value=t.signaturePad.toDataURL(),t.termsAccepted=!0,t.submitForm()}))}))),this.shouldDisplaySignature||this.shouldDisplayTerms||this.submitForm()}},{key:"submitForm",value:function(){document.getElementById("payment-form").submit()}},{key:"displayTerms",value:function(){document.getElementById("displayTermsModal").removeAttribute("style")}},{key:"displaySignature",value:function(){document.getElementById("displaySignatureModal").removeAttribute("style");var e=new SignaturePad(document.getElementById("signature-pad"),{penColor:"rgb(0, 0, 0)"});this.signaturePad=e}},{key:"handle",value:function(){var e=this;document.querySelectorAll(".dropdown-gateway-button").forEach((function(t){t.addEventListener("click",(function(){return e.handleMethodSelect(t)}))}))}}])&&n(t.prototype,r),i&&n(t,i),e}(),i=document.querySelector('meta[name="require-invoice-signature"]').content,u=document.querySelector('meta[name="show-invoice-terms"]').content;new r(Boolean(+i),Boolean(+u)).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payment_methods/authorize-ach.js b/public/js/clients/payment_methods/authorize-ach.js
index dfc6845ba5..5c793190ea 100644
--- a/public/js/clients/payment_methods/authorize-ach.js
+++ b/public/js/clients/payment_methods/authorize-ach.js
@@ -1,194 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 4);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payment_methods/authorize-ach.js":
-/*!***************************************************************!*\
-  !*** ./resources/js/clients/payment_methods/authorize-ach.js ***!
-  \***************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var AuthorizeACH = /*#__PURE__*/function () {
-  function AuthorizeACH() {
-    var _this = this;
-
-    _classCallCheck(this, AuthorizeACH);
-
-    _defineProperty(this, "setupStripe", function () {
-      _this.stripe = Stripe(_this.key);
-      return _this;
-    });
-
-    _defineProperty(this, "getFormData", function () {
-      return {
-        country: document.getElementById('country').value,
-        currency: document.getElementById('currency').value,
-        routing_number: document.getElementById('routing-number').value,
-        account_number: document.getElementById('account-number').value,
-        account_holder_name: document.getElementById('account-holder-name').value,
-        account_holder_type: document.querySelector('input[name="account-holder-type"]:checked').value
-      };
-    });
-
-    _defineProperty(this, "handleError", function (message) {
-      _this.errors.textContent = '';
-      _this.errors.textContent = message;
-      _this.errors.hidden = false;
-    });
-
-    _defineProperty(this, "handleSuccess", function (response) {
-      document.getElementById('gateway_response').value = JSON.stringify(response);
-      document.getElementById('server_response').submit();
-    });
-
-    _defineProperty(this, "handleSubmit", function (e) {
-      e.preventDefault();
-      _this.errors.textContent = '';
-      _this.errors.hidden = true;
-
-      _this.stripe.createToken('bank_account', _this.getFormData()).then(function (result) {
-        if (result.hasOwnProperty('error')) {
-          return _this.handleError(result.error.message);
-        }
-
-        return _this.handleSuccess(result);
-      });
-    });
-
-    this.errors = document.getElementById('errors');
-    this.key = document.querySelector('meta[name="stripe-publishable-key"]').content;
-  }
-
-  _createClass(AuthorizeACH, [{
-    key: "handle",
-    value: function handle() {
-      var _this2 = this;
-
-      document.getElementById('token-form').addEventListener('submit', function (e) {
-        return _this2.handleSubmit(e);
-      });
-    }
-  }]);
-
-  return AuthorizeACH;
-}();
-
-new AuthorizeACH().setupStripe().handle();
-
-/***/ }),
-
-/***/ 4:
-/*!*********************************************************************!*\
-  !*** multi ./resources/js/clients/payment_methods/authorize-ach.js ***!
-  \*********************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/payment_methods/authorize-ach.js */"./resources/js/clients/payment_methods/authorize-ach.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see authorize-ach.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=4)}({4:function(e,t,n){e.exports=n("UWWK")},UWWK:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}(new(function(){function e(){var t=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),r(this,"setupStripe",(function(){return t.stripe=Stripe(t.key),t})),r(this,"getFormData",(function(){return{country:document.getElementById("country").value,currency:document.getElementById("currency").value,routing_number:document.getElementById("routing-number").value,account_number:document.getElementById("account-number").value,account_holder_name:document.getElementById("account-holder-name").value,account_holder_type:document.querySelector('input[name="account-holder-type"]:checked').value}})),r(this,"handleError",(function(e){processingOverlay(!1),document.getElementById("save-button").disabled=!1,t.errors.textContent="",t.errors.textContent=e,t.errors.hidden=!1})),r(this,"handleSuccess",(function(e){document.getElementById("gateway_response").value=JSON.stringify(e),document.getElementById("server_response").submit()})),r(this,"handleSubmit",(function(e){processingOverlay(!0),document.getElementById("save-button").disabled=!0,e.preventDefault(),t.errors.textContent="",t.errors.hidden=!0,t.stripe.createToken("bank_account",t.getFormData()).then((function(e){return e.hasOwnProperty("error")?t.handleError(e.error.message):t.handleSuccess(e)}))})),this.errors=document.getElementById("errors"),this.key=document.querySelector('meta[name="stripe-publishable-key"]').content}var t,o,u;return t=e,(o=[{key:"handle",value:function(){var e=this;document.getElementById("token-form").addEventListener("submit",(function(t){return e.handleSubmit(t)}))}}])&&n(t.prototype,o),u&&n(t,u),e}())).setupStripe().handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payment_methods/authorize-authorize-card.js b/public/js/clients/payment_methods/authorize-authorize-card.js
index 3b85ee87d6..0df669339c 100644
--- a/public/js/clients/payment_methods/authorize-authorize-card.js
+++ b/public/js/clients/payment_methods/authorize-authorize-card.js
@@ -1,198 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 2);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payment_methods/authorize-authorize-card.js":
-/*!**************************************************************************!*\
-  !*** ./resources/js/clients/payment_methods/authorize-authorize-card.js ***!
-  \**************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var AuthorizeAuthorizeCard = /*#__PURE__*/function () {
-  function AuthorizeAuthorizeCard(publicKey, loginId) {
-    _classCallCheck(this, AuthorizeAuthorizeCard);
-
-    this.publicKey = publicKey;
-    this.loginId = loginId;
-    this.cardHolderName = document.getElementById("cardholder_name");
-    this.cardButton = document.getElementById("card_button");
-  }
-
-  _createClass(AuthorizeAuthorizeCard, [{
-    key: "handleAuthorization",
-    value: function handleAuthorization() {
-      var myCard = $('#my-card');
-      var authData = {};
-      authData.clientKey = this.publicKey;
-      authData.apiLoginID = this.loginId;
-      var cardData = {};
-      cardData.cardNumber = myCard.CardJs('cardNumber');
-      cardData.month = myCard.CardJs('expiryMonth');
-      cardData.year = myCard.CardJs('expiryYear');
-      ;
-      cardData.cardCode = document.getElementById("cvv").value;
-      var secureData = {};
-      secureData.authData = authData;
-      secureData.cardData = cardData;
-      Accept.dispatchData(secureData, this.responseHandler);
-      return false;
-    }
-  }, {
-    key: "responseHandler",
-    value: function responseHandler(response) {
-      if (response.messages.resultCode === "Error") {
-        var i = 0;
-
-        while (i < response.messages.message.length) {
-          console.log(response.messages.message[i].code + ": " + response.messages.message[i].text);
-          i = i + 1;
-        }
-      } else if (response.messages.resultCode === "Ok") {
-        document.getElementById("dataDescriptor").value = response.opaqueData.dataDescriptor;
-        document.getElementById("dataValue").value = response.opaqueData.dataValue;
-        document.getElementById("server_response").submit();
-      }
-
-      return false;
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this = this;
-
-      //this.handleFormValidation();
-      // At this point as an small API you can request this.form.valid to check if input elements are valid.
-      // Note: this.form.valid will not handle empty fields.
-      this.cardButton.addEventListener("click", function () {
-        _this.cardButton.disabled = !_this.cardButton.disabled;
-
-        _this.handleAuthorization();
-      });
-      return this;
-    }
-  }]);
-
-  return AuthorizeAuthorizeCard;
-}();
-
-var publicKey = document.querySelector('meta[name="authorize-public-key"]').content;
-var loginId = document.querySelector('meta[name="authorize-login-id"]').content;
-/** @handle */
-
-new AuthorizeAuthorizeCard(publicKey, loginId).handle();
-
-/***/ }),
-
-/***/ 2:
-/*!********************************************************************************!*\
-  !*** multi ./resources/js/clients/payment_methods/authorize-authorize-card.js ***!
-  \********************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/payment_methods/authorize-authorize-card.js */"./resources/js/clients/payment_methods/authorize-authorize-card.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see authorize-authorize-card.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=2)}({2:function(e,t,n){e.exports=n("6vDv")},"6vDv":function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}new(function(){function e(t,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.publicKey=t,this.loginId=n,this.cardHolderName=document.getElementById("cardholder_name"),this.cardButton=document.getElementById("card_button")}var t,r,a;return t=e,(r=[{key:"handleAuthorization",value:function(){var e=$("#my-card"),t={};t.clientKey=this.publicKey,t.apiLoginID=this.loginId;var n={};n.cardNumber=e.CardJs("cardNumber"),n.month=e.CardJs("expiryMonth"),n.year=e.CardJs("expiryYear"),n.cardCode=document.getElementById("cvv").value;var r={};return r.authData=t,r.cardData=n,processingOverlay(!0),Accept.dispatchData(r,this.responseHandler),!1}},{key:"responseHandler",value:function(e){if(processingOverlay(!1),"Error"===e.messages.resultCode)for(var t=0;t<e.messages.message.length;)console.log(e.messages.message[t].code+": "+e.messages.message[t].text),t+=1;else"Ok"===e.messages.resultCode&&(document.getElementById("dataDescriptor").value=e.opaqueData.dataDescriptor,document.getElementById("dataValue").value=e.opaqueData.dataValue,document.getElementById("server_response").submit());return!1}},{key:"handle",value:function(){var e=this;return this.cardButton.addEventListener("click",(function(){e.cardButton.disabled=!e.cardButton.disabled,e.handleAuthorization()})),this}}])&&n(t.prototype,r),a&&n(t,a),e}())(document.querySelector('meta[name="authorize-public-key"]').content,document.querySelector('meta[name="authorize-login-id"]').content).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payment_methods/authorize-stripe-card.js b/public/js/clients/payment_methods/authorize-stripe-card.js
index 8766d4ef74..ca93b02ec4 100644
--- a/public/js/clients/payment_methods/authorize-stripe-card.js
+++ b/public/js/clients/payment_methods/authorize-stripe-card.js
@@ -1,209 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 1);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payment_methods/authorize-stripe-card.js":
-/*!***********************************************************************!*\
-  !*** ./resources/js/clients/payment_methods/authorize-stripe-card.js ***!
-  \***********************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var AuthorizeStripeCard = /*#__PURE__*/function () {
-  function AuthorizeStripeCard(key) {
-    _classCallCheck(this, AuthorizeStripeCard);
-
-    this.key = key;
-    this.cardHolderName = document.getElementById("cardholder-name");
-    this.cardButton = document.getElementById("card-button");
-    this.clientSecret = this.cardButton.dataset.secret;
-  }
-
-  _createClass(AuthorizeStripeCard, [{
-    key: "setupStripe",
-    value: function setupStripe() {
-      this.stripe = Stripe(this.key);
-      this.elements = this.stripe.elements();
-      return this;
-    }
-  }, {
-    key: "createElement",
-    value: function createElement() {
-      this.cardElement = this.elements.create("card");
-      return this;
-    }
-  }, {
-    key: "mountCardElement",
-    value: function mountCardElement() {
-      this.cardElement.mount("#card-element");
-      return this;
-    }
-  }, {
-    key: "handleStripe",
-    value: function handleStripe(stripe, cardHolderName) {
-      var _this = this;
-
-      stripe.handleCardSetup(this.clientSecret, this.cardElement, {
-        payment_method_data: {
-          billing_details: {
-            name: cardHolderName.value
-          }
-        }
-      }).then(function (result) {
-        if (result.error) {
-          return _this.handleFailure(result);
-        }
-
-        return _this.handleSuccess(result);
-      });
-    }
-  }, {
-    key: "handleFailure",
-    value: function handleFailure(result) {
-      var errors = document.getElementById("errors");
-      errors.textContent = "";
-      errors.textContent = result.error.message;
-      errors.hidden = false;
-    }
-  }, {
-    key: "handleSuccess",
-    value: function handleSuccess(result) {
-      document.getElementById("gateway_response").value = JSON.stringify(result.setupIntent);
-      document.getElementById("is_default").value = document.getElementById("proxy_is_default").checked;
-      document.getElementById("server_response").submit();
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this2 = this;
-
-      this.setupStripe().createElement().mountCardElement();
-      this.cardButton.addEventListener("click", function () {
-        _this2.handleStripe(_this2.stripe, _this2.cardHolderName);
-      });
-      return this;
-    }
-  }]);
-
-  return AuthorizeStripeCard;
-}();
-
-var publishableKey = document.querySelector('meta[name="stripe-publishable-key"]').content;
-/** @handle */
-
-new AuthorizeStripeCard(publishableKey).handle();
-
-/***/ }),
-
-/***/ 1:
-/*!*****************************************************************************!*\
-  !*** multi ./resources/js/clients/payment_methods/authorize-stripe-card.js ***!
-  \*****************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/payment_methods/authorize-stripe-card.js */"./resources/js/clients/payment_methods/authorize-stripe-card.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see authorize-stripe-card.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=1)}({1:function(e,t,n){e.exports=n("jzun")},jzun:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}new(function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.key=t,this.cardHolderName=document.getElementById("cardholder-name"),this.cardButton=document.getElementById("card-button"),this.clientSecret=this.cardButton.dataset.secret}var t,r,a;return t=e,(r=[{key:"setupStripe",value:function(){return this.stripe=Stripe(this.key),this.elements=this.stripe.elements(),this}},{key:"createElement",value:function(){return this.cardElement=this.elements.create("card"),this}},{key:"mountCardElement",value:function(){return this.cardElement.mount("#card-element"),this}},{key:"handleStripe",value:function(e,t){var n=this;processingOverlay(!0),this.cardButton.disabled=!0,e.handleCardSetup(this.clientSecret,this.cardElement,{payment_method_data:{billing_details:{name:t.value}}}).then((function(e){return e.error?n.handleFailure(e):n.handleSuccess(e)}))}},{key:"handleFailure",value:function(e){processingOverlay(!1),this.cardButton.disabled=!1;var t=document.getElementById("errors");t.textContent="",t.textContent=e.error.message,t.hidden=!1}},{key:"handleSuccess",value:function(e){document.getElementById("gateway_response").value=JSON.stringify(e.setupIntent),document.getElementById("is_default").value=document.getElementById("proxy_is_default").checked,processingOverlay(!1),document.getElementById("server_response").submit()}},{key:"handle",value:function(){var e=this;return this.setupStripe().createElement().mountCardElement(),this.cardButton.addEventListener("click",(function(){e.handleStripe(e.stripe,e.cardHolderName)})),this}}])&&n(t.prototype,r),a&&n(t,a),e}())(document.querySelector('meta[name="stripe-publishable-key"]').content).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/alipay.js b/public/js/clients/payments/alipay.js
index e4c709babb..aec2169818 100644
--- a/public/js/clients/payments/alipay.js
+++ b/public/js/clients/payments/alipay.js
@@ -1,164 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 8);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/alipay.js":
-/*!*************************************************!*\
-  !*** ./resources/js/clients/payments/alipay.js ***!
-  \*************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var ProcessAlipay = function ProcessAlipay(key) {
-  var _this = this;
-
-  _classCallCheck(this, ProcessAlipay);
-
-  _defineProperty(this, "setupStripe", function () {
-    _this.stripe = Stripe(_this.key);
-    return _this;
-  });
-
-  _defineProperty(this, "handle", function () {
-    var data = {
-      type: 'alipay',
-      amount: document.querySelector('meta[name="amount"]').content,
-      currency: document.querySelector('meta[name="currency"]').content,
-      redirect: {
-        return_url: document.querySelector('meta[name="return-url"]').content
-      }
-    };
-    document.getElementById('pay-now').addEventListener('submit', function (e) {
-      e.preventDefault();
-
-      _this.stripe.createSource(data).then(function (result) {
-        if (result.hasOwnProperty('source')) {
-          return window.location = result.source.redirect.url;
-        }
-
-        this.errors.textContent = '';
-        this.errors.textContent = result.error.message;
-        this.errors.hidden = false;
-      });
-    });
-  });
-
-  this.key = key;
-  this.errors = document.getElementById('errors');
-};
-
-var publishableKey = document.querySelector('meta[name="stripe-publishable-key"]').content;
-new ProcessAlipay(publishableKey).setupStripe().handle();
-
-/***/ }),
-
-/***/ 8:
-/*!*******************************************************!*\
-  !*** multi ./resources/js/clients/payments/alipay.js ***!
-  \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/payments/alipay.js */"./resources/js/clients/payments/alipay.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see alipay.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=8)}({8:function(e,t,n){e.exports=n("HToU")},HToU:function(e,t){function n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}new function e(t){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),n(this,"setupStripe",(function(){return r.stripe=Stripe(r.key),r})),n(this,"handle",(function(){var e={type:"alipay",amount:document.querySelector('meta[name="amount"]').content,currency:document.querySelector('meta[name="currency"]').content,redirect:{return_url:document.querySelector('meta[name="return-url"]').content}};document.getElementById("pay-now").addEventListener("submit",(function(t){t.preventDefault(),processingOverlay(!0),document.getElementById("pay-now").disabled=!0,r.stripe.createSource(e).then((function(e){if(e.hasOwnProperty("source"))return window.location=e.source.redirect.url;processingOverlay(!1),document.getElementById("pay-now").disabled=!1,this.errors.textContent="",this.errors.textContent=e.error.message,this.errors.hidden=!1}))}))})),this.key=t,this.errors=document.getElementById("errors")}(document.querySelector('meta[name="stripe-publishable-key"]').content).setupStripe().handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/authorize-credit-card-payment.js b/public/js/clients/payments/authorize-credit-card-payment.js
index ea54b46833..cbbe28154c 100644
--- a/public/js/clients/payments/authorize-credit-card-payment.js
+++ b/public/js/clients/payments/authorize-credit-card-payment.js
@@ -1,239 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 3);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/authorize-credit-card-payment.js":
-/*!************************************************************************!*\
-  !*** ./resources/js/clients/payments/authorize-credit-card-payment.js ***!
-  \************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var AuthorizeAuthorizeCard = /*#__PURE__*/function () {
-  function AuthorizeAuthorizeCard(publicKey, loginId) {
-    var _this = this;
-
-    _classCallCheck(this, AuthorizeAuthorizeCard);
-
-    _defineProperty(this, "handleAuthorization", function () {
-      var myCard = $('#my-card');
-      var authData = {};
-      authData.clientKey = _this.publicKey;
-      authData.apiLoginID = _this.loginId;
-      var cardData = {};
-      cardData.cardNumber = myCard.CardJs('cardNumber');
-      cardData.month = myCard.CardJs('expiryMonth');
-      cardData.year = myCard.CardJs('expiryYear');
-      ;
-      cardData.cardCode = document.getElementById("cvv").value;
-      var secureData = {};
-      secureData.authData = authData;
-      secureData.cardData = cardData; // If using banking information instead of card information,
-      // send the bankData object instead of the cardData object.
-      //
-      // secureData.bankData = bankData;
-
-      Accept.dispatchData(secureData, _this.responseHandler);
-      return false;
-    });
-
-    _defineProperty(this, "handle", function () {
-      if (_this.cardButton) {
-        _this.cardButton.addEventListener("click", function () {
-          _this.cardButton.disabled = true;
-
-          _this.handleAuthorization();
-        });
-      }
-
-      if (_this.payNowButton) {
-        var _iterator = _createForOfIteratorHelper(_this.payNowButton),
-            _step;
-
-        try {
-          var _loop = function _loop() {
-            var item = _step.value;
-            item.addEventListener('click', function () {
-              item.disabled = true;
-
-              _this.handlePayNowAction(item.dataset.id);
-            });
-          };
-
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            _loop();
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-      }
-
-      return _this;
-    });
-
-    this.publicKey = publicKey;
-    this.loginId = loginId;
-    this.cardHolderName = document.getElementById("cardholder_name");
-    this.cardButton = document.getElementById("card_button");
-    this.payNowButton = document.getElementsByClassName("pay_now_button");
-  }
-
-  _createClass(AuthorizeAuthorizeCard, [{
-    key: "handlePayNowAction",
-    value: function handlePayNowAction(token_hashed_id) {
-      document.getElementById("token").value = token_hashed_id;
-      document.getElementById("server_response").submit();
-    }
-  }, {
-    key: "responseHandler",
-    value: function responseHandler(response) {
-      if (response.messages.resultCode === "Error") {
-        var i = 0;
-        var $errors = $('#errors'); // get the reference of the div
-
-        $errors.show().html("<p>" + response.messages.message[i].code + ": " + response.messages.message[i].text + "</p>");
-      } else if (response.messages.resultCode === "Ok") {
-        document.getElementById("dataDescriptor").value = response.opaqueData.dataDescriptor;
-        document.getElementById("dataValue").value = response.opaqueData.dataValue;
-        document.getElementById("store_card").value = document.getElementById("store_card_checkbox").checked;
-        document.getElementById("server_response").submit();
-      }
-
-      this.cardButton.disabled = false;
-      return false;
-    }
-  }]);
-
-  return AuthorizeAuthorizeCard;
-}();
-
-var publicKey = document.querySelector('meta[name="authorize-public-key"]').content;
-var loginId = document.querySelector('meta[name="authorize-login-id"]').content;
-/** @handle */
-
-new AuthorizeAuthorizeCard(publicKey, loginId).handle();
-
-/***/ }),
-
-/***/ 3:
-/*!******************************************************************************!*\
-  !*** multi ./resources/js/clients/payments/authorize-credit-card-payment.js ***!
-  \******************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/payments/authorize-credit-card-payment.js */"./resources/js/clients/payments/authorize-credit-card-payment.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see authorize-credit-card-payment.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=3)}({3:function(e,t,n){e.exports=n("hK5p")},hK5p:function(e,t){function n(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,a=function(){};return{s:a,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var u,i=!0,c=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return i=e.done,e},e:function(e){c=!0,u=e},f:function(){try{i||null==n.return||n.return()}finally{if(c)throw u}}}}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}new(function(){function e(t,r){var o=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),a(this,"handleAuthorization",(function(){var e=$("#my-card"),t={};t.clientKey=o.publicKey,t.apiLoginID=o.loginId;var n={};n.cardNumber=e.CardJs("cardNumber"),n.month=e.CardJs("expiryMonth"),n.year=e.CardJs("expiryYear"),n.cardCode=document.getElementById("cvv").value;var r={};return r.authData=t,r.cardData=n,processingOverlay(!0),Accept.dispatchData(r,o.responseHandler),!1})),a(this,"handle",(function(){if(o.cardButton&&o.cardButton.addEventListener("click",(function(){o.cardButton.disabled=!0,o.handleAuthorization()})),o.payNowButton){var e,t=n(o.payNowButton);try{var r=function(){var t=e.value;t.addEventListener("click",(function(){t.disabled=!0,o.handlePayNowAction(t.dataset.id)}))};for(t.s();!(e=t.n()).done;)r()}catch(e){t.e(e)}finally{t.f()}}return o})),this.publicKey=t,this.loginId=r,this.cardHolderName=document.getElementById("cardholder_name"),this.cardButton=document.getElementById("card_button"),this.payNowButton=document.getElementsByClassName("pay_now_button")}var t,r,u;return t=e,(r=[{key:"handlePayNowAction",value:function(e){document.getElementById("token").value=e,document.getElementById("server_response").submit()}},{key:"responseHandler",value:function(e){return processingOverlay(!1),"Error"===e.messages.resultCode?$("#errors").show().html("<p>"+e.messages.message[0].code+": "+e.messages.message[0].text+"</p>"):"Ok"===e.messages.resultCode&&(document.getElementById("dataDescriptor").value=e.opaqueData.dataDescriptor,document.getElementById("dataValue").value=e.opaqueData.dataValue,document.getElementById("store_card").value=document.getElementById("store_card_checkbox").checked,document.getElementById("server_response").submit()),this.cardButton.disabled=!1,!1}}])&&o(t.prototype,r),u&&o(t,u),e}())(document.querySelector('meta[name="authorize-public-key"]').content,document.querySelector('meta[name="authorize-login-id"]').content).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/card-js.min.js b/public/js/clients/payments/card-js.min.js
index f65ea6f36f..db1bdcb163 100644
--- a/public/js/clients/payments/card-js.min.js
+++ b/public/js/clients/payments/card-js.min.js
@@ -1,112 +1 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 14);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./node_modules/card-js/card-js.min.js":
-/*!*********************************************!*\
-  !*** ./node_modules/card-js/card-js.min.js ***!
-  \*********************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function CardJs(elem){this.elem=jQuery(elem),this.captureName=this.elem.data("capture-name")?this.elem.data("capture-name"):!1,this.iconColour=this.elem.data("icon-colour")?this.elem.data("icon-colour"):!1,this.stripe=this.elem.data("stripe")?this.elem.data("stripe"):!1,this.stripe&&(this.captureName=!1),this.initCardNumberInput(),this.initNameInput(),this.initExpiryMonthInput(),this.initExpiryYearInput(),this.initCvcInput(),this.elem.empty(),this.setupCardNumberInput(),this.setupNameInput(),this.setupExpiryInput(),this.setupCvcInput(),this.iconColour&&this.setIconColour(this.iconColour),this.refreshCreditCardTypeIcon()}!function($){var methods={init:function(){return this.data("cardjs",new CardJs(this)),this},cardNumber:function(){return this.data("cardjs").getCardNumber()},cardType:function(){return this.data("cardjs").getCardType()},name:function(){return this.data("cardjs").getName()},expiryMonth:function(){return this.data("cardjs").getExpiryMonth()},expiryYear:function(){return this.data("cardjs").getExpiryYear()},cvc:function(){return this.data("cardjs").getCvc()}};$.fn.CardJs=function(methodOrOptions){return methods[methodOrOptions]?methods[methodOrOptions].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof methodOrOptions&&methodOrOptions?void $.error("Method "+methodOrOptions+" does not exist on jQuery.CardJs"):methods.init.apply(this,arguments)}}(jQuery),$(function(){$(".card-js").each(function(i,obj){$(obj).CardJs()})}),CardJs.prototype.constructor=CardJs,CardJs.KEYS={0:48,9:57,NUMPAD_0:96,NUMPAD_9:105,DELETE:46,BACKSPACE:8,ARROW_LEFT:37,ARROW_RIGHT:39,ARROW_UP:38,ARROW_DOWN:40,HOME:36,END:35,TAB:9,A:65,X:88,C:67,V:86},CardJs.CREDIT_CARD_NUMBER_DEFAULT_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_VISA_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_MASTERCARD_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_DISCOVER_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_JCB_MASK="XXXX XXXX XXXX XXXX",CardJs.CREDIT_CARD_NUMBER_AMEX_MASK="XXXX XXXXXX XXXXX",CardJs.CREDIT_CARD_NUMBER_DINERS_MASK="XXXX XXXX XXXX XX",CardJs.prototype.creditCardNumberMask=CardJs.CREDIT_CARD_NUMBER_DEFAULT_MASK,CardJs.CREDIT_CARD_NUMBER_PLACEHOLDER="Card number",CardJs.NAME_PLACEHOLDER="Name on card",CardJs.EXPIRY_MASK="XX / XX",CardJs.EXPIRY_PLACEHOLDER="MM / YY",CardJs.EXPIRY_USE_DROPDOWNS=!1,CardJs.EXPIRY_NUMBER_OF_YEARS=10,CardJs.CVC_MASK_3="XXX",CardJs.CVC_MASK_4="XXXX",CardJs.CVC_PLACEHOLDER="CVC",CardJs.CREDIT_CARD_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M182.385,14.258c-2.553-2.553-5.621-3.829-9.205-3.829H42.821c-3.585,0-6.653,1.276-9.207,3.829c-2.553,2.553-3.829,5.621-3.829,9.206v99.071c0,3.585,1.276,6.654,3.829,9.207c2.554,2.553,5.622,3.829,9.207,3.829H173.18c3.584,0,6.652-1.276,9.205-3.829s3.83-5.622,3.83-9.207V23.464C186.215,19.879,184.938,16.811,182.385,14.258z M175.785,122.536c0,0.707-0.258,1.317-0.773,1.834c-0.516,0.515-1.127,0.772-1.832,0.772H42.821c-0.706,0-1.317-0.258-1.833-0.773c-0.516-0.518-0.774-1.127-0.774-1.834V73h135.571V122.536z M175.785,41.713H40.214v-18.25c0-0.706,0.257-1.316,0.774-1.833c0.516-0.515,1.127-0.773,1.833-0.773H173.18c0.705,0,1.316,0.257,1.832,0.773c0.516,0.517,0.773,1.127,0.773,1.833V41.713z"/><rect class="svg" x="50.643" y="104.285" width="20.857" height="10.429"/><rect class="svg" x="81.929" y="104.285" width="31.286" height="10.429"/></g></svg>',CardJs.LOCK_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M152.646,70.067c-1.521-1.521-3.367-2.281-5.541-2.281H144.5V52.142c0-9.994-3.585-18.575-10.754-25.745c-7.17-7.17-15.751-10.755-25.746-10.755s-18.577,3.585-25.746,10.755C75.084,33.567,71.5,42.148,71.5,52.142v15.644h-2.607c-2.172,0-4.019,0.76-5.54,2.281c-1.521,1.52-2.281,3.367-2.281,5.541v46.929c0,2.172,0.76,4.019,2.281,5.54c1.521,1.52,3.368,2.281,5.54,2.281h78.214c2.174,0,4.02-0.76,5.541-2.281c1.52-1.521,2.281-3.368,2.281-5.54V75.607C154.93,73.435,154.168,71.588,152.646,70.067z M128.857,67.786H87.143V52.142c0-5.757,2.037-10.673,6.111-14.746c4.074-4.074,8.989-6.11,14.747-6.11s10.673,2.036,14.746,6.11c4.073,4.073,6.11,8.989,6.11,14.746V67.786z"/></svg>',CardJs.CALENDAR_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M172.691,23.953c-2.062-2.064-4.508-3.096-7.332-3.096h-10.428v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.554-2.553-5.621-3.83-9.207-3.83h-5.213c-3.586,0-6.654,1.277-9.207,3.83c-2.554,2.553-3.83,5.622-3.83,9.206v7.822H92.359v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.553-2.553-5.622-3.83-9.207-3.83h-5.214c-3.585,0-6.654,1.277-9.207,3.83c-2.553,2.553-3.83,5.622-3.83,9.206v7.822H50.643c-2.825,0-5.269,1.032-7.333,3.096s-3.096,4.509-3.096,7.333v104.287c0,2.823,1.032,5.267,3.096,7.332c2.064,2.064,4.508,3.096,7.333,3.096h114.714c2.824,0,5.27-1.032,7.332-3.096c2.064-2.064,3.096-4.509,3.096-7.332V31.286C175.785,28.461,174.754,26.017,172.691,23.953z M134.073,13.036c0-0.761,0.243-1.386,0.731-1.874c0.488-0.488,1.113-0.733,1.875-0.733h5.213c0.762,0,1.385,0.244,1.875,0.733c0.488,0.489,0.732,1.114,0.732,1.874V36.5c0,0.761-0.244,1.385-0.732,1.874c-0.49,0.488-1.113,0.733-1.875,0.733h-5.213c-0.762,0-1.387-0.244-1.875-0.733s-0.731-1.113-0.731-1.874V13.036z M71.501,13.036c0-0.761,0.244-1.386,0.733-1.874c0.489-0.488,1.113-0.733,1.874-0.733h5.214c0.761,0,1.386,0.244,1.874,0.733c0.488,0.489,0.733,1.114,0.733,1.874V36.5c0,0.761-0.244,1.386-0.733,1.874c-0.489,0.488-1.113,0.733-1.874,0.733h-5.214c-0.761,0-1.386-0.244-1.874-0.733c-0.488-0.489-0.733-1.113-0.733-1.874V13.036z M165.357,135.572H50.643V52.143h114.714V135.572z"/></svg>',CardJs.USER_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M107.999,73c8.638,0,16.011-3.056,22.12-9.166c6.111-6.11,9.166-13.483,9.166-22.12c0-8.636-3.055-16.009-9.166-22.12c-6.11-6.11-13.484-9.165-22.12-9.165c-8.636,0-16.01,3.055-22.12,9.165c-6.111,6.111-9.166,13.484-9.166,22.12c0,8.637,3.055,16.01,9.166,22.12C91.99,69.944,99.363,73,107.999,73z"/><path class="svg" d="M165.07,106.037c-0.191-2.743-0.571-5.703-1.141-8.881c-0.57-3.178-1.291-6.124-2.16-8.84c-0.869-2.715-2.037-5.363-3.504-7.943c-1.466-2.58-3.15-4.78-5.052-6.6s-4.223-3.272-6.965-4.358c-2.744-1.086-5.772-1.63-9.085-1.63c-0.489,0-1.63,0.584-3.422,1.752s-3.815,2.472-6.069,3.911c-2.254,1.438-5.188,2.743-8.799,3.909c-3.612,1.168-7.237,1.752-10.877,1.752c-3.639,0-7.264-0.584-10.876-1.752c-3.611-1.166-6.545-2.471-8.799-3.909c-2.254-1.439-4.277-2.743-6.069-3.911c-1.793-1.168-2.933-1.752-3.422-1.752c-3.313,0-6.341,0.544-9.084,1.63s-5.065,2.539-6.966,4.358c-1.901,1.82-3.585,4.02-5.051,6.6s-2.634,5.229-3.503,7.943c-0.869,2.716-1.589,5.662-2.159,8.84c-0.571,3.178-0.951,6.137-1.141,8.881c-0.19,2.744-0.285,5.554-0.285,8.433c0,6.517,1.983,11.664,5.948,15.439c3.965,3.774,9.234,5.661,15.806,5.661h71.208c6.572,0,11.84-1.887,15.806-5.661c3.966-3.775,5.948-8.921,5.948-15.439C165.357,111.591,165.262,108.78,165.07,106.037z"/></g></svg>',CardJs.MAIL_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M177.171,19.472c-2.553-2.553-5.622-3.829-9.206-3.829H48.036c-3.585,0-6.654,1.276-9.207,3.829C36.276,22.025,35,25.094,35,28.679v88.644c0,3.585,1.276,6.652,3.829,9.205c2.553,2.555,5.622,3.83,9.207,3.83h119.929c3.584,0,6.653-1.275,9.206-3.83c2.554-2.553,3.829-5.621,3.829-9.205V28.679C181,25.094,179.725,22.025,177.171,19.472zM170.57,117.321c0,0.706-0.258,1.317-0.774,1.833s-1.127,0.773-1.832,0.773H48.035c-0.706,0-1.317-0.257-1.833-0.773c-0.516-0.516-0.774-1.127-0.774-1.833V54.75c1.738,1.955,3.612,3.748,5.622,5.377c14.557,11.189,26.126,20.368,34.708,27.538c2.77,2.336,5.024,4.155,6.762,5.459s4.087,2.62,7.047,3.951s5.744,1.995,8.351,1.995H108h0.081c2.606,0,5.392-0.664,8.351-1.995c2.961-1.331,5.311-2.647,7.049-3.951c1.737-1.304,3.992-3.123,6.762-5.459c8.582-7.17,20.15-16.349,34.707-27.538c2.01-1.629,3.885-3.422,5.621-5.377V117.321z M170.57,30.797v0.896c0,3.204-1.262,6.776-3.787,10.713c-2.525,3.938-5.256,7.075-8.188,9.41c-10.484,8.257-21.373,16.865-32.672,25.827c-0.326,0.271-1.277,1.073-2.852,2.403c-1.574,1.331-2.824,2.351-3.748,3.056c-0.924,0.707-2.131,1.562-3.625,2.566s-2.865,1.752-4.114,2.24s-2.417,0.732-3.503,0.732H108h-0.082c-1.086,0-2.253-0.244-3.503-0.732c-1.249-0.488-2.621-1.236-4.114-2.24c-1.493-1.004-2.702-1.859-3.625-2.566c-0.923-0.705-2.173-1.725-3.748-3.056c-1.575-1.33-2.526-2.132-2.852-2.403c-11.297-8.962-22.187-17.57-32.67-25.827c-7.985-6.3-11.977-14.013-11.977-23.138c0-0.706,0.258-1.317,0.774-1.833c0.516-0.516,1.127-0.774,1.833-0.774h119.929c0.434,0.244,0.814,0.312,1.141,0.204c0.326-0.11,0.57,0.094,0.732,0.61c0.163,0.516,0.312,0.76,0.448,0.733c0.136-0.027,0.218,0.312,0.245,1.019c0.025,0.706,0.039,1.061,0.039,1.061V30.797z"/></svg>',CardJs.INFORMATION_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M97.571,41.714h20.859c1.411,0,2.633-0.516,3.666-1.548c1.031-1.031,1.547-2.254,1.547-3.666V20.857c0-1.412-0.516-2.634-1.549-3.667c-1.031-1.031-2.254-1.548-3.666-1.548H97.571c-1.412,0-2.634,0.517-3.666,1.548c-1.032,1.032-1.548,2.255-1.548,3.667V36.5c0,1.412,0.516,2.635,1.548,3.666C94.937,41.198,96.159,41.714,97.571,41.714z"/><path class="svg" d="M132.523,111.048c-1.031-1.032-2.254-1.548-3.666-1.548h-5.215V62.571c0-1.412-0.516-2.634-1.547-3.666c-1.033-1.032-2.255-1.548-3.666-1.548H87.143c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666V73c0,1.412,0.516,2.635,1.548,3.666c1.032,1.032,2.254,1.548,3.666,1.548h5.215V109.5h-5.215c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666v10.429c0,1.412,0.516,2.635,1.548,3.668c1.032,1.03,2.254,1.547,3.666,1.547h41.714c1.412,0,2.634-0.517,3.666-1.547c1.031-1.033,1.547-2.256,1.547-3.668v-10.429C134.07,113.302,133.557,112.08,132.523,111.048z"/></g></svg>',CardJs.keyCodeFromEvent=function(e){return e.which||e.keyCode},CardJs.keyIsCommandFromEvent=function(e){return e.ctrlKey||e.metaKey},CardJs.keyIsNumber=function(e){return CardJs.keyIsTopNumber(e)||CardJs.keyIsKeypadNumber(e)},CardJs.keyIsTopNumber=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return keyCode>=CardJs.KEYS[0]&&keyCode<=CardJs.KEYS[9]},CardJs.keyIsKeypadNumber=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return keyCode>=CardJs.KEYS.NUMPAD_0&&keyCode<=CardJs.KEYS.NUMPAD_9},CardJs.keyIsDelete=function(e){return CardJs.keyCodeFromEvent(e)==CardJs.KEYS.DELETE},CardJs.keyIsBackspace=function(e){return CardJs.keyCodeFromEvent(e)==CardJs.KEYS.BACKSPACE},CardJs.keyIsDeletion=function(e){return CardJs.keyIsDelete(e)||CardJs.keyIsBackspace(e)},CardJs.keyIsArrow=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return keyCode>=CardJs.KEYS.ARROW_LEFT&&keyCode<=CardJs.KEYS.ARROW_DOWN},CardJs.keyIsNavigation=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return keyCode==CardJs.KEYS.HOME||keyCode==CardJs.KEYS.END},CardJs.keyIsKeyboardCommand=function(e){var keyCode=CardJs.keyCodeFromEvent(e);return CardJs.keyIsCommandFromEvent(e)&&(keyCode==CardJs.KEYS.A||keyCode==CardJs.KEYS.X||keyCode==CardJs.KEYS.C||keyCode==CardJs.KEYS.V)},CardJs.keyIsTab=function(e){return CardJs.keyCodeFromEvent(e)==CardJs.KEYS.TAB},CardJs.copyAllElementAttributes=function(source,destination){$.each(source[0].attributes,function(idx,attr){destination.attr(attr.nodeName,attr.nodeValue)})},CardJs.numbersOnlyString=function(string){for(var numbersOnlyString="",i=0;i<string.length;i++){var currentChar=string.charAt(i),isValid=!isNaN(parseInt(currentChar));isValid&&(numbersOnlyString+=currentChar)}return numbersOnlyString},CardJs.applyFormatMask=function(string,mask){for(var formattedString="",numberPos=0,j=0;j<mask.length;j++){var currentMaskChar=mask[j];if("X"==currentMaskChar){var digit=string.charAt(numberPos);if(!digit)break;formattedString+=string.charAt(numberPos),numberPos++}else formattedString+=currentMaskChar}return formattedString},CardJs.cardTypeFromNumber=function(number){if(re=new RegExp("^30[0-5]"),null!=number.match(re))return"Diners - Carte Blanche";if(re=new RegExp("^(30[6-9]|36|38)"),null!=number.match(re))return"Diners";if(re=new RegExp("^35(2[89]|[3-8][0-9])"),null!=number.match(re))return"JCB";if(re=new RegExp("^3[47]"),null!=number.match(re))return"AMEX";if(re=new RegExp("^(4026|417500|4508|4844|491(3|7))"),null!=number.match(re))return"Visa Electron";var re=new RegExp("^4");return null!=number.match(re)?"Visa":(re=new RegExp("^5[1-5]"),null!=number.match(re)?"Mastercard":(re=new RegExp("^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)"),null!=number.match(re)?"Discover":""))},CardJs.caretStartPosition=function(element){return"number"==typeof element.selectionStart?element.selectionStart:!1},CardJs.caretEndPosition=function(element){return"number"==typeof element.selectionEnd?element.selectionEnd:!1},CardJs.setCaretPosition=function(element,caretPos){if(null!=element)if(element.createTextRange){var range=element.createTextRange();range.move("character",caretPos),range.select()}else element.selectionStart?(element.focus(),element.setSelectionRange(caretPos,caretPos)):element.focus()},CardJs.normaliseCaretPosition=function(mask,caretPosition){var numberPos=0;if(0>caretPosition||caretPosition>mask.length)return 0;for(var i=0;i<mask.length;i++){if(i==caretPosition)return numberPos;"X"==mask[i]&&numberPos++}return numberPos},CardJs.denormaliseCaretPosition=function(mask,caretPosition){var numberPos=0;if(0>caretPosition||caretPosition>mask.length)return 0;for(var i=0;i<mask.length;i++){if(numberPos==caretPosition)return i;"X"==mask[i]&&numberPos++}return mask.length},CardJs.filterNumberOnlyKey=function(e){var isNumber=CardJs.keyIsNumber(e),isDeletion=CardJs.keyIsDeletion(e),isArrow=CardJs.keyIsArrow(e),isNavigation=CardJs.keyIsNavigation(e),isKeyboardCommand=CardJs.keyIsKeyboardCommand(e),isTab=CardJs.keyIsTab(e);isNumber||isDeletion||isArrow||isNavigation||isKeyboardCommand||isTab||e.preventDefault()},CardJs.digitFromKeyCode=function(keyCode){return keyCode>=CardJs.KEYS[0]&&keyCode<=CardJs.KEYS[9]?keyCode-CardJs.KEYS[0]:keyCode>=CardJs.KEYS.NUMPAD_0&&keyCode<=CardJs.KEYS.NUMPAD_9?keyCode-CardJs.KEYS.NUMPAD_0:null},CardJs.handleMaskedNumberInputKey=function(e,mask){CardJs.filterNumberOnlyKey(e);var keyCode=e.which||e.keyCode,element=e.target,caretStart=CardJs.caretStartPosition(element),caretEnd=CardJs.caretEndPosition(element),normalisedStartCaretPosition=CardJs.normaliseCaretPosition(mask,caretStart),normalisedEndCaretPosition=CardJs.normaliseCaretPosition(mask,caretEnd),newCaretPosition=caretStart,isNumber=CardJs.keyIsNumber(e),isDelete=CardJs.keyIsDelete(e),isBackspace=CardJs.keyIsBackspace(e);if(isNumber||isDelete||isBackspace){e.preventDefault();var rawText=$(element).val(),numbersOnly=CardJs.numbersOnlyString(rawText),digit=CardJs.digitFromKeyCode(keyCode),rangeHighlighted=normalisedEndCaretPosition>normalisedStartCaretPosition;rangeHighlighted&&(numbersOnly=numbersOnly.slice(0,normalisedStartCaretPosition)+numbersOnly.slice(normalisedEndCaretPosition)),caretStart!=mask.length&&(isNumber&&rawText.length<=mask.length&&(numbersOnly=numbersOnly.slice(0,normalisedStartCaretPosition)+digit+numbersOnly.slice(normalisedStartCaretPosition),newCaretPosition=Math.max(CardJs.denormaliseCaretPosition(mask,normalisedStartCaretPosition+1),CardJs.denormaliseCaretPosition(mask,normalisedStartCaretPosition+2)-1)),isDelete&&(numbersOnly=numbersOnly.slice(0,normalisedStartCaretPosition)+numbersOnly.slice(normalisedStartCaretPosition+1))),0!=caretStart&&isBackspace&&!rangeHighlighted&&(numbersOnly=numbersOnly.slice(0,normalisedStartCaretPosition-1)+numbersOnly.slice(normalisedStartCaretPosition),newCaretPosition=CardJs.denormaliseCaretPosition(mask,normalisedStartCaretPosition-1)),$(element).val(CardJs.applyFormatMask(numbersOnly,mask)),CardJs.setCaretPosition(element,newCaretPosition)}},CardJs.handleCreditCardNumberKey=function(e,cardMask){CardJs.handleMaskedNumberInputKey(e,cardMask)},CardJs.handleCreditCardNumberChange=function(e){},CardJs.handleExpiryKey=function(e){CardJs.handleMaskedNumberInputKey(e,CardJs.EXPIRY_MASK)},CardJs.prototype.getCardNumber=function(){return this.cardNumberInput.val()},CardJs.prototype.getCardType=function(){return CardJs.cardTypeFromNumber(this.getCardNumber())},CardJs.prototype.getName=function(){return this.nameInput.val()},CardJs.prototype.getExpiryMonth=function(){return this.expiryMonthInput.val()},CardJs.prototype.getExpiryYear=function(){return this.expiryYearInput.val()},CardJs.prototype.getCvc=function(){return this.cvcInput.val()},CardJs.prototype.setIconColour=function(colour){this.elem.find(".icon .svg").css({fill:colour})},CardJs.prototype.setIconColour=function(colour){this.elem.find(".icon .svg").css({fill:colour})},CardJs.prototype.refreshCreditCardTypeIcon=function(){this.setCardTypeIconFromNumber(CardJs.numbersOnlyString(this.cardNumberInput.val()))},CardJs.prototype.clearCardTypeIcon=function(){this.elem.find(".card-number-wrapper .card-type-icon").removeClass("show")},CardJs.prototype.setCardTypeIconAsVisa=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show visa")},CardJs.prototype.setCardTypeIconAsMasterCard=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show master-card")},CardJs.prototype.setCardTypeIconAsAmericanExpress=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show american-express")},CardJs.prototype.setCardTypeIconAsDiscover=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show discover")},CardJs.prototype.setCardTypeIconAsDiners=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show diners")},CardJs.prototype.setCardTypeIconAsJcb=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show jcb")},CardJs.prototype.setCardTypeIconFromNumber=function(number){switch(CardJs.cardTypeFromNumber(number)){case"Visa Electron":case"Visa":this.setCardTypeAsVisa();break;case"Mastercard":this.setCardTypeAsMasterCard();break;case"AMEX":this.setCardTypeAsAmericanExpress();break;case"Discover":this.setCardTypeAsDiscover();break;case"Diners - Carte Blanche":case"Diners":this.setCardTypeAsDiners();break;case"JCB":this.setCardTypeAsJcb();break;default:this.clearCardType()}},CardJs.prototype.setCardMask=function(cardMask){this.creditCardNumberMask=cardMask,this.cardNumberInput.attr("maxlength",cardMask.length)},CardJs.prototype.setCvc3=function(){this.cvcInput.attr("maxlength",CardJs.CVC_MASK_3.length)},CardJs.prototype.setCvc4=function(){this.cvcInput.attr("maxlength",CardJs.CVC_MASK_4.length)},CardJs.prototype.clearCardType=function(){this.clearCardTypeIcon(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_DEFAULT_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsVisa=function(){this.setCardTypeIconAsVisa(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_VISA_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsMasterCard=function(){this.setCardTypeIconAsMasterCard(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_MASTERCARD_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsAmericanExpress=function(){this.setCardTypeIconAsAmericanExpress(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_AMEX_MASK),this.setCvc4()},CardJs.prototype.setCardTypeAsDiscover=function(){this.setCardTypeIconAsDiscover(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_DISCOVER_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsDiners=function(){this.setCardTypeIconAsDiners(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_DINERS_MASK),this.setCvc3()},CardJs.prototype.setCardTypeAsJcb=function(){this.setCardTypeIconAsJcb(),this.setCardMask(CardJs.CREDIT_CARD_NUMBER_JCB_MASK),this.setCvc3()},CardJs.prototype.initCardNumberInput=function(){var $this=this;this.cardNumberInput=this.elem.find(".card-number"),this.cardNumberInput[0]?this.cardNumberInput.detach():this.cardNumberInput=$("<input class='card-number' />"),this.cardNumberInput.attr("type","tel"),this.cardNumberInput.attr("placeholder")||this.cardNumberInput.attr("placeholder",CardJs.CREDIT_CARD_NUMBER_PLACEHOLDER),this.cardNumberInput.attr("maxlength",this.creditCardNumberMask.length),this.cardNumberInput.attr("x-autocompletetype","cc-number"),this.cardNumberInput.attr("autocompletetype","cc-number"),this.cardNumberInput.attr("autocorrect","off"),this.cardNumberInput.attr("spellcheck","off"),this.cardNumberInput.attr("autocapitalize","off"),this.cardNumberInput.keydown(function(e){CardJs.handleCreditCardNumberKey(e,$this.creditCardNumberMask)}),this.cardNumberInput.keyup(function(e){$this.refreshCreditCardTypeIcon()}),this.cardNumberInput.change(CardJs.handleCreditCardNumberChange)},CardJs.prototype.initNameInput=function(){this.nameInput=this.elem.find(".name"),this.nameInput[0]?(this.captureName=!0,this.nameInput.detach()):this.nameInput=$("<input class='name' />"),this.nameInput.attr("placeholder")||this.nameInput.attr("placeholder",CardJs.NAME_PLACEHOLDER)},CardJs.prototype.initExpiryMonthInput=function(){this.expiryMonthInput=this.elem.find(".expiry-month"),this.expiryMonthInput[0]?this.expiryMonthInput.detach():this.expiryMonthInput=$("<input class='expiry-month' />")},CardJs.prototype.initExpiryYearInput=function(){this.expiryYearInput=this.elem.find(".expiry-year"),this.expiryYearInput[0]?this.expiryYearInput.detach():this.expiryYearInput=$("<input class='expiry-year' />")},CardJs.prototype.initCvcInput=function(){this.cvcInput=this.elem.find(".cvc"),this.cvcInput[0]?this.cvcInput.detach():this.cvcInput=$("<input class='cvc' />"),this.cvcInput.attr("type","tel"),this.cvcInput.attr("placeholder")||this.cvcInput.attr("placeholder",CardJs.CVC_PLACEHOLDER),this.cvcInput.attr("maxlength",CardJs.CVC_MASK_3.length),this.cvcInput.attr("x-autocompletetype","cc-csc"),this.cvcInput.attr("autocompletetype","cc-csc"),this.cvcInput.attr("autocorrect","off"),this.cvcInput.attr("spellcheck","off"),this.cvcInput.attr("autocapitalize","off"),this.cvcInput.keydown(CardJs.filterNumberOnlyKey)},CardJs.prototype.setupCardNumberInput=function(){this.stripe&&this.cardNumberInput.attr("data-stripe","number"),this.elem.append("<div class='card-number-wrapper'></div>");var wrapper=this.elem.find(".card-number-wrapper");wrapper.append(this.cardNumberInput),wrapper.append("<div class='card-type-icon'></div>"),wrapper.append("<div class='icon'></div>"),wrapper.find(".icon").append(CardJs.CREDIT_CARD_SVG)},CardJs.prototype.setupNameInput=function(){if(this.captureName){this.elem.append("<div class='name-wrapper'></div>");var wrapper=this.elem.find(".name-wrapper");wrapper.append(this.nameInput),wrapper.append("<div class='icon'></div>"),wrapper.find(".icon").append(CardJs.USER_SVG)}},CardJs.prototype.setupExpiryInput=function(){this.elem.append("<div class='expiry-container'><div class='expiry-wrapper'></div></div>");var expiryInput,wrapper=this.elem.find(".expiry-wrapper");if(this.EXPIRY_USE_DROPDOWNS){expiryInput=$("<div></div>");var expiryMonthNew=$("<select><option value='any' selected='' hidden=''>MM</option><option value='1'>01</option><option value='2'>02</option><option value='3'>03</option><option value='4'>04</option><option value='5'>05</option><option value='6'>06</option><option value='7'>07</option><option value='8'>08</option><option value='9'>09</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option></select>"),expiryMonthOld=this.expiryMonthInput;CardJs.copyAllElementAttributes(expiryMonthOld,expiryMonthNew),this.expiryMonthInput.remove(),this.expiryMonthInput=expiryMonthNew;for(var expiryYearNew=$("<select><option value='any' selected='' hidden=''>YY</option></select>"),currentYear=parseInt((new Date).getFullYear().toString().substring(2,4)),i=0;i<CardJs.EXPIRY_NUMBER_OF_YEARS;i++)expiryYearNew.append("<option value='"+currentYear+"'>"+currentYear+"</option>"),currentYear=(currentYear+1)%100;var expiryYearOld=this.expiryYearInput;CardJs.copyAllElementAttributes(expiryYearOld,expiryYearNew),this.expiryYearInput.remove(),this.expiryYearInput=expiryYearNew,expiryInput.append(this.expiryMonthInput),expiryInput.append(this.expiryYearInput)}else{expiryInput=$("<div></div>"),this.expiryMonthInput=$("<input type='hidden' name='expiry-month' />"),this.expiryYearInput=$("<input type='hidden' name='expiry-year' />"),this.stripe&&(this.expiryMonthInput.attr("data-stripe","exp-month"),this.expiryYearInput.attr("data-stripe","exp-year")),this.expiryMonthYearInput=$("<input class='expiry' />"),this.expiryMonthYearInput.attr("type","tel"),this.expiryMonthYearInput.attr("placeholder")||this.expiryMonthYearInput.attr("placeholder",CardJs.EXPIRY_PLACEHOLDER),this.expiryMonthYearInput.attr("maxlength",CardJs.EXPIRY_MASK.length),this.expiryMonthYearInput.attr("x-autocompletetype","cc-exp"),this.expiryMonthYearInput.attr("autocompletetype","cc-exp"),this.expiryMonthYearInput.attr("autocorrect","off"),this.expiryMonthYearInput.attr("spellcheck","off"),this.expiryMonthYearInput.attr("autocapitalize","off");var $this=this;this.expiryMonthYearInput.keydown(function(e){CardJs.handleExpiryKey(e);var val=$this.expiryMonthYearInput.val();1==val.length&&parseInt(val)>1&&CardJs.keyIsNumber(e)&&$this.expiryMonthYearInput.val(CardJs.applyFormatMask("0"+val,CardJs.EXPIRY_MASK)),$this.EXPIRY_USE_DROPDOWNS||null==$this.expiryMonthYearInput||($this.expiryMonthInput.val($this.expiryMonth()),$this.expiryYearInput.val(7==val.length?val.substr(5,2):null))}),this.expiryMonthYearInput.blur(function(e){$this.refreshExpiryMonthValidation()}),expiryInput.append(this.expiryMonthYearInput),expiryInput.append(this.expiryMonthInput),expiryInput.append(this.expiryYearInput)}wrapper.append(expiryInput),wrapper.append("<div class='icon'></div>"),wrapper.find(".icon").append(CardJs.CALENDAR_SVG)},CardJs.prototype.setupCvcInput=function(){this.stripe&&this.cvcInput.attr("data-stripe","cvc"),this.elem.append("<div class='cvc-container'><div class='cvc-wrapper'></div></div>");var wrapper=this.elem.find(".cvc-wrapper");wrapper.append(this.cvcInput),wrapper.append("<div class='icon'></div>"),wrapper.find(".icon").append(CardJs.LOCK_SVG)},CardJs.prototype.expiryMonth=function(){if(!this.EXPIRY_USE_DROPDOWNS&&null!=this.expiryMonthYearInput){var val=this.expiryMonthYearInput.val();return val.length>=2?parseInt(val.substr(0,2)):null}return null},CardJs.isValidMonth=function(expiryMonth){return expiryMonth>=1&&12>=expiryMonth},CardJs.isExpiryValid=function(month,year){var today=new Date,currentMonth=today.getMonth()+1,currentYear=""+today.getFullYear();return 2==(""+year).length&&(year=currentYear.substring(0,2)+""+year),currentMonth=parseInt(currentMonth),currentYear=parseInt(currentYear),month=parseInt(month),year=parseInt(year),CardJs.isValidMonth(month)&&(year>currentYear||year==currentYear&&month>=currentMonth)},CardJs.prototype.refreshExpiryMonthValidation=function(){CardJs.isExpiryValid(this.getExpiryMonth(),this.getExpiryYear())?this.setExpiryMonthAsValid():this.setExpiryMonthAsInvalid()},CardJs.prototype.setExpiryMonthAsValid=function(){this.EXPIRY_USE_DROPDOWNS||this.expiryMonthYearInput.parent().removeClass("has-error")},CardJs.prototype.setExpiryMonthAsInvalid=function(){this.EXPIRY_USE_DROPDOWNS||this.expiryMonthYearInput.parent().addClass("has-error")};
-
-/***/ }),
-
-/***/ 14:
-/*!***************************************************!*\
-  !*** multi ./node_modules/card-js/card-js.min.js ***!
-  \***************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/node_modules/card-js/card-js.min.js */"./node_modules/card-js/card-js.min.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+!function(t){var e={};function r(n){if(e[n])return e[n].exports;var i=e[n]={i:n,l:!1,exports:{}};return t[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}r.m=t,r.c=e,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)r.d(n,i,function(e){return t[e]}.bind(null,i));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="/",r(r.s=14)}({14:function(t,e,r){t.exports=r("tci0")},tci0:function(t,e){function r(t){this.elem=jQuery(t),this.captureName=!!this.elem.data("capture-name")&&this.elem.data("capture-name"),this.iconColour=!!this.elem.data("icon-colour")&&this.elem.data("icon-colour"),this.stripe=!!this.elem.data("stripe")&&this.elem.data("stripe"),this.stripe&&(this.captureName=!1),this.initCardNumberInput(),this.initNameInput(),this.initExpiryMonthInput(),this.initExpiryYearInput(),this.initCvcInput(),this.elem.empty(),this.setupCardNumberInput(),this.setupNameInput(),this.setupExpiryInput(),this.setupCvcInput(),this.iconColour&&this.setIconColour(this.iconColour),this.refreshCreditCardTypeIcon()}!function(t){var e={init:function(){return this.data("cardjs",new r(this)),this},cardNumber:function(){return this.data("cardjs").getCardNumber()},cardType:function(){return this.data("cardjs").getCardType()},name:function(){return this.data("cardjs").getName()},expiryMonth:function(){return this.data("cardjs").getExpiryMonth()},expiryYear:function(){return this.data("cardjs").getExpiryYear()},cvc:function(){return this.data("cardjs").getCvc()}};t.fn.CardJs=function(r){return e[r]?e[r].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof r&&r?void t.error("Method "+r+" does not exist on jQuery.CardJs"):e.init.apply(this,arguments)}}(jQuery),$((function(){$(".card-js").each((function(t,e){$(e).CardJs()}))})),r.prototype.constructor=r,r.KEYS={0:48,9:57,NUMPAD_0:96,NUMPAD_9:105,DELETE:46,BACKSPACE:8,ARROW_LEFT:37,ARROW_RIGHT:39,ARROW_UP:38,ARROW_DOWN:40,HOME:36,END:35,TAB:9,A:65,X:88,C:67,V:86},r.CREDIT_CARD_NUMBER_DEFAULT_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_VISA_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_MASTERCARD_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_DISCOVER_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_JCB_MASK="XXXX XXXX XXXX XXXX",r.CREDIT_CARD_NUMBER_AMEX_MASK="XXXX XXXXXX XXXXX",r.CREDIT_CARD_NUMBER_DINERS_MASK="XXXX XXXX XXXX XX",r.prototype.creditCardNumberMask=r.CREDIT_CARD_NUMBER_DEFAULT_MASK,r.CREDIT_CARD_NUMBER_PLACEHOLDER="Card number",r.NAME_PLACEHOLDER="Name on card",r.EXPIRY_MASK="XX / XX",r.EXPIRY_PLACEHOLDER="MM / YY",r.EXPIRY_USE_DROPDOWNS=!1,r.EXPIRY_NUMBER_OF_YEARS=10,r.CVC_MASK_3="XXX",r.CVC_MASK_4="XXXX",r.CVC_PLACEHOLDER="CVC",r.CREDIT_CARD_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M182.385,14.258c-2.553-2.553-5.621-3.829-9.205-3.829H42.821c-3.585,0-6.653,1.276-9.207,3.829c-2.553,2.553-3.829,5.621-3.829,9.206v99.071c0,3.585,1.276,6.654,3.829,9.207c2.554,2.553,5.622,3.829,9.207,3.829H173.18c3.584,0,6.652-1.276,9.205-3.829s3.83-5.622,3.83-9.207V23.464C186.215,19.879,184.938,16.811,182.385,14.258z M175.785,122.536c0,0.707-0.258,1.317-0.773,1.834c-0.516,0.515-1.127,0.772-1.832,0.772H42.821c-0.706,0-1.317-0.258-1.833-0.773c-0.516-0.518-0.774-1.127-0.774-1.834V73h135.571V122.536z M175.785,41.713H40.214v-18.25c0-0.706,0.257-1.316,0.774-1.833c0.516-0.515,1.127-0.773,1.833-0.773H173.18c0.705,0,1.316,0.257,1.832,0.773c0.516,0.517,0.773,1.127,0.773,1.833V41.713z"/><rect class="svg" x="50.643" y="104.285" width="20.857" height="10.429"/><rect class="svg" x="81.929" y="104.285" width="31.286" height="10.429"/></g></svg>',r.LOCK_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M152.646,70.067c-1.521-1.521-3.367-2.281-5.541-2.281H144.5V52.142c0-9.994-3.585-18.575-10.754-25.745c-7.17-7.17-15.751-10.755-25.746-10.755s-18.577,3.585-25.746,10.755C75.084,33.567,71.5,42.148,71.5,52.142v15.644h-2.607c-2.172,0-4.019,0.76-5.54,2.281c-1.521,1.52-2.281,3.367-2.281,5.541v46.929c0,2.172,0.76,4.019,2.281,5.54c1.521,1.52,3.368,2.281,5.54,2.281h78.214c2.174,0,4.02-0.76,5.541-2.281c1.52-1.521,2.281-3.368,2.281-5.54V75.607C154.93,73.435,154.168,71.588,152.646,70.067z M128.857,67.786H87.143V52.142c0-5.757,2.037-10.673,6.111-14.746c4.074-4.074,8.989-6.11,14.747-6.11s10.673,2.036,14.746,6.11c4.073,4.073,6.11,8.989,6.11,14.746V67.786z"/></svg>',r.CALENDAR_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M172.691,23.953c-2.062-2.064-4.508-3.096-7.332-3.096h-10.428v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.554-2.553-5.621-3.83-9.207-3.83h-5.213c-3.586,0-6.654,1.277-9.207,3.83c-2.554,2.553-3.83,5.622-3.83,9.206v7.822H92.359v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.553-2.553-5.622-3.83-9.207-3.83h-5.214c-3.585,0-6.654,1.277-9.207,3.83c-2.553,2.553-3.83,5.622-3.83,9.206v7.822H50.643c-2.825,0-5.269,1.032-7.333,3.096s-3.096,4.509-3.096,7.333v104.287c0,2.823,1.032,5.267,3.096,7.332c2.064,2.064,4.508,3.096,7.333,3.096h114.714c2.824,0,5.27-1.032,7.332-3.096c2.064-2.064,3.096-4.509,3.096-7.332V31.286C175.785,28.461,174.754,26.017,172.691,23.953z M134.073,13.036c0-0.761,0.243-1.386,0.731-1.874c0.488-0.488,1.113-0.733,1.875-0.733h5.213c0.762,0,1.385,0.244,1.875,0.733c0.488,0.489,0.732,1.114,0.732,1.874V36.5c0,0.761-0.244,1.385-0.732,1.874c-0.49,0.488-1.113,0.733-1.875,0.733h-5.213c-0.762,0-1.387-0.244-1.875-0.733s-0.731-1.113-0.731-1.874V13.036z M71.501,13.036c0-0.761,0.244-1.386,0.733-1.874c0.489-0.488,1.113-0.733,1.874-0.733h5.214c0.761,0,1.386,0.244,1.874,0.733c0.488,0.489,0.733,1.114,0.733,1.874V36.5c0,0.761-0.244,1.386-0.733,1.874c-0.489,0.488-1.113,0.733-1.874,0.733h-5.214c-0.761,0-1.386-0.244-1.874-0.733c-0.488-0.489-0.733-1.113-0.733-1.874V13.036z M165.357,135.572H50.643V52.143h114.714V135.572z"/></svg>',r.USER_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M107.999,73c8.638,0,16.011-3.056,22.12-9.166c6.111-6.11,9.166-13.483,9.166-22.12c0-8.636-3.055-16.009-9.166-22.12c-6.11-6.11-13.484-9.165-22.12-9.165c-8.636,0-16.01,3.055-22.12,9.165c-6.111,6.111-9.166,13.484-9.166,22.12c0,8.637,3.055,16.01,9.166,22.12C91.99,69.944,99.363,73,107.999,73z"/><path class="svg" d="M165.07,106.037c-0.191-2.743-0.571-5.703-1.141-8.881c-0.57-3.178-1.291-6.124-2.16-8.84c-0.869-2.715-2.037-5.363-3.504-7.943c-1.466-2.58-3.15-4.78-5.052-6.6s-4.223-3.272-6.965-4.358c-2.744-1.086-5.772-1.63-9.085-1.63c-0.489,0-1.63,0.584-3.422,1.752s-3.815,2.472-6.069,3.911c-2.254,1.438-5.188,2.743-8.799,3.909c-3.612,1.168-7.237,1.752-10.877,1.752c-3.639,0-7.264-0.584-10.876-1.752c-3.611-1.166-6.545-2.471-8.799-3.909c-2.254-1.439-4.277-2.743-6.069-3.911c-1.793-1.168-2.933-1.752-3.422-1.752c-3.313,0-6.341,0.544-9.084,1.63s-5.065,2.539-6.966,4.358c-1.901,1.82-3.585,4.02-5.051,6.6s-2.634,5.229-3.503,7.943c-0.869,2.716-1.589,5.662-2.159,8.84c-0.571,3.178-0.951,6.137-1.141,8.881c-0.19,2.744-0.285,5.554-0.285,8.433c0,6.517,1.983,11.664,5.948,15.439c3.965,3.774,9.234,5.661,15.806,5.661h71.208c6.572,0,11.84-1.887,15.806-5.661c3.966-3.775,5.948-8.921,5.948-15.439C165.357,111.591,165.262,108.78,165.07,106.037z"/></g></svg>',r.MAIL_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M177.171,19.472c-2.553-2.553-5.622-3.829-9.206-3.829H48.036c-3.585,0-6.654,1.276-9.207,3.829C36.276,22.025,35,25.094,35,28.679v88.644c0,3.585,1.276,6.652,3.829,9.205c2.553,2.555,5.622,3.83,9.207,3.83h119.929c3.584,0,6.653-1.275,9.206-3.83c2.554-2.553,3.829-5.621,3.829-9.205V28.679C181,25.094,179.725,22.025,177.171,19.472zM170.57,117.321c0,0.706-0.258,1.317-0.774,1.833s-1.127,0.773-1.832,0.773H48.035c-0.706,0-1.317-0.257-1.833-0.773c-0.516-0.516-0.774-1.127-0.774-1.833V54.75c1.738,1.955,3.612,3.748,5.622,5.377c14.557,11.189,26.126,20.368,34.708,27.538c2.77,2.336,5.024,4.155,6.762,5.459s4.087,2.62,7.047,3.951s5.744,1.995,8.351,1.995H108h0.081c2.606,0,5.392-0.664,8.351-1.995c2.961-1.331,5.311-2.647,7.049-3.951c1.737-1.304,3.992-3.123,6.762-5.459c8.582-7.17,20.15-16.349,34.707-27.538c2.01-1.629,3.885-3.422,5.621-5.377V117.321z M170.57,30.797v0.896c0,3.204-1.262,6.776-3.787,10.713c-2.525,3.938-5.256,7.075-8.188,9.41c-10.484,8.257-21.373,16.865-32.672,25.827c-0.326,0.271-1.277,1.073-2.852,2.403c-1.574,1.331-2.824,2.351-3.748,3.056c-0.924,0.707-2.131,1.562-3.625,2.566s-2.865,1.752-4.114,2.24s-2.417,0.732-3.503,0.732H108h-0.082c-1.086,0-2.253-0.244-3.503-0.732c-1.249-0.488-2.621-1.236-4.114-2.24c-1.493-1.004-2.702-1.859-3.625-2.566c-0.923-0.705-2.173-1.725-3.748-3.056c-1.575-1.33-2.526-2.132-2.852-2.403c-11.297-8.962-22.187-17.57-32.67-25.827c-7.985-6.3-11.977-14.013-11.977-23.138c0-0.706,0.258-1.317,0.774-1.833c0.516-0.516,1.127-0.774,1.833-0.774h119.929c0.434,0.244,0.814,0.312,1.141,0.204c0.326-0.11,0.57,0.094,0.732,0.61c0.163,0.516,0.312,0.76,0.448,0.733c0.136-0.027,0.218,0.312,0.245,1.019c0.025,0.706,0.039,1.061,0.039,1.061V30.797z"/></svg>',r.INFORMATION_SVG='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M97.571,41.714h20.859c1.411,0,2.633-0.516,3.666-1.548c1.031-1.031,1.547-2.254,1.547-3.666V20.857c0-1.412-0.516-2.634-1.549-3.667c-1.031-1.031-2.254-1.548-3.666-1.548H97.571c-1.412,0-2.634,0.517-3.666,1.548c-1.032,1.032-1.548,2.255-1.548,3.667V36.5c0,1.412,0.516,2.635,1.548,3.666C94.937,41.198,96.159,41.714,97.571,41.714z"/><path class="svg" d="M132.523,111.048c-1.031-1.032-2.254-1.548-3.666-1.548h-5.215V62.571c0-1.412-0.516-2.634-1.547-3.666c-1.033-1.032-2.255-1.548-3.666-1.548H87.143c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666V73c0,1.412,0.516,2.635,1.548,3.666c1.032,1.032,2.254,1.548,3.666,1.548h5.215V109.5h-5.215c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666v10.429c0,1.412,0.516,2.635,1.548,3.668c1.032,1.03,2.254,1.547,3.666,1.547h41.714c1.412,0,2.634-0.517,3.666-1.547c1.031-1.033,1.547-2.256,1.547-3.668v-10.429C134.07,113.302,133.557,112.08,132.523,111.048z"/></g></svg>',r.keyCodeFromEvent=function(t){return t.which||t.keyCode},r.keyIsCommandFromEvent=function(t){return t.ctrlKey||t.metaKey},r.keyIsNumber=function(t){return r.keyIsTopNumber(t)||r.keyIsKeypadNumber(t)},r.keyIsTopNumber=function(t){var e=r.keyCodeFromEvent(t);return e>=r.KEYS[0]&&e<=r.KEYS[9]},r.keyIsKeypadNumber=function(t){var e=r.keyCodeFromEvent(t);return e>=r.KEYS.NUMPAD_0&&e<=r.KEYS.NUMPAD_9},r.keyIsDelete=function(t){return r.keyCodeFromEvent(t)==r.KEYS.DELETE},r.keyIsBackspace=function(t){return r.keyCodeFromEvent(t)==r.KEYS.BACKSPACE},r.keyIsDeletion=function(t){return r.keyIsDelete(t)||r.keyIsBackspace(t)},r.keyIsArrow=function(t){var e=r.keyCodeFromEvent(t);return e>=r.KEYS.ARROW_LEFT&&e<=r.KEYS.ARROW_DOWN},r.keyIsNavigation=function(t){var e=r.keyCodeFromEvent(t);return e==r.KEYS.HOME||e==r.KEYS.END},r.keyIsKeyboardCommand=function(t){var e=r.keyCodeFromEvent(t);return r.keyIsCommandFromEvent(t)&&(e==r.KEYS.A||e==r.KEYS.X||e==r.KEYS.C||e==r.KEYS.V)},r.keyIsTab=function(t){return r.keyCodeFromEvent(t)==r.KEYS.TAB},r.copyAllElementAttributes=function(t,e){$.each(t[0].attributes,(function(t,r){e.attr(r.nodeName,r.nodeValue)}))},r.numbersOnlyString=function(t){for(var e="",r=0;r<t.length;r++){var n=t.charAt(r);!isNaN(parseInt(n))&&(e+=n)}return e},r.applyFormatMask=function(t,e){for(var r="",n=0,i=0;i<e.length;i++){var a=e[i];if("X"==a){if(!t.charAt(n))break;r+=t.charAt(n),n++}else r+=a}return r},r.cardTypeFromNumber=function(t){if(e=new RegExp("^30[0-5]"),null!=t.match(e))return"Diners - Carte Blanche";if(e=new RegExp("^(30[6-9]|36|38)"),null!=t.match(e))return"Diners";if(e=new RegExp("^35(2[89]|[3-8][0-9])"),null!=t.match(e))return"JCB";if(e=new RegExp("^3[47]"),null!=t.match(e))return"AMEX";if(e=new RegExp("^(4026|417500|4508|4844|491(3|7))"),null!=t.match(e))return"Visa Electron";var e=new RegExp("^4");return null!=t.match(e)?"Visa":(e=new RegExp("^5[1-5]"),null!=t.match(e)?"Mastercard":(e=new RegExp("^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)"),null!=t.match(e)?"Discover":""))},r.caretStartPosition=function(t){return"number"==typeof t.selectionStart&&t.selectionStart},r.caretEndPosition=function(t){return"number"==typeof t.selectionEnd&&t.selectionEnd},r.setCaretPosition=function(t,e){if(null!=t)if(t.createTextRange){var r=t.createTextRange();r.move("character",e),r.select()}else t.selectionStart?(t.focus(),t.setSelectionRange(e,e)):t.focus()},r.normaliseCaretPosition=function(t,e){var r=0;if(0>e||e>t.length)return 0;for(var n=0;n<t.length;n++){if(n==e)return r;"X"==t[n]&&r++}return r},r.denormaliseCaretPosition=function(t,e){var r=0;if(0>e||e>t.length)return 0;for(var n=0;n<t.length;n++){if(r==e)return n;"X"==t[n]&&r++}return t.length},r.filterNumberOnlyKey=function(t){var e=r.keyIsNumber(t),n=r.keyIsDeletion(t),i=r.keyIsArrow(t),a=r.keyIsNavigation(t),s=r.keyIsKeyboardCommand(t),c=r.keyIsTab(t);e||n||i||a||s||c||t.preventDefault()},r.digitFromKeyCode=function(t){return t>=r.KEYS[0]&&t<=r.KEYS[9]?t-r.KEYS[0]:t>=r.KEYS.NUMPAD_0&&t<=r.KEYS.NUMPAD_9?t-r.KEYS.NUMPAD_0:null},r.handleMaskedNumberInputKey=function(t,e){r.filterNumberOnlyKey(t);var n=t.which||t.keyCode,i=t.target,a=r.caretStartPosition(i),s=r.caretEndPosition(i),c=r.normaliseCaretPosition(e,a),p=r.normaliseCaretPosition(e,s),o=a,u=r.keyIsNumber(t),h=r.keyIsDelete(t),d=r.keyIsBackspace(t);if(u||h||d){t.preventDefault();var l=$(i).val(),y=r.numbersOnlyString(l),m=r.digitFromKeyCode(n),v=p>c;v&&(y=y.slice(0,c)+y.slice(p)),a!=e.length&&(u&&l.length<=e.length&&(y=y.slice(0,c)+m+y.slice(c),o=Math.max(r.denormaliseCaretPosition(e,c+1),r.denormaliseCaretPosition(e,c+2)-1)),h&&(y=y.slice(0,c)+y.slice(c+1))),0!=a&&d&&!v&&(y=y.slice(0,c-1)+y.slice(c),o=r.denormaliseCaretPosition(e,c-1)),$(i).val(r.applyFormatMask(y,e)),r.setCaretPosition(i,o)}},r.handleCreditCardNumberKey=function(t,e){r.handleMaskedNumberInputKey(t,e)},r.handleCreditCardNumberChange=function(t){},r.handleExpiryKey=function(t){r.handleMaskedNumberInputKey(t,r.EXPIRY_MASK)},r.prototype.getCardNumber=function(){return this.cardNumberInput.val()},r.prototype.getCardType=function(){return r.cardTypeFromNumber(this.getCardNumber())},r.prototype.getName=function(){return this.nameInput.val()},r.prototype.getExpiryMonth=function(){return this.expiryMonthInput.val()},r.prototype.getExpiryYear=function(){return this.expiryYearInput.val()},r.prototype.getCvc=function(){return this.cvcInput.val()},r.prototype.setIconColour=function(t){this.elem.find(".icon .svg").css({fill:t})},r.prototype.setIconColour=function(t){this.elem.find(".icon .svg").css({fill:t})},r.prototype.refreshCreditCardTypeIcon=function(){this.setCardTypeIconFromNumber(r.numbersOnlyString(this.cardNumberInput.val()))},r.prototype.clearCardTypeIcon=function(){this.elem.find(".card-number-wrapper .card-type-icon").removeClass("show")},r.prototype.setCardTypeIconAsVisa=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show visa")},r.prototype.setCardTypeIconAsMasterCard=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show master-card")},r.prototype.setCardTypeIconAsAmericanExpress=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show american-express")},r.prototype.setCardTypeIconAsDiscover=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show discover")},r.prototype.setCardTypeIconAsDiners=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show diners")},r.prototype.setCardTypeIconAsJcb=function(){this.elem.find(".card-number-wrapper .card-type-icon").attr("class","card-type-icon show jcb")},r.prototype.setCardTypeIconFromNumber=function(t){switch(r.cardTypeFromNumber(t)){case"Visa Electron":case"Visa":this.setCardTypeAsVisa();break;case"Mastercard":this.setCardTypeAsMasterCard();break;case"AMEX":this.setCardTypeAsAmericanExpress();break;case"Discover":this.setCardTypeAsDiscover();break;case"Diners - Carte Blanche":case"Diners":this.setCardTypeAsDiners();break;case"JCB":this.setCardTypeAsJcb();break;default:this.clearCardType()}},r.prototype.setCardMask=function(t){this.creditCardNumberMask=t,this.cardNumberInput.attr("maxlength",t.length)},r.prototype.setCvc3=function(){this.cvcInput.attr("maxlength",r.CVC_MASK_3.length)},r.prototype.setCvc4=function(){this.cvcInput.attr("maxlength",r.CVC_MASK_4.length)},r.prototype.clearCardType=function(){this.clearCardTypeIcon(),this.setCardMask(r.CREDIT_CARD_NUMBER_DEFAULT_MASK),this.setCvc3()},r.prototype.setCardTypeAsVisa=function(){this.setCardTypeIconAsVisa(),this.setCardMask(r.CREDIT_CARD_NUMBER_VISA_MASK),this.setCvc3()},r.prototype.setCardTypeAsMasterCard=function(){this.setCardTypeIconAsMasterCard(),this.setCardMask(r.CREDIT_CARD_NUMBER_MASTERCARD_MASK),this.setCvc3()},r.prototype.setCardTypeAsAmericanExpress=function(){this.setCardTypeIconAsAmericanExpress(),this.setCardMask(r.CREDIT_CARD_NUMBER_AMEX_MASK),this.setCvc4()},r.prototype.setCardTypeAsDiscover=function(){this.setCardTypeIconAsDiscover(),this.setCardMask(r.CREDIT_CARD_NUMBER_DISCOVER_MASK),this.setCvc3()},r.prototype.setCardTypeAsDiners=function(){this.setCardTypeIconAsDiners(),this.setCardMask(r.CREDIT_CARD_NUMBER_DINERS_MASK),this.setCvc3()},r.prototype.setCardTypeAsJcb=function(){this.setCardTypeIconAsJcb(),this.setCardMask(r.CREDIT_CARD_NUMBER_JCB_MASK),this.setCvc3()},r.prototype.initCardNumberInput=function(){var t=this;this.cardNumberInput=this.elem.find(".card-number"),this.cardNumberInput[0]?this.cardNumberInput.detach():this.cardNumberInput=$("<input class='card-number' />"),this.cardNumberInput.attr("type","tel"),this.cardNumberInput.attr("placeholder")||this.cardNumberInput.attr("placeholder",r.CREDIT_CARD_NUMBER_PLACEHOLDER),this.cardNumberInput.attr("maxlength",this.creditCardNumberMask.length),this.cardNumberInput.attr("x-autocompletetype","cc-number"),this.cardNumberInput.attr("autocompletetype","cc-number"),this.cardNumberInput.attr("autocorrect","off"),this.cardNumberInput.attr("spellcheck","off"),this.cardNumberInput.attr("autocapitalize","off"),this.cardNumberInput.keydown((function(e){r.handleCreditCardNumberKey(e,t.creditCardNumberMask)})),this.cardNumberInput.keyup((function(e){t.refreshCreditCardTypeIcon()})),this.cardNumberInput.change(r.handleCreditCardNumberChange)},r.prototype.initNameInput=function(){this.nameInput=this.elem.find(".name"),this.nameInput[0]?(this.captureName=!0,this.nameInput.detach()):this.nameInput=$("<input class='name' />"),this.nameInput.attr("placeholder")||this.nameInput.attr("placeholder",r.NAME_PLACEHOLDER)},r.prototype.initExpiryMonthInput=function(){this.expiryMonthInput=this.elem.find(".expiry-month"),this.expiryMonthInput[0]?this.expiryMonthInput.detach():this.expiryMonthInput=$("<input class='expiry-month' />")},r.prototype.initExpiryYearInput=function(){this.expiryYearInput=this.elem.find(".expiry-year"),this.expiryYearInput[0]?this.expiryYearInput.detach():this.expiryYearInput=$("<input class='expiry-year' />")},r.prototype.initCvcInput=function(){this.cvcInput=this.elem.find(".cvc"),this.cvcInput[0]?this.cvcInput.detach():this.cvcInput=$("<input class='cvc' />"),this.cvcInput.attr("type","tel"),this.cvcInput.attr("placeholder")||this.cvcInput.attr("placeholder",r.CVC_PLACEHOLDER),this.cvcInput.attr("maxlength",r.CVC_MASK_3.length),this.cvcInput.attr("x-autocompletetype","cc-csc"),this.cvcInput.attr("autocompletetype","cc-csc"),this.cvcInput.attr("autocorrect","off"),this.cvcInput.attr("spellcheck","off"),this.cvcInput.attr("autocapitalize","off"),this.cvcInput.keydown(r.filterNumberOnlyKey)},r.prototype.setupCardNumberInput=function(){this.stripe&&this.cardNumberInput.attr("data-stripe","number"),this.elem.append("<div class='card-number-wrapper'></div>");var t=this.elem.find(".card-number-wrapper");t.append(this.cardNumberInput),t.append("<div class='card-type-icon'></div>"),t.append("<div class='icon'></div>"),t.find(".icon").append(r.CREDIT_CARD_SVG)},r.prototype.setupNameInput=function(){if(this.captureName){this.elem.append("<div class='name-wrapper'></div>");var t=this.elem.find(".name-wrapper");t.append(this.nameInput),t.append("<div class='icon'></div>"),t.find(".icon").append(r.USER_SVG)}},r.prototype.setupExpiryInput=function(){this.elem.append("<div class='expiry-container'><div class='expiry-wrapper'></div></div>");var t,e=this.elem.find(".expiry-wrapper");if(this.EXPIRY_USE_DROPDOWNS){t=$("<div></div>");var n=$("<select><option value='any' selected='' hidden=''>MM</option><option value='1'>01</option><option value='2'>02</option><option value='3'>03</option><option value='4'>04</option><option value='5'>05</option><option value='6'>06</option><option value='7'>07</option><option value='8'>08</option><option value='9'>09</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option></select>"),i=this.expiryMonthInput;r.copyAllElementAttributes(i,n),this.expiryMonthInput.remove(),this.expiryMonthInput=n;for(var a=$("<select><option value='any' selected='' hidden=''>YY</option></select>"),s=parseInt((new Date).getFullYear().toString().substring(2,4)),c=0;c<r.EXPIRY_NUMBER_OF_YEARS;c++)a.append("<option value='"+s+"'>"+s+"</option>"),s=(s+1)%100;var p=this.expiryYearInput;r.copyAllElementAttributes(p,a),this.expiryYearInput.remove(),this.expiryYearInput=a,t.append(this.expiryMonthInput),t.append(this.expiryYearInput)}else{t=$("<div></div>"),this.expiryMonthInput=$("<input type='hidden' name='expiry-month' />"),this.expiryYearInput=$("<input type='hidden' name='expiry-year' />"),this.stripe&&(this.expiryMonthInput.attr("data-stripe","exp-month"),this.expiryYearInput.attr("data-stripe","exp-year")),this.expiryMonthYearInput=$("<input class='expiry' />"),this.expiryMonthYearInput.attr("type","tel"),this.expiryMonthYearInput.attr("placeholder")||this.expiryMonthYearInput.attr("placeholder",r.EXPIRY_PLACEHOLDER),this.expiryMonthYearInput.attr("maxlength",r.EXPIRY_MASK.length),this.expiryMonthYearInput.attr("x-autocompletetype","cc-exp"),this.expiryMonthYearInput.attr("autocompletetype","cc-exp"),this.expiryMonthYearInput.attr("autocorrect","off"),this.expiryMonthYearInput.attr("spellcheck","off"),this.expiryMonthYearInput.attr("autocapitalize","off");var o=this;this.expiryMonthYearInput.keydown((function(t){r.handleExpiryKey(t);var e=o.expiryMonthYearInput.val();1==e.length&&parseInt(e)>1&&r.keyIsNumber(t)&&o.expiryMonthYearInput.val(r.applyFormatMask("0"+e,r.EXPIRY_MASK)),o.EXPIRY_USE_DROPDOWNS||null==o.expiryMonthYearInput||(o.expiryMonthInput.val(o.expiryMonth()),o.expiryYearInput.val(7==e.length?e.substr(5,2):null))})),this.expiryMonthYearInput.blur((function(t){o.refreshExpiryMonthValidation()})),t.append(this.expiryMonthYearInput),t.append(this.expiryMonthInput),t.append(this.expiryYearInput)}e.append(t),e.append("<div class='icon'></div>"),e.find(".icon").append(r.CALENDAR_SVG)},r.prototype.setupCvcInput=function(){this.stripe&&this.cvcInput.attr("data-stripe","cvc"),this.elem.append("<div class='cvc-container'><div class='cvc-wrapper'></div></div>");var t=this.elem.find(".cvc-wrapper");t.append(this.cvcInput),t.append("<div class='icon'></div>"),t.find(".icon").append(r.LOCK_SVG)},r.prototype.expiryMonth=function(){if(!this.EXPIRY_USE_DROPDOWNS&&null!=this.expiryMonthYearInput){var t=this.expiryMonthYearInput.val();return t.length>=2?parseInt(t.substr(0,2)):null}return null},r.isValidMonth=function(t){return t>=1&&12>=t},r.isExpiryValid=function(t,e){var n=new Date,i=n.getMonth()+1,a=""+n.getFullYear();return 2==(""+e).length&&(e=a.substring(0,2)+""+e),i=parseInt(i),a=parseInt(a),t=parseInt(t),e=parseInt(e),r.isValidMonth(t)&&(e>a||e==a&&t>=i)},r.prototype.refreshExpiryMonthValidation=function(){r.isExpiryValid(this.getExpiryMonth(),this.getExpiryYear())?this.setExpiryMonthAsValid():this.setExpiryMonthAsInvalid()},r.prototype.setExpiryMonthAsValid=function(){this.EXPIRY_USE_DROPDOWNS||this.expiryMonthYearInput.parent().removeClass("has-error")},r.prototype.setExpiryMonthAsInvalid=function(){this.EXPIRY_USE_DROPDOWNS||this.expiryMonthYearInput.parent().addClass("has-error")}}});
\ No newline at end of file
diff --git a/public/js/clients/payments/checkout.com.js b/public/js/clients/payments/checkout.com.js
index 48c5758287..3fbd93d874 100644
--- a/public/js/clients/payments/checkout.com.js
+++ b/public/js/clients/payments/checkout.com.js
@@ -1,133 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 9);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/checkout.com.js":
-/*!*******************************************************!*\
-  !*** ./resources/js/clients/payments/checkout.com.js ***!
-  \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-window.CKOConfig = {
-  publicKey: document.querySelector('meta[name="public-key"]').content,
-  customerEmail: document.querySelector('meta[name="customer-email"]').content,
-  value: document.querySelector('meta[name="value"]').content,
-  currency: document.querySelector('meta[name="currency"]').content,
-  paymentMode: 'cards',
-  cardFormMode: 'cardTokenisation',
-  cardTokenised: function cardTokenised(event) {
-    document.querySelector('input[name="gateway_response"]').value = JSON.stringify(event.data);
-    document.querySelector('input[name="store_card"]').value = document.getElementById('store-card-checkbox').checked ? 1 : 0;
-    document.getElementById('server-response').submit();
-  }
-};
-
-/***/ }),
-
-/***/ 9:
-/*!*************************************************************!*\
-  !*** multi ./resources/js/clients/payments/checkout.com.js ***!
-  \*************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/payments/checkout.com.js */"./resources/js/clients/payments/checkout.com.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see checkout.com.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=9)}({9:function(e,t,n){e.exports=n("XYrq")},XYrq:function(e,t){window.CKOConfig={publicKey:document.querySelector('meta[name="public-key"]').content,customerEmail:document.querySelector('meta[name="customer-email"]').content,value:document.querySelector('meta[name="value"]').content,currency:document.querySelector('meta[name="currency"]').content,paymentMode:"cards",cardFormMode:"cardTokenisation",cardTokenised:function(e){document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e.data),document.querySelector('input[name="store_card"]').value=document.getElementById("store-card-checkbox").checked?1:0,document.getElementById("server-response").submit()}}}});
\ No newline at end of file
diff --git a/public/js/clients/payments/process.js b/public/js/clients/payments/process.js
index 5881b42839..42a8646e50 100644
--- a/public/js/clients/payments/process.js
+++ b/public/js/clients/payments/process.js
@@ -1,245 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 12);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/process.js":
-/*!**************************************************!*\
-  !*** ./resources/js/clients/payments/process.js ***!
-  \**************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var ProcessStripePayment = /*#__PURE__*/function () {
-  function ProcessStripePayment(key, usingToken) {
-    _classCallCheck(this, ProcessStripePayment);
-
-    this.key = key;
-    this.usingToken = usingToken;
-  }
-
-  _createClass(ProcessStripePayment, [{
-    key: "setupStripe",
-    value: function setupStripe() {
-      this.stripe = Stripe(this.key);
-      this.elements = this.stripe.elements();
-      return this;
-    }
-  }, {
-    key: "createElement",
-    value: function createElement() {
-      this.cardElement = this.elements.create("card");
-      return this;
-    }
-  }, {
-    key: "mountCardElement",
-    value: function mountCardElement() {
-      this.cardElement.mount("#card-element");
-      return this;
-    }
-  }, {
-    key: "completePaymentUsingToken",
-    value: function completePaymentUsingToken() {
-      var _this = this;
-
-      var payNowButton = document.getElementById('pay-now-with-token');
-      document.getElementById('process-overlay').classList.remove('hidden');
-      return;
-      this.stripe.handleCardPayment(payNowButton.dataset.secret, {
-        payment_method: payNowButton.dataset.token
-      }).then(function (result) {
-        if (result.error) {
-          return _this.handleFailure(result.error.message);
-        }
-
-        return _this.handleSuccess(result);
-      });
-    }
-  }, {
-    key: "completePaymentWithoutToken",
-    value: function completePaymentWithoutToken() {
-      var _this2 = this;
-
-      var payNowButton = document.getElementById("pay-now");
-      var cardHolderName = document.getElementById("cardholder-name");
-      document.getElementById('processing-overlay').classList.remove('hidden');
-      this.stripe.handleCardPayment(payNowButton.dataset.secret, this.cardElement, {
-        payment_method_data: {
-          billing_details: {
-            name: cardHolderName.value
-          }
-        }
-      }).then(function (result) {
-        document.getElementById('processing-overlay').classList.add('hidden');
-
-        if (result.error) {
-          return _this2.handleFailure(result.error.message);
-        }
-
-        return _this2.handleSuccess(result);
-      });
-    }
-  }, {
-    key: "handleSuccess",
-    value: function handleSuccess(result) {
-      document.querySelector('input[name="gateway_response"]').value = JSON.stringify(result.paymentIntent);
-      var tokenBillingCheckbox = document.querySelector('input[name="token-billing-checkbox"]');
-
-      if (tokenBillingCheckbox) {
-        document.querySelector('input[name="store_card"]').value = tokenBillingCheckbox.checked;
-      }
-
-      document.getElementById("server-response").submit();
-    }
-  }, {
-    key: "handleFailure",
-    value: function handleFailure(message) {
-      var errors = document.getElementById("errors");
-      errors.textContent = "";
-      errors.textContent = message;
-      errors.hidden = false;
-      this.payNowButton.querySelector('svg').classList.add('hidden');
-      this.payNowButton.disabled = false;
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this3 = this;
-
-      this.setupStripe();
-
-      if (this.usingToken) {
-        document.getElementById("pay-now-with-token").addEventListener("click", function () {
-          return _this3.completePaymentUsingToken();
-        });
-      }
-
-      if (!this.usingToken) {
-        this.createElement().mountCardElement();
-        document.getElementById("pay-now").addEventListener("click", function () {
-          return _this3.completePaymentWithoutToken();
-        });
-      }
-    }
-  }]);
-
-  return ProcessStripePayment;
-}();
-
-var publishableKey = document.querySelector('meta[name="stripe-publishable-key"]').content;
-var usingToken = document.querySelector('meta[name="using-token"]').content;
-new ProcessStripePayment(publishableKey, usingToken).handle();
-
-/***/ }),
-
-/***/ 12:
-/*!********************************************************!*\
-  !*** multi ./resources/js/clients/payments/process.js ***!
-  \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/payments/process.js */"./resources/js/clients/payments/process.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see process.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=12)}({12:function(e,t,n){e.exports=n("OXGg")},OXGg:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}new(function(){function e(t,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.key=t,this.usingToken=n}var t,r,o;return t=e,(r=[{key:"setupStripe",value:function(){return this.stripe=Stripe(this.key),this.elements=this.stripe.elements(),this}},{key:"createElement",value:function(){return this.cardElement=this.elements.create("card"),this}},{key:"mountCardElement",value:function(){return this.cardElement.mount("#card-element"),this}},{key:"completePaymentUsingToken",value:function(){var e=this,t=document.getElementById("pay-now-with-token");this.payNowButton=t,this.payNowButton.disabled=!0,processingOverlay(!0),this.stripe.handleCardPayment(t.dataset.secret,{payment_method:t.dataset.token}).then((function(t){return t.error?e.handleFailure(t.error.message):e.handleSuccess(t)}))}},{key:"completePaymentWithoutToken",value:function(){var e=this,t=document.getElementById("pay-now");this.payNowButton=t;var n=document.getElementById("cardholder-name");processingOverlay(!0),this.stripe.handleCardPayment(t.dataset.secret,this.cardElement,{payment_method_data:{billing_details:{name:n.value}}}).then((function(t){return document.getElementById("processing-overlay").classList.add("hidden"),t.error?e.handleFailure(t.error.message):e.handleSuccess(t)}))}},{key:"handleSuccess",value:function(e){processingOverlay(!1),document.querySelector('input[name="gateway_response"]').value=JSON.stringify(e.paymentIntent);var t=document.querySelector('input[name="token-billing-checkbox"]');t&&(document.querySelector('input[name="store_card"]').value=t.checked),document.getElementById("server-response").submit()}},{key:"handleFailure",value:function(e){var t=document.getElementById("errors");t.textContent="",t.textContent=e,t.hidden=!1,processingOverlay(!1),this.payNowButton.disabled=!1}},{key:"handle",value:function(){var e=this;this.setupStripe(),this.usingToken&&document.getElementById("pay-now-with-token").addEventListener("click",(function(){return e.completePaymentUsingToken()})),this.usingToken||(this.createElement().mountCardElement(),document.getElementById("pay-now").addEventListener("click",(function(){return e.completePaymentWithoutToken()})))}}])&&n(t.prototype,r),o&&n(t,o),e}())(document.querySelector('meta[name="stripe-publishable-key"]').content,document.querySelector('meta[name="using-token"]').content).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/payments/sofort.js b/public/js/clients/payments/sofort.js
index c167a9d723..a63ffa1cc7 100644
--- a/public/js/clients/payments/sofort.js
+++ b/public/js/clients/payments/sofort.js
@@ -1,167 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 7);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/payments/sofort.js":
-/*!*************************************************!*\
-  !*** ./resources/js/clients/payments/sofort.js ***!
-  \*************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var ProcessSOFORT = function ProcessSOFORT(key) {
-  var _this = this;
-
-  _classCallCheck(this, ProcessSOFORT);
-
-  _defineProperty(this, "setupStripe", function () {
-    _this.stripe = Stripe(_this.key);
-    return _this;
-  });
-
-  _defineProperty(this, "handle", function () {
-    var data = {
-      type: 'sofort',
-      amount: document.querySelector('meta[name="amount"]').content,
-      currency: 'eur',
-      redirect: {
-        return_url: document.querySelector('meta[name="return-url"]').content
-      },
-      sofort: {
-        country: document.querySelector('meta[name="country"').content
-      }
-    };
-    document.getElementById('pay-now').addEventListener('submit', function (e) {
-      e.preventDefault();
-
-      _this.stripe.createSource(data).then(function (result) {
-        if (result.hasOwnProperty('source')) {
-          return window.location = result.source.redirect.url;
-        }
-
-        this.errors.textContent = '';
-        this.errors.textContent = result.error.message;
-        this.errors.hidden = false;
-      });
-    });
-  });
-
-  this.key = key;
-  this.errors = document.getElementById('errors');
-};
-
-var publishableKey = document.querySelector('meta[name="stripe-publishable-key"]').content;
-new ProcessSOFORT(publishableKey).setupStripe().handle();
-
-/***/ }),
-
-/***/ 7:
-/*!*******************************************************!*\
-  !*** multi ./resources/js/clients/payments/sofort.js ***!
-  \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/payments/sofort.js */"./resources/js/clients/payments/sofort.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see sofort.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=7)}({7:function(e,t,n){e.exports=n("Zfcc")},Zfcc:function(e,t){function n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}new function e(t){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),n(this,"setupStripe",(function(){return r.stripe=Stripe(r.key),r})),n(this,"handle",(function(){var e={type:"sofort",amount:document.querySelector('meta[name="amount"]').content,currency:"eur",redirect:{return_url:document.querySelector('meta[name="return-url"]').content},sofort:{country:document.querySelector('meta[name="country"').content}};document.getElementById("pay-now").addEventListener("submit",(function(t){t.preventDefault(),processingOverlay(!0),document.getElementById("pay-now").disabled=!0,r.stripe.createSource(e).then((function(e){if(e.hasOwnProperty("source"))return window.location=e.source.redirect.url;this.errors.textContent="",this.errors.textContent=e.error.message,this.errors.hidden=!1,processingOverlay(!1),document.getElementById("pay-now").disabled=!1}))}))})),this.key=t,this.errors=document.getElementById("errors")}(document.querySelector('meta[name="stripe-publishable-key"]').content).setupStripe().handle()}});
\ No newline at end of file
diff --git a/public/js/clients/quotes/action-selectors.js b/public/js/clients/quotes/action-selectors.js
index bbd3d5768e..d6fcb4a2c9 100644
--- a/public/js/clients/quotes/action-selectors.js
+++ b/public/js/clients/quotes/action-selectors.js
@@ -1,240 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 10);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/quotes/action-selectors.js":
-/*!*********************************************************!*\
-  !*** ./resources/js/clients/quotes/action-selectors.js ***!
-  \*********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var ActionSelectors = /*#__PURE__*/function () {
-  function ActionSelectors() {
-    _classCallCheck(this, ActionSelectors);
-
-    this.parentElement = document.querySelector('.form-check-parent');
-    this.parentForm = document.getElementById('bulkActions');
-  }
-
-  _createClass(ActionSelectors, [{
-    key: "watchCheckboxes",
-    value: function watchCheckboxes(parentElement) {
-      var _this = this;
-
-      document.querySelectorAll('.child-hidden-input').forEach(function (element) {
-        return element.remove();
-      });
-      document.querySelectorAll('.form-check-child').forEach(function (child) {
-        if (parentElement.checked) {
-          child.checked = parentElement.checked;
-
-          _this.processChildItem(child, document.getElementById('bulkActions'));
-        } else {
-          child.checked = false;
-          document.querySelectorAll('.child-hidden-input').forEach(function (element) {
-            return element.remove();
-          });
-        }
-      });
-    }
-  }, {
-    key: "processChildItem",
-    value: function processChildItem(element, parent) {
-      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-      if (options.hasOwnProperty('single')) {
-        document.querySelectorAll('.child-hidden-input').forEach(function (element) {
-          return element.remove();
-        });
-      }
-
-      if (element.checked === false) {
-        var inputs = document.querySelectorAll('input.child-hidden-input');
-
-        var _iterator = _createForOfIteratorHelper(inputs),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var i = _step.value;
-            if (i.value == element.dataset.value) i.remove();
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-
-        return;
-      }
-
-      var _temp = document.createElement('INPUT');
-
-      _temp.setAttribute('name', 'invoices[]');
-
-      _temp.setAttribute('value', element.dataset.value);
-
-      _temp.setAttribute('class', 'child-hidden-input');
-
-      _temp.hidden = true;
-      parent.append(_temp);
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this2 = this;
-
-      this.parentElement.addEventListener('click', function () {
-        _this2.watchCheckboxes(_this2.parentElement);
-      });
-
-      var _iterator2 = _createForOfIteratorHelper(document.querySelectorAll('.form-check-child')),
-          _step2;
-
-      try {
-        var _loop = function _loop() {
-          var child = _step2.value;
-          child.addEventListener('click', function () {
-            _this2.processChildItem(child, _this2.parentForm);
-          });
-        };
-
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          _loop();
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
-      }
-    }
-  }]);
-
-  return ActionSelectors;
-}();
-/** @handle **/
-
-
-new ActionSelectors().handle();
-
-/***/ }),
-
-/***/ 10:
-/*!***************************************************************!*\
-  !*** multi ./resources/js/clients/quotes/action-selectors.js ***!
-  \***************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/quotes/action-selectors.js */"./resources/js/clients/quotes/action-selectors.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see action-selectors.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=10)}({10:function(e,t,n){e.exports=n("ydWM")},ydWM:function(e,t){function n(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,c=function(){};return{s:c,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:c}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var u,i=!0,l=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return i=e.done,e},e:function(e){l=!0,u=e},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw u}}}}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.parentElement=document.querySelector(".form-check-parent"),this.parentForm=document.getElementById("bulkActions")}var t,r,c;return t=e,(r=[{key:"watchCheckboxes",value:function(e){var t=this;document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})),document.querySelectorAll(".form-check-child").forEach((function(n){e.checked?(n.checked=e.checked,t.processChildItem(n,document.getElementById("bulkActions"))):(n.checked=!1,document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})))}))}},{key:"processChildItem",value:function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(r.hasOwnProperty("single")&&document.querySelectorAll(".child-hidden-input").forEach((function(e){return e.remove()})),!1!==e.checked){var o=document.createElement("INPUT");o.setAttribute("name","invoices[]"),o.setAttribute("value",e.dataset.value),o.setAttribute("class","child-hidden-input"),o.hidden=!0,t.append(o)}else{var c,u=document.querySelectorAll("input.child-hidden-input"),i=n(u);try{for(i.s();!(c=i.n()).done;){var l=c.value;l.value==e.dataset.value&&l.remove()}}catch(e){i.e(e)}finally{i.f()}}}},{key:"handle",value:function(){var e=this;this.parentElement.addEventListener("click",(function(){e.watchCheckboxes(e.parentElement)}));var t,r=n(document.querySelectorAll(".form-check-child"));try{var o=function(){var n=t.value;n.addEventListener("click",(function(){e.processChildItem(n,e.parentForm)}))};for(r.s();!(t=r.n()).done;)o()}catch(e){r.e(e)}finally{r.f()}}}])&&o(t.prototype,r),c&&o(t,c),e}())).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/quotes/approve.js b/public/js/clients/quotes/approve.js
index 48e0879a30..2771200668 100644
--- a/public/js/clients/quotes/approve.js
+++ b/public/js/clients/quotes/approve.js
@@ -1,172 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 11);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/quotes/approve.js":
-/*!************************************************!*\
-  !*** ./resources/js/clients/quotes/approve.js ***!
-  \************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var Approve = /*#__PURE__*/function () {
-  function Approve(displaySignature) {
-    _classCallCheck(this, Approve);
-
-    this.shouldDisplaySignature = displaySignature;
-  }
-
-  _createClass(Approve, [{
-    key: "submitForm",
-    value: function submitForm() {
-      document.getElementById('approve-form').submit();
-    }
-  }, {
-    key: "displaySignature",
-    value: function displaySignature() {
-      var displaySignatureModal = document.getElementById('displaySignatureModal');
-      displaySignatureModal.removeAttribute('style');
-      var signaturePad = new SignaturePad(document.getElementById('signature-pad'), {
-        backgroundColor: 'rgb(240,240,240)',
-        penColor: 'rgb(0, 0, 0)'
-      });
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this = this;
-
-      document.getElementById('approve-button').addEventListener('click', function () {
-        if (_this.shouldDisplaySignature) {
-          _this.displaySignature();
-
-          document.getElementById('signature-next-step').addEventListener('click', function () {
-            _this.submitForm();
-          });
-        }
-
-        if (!_this.shouldDisplaySignature) _this.submitForm();
-      });
-    }
-  }]);
-
-  return Approve;
-}();
-
-var signature = document.querySelector('meta[name="require-quote-signature"]').content;
-new Approve(Boolean(+signature)).handle();
-
-/***/ }),
-
-/***/ 11:
-/*!******************************************************!*\
-  !*** multi ./resources/js/clients/quotes/approve.js ***!
-  \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/quotes/approve.js */"./resources/js/clients/quotes/approve.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see approve.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=11)}({11:function(e,t,n){e.exports=n("WuMn")},WuMn:function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var r=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.shouldDisplaySignature=t}var t,r,o;return t=e,(r=[{key:"submitForm",value:function(){document.getElementById("approve-form").submit()}},{key:"displaySignature",value:function(){document.getElementById("displaySignatureModal").removeAttribute("style"),new SignaturePad(document.getElementById("signature-pad"),{backgroundColor:"rgb(240,240,240)",penColor:"rgb(0, 0, 0)"})}},{key:"handle",value:function(){var e=this;document.getElementById("approve-button").addEventListener("click",(function(){e.shouldDisplaySignature&&(e.displaySignature(),document.getElementById("signature-next-step").addEventListener("click",(function(){e.submitForm()}))),e.shouldDisplaySignature||e.submitForm()}))}}])&&n(t.prototype,r),o&&n(t,o),e}(),o=document.querySelector('meta[name="require-quote-signature"]').content;new r(Boolean(+o)).handle()}});
\ No newline at end of file
diff --git a/public/js/clients/shared/multiple-downloads.js b/public/js/clients/shared/multiple-downloads.js
index 3d61b166f8..8b2523d563 100644
--- a/public/js/clients/shared/multiple-downloads.js
+++ b/public/js/clients/shared/multiple-downloads.js
@@ -1,141 +1 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 16);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./resources/js/clients/shared/multiple-downloads.js":
-/*!***********************************************************!*\
-  !*** ./resources/js/clients/shared/multiple-downloads.js ***!
-  \***********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var appendToElement = function appendToElement(parent, value) {
-  var _parent = document.getElementById(parent);
-
-  var _possibleElement = _parent.querySelector("input[value=\"".concat(value, "\"]"));
-
-  if (_possibleElement) {
-    return _possibleElement.remove();
-  }
-
-  var _temp = document.createElement('INPUT');
-
-  _temp.setAttribute('name', 'file_hash[]');
-
-  _temp.setAttribute('value', value);
-
-  _temp.hidden = true;
-
-  _parent.append(_temp);
-};
-
-window.appendToElement = appendToElement;
-
-/***/ }),
-
-/***/ 16:
-/*!*****************************************************************!*\
-  !*** multi ./resources/js/clients/shared/multiple-downloads.js ***!
-  \*****************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/shared/multiple-downloads.js */"./resources/js/clients/shared/multiple-downloads.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=16)}({16:function(e,t,n){e.exports=n("W54t")},W54t:function(e,t){window.appendToElement=function(e,t){var n=document.getElementById(e),r=n.querySelector('input[value="'.concat(t,'"]'));if(r)return r.remove();var o=document.createElement("INPUT");o.setAttribute("name","file_hash[]"),o.setAttribute("value",t),o.hidden=!0,n.append(o)}}});
\ No newline at end of file
diff --git a/public/js/clients/shared/pdf.js b/public/js/clients/shared/pdf.js
index 5b7b4f3e15..7a09f8d35d 100644
--- a/public/js/clients/shared/pdf.js
+++ b/public/js/clients/shared/pdf.js
@@ -1,1054 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 15);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./node_modules/@babel/runtime/regenerator/index.js":
-/*!**********************************************************!*\
-  !*** ./node_modules/@babel/runtime/regenerator/index.js ***!
-  \**********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! regenerator-runtime */ "./node_modules/regenerator-runtime/runtime.js");
-
-
-/***/ }),
-
-/***/ "./node_modules/regenerator-runtime/runtime.js":
-/*!*****************************************************!*\
-  !*** ./node_modules/regenerator-runtime/runtime.js ***!
-  \*****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var runtime = (function (exports) {
-  "use strict";
-
-  var Op = Object.prototype;
-  var hasOwn = Op.hasOwnProperty;
-  var undefined; // More compressible than void 0.
-  var $Symbol = typeof Symbol === "function" ? Symbol : {};
-  var iteratorSymbol = $Symbol.iterator || "@@iterator";
-  var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
-  var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-
-  function define(obj, key, value) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-    return obj[key];
-  }
-  try {
-    // IE 8 has a broken Object.defineProperty that only works on DOM objects.
-    define({}, "");
-  } catch (err) {
-    define = function(obj, key, value) {
-      return obj[key] = value;
-    };
-  }
-
-  function wrap(innerFn, outerFn, self, tryLocsList) {
-    // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
-    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
-    var generator = Object.create(protoGenerator.prototype);
-    var context = new Context(tryLocsList || []);
-
-    // The ._invoke method unifies the implementations of the .next,
-    // .throw, and .return methods.
-    generator._invoke = makeInvokeMethod(innerFn, self, context);
-
-    return generator;
-  }
-  exports.wrap = wrap;
-
-  // Try/catch helper to minimize deoptimizations. Returns a completion
-  // record like context.tryEntries[i].completion. This interface could
-  // have been (and was previously) designed to take a closure to be
-  // invoked without arguments, but in all the cases we care about we
-  // already have an existing method we want to call, so there's no need
-  // to create a new function object. We can even get away with assuming
-  // the method takes exactly one argument, since that happens to be true
-  // in every case, so we don't have to touch the arguments object. The
-  // only additional allocation required is the completion record, which
-  // has a stable shape and so hopefully should be cheap to allocate.
-  function tryCatch(fn, obj, arg) {
-    try {
-      return { type: "normal", arg: fn.call(obj, arg) };
-    } catch (err) {
-      return { type: "throw", arg: err };
-    }
-  }
-
-  var GenStateSuspendedStart = "suspendedStart";
-  var GenStateSuspendedYield = "suspendedYield";
-  var GenStateExecuting = "executing";
-  var GenStateCompleted = "completed";
-
-  // Returning this object from the innerFn has the same effect as
-  // breaking out of the dispatch switch statement.
-  var ContinueSentinel = {};
-
-  // Dummy constructor functions that we use as the .constructor and
-  // .constructor.prototype properties for functions that return Generator
-  // objects. For full spec compliance, you may wish to configure your
-  // minifier not to mangle the names of these two functions.
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-
-  // This is a polyfill for %IteratorPrototype% for environments that
-  // don't natively support it.
-  var IteratorPrototype = {};
-  IteratorPrototype[iteratorSymbol] = function () {
-    return this;
-  };
-
-  var getProto = Object.getPrototypeOf;
-  var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-  if (NativeIteratorPrototype &&
-      NativeIteratorPrototype !== Op &&
-      hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
-    // This environment has a native %IteratorPrototype%; use it instead
-    // of the polyfill.
-    IteratorPrototype = NativeIteratorPrototype;
-  }
-
-  var Gp = GeneratorFunctionPrototype.prototype =
-    Generator.prototype = Object.create(IteratorPrototype);
-  GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
-  GeneratorFunctionPrototype.constructor = GeneratorFunction;
-  GeneratorFunction.displayName = define(
-    GeneratorFunctionPrototype,
-    toStringTagSymbol,
-    "GeneratorFunction"
-  );
-
-  // Helper for defining the .next, .throw, and .return methods of the
-  // Iterator interface in terms of a single ._invoke method.
-  function defineIteratorMethods(prototype) {
-    ["next", "throw", "return"].forEach(function(method) {
-      define(prototype, method, function(arg) {
-        return this._invoke(method, arg);
-      });
-    });
-  }
-
-  exports.isGeneratorFunction = function(genFun) {
-    var ctor = typeof genFun === "function" && genFun.constructor;
-    return ctor
-      ? ctor === GeneratorFunction ||
-        // For the native GeneratorFunction constructor, the best we can
-        // do is to check its .name property.
-        (ctor.displayName || ctor.name) === "GeneratorFunction"
-      : false;
-  };
-
-  exports.mark = function(genFun) {
-    if (Object.setPrototypeOf) {
-      Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
-    } else {
-      genFun.__proto__ = GeneratorFunctionPrototype;
-      define(genFun, toStringTagSymbol, "GeneratorFunction");
-    }
-    genFun.prototype = Object.create(Gp);
-    return genFun;
-  };
-
-  // Within the body of any async function, `await x` is transformed to
-  // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
-  // `hasOwn.call(value, "__await")` to determine if the yielded value is
-  // meant to be awaited.
-  exports.awrap = function(arg) {
-    return { __await: arg };
-  };
-
-  function AsyncIterator(generator, PromiseImpl) {
-    function invoke(method, arg, resolve, reject) {
-      var record = tryCatch(generator[method], generator, arg);
-      if (record.type === "throw") {
-        reject(record.arg);
-      } else {
-        var result = record.arg;
-        var value = result.value;
-        if (value &&
-            typeof value === "object" &&
-            hasOwn.call(value, "__await")) {
-          return PromiseImpl.resolve(value.__await).then(function(value) {
-            invoke("next", value, resolve, reject);
-          }, function(err) {
-            invoke("throw", err, resolve, reject);
-          });
-        }
-
-        return PromiseImpl.resolve(value).then(function(unwrapped) {
-          // When a yielded Promise is resolved, its final value becomes
-          // the .value of the Promise<{value,done}> result for the
-          // current iteration.
-          result.value = unwrapped;
-          resolve(result);
-        }, function(error) {
-          // If a rejected Promise was yielded, throw the rejection back
-          // into the async generator function so it can be handled there.
-          return invoke("throw", error, resolve, reject);
-        });
-      }
-    }
-
-    var previousPromise;
-
-    function enqueue(method, arg) {
-      function callInvokeWithMethodAndArg() {
-        return new PromiseImpl(function(resolve, reject) {
-          invoke(method, arg, resolve, reject);
-        });
-      }
-
-      return previousPromise =
-        // If enqueue has been called before, then we want to wait until
-        // all previous Promises have been resolved before calling invoke,
-        // so that results are always delivered in the correct order. If
-        // enqueue has not been called before, then it is important to
-        // call invoke immediately, without waiting on a callback to fire,
-        // so that the async generator function has the opportunity to do
-        // any necessary setup in a predictable way. This predictability
-        // is why the Promise constructor synchronously invokes its
-        // executor callback, and why async functions synchronously
-        // execute code before the first await. Since we implement simple
-        // async functions in terms of async generators, it is especially
-        // important to get this right, even though it requires care.
-        previousPromise ? previousPromise.then(
-          callInvokeWithMethodAndArg,
-          // Avoid propagating failures to Promises returned by later
-          // invocations of the iterator.
-          callInvokeWithMethodAndArg
-        ) : callInvokeWithMethodAndArg();
-    }
-
-    // Define the unified helper method that is used to implement .next,
-    // .throw, and .return (see defineIteratorMethods).
-    this._invoke = enqueue;
-  }
-
-  defineIteratorMethods(AsyncIterator.prototype);
-  AsyncIterator.prototype[asyncIteratorSymbol] = function () {
-    return this;
-  };
-  exports.AsyncIterator = AsyncIterator;
-
-  // Note that simple async functions are implemented on top of
-  // AsyncIterator objects; they just return a Promise for the value of
-  // the final result produced by the iterator.
-  exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-    if (PromiseImpl === void 0) PromiseImpl = Promise;
-
-    var iter = new AsyncIterator(
-      wrap(innerFn, outerFn, self, tryLocsList),
-      PromiseImpl
-    );
-
-    return exports.isGeneratorFunction(outerFn)
-      ? iter // If outerFn is a generator, return the full iterator.
-      : iter.next().then(function(result) {
-          return result.done ? result.value : iter.next();
-        });
-  };
-
-  function makeInvokeMethod(innerFn, self, context) {
-    var state = GenStateSuspendedStart;
-
-    return function invoke(method, arg) {
-      if (state === GenStateExecuting) {
-        throw new Error("Generator is already running");
-      }
-
-      if (state === GenStateCompleted) {
-        if (method === "throw") {
-          throw arg;
-        }
-
-        // Be forgiving, per 25.3.3.3.3 of the spec:
-        // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
-        return doneResult();
-      }
-
-      context.method = method;
-      context.arg = arg;
-
-      while (true) {
-        var delegate = context.delegate;
-        if (delegate) {
-          var delegateResult = maybeInvokeDelegate(delegate, context);
-          if (delegateResult) {
-            if (delegateResult === ContinueSentinel) continue;
-            return delegateResult;
-          }
-        }
-
-        if (context.method === "next") {
-          // Setting context._sent for legacy support of Babel's
-          // function.sent implementation.
-          context.sent = context._sent = context.arg;
-
-        } else if (context.method === "throw") {
-          if (state === GenStateSuspendedStart) {
-            state = GenStateCompleted;
-            throw context.arg;
-          }
-
-          context.dispatchException(context.arg);
-
-        } else if (context.method === "return") {
-          context.abrupt("return", context.arg);
-        }
-
-        state = GenStateExecuting;
-
-        var record = tryCatch(innerFn, self, context);
-        if (record.type === "normal") {
-          // If an exception is thrown from innerFn, we leave state ===
-          // GenStateExecuting and loop back for another invocation.
-          state = context.done
-            ? GenStateCompleted
-            : GenStateSuspendedYield;
-
-          if (record.arg === ContinueSentinel) {
-            continue;
-          }
-
-          return {
-            value: record.arg,
-            done: context.done
-          };
-
-        } else if (record.type === "throw") {
-          state = GenStateCompleted;
-          // Dispatch the exception by looping back around to the
-          // context.dispatchException(context.arg) call above.
-          context.method = "throw";
-          context.arg = record.arg;
-        }
-      }
-    };
-  }
-
-  // Call delegate.iterator[context.method](context.arg) and handle the
-  // result, either by returning a { value, done } result from the
-  // delegate iterator, or by modifying context.method and context.arg,
-  // setting context.delegate to null, and returning the ContinueSentinel.
-  function maybeInvokeDelegate(delegate, context) {
-    var method = delegate.iterator[context.method];
-    if (method === undefined) {
-      // A .throw or .return when the delegate iterator has no .throw
-      // method always terminates the yield* loop.
-      context.delegate = null;
-
-      if (context.method === "throw") {
-        // Note: ["return"] must be used for ES3 parsing compatibility.
-        if (delegate.iterator["return"]) {
-          // If the delegate iterator has a return method, give it a
-          // chance to clean up.
-          context.method = "return";
-          context.arg = undefined;
-          maybeInvokeDelegate(delegate, context);
-
-          if (context.method === "throw") {
-            // If maybeInvokeDelegate(context) changed context.method from
-            // "return" to "throw", let that override the TypeError below.
-            return ContinueSentinel;
-          }
-        }
-
-        context.method = "throw";
-        context.arg = new TypeError(
-          "The iterator does not provide a 'throw' method");
-      }
-
-      return ContinueSentinel;
-    }
-
-    var record = tryCatch(method, delegate.iterator, context.arg);
-
-    if (record.type === "throw") {
-      context.method = "throw";
-      context.arg = record.arg;
-      context.delegate = null;
-      return ContinueSentinel;
-    }
-
-    var info = record.arg;
-
-    if (! info) {
-      context.method = "throw";
-      context.arg = new TypeError("iterator result is not an object");
-      context.delegate = null;
-      return ContinueSentinel;
-    }
-
-    if (info.done) {
-      // Assign the result of the finished delegate to the temporary
-      // variable specified by delegate.resultName (see delegateYield).
-      context[delegate.resultName] = info.value;
-
-      // Resume execution at the desired location (see delegateYield).
-      context.next = delegate.nextLoc;
-
-      // If context.method was "throw" but the delegate handled the
-      // exception, let the outer generator proceed normally. If
-      // context.method was "next", forget context.arg since it has been
-      // "consumed" by the delegate iterator. If context.method was
-      // "return", allow the original .return call to continue in the
-      // outer generator.
-      if (context.method !== "return") {
-        context.method = "next";
-        context.arg = undefined;
-      }
-
-    } else {
-      // Re-yield the result returned by the delegate method.
-      return info;
-    }
-
-    // The delegate iterator is finished, so forget it and continue with
-    // the outer generator.
-    context.delegate = null;
-    return ContinueSentinel;
-  }
-
-  // Define Generator.prototype.{next,throw,return} in terms of the
-  // unified ._invoke helper method.
-  defineIteratorMethods(Gp);
-
-  define(Gp, toStringTagSymbol, "Generator");
-
-  // A Generator should always return itself as the iterator object when the
-  // @@iterator function is called on it. Some browsers' implementations of the
-  // iterator prototype chain incorrectly implement this, causing the Generator
-  // object to not be returned from this call. This ensures that doesn't happen.
-  // See https://github.com/facebook/regenerator/issues/274 for more details.
-  Gp[iteratorSymbol] = function() {
-    return this;
-  };
-
-  Gp.toString = function() {
-    return "[object Generator]";
-  };
-
-  function pushTryEntry(locs) {
-    var entry = { tryLoc: locs[0] };
-
-    if (1 in locs) {
-      entry.catchLoc = locs[1];
-    }
-
-    if (2 in locs) {
-      entry.finallyLoc = locs[2];
-      entry.afterLoc = locs[3];
-    }
-
-    this.tryEntries.push(entry);
-  }
-
-  function resetTryEntry(entry) {
-    var record = entry.completion || {};
-    record.type = "normal";
-    delete record.arg;
-    entry.completion = record;
-  }
-
-  function Context(tryLocsList) {
-    // The root entry object (effectively a try statement without a catch
-    // or a finally block) gives us a place to store values thrown from
-    // locations where there is no enclosing try statement.
-    this.tryEntries = [{ tryLoc: "root" }];
-    tryLocsList.forEach(pushTryEntry, this);
-    this.reset(true);
-  }
-
-  exports.keys = function(object) {
-    var keys = [];
-    for (var key in object) {
-      keys.push(key);
-    }
-    keys.reverse();
-
-    // Rather than returning an object with a next method, we keep
-    // things simple and return the next function itself.
-    return function next() {
-      while (keys.length) {
-        var key = keys.pop();
-        if (key in object) {
-          next.value = key;
-          next.done = false;
-          return next;
-        }
-      }
-
-      // To avoid creating an additional object, we just hang the .value
-      // and .done properties off the next function object itself. This
-      // also ensures that the minifier will not anonymize the function.
-      next.done = true;
-      return next;
-    };
-  };
-
-  function values(iterable) {
-    if (iterable) {
-      var iteratorMethod = iterable[iteratorSymbol];
-      if (iteratorMethod) {
-        return iteratorMethod.call(iterable);
-      }
-
-      if (typeof iterable.next === "function") {
-        return iterable;
-      }
-
-      if (!isNaN(iterable.length)) {
-        var i = -1, next = function next() {
-          while (++i < iterable.length) {
-            if (hasOwn.call(iterable, i)) {
-              next.value = iterable[i];
-              next.done = false;
-              return next;
-            }
-          }
-
-          next.value = undefined;
-          next.done = true;
-
-          return next;
-        };
-
-        return next.next = next;
-      }
-    }
-
-    // Return an iterator with no values.
-    return { next: doneResult };
-  }
-  exports.values = values;
-
-  function doneResult() {
-    return { value: undefined, done: true };
-  }
-
-  Context.prototype = {
-    constructor: Context,
-
-    reset: function(skipTempReset) {
-      this.prev = 0;
-      this.next = 0;
-      // Resetting context._sent for legacy support of Babel's
-      // function.sent implementation.
-      this.sent = this._sent = undefined;
-      this.done = false;
-      this.delegate = null;
-
-      this.method = "next";
-      this.arg = undefined;
-
-      this.tryEntries.forEach(resetTryEntry);
-
-      if (!skipTempReset) {
-        for (var name in this) {
-          // Not sure about the optimal order of these conditions:
-          if (name.charAt(0) === "t" &&
-              hasOwn.call(this, name) &&
-              !isNaN(+name.slice(1))) {
-            this[name] = undefined;
-          }
-        }
-      }
-    },
-
-    stop: function() {
-      this.done = true;
-
-      var rootEntry = this.tryEntries[0];
-      var rootRecord = rootEntry.completion;
-      if (rootRecord.type === "throw") {
-        throw rootRecord.arg;
-      }
-
-      return this.rval;
-    },
-
-    dispatchException: function(exception) {
-      if (this.done) {
-        throw exception;
-      }
-
-      var context = this;
-      function handle(loc, caught) {
-        record.type = "throw";
-        record.arg = exception;
-        context.next = loc;
-
-        if (caught) {
-          // If the dispatched exception was caught by a catch block,
-          // then let that catch block handle the exception normally.
-          context.method = "next";
-          context.arg = undefined;
-        }
-
-        return !! caught;
-      }
-
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        var record = entry.completion;
-
-        if (entry.tryLoc === "root") {
-          // Exception thrown outside of any try block that could handle
-          // it, so set the completion value of the entire function to
-          // throw the exception.
-          return handle("end");
-        }
-
-        if (entry.tryLoc <= this.prev) {
-          var hasCatch = hasOwn.call(entry, "catchLoc");
-          var hasFinally = hasOwn.call(entry, "finallyLoc");
-
-          if (hasCatch && hasFinally) {
-            if (this.prev < entry.catchLoc) {
-              return handle(entry.catchLoc, true);
-            } else if (this.prev < entry.finallyLoc) {
-              return handle(entry.finallyLoc);
-            }
-
-          } else if (hasCatch) {
-            if (this.prev < entry.catchLoc) {
-              return handle(entry.catchLoc, true);
-            }
-
-          } else if (hasFinally) {
-            if (this.prev < entry.finallyLoc) {
-              return handle(entry.finallyLoc);
-            }
-
-          } else {
-            throw new Error("try statement without catch or finally");
-          }
-        }
-      }
-    },
-
-    abrupt: function(type, arg) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.tryLoc <= this.prev &&
-            hasOwn.call(entry, "finallyLoc") &&
-            this.prev < entry.finallyLoc) {
-          var finallyEntry = entry;
-          break;
-        }
-      }
-
-      if (finallyEntry &&
-          (type === "break" ||
-           type === "continue") &&
-          finallyEntry.tryLoc <= arg &&
-          arg <= finallyEntry.finallyLoc) {
-        // Ignore the finally entry if control is not jumping to a
-        // location outside the try/catch block.
-        finallyEntry = null;
-      }
-
-      var record = finallyEntry ? finallyEntry.completion : {};
-      record.type = type;
-      record.arg = arg;
-
-      if (finallyEntry) {
-        this.method = "next";
-        this.next = finallyEntry.finallyLoc;
-        return ContinueSentinel;
-      }
-
-      return this.complete(record);
-    },
-
-    complete: function(record, afterLoc) {
-      if (record.type === "throw") {
-        throw record.arg;
-      }
-
-      if (record.type === "break" ||
-          record.type === "continue") {
-        this.next = record.arg;
-      } else if (record.type === "return") {
-        this.rval = this.arg = record.arg;
-        this.method = "return";
-        this.next = "end";
-      } else if (record.type === "normal" && afterLoc) {
-        this.next = afterLoc;
-      }
-
-      return ContinueSentinel;
-    },
-
-    finish: function(finallyLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.finallyLoc === finallyLoc) {
-          this.complete(entry.completion, entry.afterLoc);
-          resetTryEntry(entry);
-          return ContinueSentinel;
-        }
-      }
-    },
-
-    "catch": function(tryLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.tryLoc === tryLoc) {
-          var record = entry.completion;
-          if (record.type === "throw") {
-            var thrown = record.arg;
-            resetTryEntry(entry);
-          }
-          return thrown;
-        }
-      }
-
-      // The context.catch method must only be called with a location
-      // argument that corresponds to a known catch block.
-      throw new Error("illegal catch attempt");
-    },
-
-    delegateYield: function(iterable, resultName, nextLoc) {
-      this.delegate = {
-        iterator: values(iterable),
-        resultName: resultName,
-        nextLoc: nextLoc
-      };
-
-      if (this.method === "next") {
-        // Deliberately forget the last sent value so that we don't
-        // accidentally pass it on to the delegate.
-        this.arg = undefined;
-      }
-
-      return ContinueSentinel;
-    }
-  };
-
-  // Regardless of whether this script is executing as a CommonJS module
-  // or not, return the runtime object so that we can declare the variable
-  // regeneratorRuntime in the outer scope, which allows this module to be
-  // injected easily by `bin/regenerator --include-runtime script.js`.
-  return exports;
-
-}(
-  // If this script is executing as a CommonJS module, use module.exports
-  // as the regeneratorRuntime namespace. Otherwise create a new empty
-  // object. Either way, the resulting object will be used to initialize
-  // the regeneratorRuntime variable at the top of this file.
-   true ? module.exports : undefined
-));
-
-try {
-  regeneratorRuntime = runtime;
-} catch (accidentalStrictMode) {
-  // This module should not be running in strict mode, so the above
-  // assignment should always work unless something is misconfigured. Just
-  // in case runtime.js accidentally runs in strict mode, we can escape
-  // strict mode using a global Function call. This could conceivably fail
-  // if a Content Security Policy forbids using Function, but in that case
-  // the proper solution is to fix the accidental strict mode problem. If
-  // you've misconfigured your bundler to force strict mode and applied a
-  // CSP to forbid Function, and you're not willing to fix either of those
-  // problems, please detail your unique predicament in a GitHub issue.
-  Function("r", "regeneratorRuntime = r")(runtime);
-}
-
-
-/***/ }),
-
-/***/ "./resources/js/clients/shared/pdf.js":
-/*!********************************************!*\
-  !*** ./resources/js/clients/shared/pdf.js ***!
-  \********************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
-/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
-
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-var PDF = /*#__PURE__*/function () {
-  function PDF(url, canvas) {
-    _classCallCheck(this, PDF);
-
-    this.url = url;
-    this.canvas = canvas;
-    this.context = canvas.getContext('2d');
-    this.currentPage = 1;
-    this.maxPages = 1;
-    this.currentScale = 1.75;
-    this.currentScaleText = document.getElementById('zoom-level');
-
-    if (matchMedia('only screen and (max-width: 480px)').matches) {
-      this.currentScale = 0.5;
-    }
-
-    this.currentScaleText.textContent = this.currentScale * 100 + '%';
-  }
-
-  _createClass(PDF, [{
-    key: "handlePreviousPage",
-    value: function handlePreviousPage() {
-      if (this.currentPage == 1) {
-        return;
-      }
-
-      this.currentPage -= 1;
-      this.handle();
-    }
-  }, {
-    key: "handleNextPage",
-    value: function handleNextPage() {
-      if (this.currentPage == this.maxPages) {
-        return;
-      }
-
-      this.currentPage += 1;
-      this.handle();
-    }
-  }, {
-    key: "handleZoomChange",
-    value: function handleZoomChange() {
-      var zoom = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
-      if (this.currentScale == 0.25 && !zoom) {
-        return;
-      }
-
-      if (zoom) {
-        this.currentScale += 0.25;
-        this.currentScaleText.textContent = this.currentScale * 100 + '%';
-        return this.handle();
-      }
-
-      this.currentScale -= 0.25;
-      this.currentScaleText.textContent = this.currentScale * 100 + '%';
-      return this.handle();
-    }
-  }, {
-    key: "prepare",
-    value: function prepare() {
-      var _this = this;
-
-      var previousPageButton = document.getElementById('previous-page-button').addEventListener('click', function () {
-        return _this.handlePreviousPage();
-      });
-      var nextPageButton = document.getElementById('next-page-button').addEventListener('click', function () {
-        return _this.handleNextPage();
-      });
-      var zoomInButton = document.getElementById('zoom-in').addEventListener('click', function () {
-        return _this.handleZoomChange(true);
-      });
-      var zoomOutButton = document.getElementById('zoom-out').addEventListener('click', function () {
-        return _this.handleZoomChange();
-      });
-      return this;
-    }
-  }, {
-    key: "setPagesInViewport",
-    value: function setPagesInViewport() {
-      var currentPageContainer = document.getElementById('current-page-container');
-      var totalPageContainer = document.getElementById('total-page-container');
-      var paginationButtonContainer = document.getElementById('pagination-button-container');
-      currentPageContainer.innerText = this.currentPage;
-      totalPageContainer.innerText = this.maxPages;
-
-      if (this.maxPages > 1) {
-        paginationButtonContainer.style.display = 'flex';
-      }
-    }
-  }, {
-    key: "handle",
-    value: function () {
-      var _handle = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
-        var pdf, page, viewport;
-        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return pdfjsLib.getDocument(this.url).promise;
-
-              case 2:
-                pdf = _context.sent;
-                _context.next = 5;
-                return pdf.getPage(this.currentPage);
-
-              case 5:
-                page = _context.sent;
-                this.maxPages = pdf.numPages;
-                _context.next = 9;
-                return page.getViewport({
-                  scale: this.currentScale
-                });
-
-              case 9:
-                viewport = _context.sent;
-                this.canvas.height = viewport.height;
-                this.canvas.width = viewport.width;
-                page.render({
-                  canvasContext: this.context,
-                  viewport: viewport
-                });
-                this.setPagesInViewport();
-
-              case 14:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function handle() {
-        return _handle.apply(this, arguments);
-      }
-
-      return handle;
-    }()
-  }]);
-
-  return PDF;
-}();
-
-var url = document.querySelector("meta[name='pdf-url'").content;
-var canvas = document.getElementById('pdf-placeholder');
-new PDF(url, canvas).prepare().handle();
-
-/***/ }),
-
-/***/ 15:
-/*!**************************************************!*\
-  !*** multi ./resources/js/clients/shared/pdf.js ***!
-  \**************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/clients/shared/pdf.js */"./resources/js/clients/shared/pdf.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see pdf.js.LICENSE.txt */
+!function(t){var e={};function r(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=t,r.c=e,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)r.d(n,o,function(e){return t[e]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="/",r(r.s=15)}({15:function(t,e,r){t.exports=r("7+HS")},"7+HS":function(t,e,r){"use strict";r.r(e);var n=r("o0o1"),o=r.n(n);function i(t,e,r,n,o,i,a){try{var c=t[i](a),u=c.value}catch(t){return void r(t)}c.done?e(u):Promise.resolve(u).then(n,o)}function a(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}new(function(){function t(e,r){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.url=e,this.canvas=r,this.context=r.getContext("2d"),this.currentPage=1,this.maxPages=1,this.currentScale=1.75,this.currentScaleText=document.getElementById("zoom-level"),matchMedia("only screen and (max-width: 480px)").matches&&(this.currentScale=.5),this.currentScaleText.textContent=100*this.currentScale+"%"}var e,r,n,c,u;return e=t,(r=[{key:"handlePreviousPage",value:function(){1!=this.currentPage&&(this.currentPage-=1,this.handle())}},{key:"handleNextPage",value:function(){this.currentPage!=this.maxPages&&(this.currentPage+=1,this.handle())}},{key:"handleZoomChange",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(.25!=this.currentScale||t)return t?(this.currentScale+=.25,this.currentScaleText.textContent=100*this.currentScale+"%",this.handle()):(this.currentScale-=.25,this.currentScaleText.textContent=100*this.currentScale+"%",this.handle())}},{key:"prepare",value:function(){var t=this;return document.getElementById("previous-page-button").addEventListener("click",(function(){return t.handlePreviousPage()})),document.getElementById("next-page-button").addEventListener("click",(function(){return t.handleNextPage()})),document.getElementById("zoom-in").addEventListener("click",(function(){return t.handleZoomChange(!0)})),document.getElementById("zoom-out").addEventListener("click",(function(){return t.handleZoomChange()})),this}},{key:"setPagesInViewport",value:function(){var t=document.getElementById("current-page-container"),e=document.getElementById("total-page-container"),r=document.getElementById("pagination-button-container");t.innerText=this.currentPage,e.innerText=this.maxPages,this.maxPages>1&&(r.style.display="flex")}},{key:"handle",value:(c=o.a.mark((function t(){var e,r,n;return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,pdfjsLib.getDocument(this.url).promise;case 2:return e=t.sent,t.next=5,e.getPage(this.currentPage);case 5:return r=t.sent,this.maxPages=e.numPages,t.next=9,r.getViewport({scale:this.currentScale});case 9:n=t.sent,this.canvas.height=n.height,this.canvas.width=n.width,r.render({canvasContext:this.context,viewport:n}),this.setPagesInViewport();case 14:case"end":return t.stop()}}),t,this)})),u=function(){var t=this,e=arguments;return new Promise((function(r,n){var o=c.apply(t,e);function a(t){i(o,r,n,a,u,"next",t)}function u(t){i(o,r,n,a,u,"throw",t)}a(void 0)}))},function(){return u.apply(this,arguments)})}])&&a(e.prototype,r),n&&a(e,n),t}())(document.querySelector("meta[name='pdf-url'").content,document.getElementById("pdf-placeholder")).prepare().handle()},ls82:function(t,e,r){var n=function(t){"use strict";var e=Object.prototype,r=e.hasOwnProperty,n="function"==typeof Symbol?Symbol:{},o=n.iterator||"@@iterator",i=n.asyncIterator||"@@asyncIterator",a=n.toStringTag||"@@toStringTag";function c(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{c({},"")}catch(t){c=function(t,e,r){return t[e]=r}}function u(t,e,r,n){var o=e&&e.prototype instanceof h?e:h,i=Object.create(o.prototype),a=new P(n||[]);return i._invoke=function(t,e,r){var n="suspendedStart";return function(o,i){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw i;return S()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=w(a,r);if(c){if(c===l)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===n)throw n="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n="executing";var u=s(t,e,r);if("normal"===u.type){if(n=r.done?"completed":"suspendedYield",u.arg===l)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(n="completed",r.method="throw",r.arg=u.arg)}}}(t,r,a),i}function s(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=u;var l={};function h(){}function f(){}function d(){}var p={};p[o]=function(){return this};var v=Object.getPrototypeOf,y=v&&v(v(L([])));y&&y!==e&&r.call(y,o)&&(p=y);var g=d.prototype=h.prototype=Object.create(p);function m(t){["next","throw","return"].forEach((function(e){c(t,e,(function(t){return this._invoke(e,t)}))}))}function x(t,e){var n;this._invoke=function(o,i){function a(){return new e((function(n,a){!function n(o,i,a,c){var u=s(t[o],t,i);if("throw"!==u.type){var l=u.arg,h=l.value;return h&&"object"==typeof h&&r.call(h,"__await")?e.resolve(h.__await).then((function(t){n("next",t,a,c)}),(function(t){n("throw",t,a,c)})):e.resolve(h).then((function(t){l.value=t,a(l)}),(function(t){return n("throw",t,a,c)}))}c(u.arg)}(o,i,n,a)}))}return n=n?n.then(a,a):a()}}function w(t,e){var r=t.iterator[e.method];if(void 0===r){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,w(t,e),"throw"===e.method))return l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var n=s(r,t.iterator,e.arg);if("throw"===n.type)return e.method="throw",e.arg=n.arg,e.delegate=null,l;var o=n.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,l):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}function b(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function E(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function P(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(b,this),this.reset(!0)}function L(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,i=function e(){for(;++n<t.length;)if(r.call(t,n))return e.value=t[n],e.done=!1,e;return e.value=void 0,e.done=!0,e};return i.next=i}}return{next:S}}function S(){return{value:void 0,done:!0}}return f.prototype=g.constructor=d,d.constructor=f,f.displayName=c(d,a,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,d):(t.__proto__=d,c(t,a,"GeneratorFunction")),t.prototype=Object.create(g),t},t.awrap=function(t){return{__await:t}},m(x.prototype),x.prototype[i]=function(){return this},t.AsyncIterator=x,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new x(u(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},m(g),c(g,a,"Generator"),g[o]=function(){return this},g.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=L,P.prototype={constructor:P,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!t)for(var e in this)"t"===e.charAt(0)&&r.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function n(r,n){return a.type="throw",a.arg=t,e.next=r,n&&(e.method="next",e.arg=void 0),!!n}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var c=r.call(i,"catchLoc"),u=r.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return n(i.catchLoc,!0);if(this.prev<i.finallyLoc)return n(i.finallyLoc)}else if(c){if(this.prev<i.catchLoc)return n(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return n(i.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,l):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),l},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),E(r),l}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;E(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,r){return this.delegate={iterator:L(t),resultName:e,nextLoc:r},"next"===this.method&&(this.arg=void 0),l}},t}(t.exports);try{regeneratorRuntime=n}catch(t){Function("r","regeneratorRuntime = r")(n)}},o0o1:function(t,e,r){t.exports=r("ls82")}});
\ No newline at end of file
diff --git a/public/js/setup/setup.js b/public/js/setup/setup.js
index d481607f94..ba4268d8ef 100644
--- a/public/js/setup/setup.js
+++ b/public/js/setup/setup.js
@@ -1,2238 +1,2 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 13);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./node_modules/axios/index.js":
-/*!*************************************!*\
-  !*** ./node_modules/axios/index.js ***!
-  \*************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! ./lib/axios */ "./node_modules/axios/lib/axios.js");
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/adapters/xhr.js":
-/*!************************************************!*\
-  !*** ./node_modules/axios/lib/adapters/xhr.js ***!
-  \************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-var settle = __webpack_require__(/*! ./../core/settle */ "./node_modules/axios/lib/core/settle.js");
-var buildURL = __webpack_require__(/*! ./../helpers/buildURL */ "./node_modules/axios/lib/helpers/buildURL.js");
-var buildFullPath = __webpack_require__(/*! ../core/buildFullPath */ "./node_modules/axios/lib/core/buildFullPath.js");
-var parseHeaders = __webpack_require__(/*! ./../helpers/parseHeaders */ "./node_modules/axios/lib/helpers/parseHeaders.js");
-var isURLSameOrigin = __webpack_require__(/*! ./../helpers/isURLSameOrigin */ "./node_modules/axios/lib/helpers/isURLSameOrigin.js");
-var createError = __webpack_require__(/*! ../core/createError */ "./node_modules/axios/lib/core/createError.js");
-
-module.exports = function xhrAdapter(config) {
-  return new Promise(function dispatchXhrRequest(resolve, reject) {
-    var requestData = config.data;
-    var requestHeaders = config.headers;
-
-    if (utils.isFormData(requestData)) {
-      delete requestHeaders['Content-Type']; // Let the browser set it
-    }
-
-    var request = new XMLHttpRequest();
-
-    // HTTP basic authentication
-    if (config.auth) {
-      var username = config.auth.username || '';
-      var password = config.auth.password || '';
-      requestHeaders.Authorization = 'Basic ' + btoa(username + ':' + password);
-    }
-
-    var fullPath = buildFullPath(config.baseURL, config.url);
-    request.open(config.method.toUpperCase(), buildURL(fullPath, config.params, config.paramsSerializer), true);
-
-    // Set the request timeout in MS
-    request.timeout = config.timeout;
-
-    // Listen for ready state
-    request.onreadystatechange = function handleLoad() {
-      if (!request || request.readyState !== 4) {
-        return;
-      }
-
-      // The request errored out and we didn't get a response, this will be
-      // handled by onerror instead
-      // With one exception: request that using file: protocol, most browsers
-      // will return status as 0 even though it's a successful request
-      if (request.status === 0 && !(request.responseURL && request.responseURL.indexOf('file:') === 0)) {
-        return;
-      }
-
-      // Prepare the response
-      var responseHeaders = 'getAllResponseHeaders' in request ? parseHeaders(request.getAllResponseHeaders()) : null;
-      var responseData = !config.responseType || config.responseType === 'text' ? request.responseText : request.response;
-      var response = {
-        data: responseData,
-        status: request.status,
-        statusText: request.statusText,
-        headers: responseHeaders,
-        config: config,
-        request: request
-      };
-
-      settle(resolve, reject, response);
-
-      // Clean up request
-      request = null;
-    };
-
-    // Handle browser request cancellation (as opposed to a manual cancellation)
-    request.onabort = function handleAbort() {
-      if (!request) {
-        return;
-      }
-
-      reject(createError('Request aborted', config, 'ECONNABORTED', request));
-
-      // Clean up request
-      request = null;
-    };
-
-    // Handle low level network errors
-    request.onerror = function handleError() {
-      // Real errors are hidden from us by the browser
-      // onerror should only fire if it's a network error
-      reject(createError('Network Error', config, null, request));
-
-      // Clean up request
-      request = null;
-    };
-
-    // Handle timeout
-    request.ontimeout = function handleTimeout() {
-      var timeoutErrorMessage = 'timeout of ' + config.timeout + 'ms exceeded';
-      if (config.timeoutErrorMessage) {
-        timeoutErrorMessage = config.timeoutErrorMessage;
-      }
-      reject(createError(timeoutErrorMessage, config, 'ECONNABORTED',
-        request));
-
-      // Clean up request
-      request = null;
-    };
-
-    // Add xsrf header
-    // This is only done if running in a standard browser environment.
-    // Specifically not if we're in a web worker, or react-native.
-    if (utils.isStandardBrowserEnv()) {
-      var cookies = __webpack_require__(/*! ./../helpers/cookies */ "./node_modules/axios/lib/helpers/cookies.js");
-
-      // Add xsrf header
-      var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ?
-        cookies.read(config.xsrfCookieName) :
-        undefined;
-
-      if (xsrfValue) {
-        requestHeaders[config.xsrfHeaderName] = xsrfValue;
-      }
-    }
-
-    // Add headers to the request
-    if ('setRequestHeader' in request) {
-      utils.forEach(requestHeaders, function setRequestHeader(val, key) {
-        if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') {
-          // Remove Content-Type if data is undefined
-          delete requestHeaders[key];
-        } else {
-          // Otherwise add header to the request
-          request.setRequestHeader(key, val);
-        }
-      });
-    }
-
-    // Add withCredentials to request if needed
-    if (!utils.isUndefined(config.withCredentials)) {
-      request.withCredentials = !!config.withCredentials;
-    }
-
-    // Add responseType to request if needed
-    if (config.responseType) {
-      try {
-        request.responseType = config.responseType;
-      } catch (e) {
-        // Expected DOMException thrown by browsers not compatible XMLHttpRequest Level 2.
-        // But, this can be suppressed for 'json' type as it can be parsed by default 'transformResponse' function.
-        if (config.responseType !== 'json') {
-          throw e;
-        }
-      }
-    }
-
-    // Handle progress if needed
-    if (typeof config.onDownloadProgress === 'function') {
-      request.addEventListener('progress', config.onDownloadProgress);
-    }
-
-    // Not all browsers support upload events
-    if (typeof config.onUploadProgress === 'function' && request.upload) {
-      request.upload.addEventListener('progress', config.onUploadProgress);
-    }
-
-    if (config.cancelToken) {
-      // Handle cancellation
-      config.cancelToken.promise.then(function onCanceled(cancel) {
-        if (!request) {
-          return;
-        }
-
-        request.abort();
-        reject(cancel);
-        // Clean up request
-        request = null;
-      });
-    }
-
-    if (requestData === undefined) {
-      requestData = null;
-    }
-
-    // Send the request
-    request.send(requestData);
-  });
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/axios.js":
-/*!*****************************************!*\
-  !*** ./node_modules/axios/lib/axios.js ***!
-  \*****************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./utils */ "./node_modules/axios/lib/utils.js");
-var bind = __webpack_require__(/*! ./helpers/bind */ "./node_modules/axios/lib/helpers/bind.js");
-var Axios = __webpack_require__(/*! ./core/Axios */ "./node_modules/axios/lib/core/Axios.js");
-var mergeConfig = __webpack_require__(/*! ./core/mergeConfig */ "./node_modules/axios/lib/core/mergeConfig.js");
-var defaults = __webpack_require__(/*! ./defaults */ "./node_modules/axios/lib/defaults.js");
-
-/**
- * Create an instance of Axios
- *
- * @param {Object} defaultConfig The default config for the instance
- * @return {Axios} A new instance of Axios
- */
-function createInstance(defaultConfig) {
-  var context = new Axios(defaultConfig);
-  var instance = bind(Axios.prototype.request, context);
-
-  // Copy axios.prototype to instance
-  utils.extend(instance, Axios.prototype, context);
-
-  // Copy context to instance
-  utils.extend(instance, context);
-
-  return instance;
-}
-
-// Create the default instance to be exported
-var axios = createInstance(defaults);
-
-// Expose Axios class to allow class inheritance
-axios.Axios = Axios;
-
-// Factory for creating new instances
-axios.create = function create(instanceConfig) {
-  return createInstance(mergeConfig(axios.defaults, instanceConfig));
-};
-
-// Expose Cancel & CancelToken
-axios.Cancel = __webpack_require__(/*! ./cancel/Cancel */ "./node_modules/axios/lib/cancel/Cancel.js");
-axios.CancelToken = __webpack_require__(/*! ./cancel/CancelToken */ "./node_modules/axios/lib/cancel/CancelToken.js");
-axios.isCancel = __webpack_require__(/*! ./cancel/isCancel */ "./node_modules/axios/lib/cancel/isCancel.js");
-
-// Expose all/spread
-axios.all = function all(promises) {
-  return Promise.all(promises);
-};
-axios.spread = __webpack_require__(/*! ./helpers/spread */ "./node_modules/axios/lib/helpers/spread.js");
-
-module.exports = axios;
-
-// Allow use of default import syntax in TypeScript
-module.exports.default = axios;
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/cancel/Cancel.js":
-/*!*************************************************!*\
-  !*** ./node_modules/axios/lib/cancel/Cancel.js ***!
-  \*************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-/**
- * A `Cancel` is an object that is thrown when an operation is canceled.
- *
- * @class
- * @param {string=} message The message.
- */
-function Cancel(message) {
-  this.message = message;
-}
-
-Cancel.prototype.toString = function toString() {
-  return 'Cancel' + (this.message ? ': ' + this.message : '');
-};
-
-Cancel.prototype.__CANCEL__ = true;
-
-module.exports = Cancel;
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/cancel/CancelToken.js":
-/*!******************************************************!*\
-  !*** ./node_modules/axios/lib/cancel/CancelToken.js ***!
-  \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var Cancel = __webpack_require__(/*! ./Cancel */ "./node_modules/axios/lib/cancel/Cancel.js");
-
-/**
- * A `CancelToken` is an object that can be used to request cancellation of an operation.
- *
- * @class
- * @param {Function} executor The executor function.
- */
-function CancelToken(executor) {
-  if (typeof executor !== 'function') {
-    throw new TypeError('executor must be a function.');
-  }
-
-  var resolvePromise;
-  this.promise = new Promise(function promiseExecutor(resolve) {
-    resolvePromise = resolve;
-  });
-
-  var token = this;
-  executor(function cancel(message) {
-    if (token.reason) {
-      // Cancellation has already been requested
-      return;
-    }
-
-    token.reason = new Cancel(message);
-    resolvePromise(token.reason);
-  });
-}
-
-/**
- * Throws a `Cancel` if cancellation has been requested.
- */
-CancelToken.prototype.throwIfRequested = function throwIfRequested() {
-  if (this.reason) {
-    throw this.reason;
-  }
-};
-
-/**
- * Returns an object that contains a new `CancelToken` and a function that, when called,
- * cancels the `CancelToken`.
- */
-CancelToken.source = function source() {
-  var cancel;
-  var token = new CancelToken(function executor(c) {
-    cancel = c;
-  });
-  return {
-    token: token,
-    cancel: cancel
-  };
-};
-
-module.exports = CancelToken;
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/cancel/isCancel.js":
-/*!***************************************************!*\
-  !*** ./node_modules/axios/lib/cancel/isCancel.js ***!
-  \***************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-module.exports = function isCancel(value) {
-  return !!(value && value.__CANCEL__);
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/Axios.js":
-/*!**********************************************!*\
-  !*** ./node_modules/axios/lib/core/Axios.js ***!
-  \**********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-var buildURL = __webpack_require__(/*! ../helpers/buildURL */ "./node_modules/axios/lib/helpers/buildURL.js");
-var InterceptorManager = __webpack_require__(/*! ./InterceptorManager */ "./node_modules/axios/lib/core/InterceptorManager.js");
-var dispatchRequest = __webpack_require__(/*! ./dispatchRequest */ "./node_modules/axios/lib/core/dispatchRequest.js");
-var mergeConfig = __webpack_require__(/*! ./mergeConfig */ "./node_modules/axios/lib/core/mergeConfig.js");
-
-/**
- * Create a new instance of Axios
- *
- * @param {Object} instanceConfig The default config for the instance
- */
-function Axios(instanceConfig) {
-  this.defaults = instanceConfig;
-  this.interceptors = {
-    request: new InterceptorManager(),
-    response: new InterceptorManager()
-  };
-}
-
-/**
- * Dispatch a request
- *
- * @param {Object} config The config specific for this request (merged with this.defaults)
- */
-Axios.prototype.request = function request(config) {
-  /*eslint no-param-reassign:0*/
-  // Allow for axios('example/url'[, config]) a la fetch API
-  if (typeof config === 'string') {
-    config = arguments[1] || {};
-    config.url = arguments[0];
-  } else {
-    config = config || {};
-  }
-
-  config = mergeConfig(this.defaults, config);
-
-  // Set config.method
-  if (config.method) {
-    config.method = config.method.toLowerCase();
-  } else if (this.defaults.method) {
-    config.method = this.defaults.method.toLowerCase();
-  } else {
-    config.method = 'get';
-  }
-
-  // Hook up interceptors middleware
-  var chain = [dispatchRequest, undefined];
-  var promise = Promise.resolve(config);
-
-  this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {
-    chain.unshift(interceptor.fulfilled, interceptor.rejected);
-  });
-
-  this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {
-    chain.push(interceptor.fulfilled, interceptor.rejected);
-  });
-
-  while (chain.length) {
-    promise = promise.then(chain.shift(), chain.shift());
-  }
-
-  return promise;
-};
-
-Axios.prototype.getUri = function getUri(config) {
-  config = mergeConfig(this.defaults, config);
-  return buildURL(config.url, config.params, config.paramsSerializer).replace(/^\?/, '');
-};
-
-// Provide aliases for supported request methods
-utils.forEach(['delete', 'get', 'head', 'options'], function forEachMethodNoData(method) {
-  /*eslint func-names:0*/
-  Axios.prototype[method] = function(url, config) {
-    return this.request(utils.merge(config || {}, {
-      method: method,
-      url: url
-    }));
-  };
-});
-
-utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
-  /*eslint func-names:0*/
-  Axios.prototype[method] = function(url, data, config) {
-    return this.request(utils.merge(config || {}, {
-      method: method,
-      url: url,
-      data: data
-    }));
-  };
-});
-
-module.exports = Axios;
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/InterceptorManager.js":
-/*!***********************************************************!*\
-  !*** ./node_modules/axios/lib/core/InterceptorManager.js ***!
-  \***********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-
-function InterceptorManager() {
-  this.handlers = [];
-}
-
-/**
- * Add a new interceptor to the stack
- *
- * @param {Function} fulfilled The function to handle `then` for a `Promise`
- * @param {Function} rejected The function to handle `reject` for a `Promise`
- *
- * @return {Number} An ID used to remove interceptor later
- */
-InterceptorManager.prototype.use = function use(fulfilled, rejected) {
-  this.handlers.push({
-    fulfilled: fulfilled,
-    rejected: rejected
-  });
-  return this.handlers.length - 1;
-};
-
-/**
- * Remove an interceptor from the stack
- *
- * @param {Number} id The ID that was returned by `use`
- */
-InterceptorManager.prototype.eject = function eject(id) {
-  if (this.handlers[id]) {
-    this.handlers[id] = null;
-  }
-};
-
-/**
- * Iterate over all the registered interceptors
- *
- * This method is particularly useful for skipping over any
- * interceptors that may have become `null` calling `eject`.
- *
- * @param {Function} fn The function to call for each interceptor
- */
-InterceptorManager.prototype.forEach = function forEach(fn) {
-  utils.forEach(this.handlers, function forEachHandler(h) {
-    if (h !== null) {
-      fn(h);
-    }
-  });
-};
-
-module.exports = InterceptorManager;
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/buildFullPath.js":
-/*!******************************************************!*\
-  !*** ./node_modules/axios/lib/core/buildFullPath.js ***!
-  \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var isAbsoluteURL = __webpack_require__(/*! ../helpers/isAbsoluteURL */ "./node_modules/axios/lib/helpers/isAbsoluteURL.js");
-var combineURLs = __webpack_require__(/*! ../helpers/combineURLs */ "./node_modules/axios/lib/helpers/combineURLs.js");
-
-/**
- * Creates a new URL by combining the baseURL with the requestedURL,
- * only when the requestedURL is not already an absolute URL.
- * If the requestURL is absolute, this function returns the requestedURL untouched.
- *
- * @param {string} baseURL The base URL
- * @param {string} requestedURL Absolute or relative URL to combine
- * @returns {string} The combined full path
- */
-module.exports = function buildFullPath(baseURL, requestedURL) {
-  if (baseURL && !isAbsoluteURL(requestedURL)) {
-    return combineURLs(baseURL, requestedURL);
-  }
-  return requestedURL;
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/createError.js":
-/*!****************************************************!*\
-  !*** ./node_modules/axios/lib/core/createError.js ***!
-  \****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var enhanceError = __webpack_require__(/*! ./enhanceError */ "./node_modules/axios/lib/core/enhanceError.js");
-
-/**
- * Create an Error with the specified message, config, error code, request and response.
- *
- * @param {string} message The error message.
- * @param {Object} config The config.
- * @param {string} [code] The error code (for example, 'ECONNABORTED').
- * @param {Object} [request] The request.
- * @param {Object} [response] The response.
- * @returns {Error} The created error.
- */
-module.exports = function createError(message, config, code, request, response) {
-  var error = new Error(message);
-  return enhanceError(error, config, code, request, response);
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/dispatchRequest.js":
-/*!********************************************************!*\
-  !*** ./node_modules/axios/lib/core/dispatchRequest.js ***!
-  \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-var transformData = __webpack_require__(/*! ./transformData */ "./node_modules/axios/lib/core/transformData.js");
-var isCancel = __webpack_require__(/*! ../cancel/isCancel */ "./node_modules/axios/lib/cancel/isCancel.js");
-var defaults = __webpack_require__(/*! ../defaults */ "./node_modules/axios/lib/defaults.js");
-
-/**
- * Throws a `Cancel` if cancellation has been requested.
- */
-function throwIfCancellationRequested(config) {
-  if (config.cancelToken) {
-    config.cancelToken.throwIfRequested();
-  }
-}
-
-/**
- * Dispatch a request to the server using the configured adapter.
- *
- * @param {object} config The config that is to be used for the request
- * @returns {Promise} The Promise to be fulfilled
- */
-module.exports = function dispatchRequest(config) {
-  throwIfCancellationRequested(config);
-
-  // Ensure headers exist
-  config.headers = config.headers || {};
-
-  // Transform request data
-  config.data = transformData(
-    config.data,
-    config.headers,
-    config.transformRequest
-  );
-
-  // Flatten headers
-  config.headers = utils.merge(
-    config.headers.common || {},
-    config.headers[config.method] || {},
-    config.headers
-  );
-
-  utils.forEach(
-    ['delete', 'get', 'head', 'post', 'put', 'patch', 'common'],
-    function cleanHeaderConfig(method) {
-      delete config.headers[method];
-    }
-  );
-
-  var adapter = config.adapter || defaults.adapter;
-
-  return adapter(config).then(function onAdapterResolution(response) {
-    throwIfCancellationRequested(config);
-
-    // Transform response data
-    response.data = transformData(
-      response.data,
-      response.headers,
-      config.transformResponse
-    );
-
-    return response;
-  }, function onAdapterRejection(reason) {
-    if (!isCancel(reason)) {
-      throwIfCancellationRequested(config);
-
-      // Transform response data
-      if (reason && reason.response) {
-        reason.response.data = transformData(
-          reason.response.data,
-          reason.response.headers,
-          config.transformResponse
-        );
-      }
-    }
-
-    return Promise.reject(reason);
-  });
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/enhanceError.js":
-/*!*****************************************************!*\
-  !*** ./node_modules/axios/lib/core/enhanceError.js ***!
-  \*****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-/**
- * Update an Error with the specified config, error code, and response.
- *
- * @param {Error} error The error to update.
- * @param {Object} config The config.
- * @param {string} [code] The error code (for example, 'ECONNABORTED').
- * @param {Object} [request] The request.
- * @param {Object} [response] The response.
- * @returns {Error} The error.
- */
-module.exports = function enhanceError(error, config, code, request, response) {
-  error.config = config;
-  if (code) {
-    error.code = code;
-  }
-
-  error.request = request;
-  error.response = response;
-  error.isAxiosError = true;
-
-  error.toJSON = function() {
-    return {
-      // Standard
-      message: this.message,
-      name: this.name,
-      // Microsoft
-      description: this.description,
-      number: this.number,
-      // Mozilla
-      fileName: this.fileName,
-      lineNumber: this.lineNumber,
-      columnNumber: this.columnNumber,
-      stack: this.stack,
-      // Axios
-      config: this.config,
-      code: this.code
-    };
-  };
-  return error;
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/mergeConfig.js":
-/*!****************************************************!*\
-  !*** ./node_modules/axios/lib/core/mergeConfig.js ***!
-  \****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ../utils */ "./node_modules/axios/lib/utils.js");
-
-/**
- * Config-specific merge-function which creates a new config-object
- * by merging two configuration objects together.
- *
- * @param {Object} config1
- * @param {Object} config2
- * @returns {Object} New object resulting from merging config2 to config1
- */
-module.exports = function mergeConfig(config1, config2) {
-  // eslint-disable-next-line no-param-reassign
-  config2 = config2 || {};
-  var config = {};
-
-  var valueFromConfig2Keys = ['url', 'method', 'params', 'data'];
-  var mergeDeepPropertiesKeys = ['headers', 'auth', 'proxy'];
-  var defaultToConfig2Keys = [
-    'baseURL', 'url', 'transformRequest', 'transformResponse', 'paramsSerializer',
-    'timeout', 'withCredentials', 'adapter', 'responseType', 'xsrfCookieName',
-    'xsrfHeaderName', 'onUploadProgress', 'onDownloadProgress',
-    'maxContentLength', 'validateStatus', 'maxRedirects', 'httpAgent',
-    'httpsAgent', 'cancelToken', 'socketPath'
-  ];
-
-  utils.forEach(valueFromConfig2Keys, function valueFromConfig2(prop) {
-    if (typeof config2[prop] !== 'undefined') {
-      config[prop] = config2[prop];
-    }
-  });
-
-  utils.forEach(mergeDeepPropertiesKeys, function mergeDeepProperties(prop) {
-    if (utils.isObject(config2[prop])) {
-      config[prop] = utils.deepMerge(config1[prop], config2[prop]);
-    } else if (typeof config2[prop] !== 'undefined') {
-      config[prop] = config2[prop];
-    } else if (utils.isObject(config1[prop])) {
-      config[prop] = utils.deepMerge(config1[prop]);
-    } else if (typeof config1[prop] !== 'undefined') {
-      config[prop] = config1[prop];
-    }
-  });
-
-  utils.forEach(defaultToConfig2Keys, function defaultToConfig2(prop) {
-    if (typeof config2[prop] !== 'undefined') {
-      config[prop] = config2[prop];
-    } else if (typeof config1[prop] !== 'undefined') {
-      config[prop] = config1[prop];
-    }
-  });
-
-  var axiosKeys = valueFromConfig2Keys
-    .concat(mergeDeepPropertiesKeys)
-    .concat(defaultToConfig2Keys);
-
-  var otherKeys = Object
-    .keys(config2)
-    .filter(function filterAxiosKeys(key) {
-      return axiosKeys.indexOf(key) === -1;
-    });
-
-  utils.forEach(otherKeys, function otherKeysDefaultToConfig2(prop) {
-    if (typeof config2[prop] !== 'undefined') {
-      config[prop] = config2[prop];
-    } else if (typeof config1[prop] !== 'undefined') {
-      config[prop] = config1[prop];
-    }
-  });
-
-  return config;
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/settle.js":
-/*!***********************************************!*\
-  !*** ./node_modules/axios/lib/core/settle.js ***!
-  \***********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var createError = __webpack_require__(/*! ./createError */ "./node_modules/axios/lib/core/createError.js");
-
-/**
- * Resolve or reject a Promise based on response status.
- *
- * @param {Function} resolve A function that resolves the promise.
- * @param {Function} reject A function that rejects the promise.
- * @param {object} response The response.
- */
-module.exports = function settle(resolve, reject, response) {
-  var validateStatus = response.config.validateStatus;
-  if (!validateStatus || validateStatus(response.status)) {
-    resolve(response);
-  } else {
-    reject(createError(
-      'Request failed with status code ' + response.status,
-      response.config,
-      null,
-      response.request,
-      response
-    ));
-  }
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/core/transformData.js":
-/*!******************************************************!*\
-  !*** ./node_modules/axios/lib/core/transformData.js ***!
-  \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-
-/**
- * Transform the data for a request or a response
- *
- * @param {Object|String} data The data to be transformed
- * @param {Array} headers The headers for the request or response
- * @param {Array|Function} fns A single function or Array of functions
- * @returns {*} The resulting transformed data
- */
-module.exports = function transformData(data, headers, fns) {
-  /*eslint no-param-reassign:0*/
-  utils.forEach(fns, function transform(fn) {
-    data = fn(data, headers);
-  });
-
-  return data;
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/defaults.js":
-/*!********************************************!*\
-  !*** ./node_modules/axios/lib/defaults.js ***!
-  \********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/* WEBPACK VAR INJECTION */(function(process) {
-
-var utils = __webpack_require__(/*! ./utils */ "./node_modules/axios/lib/utils.js");
-var normalizeHeaderName = __webpack_require__(/*! ./helpers/normalizeHeaderName */ "./node_modules/axios/lib/helpers/normalizeHeaderName.js");
-
-var DEFAULT_CONTENT_TYPE = {
-  'Content-Type': 'application/x-www-form-urlencoded'
-};
-
-function setContentTypeIfUnset(headers, value) {
-  if (!utils.isUndefined(headers) && utils.isUndefined(headers['Content-Type'])) {
-    headers['Content-Type'] = value;
-  }
-}
-
-function getDefaultAdapter() {
-  var adapter;
-  if (typeof XMLHttpRequest !== 'undefined') {
-    // For browsers use XHR adapter
-    adapter = __webpack_require__(/*! ./adapters/xhr */ "./node_modules/axios/lib/adapters/xhr.js");
-  } else if (typeof process !== 'undefined' && Object.prototype.toString.call(process) === '[object process]') {
-    // For node use HTTP adapter
-    adapter = __webpack_require__(/*! ./adapters/http */ "./node_modules/axios/lib/adapters/xhr.js");
-  }
-  return adapter;
-}
-
-var defaults = {
-  adapter: getDefaultAdapter(),
-
-  transformRequest: [function transformRequest(data, headers) {
-    normalizeHeaderName(headers, 'Accept');
-    normalizeHeaderName(headers, 'Content-Type');
-    if (utils.isFormData(data) ||
-      utils.isArrayBuffer(data) ||
-      utils.isBuffer(data) ||
-      utils.isStream(data) ||
-      utils.isFile(data) ||
-      utils.isBlob(data)
-    ) {
-      return data;
-    }
-    if (utils.isArrayBufferView(data)) {
-      return data.buffer;
-    }
-    if (utils.isURLSearchParams(data)) {
-      setContentTypeIfUnset(headers, 'application/x-www-form-urlencoded;charset=utf-8');
-      return data.toString();
-    }
-    if (utils.isObject(data)) {
-      setContentTypeIfUnset(headers, 'application/json;charset=utf-8');
-      return JSON.stringify(data);
-    }
-    return data;
-  }],
-
-  transformResponse: [function transformResponse(data) {
-    /*eslint no-param-reassign:0*/
-    if (typeof data === 'string') {
-      try {
-        data = JSON.parse(data);
-      } catch (e) { /* Ignore */ }
-    }
-    return data;
-  }],
-
-  /**
-   * A timeout in milliseconds to abort a request. If set to 0 (default) a
-   * timeout is not created.
-   */
-  timeout: 0,
-
-  xsrfCookieName: 'XSRF-TOKEN',
-  xsrfHeaderName: 'X-XSRF-TOKEN',
-
-  maxContentLength: -1,
-
-  validateStatus: function validateStatus(status) {
-    return status >= 200 && status < 300;
-  }
-};
-
-defaults.headers = {
-  common: {
-    'Accept': 'application/json, text/plain, */*'
-  }
-};
-
-utils.forEach(['delete', 'get', 'head'], function forEachMethodNoData(method) {
-  defaults.headers[method] = {};
-});
-
-utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
-  defaults.headers[method] = utils.merge(DEFAULT_CONTENT_TYPE);
-});
-
-module.exports = defaults;
-
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../process/browser.js */ "./node_modules/process/browser.js")))
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/bind.js":
-/*!************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/bind.js ***!
-  \************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-module.exports = function bind(fn, thisArg) {
-  return function wrap() {
-    var args = new Array(arguments.length);
-    for (var i = 0; i < args.length; i++) {
-      args[i] = arguments[i];
-    }
-    return fn.apply(thisArg, args);
-  };
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/buildURL.js":
-/*!****************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/buildURL.js ***!
-  \****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-
-function encode(val) {
-  return encodeURIComponent(val).
-    replace(/%40/gi, '@').
-    replace(/%3A/gi, ':').
-    replace(/%24/g, '$').
-    replace(/%2C/gi, ',').
-    replace(/%20/g, '+').
-    replace(/%5B/gi, '[').
-    replace(/%5D/gi, ']');
-}
-
-/**
- * Build a URL by appending params to the end
- *
- * @param {string} url The base of the url (e.g., http://www.google.com)
- * @param {object} [params] The params to be appended
- * @returns {string} The formatted url
- */
-module.exports = function buildURL(url, params, paramsSerializer) {
-  /*eslint no-param-reassign:0*/
-  if (!params) {
-    return url;
-  }
-
-  var serializedParams;
-  if (paramsSerializer) {
-    serializedParams = paramsSerializer(params);
-  } else if (utils.isURLSearchParams(params)) {
-    serializedParams = params.toString();
-  } else {
-    var parts = [];
-
-    utils.forEach(params, function serialize(val, key) {
-      if (val === null || typeof val === 'undefined') {
-        return;
-      }
-
-      if (utils.isArray(val)) {
-        key = key + '[]';
-      } else {
-        val = [val];
-      }
-
-      utils.forEach(val, function parseValue(v) {
-        if (utils.isDate(v)) {
-          v = v.toISOString();
-        } else if (utils.isObject(v)) {
-          v = JSON.stringify(v);
-        }
-        parts.push(encode(key) + '=' + encode(v));
-      });
-    });
-
-    serializedParams = parts.join('&');
-  }
-
-  if (serializedParams) {
-    var hashmarkIndex = url.indexOf('#');
-    if (hashmarkIndex !== -1) {
-      url = url.slice(0, hashmarkIndex);
-    }
-
-    url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams;
-  }
-
-  return url;
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/combineURLs.js":
-/*!*******************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/combineURLs.js ***!
-  \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-/**
- * Creates a new URL by combining the specified URLs
- *
- * @param {string} baseURL The base URL
- * @param {string} relativeURL The relative URL
- * @returns {string} The combined URL
- */
-module.exports = function combineURLs(baseURL, relativeURL) {
-  return relativeURL
-    ? baseURL.replace(/\/+$/, '') + '/' + relativeURL.replace(/^\/+/, '')
-    : baseURL;
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/cookies.js":
-/*!***************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/cookies.js ***!
-  \***************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-
-module.exports = (
-  utils.isStandardBrowserEnv() ?
-
-  // Standard browser envs support document.cookie
-    (function standardBrowserEnv() {
-      return {
-        write: function write(name, value, expires, path, domain, secure) {
-          var cookie = [];
-          cookie.push(name + '=' + encodeURIComponent(value));
-
-          if (utils.isNumber(expires)) {
-            cookie.push('expires=' + new Date(expires).toGMTString());
-          }
-
-          if (utils.isString(path)) {
-            cookie.push('path=' + path);
-          }
-
-          if (utils.isString(domain)) {
-            cookie.push('domain=' + domain);
-          }
-
-          if (secure === true) {
-            cookie.push('secure');
-          }
-
-          document.cookie = cookie.join('; ');
-        },
-
-        read: function read(name) {
-          var match = document.cookie.match(new RegExp('(^|;\\s*)(' + name + ')=([^;]*)'));
-          return (match ? decodeURIComponent(match[3]) : null);
-        },
-
-        remove: function remove(name) {
-          this.write(name, '', Date.now() - 86400000);
-        }
-      };
-    })() :
-
-  // Non standard browser env (web workers, react-native) lack needed support.
-    (function nonStandardBrowserEnv() {
-      return {
-        write: function write() {},
-        read: function read() { return null; },
-        remove: function remove() {}
-      };
-    })()
-);
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/isAbsoluteURL.js":
-/*!*********************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/isAbsoluteURL.js ***!
-  \*********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-/**
- * Determines whether the specified URL is absolute
- *
- * @param {string} url The URL to test
- * @returns {boolean} True if the specified URL is absolute, otherwise false
- */
-module.exports = function isAbsoluteURL(url) {
-  // A URL is considered absolute if it begins with "<scheme>://" or "//" (protocol-relative URL).
-  // RFC 3986 defines scheme name as a sequence of characters beginning with a letter and followed
-  // by any combination of letters, digits, plus, period, or hyphen.
-  return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(url);
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/isURLSameOrigin.js":
-/*!***********************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/isURLSameOrigin.js ***!
-  \***********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-
-module.exports = (
-  utils.isStandardBrowserEnv() ?
-
-  // Standard browser envs have full support of the APIs needed to test
-  // whether the request URL is of the same origin as current location.
-    (function standardBrowserEnv() {
-      var msie = /(msie|trident)/i.test(navigator.userAgent);
-      var urlParsingNode = document.createElement('a');
-      var originURL;
-
-      /**
-    * Parse a URL to discover it's components
-    *
-    * @param {String} url The URL to be parsed
-    * @returns {Object}
-    */
-      function resolveURL(url) {
-        var href = url;
-
-        if (msie) {
-        // IE needs attribute set twice to normalize properties
-          urlParsingNode.setAttribute('href', href);
-          href = urlParsingNode.href;
-        }
-
-        urlParsingNode.setAttribute('href', href);
-
-        // urlParsingNode provides the UrlUtils interface - http://url.spec.whatwg.org/#urlutils
-        return {
-          href: urlParsingNode.href,
-          protocol: urlParsingNode.protocol ? urlParsingNode.protocol.replace(/:$/, '') : '',
-          host: urlParsingNode.host,
-          search: urlParsingNode.search ? urlParsingNode.search.replace(/^\?/, '') : '',
-          hash: urlParsingNode.hash ? urlParsingNode.hash.replace(/^#/, '') : '',
-          hostname: urlParsingNode.hostname,
-          port: urlParsingNode.port,
-          pathname: (urlParsingNode.pathname.charAt(0) === '/') ?
-            urlParsingNode.pathname :
-            '/' + urlParsingNode.pathname
-        };
-      }
-
-      originURL = resolveURL(window.location.href);
-
-      /**
-    * Determine if a URL shares the same origin as the current location
-    *
-    * @param {String} requestURL The URL to test
-    * @returns {boolean} True if URL shares the same origin, otherwise false
-    */
-      return function isURLSameOrigin(requestURL) {
-        var parsed = (utils.isString(requestURL)) ? resolveURL(requestURL) : requestURL;
-        return (parsed.protocol === originURL.protocol &&
-            parsed.host === originURL.host);
-      };
-    })() :
-
-  // Non standard browser envs (web workers, react-native) lack needed support.
-    (function nonStandardBrowserEnv() {
-      return function isURLSameOrigin() {
-        return true;
-      };
-    })()
-);
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/normalizeHeaderName.js":
-/*!***************************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/normalizeHeaderName.js ***!
-  \***************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ../utils */ "./node_modules/axios/lib/utils.js");
-
-module.exports = function normalizeHeaderName(headers, normalizedName) {
-  utils.forEach(headers, function processHeader(value, name) {
-    if (name !== normalizedName && name.toUpperCase() === normalizedName.toUpperCase()) {
-      headers[normalizedName] = value;
-      delete headers[name];
-    }
-  });
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/parseHeaders.js":
-/*!********************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/parseHeaders.js ***!
-  \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js");
-
-// Headers whose duplicates are ignored by node
-// c.f. https://nodejs.org/api/http.html#http_message_headers
-var ignoreDuplicateOf = [
-  'age', 'authorization', 'content-length', 'content-type', 'etag',
-  'expires', 'from', 'host', 'if-modified-since', 'if-unmodified-since',
-  'last-modified', 'location', 'max-forwards', 'proxy-authorization',
-  'referer', 'retry-after', 'user-agent'
-];
-
-/**
- * Parse headers into an object
- *
- * ```
- * Date: Wed, 27 Aug 2014 08:58:49 GMT
- * Content-Type: application/json
- * Connection: keep-alive
- * Transfer-Encoding: chunked
- * ```
- *
- * @param {String} headers Headers needing to be parsed
- * @returns {Object} Headers parsed into an object
- */
-module.exports = function parseHeaders(headers) {
-  var parsed = {};
-  var key;
-  var val;
-  var i;
-
-  if (!headers) { return parsed; }
-
-  utils.forEach(headers.split('\n'), function parser(line) {
-    i = line.indexOf(':');
-    key = utils.trim(line.substr(0, i)).toLowerCase();
-    val = utils.trim(line.substr(i + 1));
-
-    if (key) {
-      if (parsed[key] && ignoreDuplicateOf.indexOf(key) >= 0) {
-        return;
-      }
-      if (key === 'set-cookie') {
-        parsed[key] = (parsed[key] ? parsed[key] : []).concat([val]);
-      } else {
-        parsed[key] = parsed[key] ? parsed[key] + ', ' + val : val;
-      }
-    }
-  });
-
-  return parsed;
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/helpers/spread.js":
-/*!**************************************************!*\
-  !*** ./node_modules/axios/lib/helpers/spread.js ***!
-  \**************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-/**
- * Syntactic sugar for invoking a function and expanding an array for arguments.
- *
- * Common use case would be to use `Function.prototype.apply`.
- *
- *  ```js
- *  function f(x, y, z) {}
- *  var args = [1, 2, 3];
- *  f.apply(null, args);
- *  ```
- *
- * With `spread` this example can be re-written.
- *
- *  ```js
- *  spread(function(x, y, z) {})([1, 2, 3]);
- *  ```
- *
- * @param {Function} callback
- * @returns {Function}
- */
-module.exports = function spread(callback) {
-  return function wrap(arr) {
-    return callback.apply(null, arr);
-  };
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/axios/lib/utils.js":
-/*!*****************************************!*\
-  !*** ./node_modules/axios/lib/utils.js ***!
-  \*****************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var bind = __webpack_require__(/*! ./helpers/bind */ "./node_modules/axios/lib/helpers/bind.js");
-
-/*global toString:true*/
-
-// utils is a library of generic helper functions non-specific to axios
-
-var toString = Object.prototype.toString;
-
-/**
- * Determine if a value is an Array
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is an Array, otherwise false
- */
-function isArray(val) {
-  return toString.call(val) === '[object Array]';
-}
-
-/**
- * Determine if a value is undefined
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if the value is undefined, otherwise false
- */
-function isUndefined(val) {
-  return typeof val === 'undefined';
-}
-
-/**
- * Determine if a value is a Buffer
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a Buffer, otherwise false
- */
-function isBuffer(val) {
-  return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor)
-    && typeof val.constructor.isBuffer === 'function' && val.constructor.isBuffer(val);
-}
-
-/**
- * Determine if a value is an ArrayBuffer
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is an ArrayBuffer, otherwise false
- */
-function isArrayBuffer(val) {
-  return toString.call(val) === '[object ArrayBuffer]';
-}
-
-/**
- * Determine if a value is a FormData
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is an FormData, otherwise false
- */
-function isFormData(val) {
-  return (typeof FormData !== 'undefined') && (val instanceof FormData);
-}
-
-/**
- * Determine if a value is a view on an ArrayBuffer
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false
- */
-function isArrayBufferView(val) {
-  var result;
-  if ((typeof ArrayBuffer !== 'undefined') && (ArrayBuffer.isView)) {
-    result = ArrayBuffer.isView(val);
-  } else {
-    result = (val) && (val.buffer) && (val.buffer instanceof ArrayBuffer);
-  }
-  return result;
-}
-
-/**
- * Determine if a value is a String
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a String, otherwise false
- */
-function isString(val) {
-  return typeof val === 'string';
-}
-
-/**
- * Determine if a value is a Number
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a Number, otherwise false
- */
-function isNumber(val) {
-  return typeof val === 'number';
-}
-
-/**
- * Determine if a value is an Object
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is an Object, otherwise false
- */
-function isObject(val) {
-  return val !== null && typeof val === 'object';
-}
-
-/**
- * Determine if a value is a Date
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a Date, otherwise false
- */
-function isDate(val) {
-  return toString.call(val) === '[object Date]';
-}
-
-/**
- * Determine if a value is a File
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a File, otherwise false
- */
-function isFile(val) {
-  return toString.call(val) === '[object File]';
-}
-
-/**
- * Determine if a value is a Blob
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a Blob, otherwise false
- */
-function isBlob(val) {
-  return toString.call(val) === '[object Blob]';
-}
-
-/**
- * Determine if a value is a Function
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a Function, otherwise false
- */
-function isFunction(val) {
-  return toString.call(val) === '[object Function]';
-}
-
-/**
- * Determine if a value is a Stream
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a Stream, otherwise false
- */
-function isStream(val) {
-  return isObject(val) && isFunction(val.pipe);
-}
-
-/**
- * Determine if a value is a URLSearchParams object
- *
- * @param {Object} val The value to test
- * @returns {boolean} True if value is a URLSearchParams object, otherwise false
- */
-function isURLSearchParams(val) {
-  return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;
-}
-
-/**
- * Trim excess whitespace off the beginning and end of a string
- *
- * @param {String} str The String to trim
- * @returns {String} The String freed of excess whitespace
- */
-function trim(str) {
-  return str.replace(/^\s*/, '').replace(/\s*$/, '');
-}
-
-/**
- * Determine if we're running in a standard browser environment
- *
- * This allows axios to run in a web worker, and react-native.
- * Both environments support XMLHttpRequest, but not fully standard globals.
- *
- * web workers:
- *  typeof window -> undefined
- *  typeof document -> undefined
- *
- * react-native:
- *  navigator.product -> 'ReactNative'
- * nativescript
- *  navigator.product -> 'NativeScript' or 'NS'
- */
-function isStandardBrowserEnv() {
-  if (typeof navigator !== 'undefined' && (navigator.product === 'ReactNative' ||
-                                           navigator.product === 'NativeScript' ||
-                                           navigator.product === 'NS')) {
-    return false;
-  }
-  return (
-    typeof window !== 'undefined' &&
-    typeof document !== 'undefined'
-  );
-}
-
-/**
- * Iterate over an Array or an Object invoking a function for each item.
- *
- * If `obj` is an Array callback will be called passing
- * the value, index, and complete array for each item.
- *
- * If 'obj' is an Object callback will be called passing
- * the value, key, and complete object for each property.
- *
- * @param {Object|Array} obj The object to iterate
- * @param {Function} fn The callback to invoke for each item
- */
-function forEach(obj, fn) {
-  // Don't bother if no value provided
-  if (obj === null || typeof obj === 'undefined') {
-    return;
-  }
-
-  // Force an array if not already something iterable
-  if (typeof obj !== 'object') {
-    /*eslint no-param-reassign:0*/
-    obj = [obj];
-  }
-
-  if (isArray(obj)) {
-    // Iterate over array values
-    for (var i = 0, l = obj.length; i < l; i++) {
-      fn.call(null, obj[i], i, obj);
-    }
-  } else {
-    // Iterate over object keys
-    for (var key in obj) {
-      if (Object.prototype.hasOwnProperty.call(obj, key)) {
-        fn.call(null, obj[key], key, obj);
-      }
-    }
-  }
-}
-
-/**
- * Accepts varargs expecting each argument to be an object, then
- * immutably merges the properties of each object and returns result.
- *
- * When multiple objects contain the same key the later object in
- * the arguments list will take precedence.
- *
- * Example:
- *
- * ```js
- * var result = merge({foo: 123}, {foo: 456});
- * console.log(result.foo); // outputs 456
- * ```
- *
- * @param {Object} obj1 Object to merge
- * @returns {Object} Result of all merge properties
- */
-function merge(/* obj1, obj2, obj3, ... */) {
-  var result = {};
-  function assignValue(val, key) {
-    if (typeof result[key] === 'object' && typeof val === 'object') {
-      result[key] = merge(result[key], val);
-    } else {
-      result[key] = val;
-    }
-  }
-
-  for (var i = 0, l = arguments.length; i < l; i++) {
-    forEach(arguments[i], assignValue);
-  }
-  return result;
-}
-
-/**
- * Function equal to merge with the difference being that no reference
- * to original objects is kept.
- *
- * @see merge
- * @param {Object} obj1 Object to merge
- * @returns {Object} Result of all merge properties
- */
-function deepMerge(/* obj1, obj2, obj3, ... */) {
-  var result = {};
-  function assignValue(val, key) {
-    if (typeof result[key] === 'object' && typeof val === 'object') {
-      result[key] = deepMerge(result[key], val);
-    } else if (typeof val === 'object') {
-      result[key] = deepMerge({}, val);
-    } else {
-      result[key] = val;
-    }
-  }
-
-  for (var i = 0, l = arguments.length; i < l; i++) {
-    forEach(arguments[i], assignValue);
-  }
-  return result;
-}
-
-/**
- * Extends object a by mutably adding to it the properties of object b.
- *
- * @param {Object} a The object to be extended
- * @param {Object} b The object to copy properties from
- * @param {Object} thisArg The object to bind function to
- * @return {Object} The resulting value of object a
- */
-function extend(a, b, thisArg) {
-  forEach(b, function assignValue(val, key) {
-    if (thisArg && typeof val === 'function') {
-      a[key] = bind(val, thisArg);
-    } else {
-      a[key] = val;
-    }
-  });
-  return a;
-}
-
-module.exports = {
-  isArray: isArray,
-  isArrayBuffer: isArrayBuffer,
-  isBuffer: isBuffer,
-  isFormData: isFormData,
-  isArrayBufferView: isArrayBufferView,
-  isString: isString,
-  isNumber: isNumber,
-  isObject: isObject,
-  isUndefined: isUndefined,
-  isDate: isDate,
-  isFile: isFile,
-  isBlob: isBlob,
-  isFunction: isFunction,
-  isStream: isStream,
-  isURLSearchParams: isURLSearchParams,
-  isStandardBrowserEnv: isStandardBrowserEnv,
-  forEach: forEach,
-  merge: merge,
-  deepMerge: deepMerge,
-  extend: extend,
-  trim: trim
-};
-
-
-/***/ }),
-
-/***/ "./node_modules/process/browser.js":
-/*!*****************************************!*\
-  !*** ./node_modules/process/browser.js ***!
-  \*****************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-// shim for using process in browser
-var process = module.exports = {};
-
-// cached from whatever global is present so that test runners that stub it
-// don't break things.  But we need to wrap it in a try catch in case it is
-// wrapped in strict mode code which doesn't define any globals.  It's inside a
-// function because try/catches deoptimize in certain engines.
-
-var cachedSetTimeout;
-var cachedClearTimeout;
-
-function defaultSetTimout() {
-    throw new Error('setTimeout has not been defined');
-}
-function defaultClearTimeout () {
-    throw new Error('clearTimeout has not been defined');
-}
-(function () {
-    try {
-        if (typeof setTimeout === 'function') {
-            cachedSetTimeout = setTimeout;
-        } else {
-            cachedSetTimeout = defaultSetTimout;
-        }
-    } catch (e) {
-        cachedSetTimeout = defaultSetTimout;
-    }
-    try {
-        if (typeof clearTimeout === 'function') {
-            cachedClearTimeout = clearTimeout;
-        } else {
-            cachedClearTimeout = defaultClearTimeout;
-        }
-    } catch (e) {
-        cachedClearTimeout = defaultClearTimeout;
-    }
-} ())
-function runTimeout(fun) {
-    if (cachedSetTimeout === setTimeout) {
-        //normal enviroments in sane situations
-        return setTimeout(fun, 0);
-    }
-    // if setTimeout wasn't available but was latter defined
-    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
-        cachedSetTimeout = setTimeout;
-        return setTimeout(fun, 0);
-    }
-    try {
-        // when when somebody has screwed with setTimeout but no I.E. maddness
-        return cachedSetTimeout(fun, 0);
-    } catch(e){
-        try {
-            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
-            return cachedSetTimeout.call(null, fun, 0);
-        } catch(e){
-            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
-            return cachedSetTimeout.call(this, fun, 0);
-        }
-    }
-
-
-}
-function runClearTimeout(marker) {
-    if (cachedClearTimeout === clearTimeout) {
-        //normal enviroments in sane situations
-        return clearTimeout(marker);
-    }
-    // if clearTimeout wasn't available but was latter defined
-    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
-        cachedClearTimeout = clearTimeout;
-        return clearTimeout(marker);
-    }
-    try {
-        // when when somebody has screwed with setTimeout but no I.E. maddness
-        return cachedClearTimeout(marker);
-    } catch (e){
-        try {
-            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
-            return cachedClearTimeout.call(null, marker);
-        } catch (e){
-            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
-            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
-            return cachedClearTimeout.call(this, marker);
-        }
-    }
-
-
-
-}
-var queue = [];
-var draining = false;
-var currentQueue;
-var queueIndex = -1;
-
-function cleanUpNextTick() {
-    if (!draining || !currentQueue) {
-        return;
-    }
-    draining = false;
-    if (currentQueue.length) {
-        queue = currentQueue.concat(queue);
-    } else {
-        queueIndex = -1;
-    }
-    if (queue.length) {
-        drainQueue();
-    }
-}
-
-function drainQueue() {
-    if (draining) {
-        return;
-    }
-    var timeout = runTimeout(cleanUpNextTick);
-    draining = true;
-
-    var len = queue.length;
-    while(len) {
-        currentQueue = queue;
-        queue = [];
-        while (++queueIndex < len) {
-            if (currentQueue) {
-                currentQueue[queueIndex].run();
-            }
-        }
-        queueIndex = -1;
-        len = queue.length;
-    }
-    currentQueue = null;
-    draining = false;
-    runClearTimeout(timeout);
-}
-
-process.nextTick = function (fun) {
-    var args = new Array(arguments.length - 1);
-    if (arguments.length > 1) {
-        for (var i = 1; i < arguments.length; i++) {
-            args[i - 1] = arguments[i];
-        }
-    }
-    queue.push(new Item(fun, args));
-    if (queue.length === 1 && !draining) {
-        runTimeout(drainQueue);
-    }
-};
-
-// v8 likes predictible objects
-function Item(fun, array) {
-    this.fun = fun;
-    this.array = array;
-}
-Item.prototype.run = function () {
-    this.fun.apply(null, this.array);
-};
-process.title = 'browser';
-process.browser = true;
-process.env = {};
-process.argv = [];
-process.version = ''; // empty string to avoid regexp issues
-process.versions = {};
-
-function noop() {}
-
-process.on = noop;
-process.addListener = noop;
-process.once = noop;
-process.off = noop;
-process.removeListener = noop;
-process.removeAllListeners = noop;
-process.emit = noop;
-process.prependListener = noop;
-process.prependOnceListener = noop;
-
-process.listeners = function (name) { return [] }
-
-process.binding = function (name) {
-    throw new Error('process.binding is not supported');
-};
-
-process.cwd = function () { return '/' };
-process.chdir = function (dir) {
-    throw new Error('process.chdir is not supported');
-};
-process.umask = function() { return 0; };
-
-
-/***/ }),
-
-/***/ "./resources/js/setup/setup.js":
-/*!*************************************!*\
-  !*** ./resources/js/setup/setup.js ***!
-  \*************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
-/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_0__);
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-/**
- * Invoice Ninja (https://invoiceninja.com)
- *
- * @link https://github.com/invoiceninja/invoiceninja source repository
- *
- * @copyright Copyright (c) 2020. Invoice Ninja LLC (https://invoiceninja.com)
- *
- * @license https://opensource.org/licenses/AAL
- */
-
-
-var Setup = /*#__PURE__*/function () {
-  function Setup() {
-    _classCallCheck(this, Setup);
-
-    this.checkDbButton = document.getElementById('test-db-connection');
-    this.checkDbAlert = document.getElementById('database-response');
-    this.checkSmtpButton = document.getElementById('test-smtp-connection');
-    this.checkSmtpAlert = document.getElementById('smtp-response');
-    this.checkPdfButton = document.getElementById('test-pdf');
-    this.checkPdfAlert = document.getElementById('test-pdf-response');
-  }
-
-  _createClass(Setup, [{
-    key: "handleDatabaseCheck",
-    value: function handleDatabaseCheck() {
-      var _this = this;
-
-      var data = {
-        host: document.querySelector('input[name="host"]').value,
-        database: document.querySelector('input[name="database"]').value,
-        username: document.querySelector('input[name="db_username"]').value,
-        password: document.querySelector('input[name="db_password"]').value
-      };
-      axios__WEBPACK_IMPORTED_MODULE_0___default.a.post('/setup/check_db', data).then(function (response) {
-        return _this.handleSuccess(_this.checkDbAlert);
-      })["catch"](function (e) {
-        return _this.handleFailure(_this.checkDbAlert);
-      });
-    }
-  }, {
-    key: "handleSmtpCheck",
-    value: function handleSmtpCheck() {
-      var _this2 = this;
-
-      var data = {
-        driver: document.querySelector('select[name="mail_driver"]').value,
-        from_name: document.querySelector('input[name="mail_name"]').value,
-        from_address: document.querySelector('input[name="mail_address"]').value,
-        username: document.querySelector('input[name="mail_username"]').value,
-        host: document.querySelector('input[name="mail_host"]').value,
-        port: document.querySelector('input[name="mail_port"]').value,
-        encryption: document.querySelector('select[name="encryption"]').value,
-        password: document.querySelector('input[name="mail_password"]').value
-      };
-      axios__WEBPACK_IMPORTED_MODULE_0___default.a.post('/setup/check_mail', data).then(function (response) {
-        return _this2.handleSuccess(_this2.checkSmtpAlert);
-      })["catch"](function (e) {
-        return _this2.handleFailure(_this2.checkSmtpAlert);
-      });
-    }
-  }, {
-    key: "handleTestPdfCheck",
-    value: function handleTestPdfCheck() {
-      var _this3 = this;
-
-      axios__WEBPACK_IMPORTED_MODULE_0___default.a.post('/setup/check_pdf', {}).then(function (response) {
-        var win = window.open(response.data.url, '_blank');
-        win.focus();
-        return _this3.handleSuccess(_this3.checkPdfAlert);
-      })["catch"](function (error) {
-        return _this3.handleFailure(_this3.checkPdfAlert);
-      });
-    }
-  }, {
-    key: "handleSuccess",
-    value: function handleSuccess(element) {
-      element.classList.remove('alert-failure');
-      element.innerText = 'Success!';
-      element.classList.add('alert-success');
-    }
-  }, {
-    key: "handleFailure",
-    value: function handleFailure(element) {
-      element.classList.remove('alert-success');
-      element.innerText = "Oops, looks like something isn't correct!";
-      element.classList.add('alert-failure');
-    }
-  }, {
-    key: "handle",
-    value: function handle() {
-      var _this4 = this;
-
-      this.checkDbButton.addEventListener('click', function () {
-        return _this4.handleDatabaseCheck();
-      });
-      this.checkSmtpButton.addEventListener('click', function () {
-        return _this4.handleSmtpCheck();
-      });
-      this.checkPdfButton.addEventListener('click', function () {
-        return _this4.handleTestPdfCheck();
-      });
-    }
-  }]);
-
-  return Setup;
-}();
-
-new Setup().handle();
-
-/***/ }),
-
-/***/ 13:
-/*!*******************************************!*\
-  !*** multi ./resources/js/setup/setup.js ***!
-  \*******************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /home/benjamin/Code/invoiceninja/resources/js/setup/setup.js */"./resources/js/setup/setup.js");
-
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+/*! For license information please see setup.js.LICENSE.txt */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=13)}({13:function(e,t,n){e.exports=n("tM+k")},"2SVd":function(e,t,n){"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},"5oMp":function(e,t,n){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},"8oxB":function(e,t){var n,r,o=e.exports={};function i(){throw new Error("setTimeout has not been defined")}function s(){throw new Error("clearTimeout has not been defined")}function a(e){if(n===setTimeout)return setTimeout(e,0);if((n===i||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:i}catch(e){n=i}try{r="function"==typeof clearTimeout?clearTimeout:s}catch(e){r=s}}();var u,c=[],f=!1,l=-1;function p(){f&&u&&(f=!1,u.length?c=u.concat(c):l=-1,c.length&&d())}function d(){if(!f){var e=a(p);f=!0;for(var t=c.length;t;){for(u=c,c=[];++l<t;)u&&u[l].run();l=-1,t=c.length}u=null,f=!1,function(e){if(r===clearTimeout)return clearTimeout(e);if((r===s||!r)&&clearTimeout)return r=clearTimeout,clearTimeout(e);try{r(e)}catch(t){try{return r.call(null,e)}catch(t){return r.call(this,e)}}}(e)}}function h(e,t){this.fun=e,this.array=t}function m(){}o.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];c.push(new h(e,t)),1!==c.length||f||a(d)},h.prototype.run=function(){this.fun.apply(null,this.array)},o.title="browser",o.browser=!0,o.env={},o.argv=[],o.version="",o.versions={},o.on=m,o.addListener=m,o.once=m,o.off=m,o.removeListener=m,o.removeAllListeners=m,o.emit=m,o.prependListener=m,o.prependOnceListener=m,o.listeners=function(e){return[]},o.binding=function(e){throw new Error("process.binding is not supported")},o.cwd=function(){return"/"},o.chdir=function(e){throw new Error("process.chdir is not supported")},o.umask=function(){return 0}},"9rSQ":function(e,t,n){"use strict";var r=n("xTJ+");function o(){this.handlers=[]}o.prototype.use=function(e,t){return this.handlers.push({fulfilled:e,rejected:t}),this.handlers.length-1},o.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},o.prototype.forEach=function(e){r.forEach(this.handlers,(function(t){null!==t&&e(t)}))},e.exports=o},CgaS:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("MLWZ"),i=n("9rSQ"),s=n("UnBK"),a=n("SntB");function u(e){this.defaults=e,this.interceptors={request:new i,response:new i}}u.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{}).url=arguments[0]:e=e||{},(e=a(this.defaults,e)).method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var t=[s,void 0],n=Promise.resolve(e);for(this.interceptors.request.forEach((function(e){t.unshift(e.fulfilled,e.rejected)})),this.interceptors.response.forEach((function(e){t.push(e.fulfilled,e.rejected)}));t.length;)n=n.then(t.shift(),t.shift());return n},u.prototype.getUri=function(e){return e=a(this.defaults,e),o(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},r.forEach(["delete","get","head","options"],(function(e){u.prototype[e]=function(t,n){return this.request(r.merge(n||{},{method:e,url:t}))}})),r.forEach(["post","put","patch"],(function(e){u.prototype[e]=function(t,n,o){return this.request(r.merge(o||{},{method:e,url:t,data:n}))}})),e.exports=u},DfZB:function(e,t,n){"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}},HSsa:function(e,t,n){"use strict";e.exports=function(e,t){return function(){for(var n=new Array(arguments.length),r=0;r<n.length;r++)n[r]=arguments[r];return e.apply(t,n)}}},JEQr:function(e,t,n){"use strict";(function(t){var r=n("xTJ+"),o=n("yK9s"),i={"Content-Type":"application/x-www-form-urlencoded"};function s(e,t){!r.isUndefined(e)&&r.isUndefined(e["Content-Type"])&&(e["Content-Type"]=t)}var a,u={adapter:(("undefined"!=typeof XMLHttpRequest||void 0!==t&&"[object process]"===Object.prototype.toString.call(t))&&(a=n("tQ2B")),a),transformRequest:[function(e,t){return o(t,"Accept"),o(t,"Content-Type"),r.isFormData(e)||r.isArrayBuffer(e)||r.isBuffer(e)||r.isStream(e)||r.isFile(e)||r.isBlob(e)?e:r.isArrayBufferView(e)?e.buffer:r.isURLSearchParams(e)?(s(t,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):r.isObject(e)?(s(t,"application/json;charset=utf-8"),JSON.stringify(e)):e}],transformResponse:[function(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,validateStatus:function(e){return e>=200&&e<300}};u.headers={common:{Accept:"application/json, text/plain, */*"}},r.forEach(["delete","get","head"],(function(e){u.headers[e]={}})),r.forEach(["post","put","patch"],(function(e){u.headers[e]=r.merge(i)})),e.exports=u}).call(this,n("8oxB"))},LYNF:function(e,t,n){"use strict";var r=n("OH9c");e.exports=function(e,t,n,o,i){var s=new Error(e);return r(s,t,n,o,i)}},Lmem:function(e,t,n){"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},MLWZ:function(e,t,n){"use strict";var r=n("xTJ+");function o(e){return encodeURIComponent(e).replace(/%40/gi,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}e.exports=function(e,t,n){if(!t)return e;var i;if(n)i=n(t);else if(r.isURLSearchParams(t))i=t.toString();else{var s=[];r.forEach(t,(function(e,t){null!=e&&(r.isArray(e)?t+="[]":e=[e],r.forEach(e,(function(e){r.isDate(e)?e=e.toISOString():r.isObject(e)&&(e=JSON.stringify(e)),s.push(o(t)+"="+o(e))})))})),i=s.join("&")}if(i){var a=e.indexOf("#");-1!==a&&(e=e.slice(0,a)),e+=(-1===e.indexOf("?")?"?":"&")+i}return e}},OH9c:function(e,t,n){"use strict";e.exports=function(e,t,n,r,o){return e.config=t,n&&(e.code=n),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},e}},OTTw:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=r.isStandardBrowserEnv()?function(){var e,t=/(msie|trident)/i.test(navigator.userAgent),n=document.createElement("a");function o(e){var r=e;return t&&(n.setAttribute("href",r),r=n.href),n.setAttribute("href",r),{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:"/"===n.pathname.charAt(0)?n.pathname:"/"+n.pathname}}return e=o(window.location.href),function(t){var n=r.isString(t)?o(t):t;return n.protocol===e.protocol&&n.host===e.host}}():function(){return!0}},"Rn+g":function(e,t,n){"use strict";var r=n("LYNF");e.exports=function(e,t,n){var o=n.config.validateStatus;!o||o(n.status)?e(n):t(r("Request failed with status code "+n.status,n.config,null,n.request,n))}},SntB:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t){t=t||{};var n={},o=["url","method","params","data"],i=["headers","auth","proxy"],s=["baseURL","url","transformRequest","transformResponse","paramsSerializer","timeout","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","maxContentLength","validateStatus","maxRedirects","httpAgent","httpsAgent","cancelToken","socketPath"];r.forEach(o,(function(e){void 0!==t[e]&&(n[e]=t[e])})),r.forEach(i,(function(o){r.isObject(t[o])?n[o]=r.deepMerge(e[o],t[o]):void 0!==t[o]?n[o]=t[o]:r.isObject(e[o])?n[o]=r.deepMerge(e[o]):void 0!==e[o]&&(n[o]=e[o])})),r.forEach(s,(function(r){void 0!==t[r]?n[r]=t[r]:void 0!==e[r]&&(n[r]=e[r])}));var a=o.concat(i).concat(s),u=Object.keys(t).filter((function(e){return-1===a.indexOf(e)}));return r.forEach(u,(function(r){void 0!==t[r]?n[r]=t[r]:void 0!==e[r]&&(n[r]=e[r])})),n}},UnBK:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("xAGQ"),i=n("Lmem"),s=n("JEQr");function a(e){e.cancelToken&&e.cancelToken.throwIfRequested()}e.exports=function(e){return a(e),e.headers=e.headers||{},e.data=o(e.data,e.headers,e.transformRequest),e.headers=r.merge(e.headers.common||{},e.headers[e.method]||{},e.headers),r.forEach(["delete","get","head","post","put","patch","common"],(function(t){delete e.headers[t]})),(e.adapter||s.adapter)(e).then((function(t){return a(e),t.data=o(t.data,t.headers,e.transformResponse),t}),(function(t){return i(t)||(a(e),t&&t.response&&(t.response.data=o(t.response.data,t.response.headers,e.transformResponse))),Promise.reject(t)}))}},endd:function(e,t,n){"use strict";function r(e){this.message=e}r.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},r.prototype.__CANCEL__=!0,e.exports=r},eqyj:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=r.isStandardBrowserEnv()?{write:function(e,t,n,o,i,s){var a=[];a.push(e+"="+encodeURIComponent(t)),r.isNumber(n)&&a.push("expires="+new Date(n).toGMTString()),r.isString(o)&&a.push("path="+o),r.isString(i)&&a.push("domain="+i),!0===s&&a.push("secure"),document.cookie=a.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},g7np:function(e,t,n){"use strict";var r=n("2SVd"),o=n("5oMp");e.exports=function(e,t){return e&&!r(t)?o(e,t):t}},"jfS+":function(e,t,n){"use strict";var r=n("endd");function o(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise((function(e){t=e}));var n=this;e((function(e){n.reason||(n.reason=new r(e),t(n.reason))}))}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.source=function(){var e;return{token:new o((function(t){e=t})),cancel:e}},e.exports=o},"tM+k":function(e,t,n){"use strict";n.r(t);var r=n("vDqi"),o=n.n(r);function i(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.checkDbButton=document.getElementById("test-db-connection"),this.checkDbAlert=document.getElementById("database-response"),this.checkSmtpButton=document.getElementById("test-smtp-connection"),this.checkSmtpAlert=document.getElementById("smtp-response"),this.checkPdfButton=document.getElementById("test-pdf"),this.checkPdfAlert=document.getElementById("test-pdf-response")}var t,n,r;return t=e,(n=[{key:"handleDatabaseCheck",value:function(){var e=this,t={host:document.querySelector('input[name="host"]').value,database:document.querySelector('input[name="database"]').value,username:document.querySelector('input[name="db_username"]').value,password:document.querySelector('input[name="db_password"]').value};o.a.post("/setup/check_db",t).then((function(t){return e.handleSuccess(e.checkDbAlert)})).catch((function(t){return e.handleFailure(e.checkDbAlert)}))}},{key:"handleSmtpCheck",value:function(){var e=this,t={driver:document.querySelector('select[name="mail_driver"]').value,from_name:document.querySelector('input[name="mail_name"]').value,from_address:document.querySelector('input[name="mail_address"]').value,username:document.querySelector('input[name="mail_username"]').value,host:document.querySelector('input[name="mail_host"]').value,port:document.querySelector('input[name="mail_port"]').value,encryption:document.querySelector('select[name="encryption"]').value,password:document.querySelector('input[name="mail_password"]').value};o.a.post("/setup/check_mail",t).then((function(t){return e.handleSuccess(e.checkSmtpAlert)})).catch((function(t){return e.handleFailure(e.checkSmtpAlert)}))}},{key:"handleTestPdfCheck",value:function(){var e=this;o.a.post("/setup/check_pdf",{}).then((function(t){return window.open(t.data.url,"_blank").focus(),e.handleSuccess(e.checkPdfAlert)})).catch((function(t){return e.handleFailure(e.checkPdfAlert)}))}},{key:"handleSuccess",value:function(e){e.classList.remove("alert-failure"),e.innerText="Success!",e.classList.add("alert-success")}},{key:"handleFailure",value:function(e){e.classList.remove("alert-success"),e.innerText="Oops, looks like something isn't correct!",e.classList.add("alert-failure")}},{key:"handle",value:function(){var e=this;this.checkDbButton.addEventListener("click",(function(){return e.handleDatabaseCheck()})),this.checkSmtpButton.addEventListener("click",(function(){return e.handleSmtpCheck()})),this.checkPdfButton.addEventListener("click",(function(){return e.handleTestPdfCheck()}))}}])&&i(t.prototype,n),r&&i(t,r),e}())).handle()},tQ2B:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("Rn+g"),i=n("MLWZ"),s=n("g7np"),a=n("w0Vi"),u=n("OTTw"),c=n("LYNF");e.exports=function(e){return new Promise((function(t,f){var l=e.data,p=e.headers;r.isFormData(l)&&delete p["Content-Type"];var d=new XMLHttpRequest;if(e.auth){var h=e.auth.username||"",m=e.auth.password||"";p.Authorization="Basic "+btoa(h+":"+m)}var v=s(e.baseURL,e.url);if(d.open(e.method.toUpperCase(),i(v,e.params,e.paramsSerializer),!0),d.timeout=e.timeout,d.onreadystatechange=function(){if(d&&4===d.readyState&&(0!==d.status||d.responseURL&&0===d.responseURL.indexOf("file:"))){var n="getAllResponseHeaders"in d?a(d.getAllResponseHeaders()):null,r={data:e.responseType&&"text"!==e.responseType?d.response:d.responseText,status:d.status,statusText:d.statusText,headers:n,config:e,request:d};o(t,f,r),d=null}},d.onabort=function(){d&&(f(c("Request aborted",e,"ECONNABORTED",d)),d=null)},d.onerror=function(){f(c("Network Error",e,null,d)),d=null},d.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),f(c(t,e,"ECONNABORTED",d)),d=null},r.isStandardBrowserEnv()){var y=n("eqyj"),g=(e.withCredentials||u(v))&&e.xsrfCookieName?y.read(e.xsrfCookieName):void 0;g&&(p[e.xsrfHeaderName]=g)}if("setRequestHeader"in d&&r.forEach(p,(function(e,t){void 0===l&&"content-type"===t.toLowerCase()?delete p[t]:d.setRequestHeader(t,e)})),r.isUndefined(e.withCredentials)||(d.withCredentials=!!e.withCredentials),e.responseType)try{d.responseType=e.responseType}catch(t){if("json"!==e.responseType)throw t}"function"==typeof e.onDownloadProgress&&d.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&d.upload&&d.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then((function(e){d&&(d.abort(),f(e),d=null)})),void 0===l&&(l=null),d.send(l)}))}},vDqi:function(e,t,n){e.exports=n("zuR4")},w0Vi:function(e,t,n){"use strict";var r=n("xTJ+"),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,n,i,s={};return e?(r.forEach(e.split("\n"),(function(e){if(i=e.indexOf(":"),t=r.trim(e.substr(0,i)).toLowerCase(),n=r.trim(e.substr(i+1)),t){if(s[t]&&o.indexOf(t)>=0)return;s[t]="set-cookie"===t?(s[t]?s[t]:[]).concat([n]):s[t]?s[t]+", "+n:n}})),s):s}},xAGQ:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t,n){return r.forEach(n,(function(n){e=n(e,t)})),e}},"xTJ+":function(e,t,n){"use strict";var r=n("HSsa"),o=Object.prototype.toString;function i(e){return"[object Array]"===o.call(e)}function s(e){return void 0===e}function a(e){return null!==e&&"object"==typeof e}function u(e){return"[object Function]"===o.call(e)}function c(e,t){if(null!=e)if("object"!=typeof e&&(e=[e]),i(e))for(var n=0,r=e.length;n<r;n++)t.call(null,e[n],n,e);else for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.call(null,e[o],o,e)}e.exports={isArray:i,isArrayBuffer:function(e){return"[object ArrayBuffer]"===o.call(e)},isBuffer:function(e){return null!==e&&!s(e)&&null!==e.constructor&&!s(e.constructor)&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)},isFormData:function(e){return"undefined"!=typeof FormData&&e instanceof FormData},isArrayBufferView:function(e){return"undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer},isString:function(e){return"string"==typeof e},isNumber:function(e){return"number"==typeof e},isObject:a,isUndefined:s,isDate:function(e){return"[object Date]"===o.call(e)},isFile:function(e){return"[object File]"===o.call(e)},isBlob:function(e){return"[object Blob]"===o.call(e)},isFunction:u,isStream:function(e){return a(e)&&u(e.pipe)},isURLSearchParams:function(e){return"undefined"!=typeof URLSearchParams&&e instanceof URLSearchParams},isStandardBrowserEnv:function(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&("undefined"!=typeof window&&"undefined"!=typeof document)},forEach:c,merge:function e(){var t={};function n(n,r){"object"==typeof t[r]&&"object"==typeof n?t[r]=e(t[r],n):t[r]=n}for(var r=0,o=arguments.length;r<o;r++)c(arguments[r],n);return t},deepMerge:function e(){var t={};function n(n,r){"object"==typeof t[r]&&"object"==typeof n?t[r]=e(t[r],n):t[r]="object"==typeof n?e({},n):n}for(var r=0,o=arguments.length;r<o;r++)c(arguments[r],n);return t},extend:function(e,t,n){return c(t,(function(t,o){e[o]=n&&"function"==typeof t?r(t,n):t})),e},trim:function(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")}}},yK9s:function(e,t,n){"use strict";var r=n("xTJ+");e.exports=function(e,t){r.forEach(e,(function(n,r){r!==t&&r.toUpperCase()===t.toUpperCase()&&(e[t]=n,delete e[r])}))}},zuR4:function(e,t,n){"use strict";var r=n("xTJ+"),o=n("HSsa"),i=n("CgaS"),s=n("SntB");function a(e){var t=new i(e),n=o(i.prototype.request,t);return r.extend(n,i.prototype,t),r.extend(n,t),n}var u=a(n("JEQr"));u.Axios=i,u.create=function(e){return a(s(u.defaults,e))},u.Cancel=n("endd"),u.CancelToken=n("jfS+"),u.isCancel=n("Lmem"),u.all=function(e){return Promise.all(e)},u.spread=n("DfZB"),e.exports=u,e.exports.default=u}});
\ No newline at end of file
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 3b56b70e5c..2d15a7f128 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,21 +1,21 @@
 {
-    "/js/app.js": "/js/app.js?id=18e4b72565062eff62a8",
-    "/css/app.css": "/css/app.css?id=59c95c7e0732bdd4cf0b",
-    "/js/clients/invoices/action-selectors.js": "/js/clients/invoices/action-selectors.js?id=e3e73edbc6400feef343",
-    "/js/clients/invoices/payment.js": "/js/clients/invoices/payment.js?id=1d7be8ac3cc5809f693d",
-    "/js/clients/payment_methods/authorize-ach.js": "/js/clients/payment_methods/authorize-ach.js?id=94d1098276dabcb52987",
-    "/js/clients/payment_methods/authorize-authorize-card.js": "/js/clients/payment_methods/authorize-authorize-card.js?id=3701938f6601880bc600",
-    "/js/clients/payment_methods/authorize-stripe-card.js": "/js/clients/payment_methods/authorize-stripe-card.js?id=937df6d2ae660de26592",
-    "/js/clients/payments/alipay.js": "/js/clients/payments/alipay.js?id=6ce93b98df100c8386be",
-    "/js/clients/payments/authorize-credit-card-payment.js": "/js/clients/payments/authorize-credit-card-payment.js?id=0ed6e774a86843d3f2a5",
-    "/js/clients/payments/card-js.min.js": "/js/clients/payments/card-js.min.js?id=23f9127e664abe4f2eb5",
-    "/js/clients/payments/checkout.com.js": "/js/clients/payments/checkout.com.js?id=086de6b1adce63316b49",
-    "/js/clients/payments/process.js": "/js/clients/payments/process.js?id=35101ed1d8b3fff52793",
-    "/js/clients/payments/sofort.js": "/js/clients/payments/sofort.js?id=311a792017b60a8484c5",
-    "/js/clients/quotes/action-selectors.js": "/js/clients/quotes/action-selectors.js?id=efaca45b99034419bc26",
-    "/js/clients/quotes/approve.js": "/js/clients/quotes/approve.js?id=6ac2778523c0359b7901",
-    "/js/clients/shared/multiple-downloads.js": "/js/clients/shared/multiple-downloads.js?id=71d9ede776e5b71ce9ba",
-    "/js/clients/shared/pdf.js": "/js/clients/shared/pdf.js?id=3815ab242a67621dbb4e",
-    "/js/setup/setup.js": "/js/setup/setup.js?id=c12f2f2bb3e572941788",
+    "/js/app.js": "/js/app.js?id=7cb049967de2251aeffc",
+    "/css/app.css": "/css/app.css?id=6275f3bfb92a11a19a8f",
+    "/js/clients/invoices/action-selectors.js": "/js/clients/invoices/action-selectors.js?id=b0f29d5fdfa492962c22",
+    "/js/clients/invoices/payment.js": "/js/clients/invoices/payment.js?id=d7e708d66a9c769b4c6e",
+    "/js/clients/payment_methods/authorize-ach.js": "/js/clients/payment_methods/authorize-ach.js?id=260b1515722aadacba1b",
+    "/js/clients/payment_methods/authorize-authorize-card.js": "/js/clients/payment_methods/authorize-authorize-card.js?id=fda8f421f9e0e5b6a374",
+    "/js/clients/payment_methods/authorize-stripe-card.js": "/js/clients/payment_methods/authorize-stripe-card.js?id=2855350c0cf901f432f2",
+    "/js/clients/payments/alipay.js": "/js/clients/payments/alipay.js?id=766690d4207c0d8e75d1",
+    "/js/clients/payments/authorize-credit-card-payment.js": "/js/clients/payments/authorize-credit-card-payment.js?id=914bbac0c52e458a55ea",
+    "/js/clients/payments/card-js.min.js": "/js/clients/payments/card-js.min.js?id=7200ac43b87bddf1bedc",
+    "/js/clients/payments/checkout.com.js": "/js/clients/payments/checkout.com.js?id=42d239882b80af83ad22",
+    "/js/clients/payments/process.js": "/js/clients/payments/process.js?id=8f0a87e44b6e6824c010",
+    "/js/clients/payments/sofort.js": "/js/clients/payments/sofort.js?id=ca99b358b094202d1e3a",
+    "/js/clients/quotes/action-selectors.js": "/js/clients/quotes/action-selectors.js?id=1702ddb9f59521c7758f",
+    "/js/clients/quotes/approve.js": "/js/clients/quotes/approve.js?id=1c5d76fb5f98bd49f6c8",
+    "/js/clients/shared/multiple-downloads.js": "/js/clients/shared/multiple-downloads.js?id=bf87649ca30c9a3fba59",
+    "/js/clients/shared/pdf.js": "/js/clients/shared/pdf.js?id=df93e290245c26694fdb",
+    "/js/setup/setup.js": "/js/setup/setup.js?id=c4cd098778bf824a3470",
     "/css/card-js.min.css": "/css/card-js.min.css?id=62afeb675235451543ad"
 }
diff --git a/resources/js/app.js b/resources/js/app.js
index e0832c590a..032fdc24fa 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -8,9 +8,23 @@ window.axios = require('axios');
 
 /**
  * card-validator
- * 
+ *
  * Validate credit cards as users type.
  * https://github.com/braintree/card-validator
  */
 window.valid = require('card-validator');
 
+/**
+ * Toggle processing overlay.
+ */
+window.processingOverlay = (show) => {
+    if (show) {
+        return document
+            .getElementById('processing-overlay')
+            .classList.remove('hidden');
+    }
+
+    return document
+        .getElementById('processing-overlay')
+        .classList.add('hidden');
+};
diff --git a/resources/js/clients/payment_methods/authorize-ach.js b/resources/js/clients/payment_methods/authorize-ach.js
index 036e772097..bf16f6b246 100644
--- a/resources/js/clients/payment_methods/authorize-ach.js
+++ b/resources/js/clients/payment_methods/authorize-ach.js
@@ -37,6 +37,9 @@ class AuthorizeACH {
     };
 
     handleError = (message) => {
+        processingOverlay(false);
+        document.getElementById('save-button').disabled = false;
+
         this.errors.textContent = '';
         this.errors.textContent = message;
         this.errors.hidden = false;
@@ -51,6 +54,9 @@ class AuthorizeACH {
     };
 
     handleSubmit = (e) => {
+        processingOverlay(true);
+        document.getElementById('save-button').disabled = true;
+
         e.preventDefault();
         this.errors.textContent = '';
         this.errors.hidden = true;
diff --git a/resources/js/clients/payment_methods/authorize-authorize-card.js b/resources/js/clients/payment_methods/authorize-authorize-card.js
index 0c5651926d..89b4548204 100644
--- a/resources/js/clients/payment_methods/authorize-authorize-card.js
+++ b/resources/js/clients/payment_methods/authorize-authorize-card.js
@@ -35,6 +35,7 @@ class AuthorizeAuthorizeCard {
         secureData.authData = authData;
         secureData.cardData = cardData;
 
+        processingOverlay(true);
 
 		Accept.dispatchData(secureData, this.responseHandler);
           return false;
@@ -42,6 +43,7 @@ class AuthorizeAuthorizeCard {
     }
 
     responseHandler(response) {
+        processingOverlay(false);
 
 	    if (response.messages.resultCode === "Error") {
 	        var i = 0;
diff --git a/resources/js/clients/payment_methods/authorize-stripe-card.js b/resources/js/clients/payment_methods/authorize-stripe-card.js
index fbb3c1da00..0acb344a0f 100644
--- a/resources/js/clients/payment_methods/authorize-stripe-card.js
+++ b/resources/js/clients/payment_methods/authorize-stripe-card.js
@@ -11,8 +11,8 @@
 class AuthorizeStripeCard {
     constructor(key) {
         this.key = key;
-        this.cardHolderName = document.getElementById("cardholder-name");
-        this.cardButton = document.getElementById("card-button");
+        this.cardHolderName = document.getElementById('cardholder-name');
+        this.cardButton = document.getElementById('card-button');
         this.clientSecret = this.cardButton.dataset.secret;
     }
 
@@ -24,49 +24,58 @@ class AuthorizeStripeCard {
     }
 
     createElement() {
-        this.cardElement = this.elements.create("card");
+        this.cardElement = this.elements.create('card');
 
         return this;
     }
 
     mountCardElement() {
-        this.cardElement.mount("#card-element");
+        this.cardElement.mount('#card-element');
 
         return this;
     }
 
     handleStripe(stripe, cardHolderName) {
+        processingOverlay(true);
+        this.cardButton.disabled = true;
+
         stripe
             .handleCardSetup(this.clientSecret, this.cardElement, {
                 payment_method_data: {
-                    billing_details: { name: cardHolderName.value }
-                }
+                    billing_details: { name: cardHolderName.value },
+                },
             })
-            .then(result => {
+            .then((result) => {
                 if (result.error) {
                     return this.handleFailure(result);
                 }
+
                 return this.handleSuccess(result);
             });
     }
 
     handleFailure(result) {
-        let errors = document.getElementById("errors");
+        processingOverlay(false);
+        this.cardButton.disabled = false;
 
-        errors.textContent = "";
+        let errors = document.getElementById('errors');
+
+        errors.textContent = '';
         errors.textContent = result.error.message;
         errors.hidden = false;
     }
 
     handleSuccess(result) {
-        document.getElementById("gateway_response").value = JSON.stringify(
+        document.getElementById('gateway_response').value = JSON.stringify(
             result.setupIntent
         );
-        document.getElementById("is_default").value = document.getElementById(
-            "proxy_is_default"
+        document.getElementById('is_default').value = document.getElementById(
+            'proxy_is_default'
         ).checked;
 
-        document.getElementById("server_response").submit();
+        processingOverlay(false);
+
+        document.getElementById('server_response').submit();
     }
 
     handle() {
@@ -74,7 +83,7 @@ class AuthorizeStripeCard {
             .createElement()
             .mountCardElement();
 
-        this.cardButton.addEventListener("click", () => {
+        this.cardButton.addEventListener('click', () => {
             this.handleStripe(this.stripe, this.cardHolderName);
         });
 
diff --git a/resources/js/clients/payments/alipay.js b/resources/js/clients/payments/alipay.js
index 8449a49242..e6b4c4ea11 100644
--- a/resources/js/clients/payments/alipay.js
+++ b/resources/js/clients/payments/alipay.js
@@ -33,12 +33,17 @@ class ProcessAlipay {
 
         document.getElementById('pay-now').addEventListener('submit', (e) => {
             e.preventDefault();
+            processingOverlay(true);
+            document.getElementById('pay-now').disabled = true;
 
             this.stripe.createSource(data).then(function(result) {
                 if (result.hasOwnProperty('source')) {
                     return (window.location = result.source.redirect.url);
                 }
 
+                processingOverlay(false);
+                document.getElementById('pay-now').disabled = false;
+
                 this.errors.textContent = '';
                 this.errors.textContent = result.error.message;
                 this.errors.hidden = false;
diff --git a/resources/js/clients/payments/authorize-credit-card-payment.js b/resources/js/clients/payments/authorize-credit-card-payment.js
index a5f1abac61..04dcda0468 100644
--- a/resources/js/clients/payments/authorize-credit-card-payment.js
+++ b/resources/js/clients/payments/authorize-credit-card-payment.js
@@ -39,6 +39,7 @@ class AuthorizeAuthorizeCard {
         // send the bankData object instead of the cardData object.
         //
         // secureData.bankData = bankData;
+        processingOverlay(true);
 
 		Accept.dispatchData(secureData, this.responseHandler);
         
@@ -54,7 +55,7 @@ class AuthorizeAuthorizeCard {
     }
 
     responseHandler(response) {
-
+        processingOverlay(false);
 
 	    if (response.messages.resultCode === "Error") {
 	        var i = 0;
diff --git a/resources/js/clients/payments/process.js b/resources/js/clients/payments/process.js
index 802789c382..2f00c94d28 100644
--- a/resources/js/clients/payments/process.js
+++ b/resources/js/clients/payments/process.js
@@ -22,28 +22,30 @@ class ProcessStripePayment {
     }
 
     createElement() {
-        this.cardElement = this.elements.create("card");
+        this.cardElement = this.elements.create('card');
 
         return this;
     }
 
     mountCardElement() {
-        this.cardElement.mount("#card-element");
+        this.cardElement.mount('#card-element');
 
         return this;
     }
 
     completePaymentUsingToken() {
         let payNowButton = document.getElementById('pay-now-with-token');
-        document.getElementById('process-overlay').classList.remove('hidden');
-        
-        return;
+
+        this.payNowButton = payNowButton;
+        this.payNowButton.disabled = true;
+
+        processingOverlay(true);
 
         this.stripe
             .handleCardPayment(payNowButton.dataset.secret, {
-                payment_method: payNowButton.dataset.token
+                payment_method: payNowButton.dataset.token,
             })
-            .then(result => {
+            .then((result) => {
                 if (result.error) {
                     return this.handleFailure(result.error.message);
                 }
@@ -53,19 +55,23 @@ class ProcessStripePayment {
     }
 
     completePaymentWithoutToken() {
-        let payNowButton = document.getElementById("pay-now");
-        let cardHolderName = document.getElementById("cardholder-name");
+        let payNowButton = document.getElementById('pay-now');
+        this.payNowButton = payNowButton;
 
-        document.getElementById('processing-overlay').classList.remove('hidden');
+        let cardHolderName = document.getElementById('cardholder-name');
+
+        processingOverlay(true);
 
         this.stripe
             .handleCardPayment(payNowButton.dataset.secret, this.cardElement, {
                 payment_method_data: {
-                    billing_details: { name: cardHolderName.value }
-                }
+                    billing_details: { name: cardHolderName.value },
+                },
             })
-            .then(result => {
-                document.getElementById('processing-overlay').classList.add('hidden');
+            .then((result) => {
+                document
+                    .getElementById('processing-overlay')
+                    .classList.add('hidden');
 
                 if (result.error) {
                     return this.handleFailure(result.error.message);
@@ -76,6 +82,8 @@ class ProcessStripePayment {
     }
 
     handleSuccess(result) {
+        processingOverlay(false);
+
         document.querySelector(
             'input[name="gateway_response"]'
         ).value = JSON.stringify(result.paymentIntent);
@@ -89,17 +97,17 @@ class ProcessStripePayment {
                 tokenBillingCheckbox.checked;
         }
 
-        document.getElementById("server-response").submit();
+        document.getElementById('server-response').submit();
     }
 
     handleFailure(message) {
-        let errors = document.getElementById("errors");
+        let errors = document.getElementById('errors');
 
-        errors.textContent = "";
+        errors.textContent = '';
         errors.textContent = message;
         errors.hidden = false;
 
-        this.payNowButton.querySelector('svg').classList.add('hidden');
+        processingOverlay(false);
         this.payNowButton.disabled = false;
     }
 
@@ -108,8 +116,8 @@ class ProcessStripePayment {
 
         if (this.usingToken) {
             document
-                .getElementById("pay-now-with-token")
-                .addEventListener("click", () => {
+                .getElementById('pay-now-with-token')
+                .addEventListener('click', () => {
                     return this.completePaymentUsingToken();
                 });
         }
@@ -117,7 +125,7 @@ class ProcessStripePayment {
         if (!this.usingToken) {
             this.createElement().mountCardElement();
 
-            document.getElementById("pay-now").addEventListener("click", () => {
+            document.getElementById('pay-now').addEventListener('click', () => {
                 return this.completePaymentWithoutToken();
             });
         }
diff --git a/resources/js/clients/payments/sofort.js b/resources/js/clients/payments/sofort.js
index 66a5b12e5c..e5d44f3b0a 100644
--- a/resources/js/clients/payments/sofort.js
+++ b/resources/js/clients/payments/sofort.js
@@ -36,6 +36,8 @@ class ProcessSOFORT {
 
         document.getElementById('pay-now').addEventListener('submit', (e) => {
             e.preventDefault();
+            processingOverlay(true);
+            document.getElementById('pay-now').disabled = true;
 
             this.stripe.createSource(data).then(function(result) {
                 if (result.hasOwnProperty('source')) {
@@ -45,6 +47,10 @@ class ProcessSOFORT {
                 this.errors.textContent = '';
                 this.errors.textContent = result.error.message;
                 this.errors.hidden = false;
+
+                processingOverlay(false);
+
+                document.getElementById('pay-now').disabled = false;
             });
         });
     };
diff --git a/resources/lang/en/texts.php b/resources/lang/en/texts.php
index 9ee1d20719..51f0453e30 100644
--- a/resources/lang/en/texts.php
+++ b/resources/lang/en/texts.php
@@ -3266,5 +3266,5 @@ return [
     'download_selected' => 'Download selected',
 
     'to_pay_invoices' => 'To pay invoices, you have to',
-    'add_payment_method_first' => 'add payment method, first',
+    'add_payment_method_first' => 'add payment method',
 ];
diff --git a/resources/views/portal/ninja2020/components/processing.blade.php b/resources/views/portal/ninja2020/components/processing.blade.php
index b3f4677377..83a50cc592 100644
--- a/resources/views/portal/ninja2020/components/processing.blade.php
+++ b/resources/views/portal/ninja2020/components/processing.blade.php
@@ -1,39 +1,17 @@
 <div class="fixed z-10 inset-0 overflow-y-auto hidden" id="processing-overlay">
-    <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-        <!--
-      Background overlay, show/hide based on modal state.
-
-      Entering: "ease-out duration-300"
-        From: "opacity-0"
-        To: "opacity-100"
-      Leaving: "ease-in duration-200"
-        From: "opacity-100"
-        To: "opacity-0"
-    -->
-        <div class="fixed inset-0 transition-opacity">
-            <div class="absolute inset-0 bg-gray-500 opacity-75"></div>
-        </div>
-
-        <!-- This element is to trick the browser into centering the modal contents. -->
-        <span class="hidden sm:inline-block sm:align-middle sm:h-screen"></span>&#8203;
-        <!--
-      Modal panel, show/hide based on modal state.
-
-      Entering: "ease-out duration-300"
-        From: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-        To: "opacity-100 translate-y-0 sm:scale-100"
-      Leaving: "ease-in duration-200"
-        From: "opacity-100 translate-y-0 sm:scale-100"
-        To: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-    -->
-        <div class="inline-block align-bottom bg-white rounded px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-sm sm:w-full sm:p-6" role="dialog" aria-modal="true" aria-labelledby="modal-headline">
-            <div class="flex justify-center items-center">
-                <svg class="animate-spin -ml-1 mr-3 h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-                </svg>
-                <h2 class="text-2xl">Processing</h2>
-            </div>
-        </div>
+  <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
+    <div class="fixed inset-0 transition-opacity">
+      <div class="absolute inset-0 bg-gray-500 opacity-75"></div>
     </div>
+    <span class="hidden sm:inline-block sm:align-middle sm:h-screen"></span>&#8203;
+    <div class="inline-block align-bottom bg-white rounded px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-sm sm:w-full sm:p-6" role="dialog" aria-modal="true" aria-labelledby="modal-headline">
+      <div class="flex justify-center items-center">
+        <svg class="animate-spin -ml-1 mr-3 h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+          <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+          <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+        </svg>
+        <h2 class="text-2xl">{{ ctrans('texts.processing') }}</h2>
+      </div>
+    </div>
+  </div>
 </div>
\ No newline at end of file
diff --git a/resources/views/portal/ninja2020/gateways/stripe/ach/authorize.blade.php b/resources/views/portal/ninja2020/gateways/stripe/ach/authorize.blade.php
index 0e41242bd7..30a859e0b4 100644
--- a/resources/views/portal/ninja2020/gateways/stripe/ach/authorize.blade.php
+++ b/resources/views/portal/ninja2020/gateways/stripe/ach/authorize.blade.php
@@ -104,7 +104,7 @@
                                     </span>
                                 </div>
                                 <div class="bg-white px-4 py-5 flex justify-end">
-                                    <button type="submit" class="button button-primary">
+                                    <button type="submit" class="button button-primary" id="save-button">
                                         {{ ctrans('texts.save') }}
                                     </button>
                                 </div>

From 7ed9e733b14b2dc89baed83fef2f35da842c98d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Mon, 24 Aug 2020 11:17:18 +0200
Subject: [PATCH 07/13] Switch from checkbox to radio buttons for saving card

---
 .../ClientPortal/PaymentMethodController.php           |  2 ++
 .../gateways/stripe/add_credit_card.blade.php          | 10 ++++++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/Http/Controllers/ClientPortal/PaymentMethodController.php b/app/Http/Controllers/ClientPortal/PaymentMethodController.php
index fe5d3aaa77..db2fe3a243 100644
--- a/app/Http/Controllers/ClientPortal/PaymentMethodController.php
+++ b/app/Http/Controllers/ClientPortal/PaymentMethodController.php
@@ -63,6 +63,8 @@ class PaymentMethodController extends Controller
      */
     public function store(Request $request)
     {
+        return $request->all();
+
         $gateway = $this->getClientGateway();
 
         return $gateway
diff --git a/resources/views/portal/ninja2020/gateways/stripe/add_credit_card.blade.php b/resources/views/portal/ninja2020/gateways/stripe/add_credit_card.blade.php
index 86300ae190..5532e5730e 100644
--- a/resources/views/portal/ninja2020/gateways/stripe/add_credit_card.blade.php
+++ b/resources/views/portal/ninja2020/gateways/stripe/add_credit_card.blade.php
@@ -48,8 +48,14 @@
                                     {{ ctrans('texts.save_as_default') }}
                                 </dt>
                                 <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
-                                    <input type="checkbox" class="form-checkbox" name="proxy_is_default"
-                                           id="proxy_is_default"/>
+                                    <label for="yes" class="mr-4">
+                                        <input type="radio" class="form-radio cursor-pointer" name="proxy_is_default" {{ $client->getSetting('auto_bill') == 'on' ? 'checked': '' }} id="proxy_is_default" value="true">
+                                        <span class="ml-1">{{ ctrans('texts.yes') }}</span>
+                                    </label>
+                                    <label for="no">
+                                        <input type="radio" class="form-radio cursor-pointer" name="proxy_is_default" {{ $client->getSetting('auto_bill') == 'off' ? 'checked': '' }} id="proxy_is_default" value="false">
+                                        <span class="ml-1">{{ ctrans('texts.no') }}</span>
+                                    </label>
                                 </dd>
                             </div>
                             <div class="bg-white px-4 py-5 flex justify-end">

From 40467c1745dae331e69295bb0b1574faaede3101 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Mon, 24 Aug 2020 11:18:04 +0200
Subject: [PATCH 08/13] Remove early return from PMC

---
 app/Http/Controllers/ClientPortal/PaymentMethodController.php | 2 --
 1 file changed, 2 deletions(-)

diff --git a/app/Http/Controllers/ClientPortal/PaymentMethodController.php b/app/Http/Controllers/ClientPortal/PaymentMethodController.php
index db2fe3a243..fe5d3aaa77 100644
--- a/app/Http/Controllers/ClientPortal/PaymentMethodController.php
+++ b/app/Http/Controllers/ClientPortal/PaymentMethodController.php
@@ -63,8 +63,6 @@ class PaymentMethodController extends Controller
      */
     public function store(Request $request)
     {
-        return $request->all();
-
         $gateway = $this->getClientGateway();
 
         return $gateway

From d7dd54427106d9236f04cf2b7e98abf58ca7ff16 Mon Sep 17 00:00:00 2001
From: David Bomba <turbo124@gmail.com>
Date: Mon, 24 Aug 2020 19:51:19 +1000
Subject: [PATCH 09/13] System logs

---
 .../Controllers/OpenAPI/SystemLogSchema.php   |  2 +-
 app/Http/Controllers/SystemLogController.php  | 94 +++++++++++++++++--
 app/Models/SystemLog.php                      | 10 ++
 .../2014_10_13_000000_create_users_table.php  | 10 +-
 4 files changed, 102 insertions(+), 14 deletions(-)

diff --git a/app/Http/Controllers/OpenAPI/SystemLogSchema.php b/app/Http/Controllers/OpenAPI/SystemLogSchema.php
index 6e800ca4f0..dd1a1cb185 100644
--- a/app/Http/Controllers/OpenAPI/SystemLogSchema.php
+++ b/app/Http/Controllers/OpenAPI/SystemLogSchema.php
@@ -10,7 +10,7 @@
  *       @OA\Property(property="event_id", type="int", example="1", description="The Log Type ID"),
  *       @OA\Property(property="category_id", type="int", example="1", description="The Category Type ID"),
  *       @OA\Property(property="type_id", type="int", example="1", description="The Type Type ID"),
- *       @OA\Property(property="log", type="object", example="{"key":"value"}", description="The json object of the error"),
+ *       @OA\Property(property="log", type="object", example="{'key':'value'}", description="The json object of the error"),
  *       @OA\Property(property="updated_at", type="string", example="2", description="______"),
  *       @OA\Property(property="created_at", type="string", example="2", description="______"),
  * )
diff --git a/app/Http/Controllers/SystemLogController.php b/app/Http/Controllers/SystemLogController.php
index de17eba8d0..ae4e83ae46 100644
--- a/app/Http/Controllers/SystemLogController.php
+++ b/app/Http/Controllers/SystemLogController.php
@@ -72,7 +72,13 @@ class SystemLogController extends Controller
      */
     public function create()
     {
-        //
+        $error = [
+            'message' => 'Cannot create system log',
+            'errors' => new \stdClass
+        ];
+
+
+        return response()->json($error, 400);
     }
 
     /**
@@ -83,18 +89,72 @@ class SystemLogController extends Controller
      */
     public function store(Request $request)
     {
-        //
+
+        $error = [
+            'message' => 'Cannot store system log',
+            'errors' => new \stdClass
+        ];
+
+
+        return response()->json($error, 400);
+        
     }
 
     /**
      * Display the specified resource.
      *
-     * @param  int  $id
+     * @param      \App\Http\Requests\Invoice\ShowInvoiceRequest  $request  The request
+     * @param      \App\Models\SystemLog                          $system_logs  The system logs
+     *
      * @return \Illuminate\Http\Response
+     *
+     *
+     * @OA\Get(
+     *      path="/api/v1/system_logs/{id}",
+     *      operationId="showSystemLogs",
+     *      tags={"system_logs"},
+     *      summary="Shows a system_logs",
+     *      description="Displays a system_logs by id",
+     *      @OA\Parameter(ref="#/components/parameters/X-Api-Secret"),
+     *      @OA\Parameter(ref="#/components/parameters/X-Api-Token"),
+     *      @OA\Parameter(ref="#/components/parameters/X-Requested-With"),
+     *      @OA\Parameter(ref="#/components/parameters/include"),
+     *      @OA\Parameter(
+     *          name="id",
+     *          in="path",
+     *          description="The system_logs Hashed ID",
+     *          example="D2J234DFA",
+     *          required=true,
+     *          @OA\Schema(
+     *              type="string",
+     *              format="string",
+     *          ),
+     *      ),
+     *      @OA\Response(
+     *          response=200,
+     *          description="Returns the system_logs object",
+     *          @OA\Header(header="X-MINIMUM-CLIENT-VERSION", ref="#/components/headers/X-MINIMUM-CLIENT-VERSION"),
+     *          @OA\Header(header="X-RateLimit-Remaining", ref="#/components/headers/X-RateLimit-Remaining"),
+     *          @OA\Header(header="X-RateLimit-Limit", ref="#/components/headers/X-RateLimit-Limit"),
+     *          @OA\JsonContent(ref="#/components/schemas/SystemLog"),
+     *       ),
+     *       @OA\Response(
+     *          response=422,
+     *          description="Validation error",
+     *          @OA\JsonContent(ref="#/components/schemas/ValidationError"),
+     *
+     *       ),
+     *       @OA\Response(
+     *           response="default",
+     *           description="Unexpected Error",
+     *           @OA\JsonContent(ref="#/components/schemas/Error"),
+     *       ),
+     *     )
+     *
      */
-    public function show($id)
+    public function show(Request $request, SystemLog $system_log)
     {
-        //
+        return $this->itemResponse($system_log);
     }
 
     /**
@@ -105,7 +165,13 @@ class SystemLogController extends Controller
      */
     public function edit($id)
     {
-        //
+        $error = [
+            'message' => 'Cannot edit system log',
+            'errors' => new \stdClass
+        ];
+
+
+        return response()->json($error, 400);
     }
 
     /**
@@ -117,7 +183,13 @@ class SystemLogController extends Controller
      */
     public function update(Request $request, $id)
     {
-        //
+        $error = [
+            'message' => 'Cannot update system log',
+            'errors' => new \stdClass
+        ];
+
+
+        return response()->json($error, 400);
     }
 
     /**
@@ -128,6 +200,12 @@ class SystemLogController extends Controller
      */
     public function destroy($id)
     {
-        //
+        $error = [
+            'message' => 'Cannot destroy system log',
+            'errors' => new \stdClass
+        ];
+
+
+        return response()->json($error, 400);
     }
 }
diff --git a/app/Models/SystemLog.php b/app/Models/SystemLog.php
index f7b5173142..490a4c104b 100644
--- a/app/Models/SystemLog.php
+++ b/app/Models/SystemLog.php
@@ -54,4 +54,14 @@ class SystemLog extends Model
     protected $casts = [
         'log' => 'array'
     ];
+
+    public function resolveRouteBinding($value)
+    {
+        if (is_numeric($value)) {
+            throw new ModelNotFoundException("Record with value {$value} not found");
+        }
+
+        return $this
+            ->where('id', $this->decodePrimaryKey($value))->firstOrFail();
+    }
 }
diff --git a/database/migrations/2014_10_13_000000_create_users_table.php b/database/migrations/2014_10_13_000000_create_users_table.php
index 1141ee17b4..2dda97aaab 100644
--- a/database/migrations/2014_10_13_000000_create_users_table.php
+++ b/database/migrations/2014_10_13_000000_create_users_table.php
@@ -481,7 +481,7 @@ class CreateUsersTable extends Migration
             $t->boolean('custom_surcharge_tax3')->default(false);
             $t->boolean('custom_surcharge_tax4')->default(false);
 
-            $t->decimal('exchange_rate', 16, 4);
+            $t->decimal('exchange_rate', 13, 6)->default(1);
             $t->decimal('amount', 16, 4);
             $t->decimal('balance', 16, 4);
             $t->decimal('partial', 16, 4)->nullable();
@@ -559,7 +559,7 @@ class CreateUsersTable extends Migration
             $t->boolean('custom_surcharge_tax3')->default(false);
             $t->boolean('custom_surcharge_tax4')->default(false);
 
-            $t->decimal('exchange_rate', 16, 4);
+            $t->decimal('exchange_rate', 13, 6)->default(1);
             $t->decimal('amount', 16, 4);
             $t->decimal('balance', 16, 4);
             $t->decimal('partial', 16, 4)->nullable();
@@ -803,7 +803,7 @@ class CreateUsersTable extends Migration
             $t->boolean('custom_surcharge_tax3')->default(false);
             $t->boolean('custom_surcharge_tax4')->default(false);
 
-            $t->decimal('exchange_rate', 16, 4);
+            $t->decimal('exchange_rate', 13, 6)->default(1);
             $t->decimal('amount', 16, 4);
             $t->decimal('balance', 16, 4);
             $t->decimal('partial', 16, 4)->nullable();
@@ -964,7 +964,7 @@ class CreateUsersTable extends Migration
             $t->softDeletes('deleted_at', 6);
             $t->boolean('is_deleted')->default(false);
             $t->boolean('is_manual')->default(false);
-            $t->decimal('exchange_rate', 16, 6)->default(1);
+            $t->decimal('exchange_rate', 13, 6)->default(1);
             $t->unsignedInteger('currency_id');
             $t->unsignedInteger('exchange_currency_id');
 
@@ -1297,7 +1297,7 @@ class CreateUsersTable extends Migration
             $table->boolean('is_deleted')->default(false);
             $table->decimal('amount', 13, 2);
             $table->decimal('foreign_amount', 13, 2);
-            $table->decimal('exchange_rate', 13, 4);
+            $table->decimal('exchange_rate', 13, 6)->default(1);
             $table->string('tax_name1')->nullable();
             $table->decimal('tax_rate1', 13, 3)->default(0);
             $table->string('tax_name2')->nullable();

From 4c3f466d58dbb27a44de43ff4fc589ad0a2d4b1d Mon Sep 17 00:00:00 2001
From: David Bomba <turbo124@gmail.com>
Date: Mon, 24 Aug 2020 20:28:47 +1000
Subject: [PATCH 10/13] Tests for system log routes

---
 app/Http/Controllers/SystemLogController.php  |   2 +-
 app/Models/SystemLog.php                      |  30 ++++-
 ...40557_add_is_public_to_documents_table.php |   5 +
 tests/Feature/SystemLogApiTest.php            | 127 ++++++++++++++++++
 4 files changed, 159 insertions(+), 5 deletions(-)
 create mode 100644 tests/Feature/SystemLogApiTest.php

diff --git a/app/Http/Controllers/SystemLogController.php b/app/Http/Controllers/SystemLogController.php
index ae4e83ae46..1b7a0b5e6f 100644
--- a/app/Http/Controllers/SystemLogController.php
+++ b/app/Http/Controllers/SystemLogController.php
@@ -8,7 +8,7 @@ use App\Transformers\SystemLogTransformer;
 use App\Utils\Traits\MakesHash;
 use Illuminate\Http\Request;
 
-class SystemLogController extends Controller
+class SystemLogController extends BaseController
 {
 
     use MakesHash;
diff --git a/app/Models/SystemLog.php b/app/Models/SystemLog.php
index 490a4c104b..25d0829527 100644
--- a/app/Models/SystemLog.php
+++ b/app/Models/SystemLog.php
@@ -11,10 +11,26 @@
 
 namespace App\Models;
 
+use App\Models\Filterable;
+use App\Utils\Traits\MakesHash;
 use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\SoftDeletes;
 
 class SystemLog extends Model
 {
+    use Filterable;
+    use SoftDeletes;
+    use MakesHash;
+    
+    protected $casts = [
+        'updated_at' => 'timestamp',
+        'created_at' => 'timestamp',
+        'deleted_at' => 'timestamp',
+        'log' => 'array'
+    ];
+
+    protected $dateFormat = 'Y-m-d H:i:s.u';
+
     /* Category IDs */
     const CATEGORY_GATEWAY_RESPONSE = 1;
     const CATEGORY_MAIL = 2;
@@ -51,10 +67,6 @@ class SystemLog extends Model
         'type_id',
     ];
 
-    protected $casts = [
-        'log' => 'array'
-    ];
-
     public function resolveRouteBinding($value)
     {
         if (is_numeric($value)) {
@@ -64,4 +76,14 @@ class SystemLog extends Model
         return $this
             ->where('id', $this->decodePrimaryKey($value))->firstOrFail();
     }
+
+        /*
+    V2 type of scope
+     */
+    public function scopeCompany($query)
+    {
+        $query->where('company_id', auth()->user()->companyId());
+        
+        return $query;
+    }
 }
diff --git a/database/migrations/2020_08_18_140557_add_is_public_to_documents_table.php b/database/migrations/2020_08_18_140557_add_is_public_to_documents_table.php
index 1079ab6c68..784db3ae35 100644
--- a/database/migrations/2020_08_18_140557_add_is_public_to_documents_table.php
+++ b/database/migrations/2020_08_18_140557_add_is_public_to_documents_table.php
@@ -31,6 +31,11 @@ class AddIsPublicToDocumentsTable extends Migration
             $table->text('meta')->nullable();
         });
         
+        Schema::table('system_logs', function (Blueprint $table) {
+            $table->softDeletes('deleted_at', 6);
+        });
+        
+
     }
 
     /**
diff --git a/tests/Feature/SystemLogApiTest.php b/tests/Feature/SystemLogApiTest.php
new file mode 100644
index 0000000000..4eeada3ed0
--- /dev/null
+++ b/tests/Feature/SystemLogApiTest.php
@@ -0,0 +1,127 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\DataMapper\DefaultSettings;
+use App\Models\Account;
+use App\Models\Client;
+use App\Models\ClientContact;
+use App\Models\Company;
+use App\Models\SystemLog;
+use App\Models\User;
+use App\Utils\Traits\MakesHash;
+use Faker\Factory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Foundation\Testing\DatabaseTransactions;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Foundation\Testing\WithFaker;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Log;
+use Illuminate\Support\Facades\Session;
+use Tests\MockAccountData;
+use Tests\TestCase;
+
+/**
+ * @test
+ * @covers App\Http\Controllers\SystemLogController
+ */
+class SystemLogApiTest extends TestCase
+{
+    use MakesHash;
+    use DatabaseTransactions;
+    use MockAccountData;
+
+    public function setUp() :void
+    {
+        parent::setUp();
+
+        $this->makeTestData();
+
+    }
+
+
+    public function testSystemLogRoutes()
+    {
+
+        $sl = [
+            'client_id' => $this->client->id,
+            'company_id' => $this->company->id,
+            'user_id' => $this->client->user_id,
+            'log' => 'thelog',
+            'category_id' => 1,
+            'event_id' => 1,
+            'type_id' => 1,
+        ];
+
+        SystemLog::create($sl);
+
+        $response = $this->withHeaders([
+                'X-API-SECRET' => config('ninja.api_secret'),
+                'X-API-TOKEN' => $this->token
+            ])->get('/api/v1/system_logs');
+
+
+        $response->assertStatus(200);
+
+        $arr = $response->json();
+
+        $this->assertTrue(count($arr['data']) >=1);
+
+        $hashed_id = $arr['data'][0]['id'];
+
+
+            $response = $this->withHeaders([
+                'X-API-SECRET' => config('ninja.api_secret'),
+                'X-API-TOKEN' => $this->token
+            ])->get('/api/v1/system_logs/' . $hashed_id);
+
+            $response->assertStatus(200);
+
+            $arr = $response->json();
+
+            $this->assertEquals($hashed_id, $arr['data']['id']);
+
+
+            $response = $this->withHeaders([
+                'X-API-SECRET' => config('ninja.api_secret'),
+                'X-API-TOKEN' => $this->token
+            ])->put('/api/v1/system_logs/' . $hashed_id, $sl)->assertStatus(400);
+
+
+            $response = $this->withHeaders([
+                'X-API-SECRET' => config('ninja.api_secret'),
+                'X-API-TOKEN' => $this->token
+            ])->delete('/api/v1/system_logs/' . $hashed_id)->assertStatus(400);
+    }
+
+    public function testStoreRouteFails()
+    {
+
+        $sl = [
+            'client_id' => $this->client->id,
+            'company_id' => $this->company->id,
+            'user_id' => $this->client->user_id,
+            'log' => 'thelog',
+            'category_id' => 1,
+            'event_id' => 1,
+            'type_id' => 1,
+        ];
+
+        $response = $this->withHeaders([
+            'X-API-SECRET' => config('ninja.api_secret'),
+            'X-API-TOKEN' => $this->token
+        ])->post('/api/v1/system_logs', $sl)->assertStatus(400);
+
+    }
+
+    public function testCreateRouteFails()
+    {
+
+        $response = $this->withHeaders([
+            'X-API-SECRET' => config('ninja.api_secret'),
+            'X-API-TOKEN' => $this->token
+        ])->get('/api/v1/system_logs/create')->assertStatus(400);
+
+    }
+
+}

From e6de7c96615c25070dfae47f12cbab1f93ca3703 Mon Sep 17 00:00:00 2001
From: David Bomba <turbo124@gmail.com>
Date: Mon, 24 Aug 2020 21:16:35 +1000
Subject: [PATCH 11/13] Logging for webhook handler

---
 app/Jobs/Util/WebhookHandler.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/Jobs/Util/WebhookHandler.php b/app/Jobs/Util/WebhookHandler.php
index e691a0773a..a8f5f4795f 100644
--- a/app/Jobs/Util/WebhookHandler.php
+++ b/app/Jobs/Util/WebhookHandler.php
@@ -64,7 +64,6 @@ class WebhookHandler implements ShouldQueue
         // generate JSON data
         $manager = new Manager();
         $manager->setSerializer(new ArraySerializer());
-       // $manager->parseIncludes($include);
 
         $transformer = new $this->getTransformerClassName();
 
@@ -101,7 +100,8 @@ class WebhookHandler implements ShouldQueue
 
     public function failed($exception)
     {
-        $exception->getMessage();
-        // etc...
+
+        info(print_r($exception->getMessage(),1));
+        
     }
 }

From d6c224e538088a4d065c3e083e9d973fe72fee7f Mon Sep 17 00:00:00 2001
From: David Bomba <turbo124@gmail.com>
Date: Mon, 24 Aug 2020 21:21:35 +1000
Subject: [PATCH 12/13] Fixes for QuoteWasApproved

---
 app/Events/Quote/QuoteWasApproved.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/Events/Quote/QuoteWasApproved.php b/app/Events/Quote/QuoteWasApproved.php
index bea13b86a6..dba6ff43ad 100644
--- a/app/Events/Quote/QuoteWasApproved.php
+++ b/app/Events/Quote/QuoteWasApproved.php
@@ -11,6 +11,7 @@
 
 namespace App\Events\Quote;
 
+use App\Models\ClientContact;
 use App\Models\Company;
 use App\Models\Quote;
 use Illuminate\Broadcasting\Channel;

From 044c35266e80a7421ead8b79d39c7201100f91e3 Mon Sep 17 00:00:00 2001
From: David Bomba <turbo124@gmail.com>
Date: Mon, 24 Aug 2020 21:53:22 +1000
Subject: [PATCH 13/13] Fixes for zapier

---
 app/Jobs/Util/WebhookHandler.php | 31 +++++++++++++------------------
 1 file changed, 13 insertions(+), 18 deletions(-)

diff --git a/app/Jobs/Util/WebhookHandler.php b/app/Jobs/Util/WebhookHandler.php
index a8f5f4795f..6c6a4ca8c6 100644
--- a/app/Jobs/Util/WebhookHandler.php
+++ b/app/Jobs/Util/WebhookHandler.php
@@ -2,6 +2,7 @@
 
 namespace App\Jobs\Util;
 
+use GuzzleHttp\RequestOptions;
 use App\Transformers\ArraySerializer;
 use Illuminate\Bus\Queueable;
 use Illuminate\Contracts\Queue\ShouldQueue;
@@ -24,7 +25,7 @@ class WebhookHandler implements ShouldQueue
      *
      * @return void
      */
-    
+
     public function __construct($event_id, $entity)
     {
         $this->event_id = $event_id;
@@ -38,11 +39,9 @@ class WebhookHandler implements ShouldQueue
      */
     public function handle() :bool
     {
-        
-        if(!$this->entity->company || $this->entity->company->company_users->first()->is_migrating)
-            return true;
 
-        //info("i got past the check");
+        if(!$this->entity->company || $this->entity->company->company_users->first()->is_migrating == true)
+            return true;
 
         $subscriptions = \App\Models\Webhook::where('company_id', $this->entity->company_id)
                                     ->where('event_id', $this->event_id)
@@ -58,14 +57,15 @@ class WebhookHandler implements ShouldQueue
         return true;
 
     }
-
     private function process($subscription)
     {
         // generate JSON data
         $manager = new Manager();
         $manager->setSerializer(new ArraySerializer());
 
-        $transformer = new $this->getTransformerClassName();
+        $class = sprintf('App\\Transformers\\%sTransformer', class_basename($this->entity));
+
+        $transformer = new $class();
 
         $resource = new Item($this->entity, $transformer, $this->entity->getEntityType());
         $data = $manager->createData($resource)->toArray();
@@ -73,24 +73,18 @@ class WebhookHandler implements ShouldQueue
         $this->postData($subscription, $data, []);
     }
 
-    private function getTransformerClassName()
-    {
-        return sprintf('App\\Transformers\\%sTransformer', class_basename($this->entity));
-    }
-
     private function postData($subscription, $data, $headers = [])
     {
+
         $base_headers = [
-            'Content-Length' => strlen($data),
+            'Content-Length' => strlen(json_encode($data)),
             'Accept'         => 'application/json'
         ];
 
         $client = new \GuzzleHttp\Client(['headers' => array_merge($base_headers, $headers)]);
-    
-       //$response = $client->request('POST', $subscription->target_url, ['form_params' => $data]);
-        
+
         $response = $client->post($subscription->target_url, [
-                        GuzzleHttp\RequestOptions::JSON => $data // or 'json' => [...]
+                        RequestOptions::JSON => $data // or 'json' => [...]
                     ]);
 
         if ($response->getStatusCode() == 410 || $response->getStatusCode() == 200) {
@@ -102,6 +96,7 @@ class WebhookHandler implements ShouldQueue
     {
 
         info(print_r($exception->getMessage(),1));
-        
+
     }
 }
+                             
\ No newline at end of file